@edx/frontend-app-subscription-learner-dashboard 1.0.0

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/UpgradeAllButton.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useContext } from 'react';
+import { Button } from '@openedx/paragon';
+import { FormattedNumber, useIntl } from '@openedx/frontend-base';
+import messages from './messages';
+import './index.scss';
+import { ProgramProgressContext } from '../ProgramProgressProvider';
+const UpgradeAllButton = () => {
+    const { formatMessage } = useIntl();
+    const { programProgressData } = useContext(ProgramProgressContext);
+    const { urls } = programProgressData;
+    const getAllRemainingCoursesPrice = () => {
+        if (!programProgressData.programData) {
+            return null;
+        }
+        const { discountData } = programProgressData.programData;
+        if (discountData) {
+            const { currency, isDiscounted, totalInclTaxExclDiscounts, totalInclTax, } = discountData;
+            if (isDiscounted) {
+                return (_jsxs(_Fragment, { children: [_jsx("span", { className: "list-price", children: _jsx(FormattedNumber, { value: totalInclTaxExclDiscounts, style: "currency", currency: currency, maximumFractionDigits: 2, minimumFractionDigits: 2 }) }), _jsx("span", { children: _jsx(FormattedNumber, { value: totalInclTax, style: "currency", currency: currency, maximumFractionDigits: 2, minimumFractionDigits: 2 }) })] }));
+            }
+            return (_jsx("span", { children: _jsx(FormattedNumber, { value: totalInclTax, style: "currency", currency: currency, maximumFractionDigits: 2, minimumFractionDigits: 2 }) }));
+        }
+        return null;
+    };
+    return (_jsxs(Button, { as: "a", className: "upgrade-all-button", href: urls && urls.buyButtonUrl, "data-testid": "upgrade-all-button", variant: "brand", children: [_jsx("span", { children: formatMessage(messages.upgradeAllRemainingCoursesButtonText) }), getAllRemainingCoursesPrice() && (_jsx("span", { className: "all-remaining-courses-price", children: getAllRemainingCoursesPrice() }))] }));
+};
+export default UpgradeAllButton;
+//# sourceMappingURL=UpgradeAllButton.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/UpgradeAllButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpgradeAllButton.js","sourceRoot":"","sources":["../../../../../src/containers/ProgramDashboard/ProgramProgress/UpgradeButton/UpgradeAllButton.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AACtB,OAAO,EAAE,sBAAsB,EAAmC,MAAM,4BAA4B,CAAC;AAErG,MAAM,gBAAgB,GAAa,GAAG,EAAE;IACtC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,EAAE,mBAAmB,EAAE,GAAG,UAAU,CAAkC,sBAAsB,CAAC,CAAC;IACpG,MAAM,EAAE,IAAI,EAAE,GAAG,mBAAmB,CAAC;IAErC,MAAM,2BAA2B,GAAG,GAAG,EAAE;QACvC,IAAI,CAAC,mBAAmB,CAAC,WAAW,EAAE,CAAC;YACrC,OAAO,IAAI,CAAC;QACd,CAAC;QACD,MAAM,EAAE,YAAY,EAAE,GAAG,mBAAmB,CAAC,WAAW,CAAC;QAEzD,IAAI,YAAY,EAAE,CAAC;YACjB,MAAM,EACJ,QAAQ,EACR,YAAY,EACZ,yBAAyB,EACzB,YAAY,GACb,GAAG,YAAY,CAAC;YAEjB,IAAI,YAAY,EAAE,CAAC;gBACjB,OAAO,CACL,8BACE,eAAM,SAAS,EAAC,YAAY,YAC1B,KAAC,eAAe,IACd,KAAK,EAAE,yBAAyB,EAChC,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,CAAC,EACxB,qBAAqB,EAAE,CAAC,GACxB,GACG,EACP,yBACE,KAAC,eAAe,IACd,KAAK,EAAE,YAAY,EACnB,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,CAAC,EACxB,qBAAqB,EAAE,CAAC,GACxB,GACG,IACN,CACJ,CAAC;YACJ,CAAC;YACD,OAAO,CACL,yBACE,KAAC,eAAe,IACd,KAAK,EAAE,YAAY,EACnB,KAAK,EAAC,UAAU,EAChB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,CAAC,EACxB,qBAAqB,EAAE,CAAC,GACxB,GACG,CACR,CAAC;QACJ,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,IACL,EAAE,EAAC,GAAG,EACN,SAAS,EAAC,oBAAoB,EAC9B,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,YAAY,iBACnB,oBAAoB,EAChC,OAAO,EAAC,OAAO,aAEf,yBACG,aAAa,CAAC,QAAQ,CAAC,oCAAoC,CAAC,GACxD,EACN,2BAA2B,EAAE,IAAI,CAChC,eAAM,SAAS,EAAC,6BAA6B,YAC1C,2BAA2B,EAAE,GACzB,CACR,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import React, { useContext } from 'react';\nimport { Button } from '@openedx/paragon';\nimport { FormattedNumber, useIntl } from '@openedx/frontend-base';\nimport messages from './messages';\nimport './index.scss';\nimport { ProgramProgressContext, ProgramProgressContextValueType } from '../ProgramProgressProvider';\n\nconst UpgradeAllButton: React.FC = () => {\n  const { formatMessage } = useIntl();\n  const { programProgressData } = useContext<ProgramProgressContextValueType>(ProgramProgressContext);\n  const { urls } = programProgressData;\n\n  const getAllRemainingCoursesPrice = () => {\n    if (!programProgressData.programData) {\n      return null;\n    }\n    const { discountData } = programProgressData.programData;\n\n    if (discountData) {\n      const {\n        currency,\n        isDiscounted,\n        totalInclTaxExclDiscounts,\n        totalInclTax,\n      } = discountData;\n\n      if (isDiscounted) {\n        return (\n          <>\n            <span className=\"list-price\">\n              <FormattedNumber\n                value={totalInclTaxExclDiscounts}\n                style=\"currency\"\n                currency={currency}\n                maximumFractionDigits={2}\n                minimumFractionDigits={2}\n              />\n            </span>\n            <span>\n              <FormattedNumber\n                value={totalInclTax}\n                style=\"currency\"\n                currency={currency}\n                maximumFractionDigits={2}\n                minimumFractionDigits={2}\n              />\n            </span>\n          </>\n        );\n      }\n      return (\n        <span>\n          <FormattedNumber\n            value={totalInclTax}\n            style=\"currency\"\n            currency={currency}\n            maximumFractionDigits={2}\n            minimumFractionDigits={2}\n          />\n        </span>\n      );\n    }\n    return null;\n  };\n\n  return (\n    <Button\n      as=\"a\"\n      className=\"upgrade-all-button\"\n      href={urls && urls.buyButtonUrl}\n      data-testid=\"upgrade-all-button\"\n      variant=\"brand\"\n    >\n      <span>\n        {formatMessage(messages.upgradeAllRemainingCoursesButtonText)}\n      </span>\n      {getAllRemainingCoursesPrice() && (\n        <span className=\"all-remaining-courses-price\">\n          {getAllRemainingCoursesPrice()}\n        </span>\n      )}\n    </Button>\n  );\n};\n\nexport default UpgradeAllButton;\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/index.d.ts

@@ -0,0 +1,2 @@
+import UpgradeAllButton from './UpgradeAllButton';
+export { UpgradeAllButton, };

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/index.js

@@ -0,0 +1,3 @@
+import UpgradeAllButton from './UpgradeAllButton';
+export { UpgradeAllButton, };
+//# sourceMappingURL=index.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/containers/ProgramDashboard/ProgramProgress/UpgradeButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAElD,OAAO,EACL,gBAAgB,GACjB,CAAC","sourcesContent":["import UpgradeAllButton from './UpgradeAllButton';\n\nexport {\n  UpgradeAllButton,\n};\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/index.scss

@@ -0,0 +1,7 @@
+.upgrade-all-button {
+  gap: calc(var(--pgn-spacing-spacer-base) * 0.25);
+}
+
+.list-price {
+  text-decoration: line-through;
+}

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    upgradeAllRemainingCoursesButtonText: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    upgradeAllRemainingCoursesButtonText: {
+        defaultMessage: 'Upgrade All Remaining Courses',
+        id: 'upgrade.course.all.button',
+        description: 'Button text for ',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/UpgradeButton/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../src/containers/ProgramDashboard/ProgramProgress/UpgradeButton/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,oCAAoC,EAAE;QACpC,cAAc,EAAE,+BAA+B;QAC/C,EAAE,EAAE,2BAA2B;QAC/B,WAAW,EAAE,kBAAkB;KAChC;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  upgradeAllRemainingCoursesButtonText: {\n    defaultMessage: 'Upgrade All Remaining Courses',\n    id: 'upgrade.course.all.button',\n    description: 'Button text for ',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/index.d.ts

@@ -0,0 +1,2 @@
+declare const ProgramProgressWithProvider: () => import("react/jsx-runtime").JSX.Element;
+export default ProgramProgressWithProvider;

package/dist/containers/ProgramDashboard/ProgramProgress/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ProgramProgressContextProvider } from './ProgramProgressProvider';
+import ProgramProgress from './ProgramProgress';
+const ProgramProgressWithProvider = () => (_jsx(ProgramProgressContextProvider, { children: _jsx(ProgramProgress, {}) }));
+export default ProgramProgressWithProvider;
+//# sourceMappingURL=index.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,8BAA8B,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,2BAA2B,GAAG,GAAG,EAAE,CAAC,CACxC,KAAC,8BAA8B,cAC7B,KAAC,eAAe,KAAG,GACY,CAClC,CAAC;AAEF,eAAe,2BAA2B,CAAC","sourcesContent":["import React from 'react';\nimport { ProgramProgressContextProvider } from './ProgramProgressProvider';\nimport ProgramProgress from './ProgramProgress';\n\nconst ProgramProgressWithProvider = () => (\n  <ProgramProgressContextProvider>\n    <ProgramProgress />\n  </ProgramProgressContextProvider>\n);\n\nexport default ProgramProgressWithProvider;\n"]}

package/dist/containers/ProgramDashboard/ProgramProgress/index.scss

@@ -0,0 +1,20 @@
+.program-title {
+  font-size: 2.5rem;
+  color: var(--pgn-color-dark-700);
+}
+
+.program-type-label{
+  color: var(--pgn-color-info-900);
+  font-size: 22px;
+  margin-bottom: 0.3rem;
+}
+
+.program-journey-header{
+  font-size: 2rem;
+  color: var(--pgn-color-primary-500);
+}
+
+.program-journey-text{
+  color: var(--pgn-color-gray-700);
+  font-size: 1em;
+}

package/dist/containers/ProgramDashboard/ProgramProgress/messages.d.ts

@@ -0,0 +1,33 @@
+declare const messages: {
+    programProgressInstitutions: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
+    programTypeLabel: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
+    programProgressCompleteHeader: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
+    programProgressCompleteText: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
+    programProgressIncompleteHeader: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
+    programProgressIncompleteText: {
+        defaultMessage: string;
+        id: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/containers/ProgramDashboard/ProgramProgress/messages.js

@@ -0,0 +1,35 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    programProgressInstitutions: {
+        defaultMessage: 'Institutions',
+        id: 'program.progress.institutions',
+        description: 'Label text for organization image logos',
+    },
+    programTypeLabel: {
+        defaultMessage: '{programType} program',
+        id: 'program.progress.program.type.label',
+        description: 'Label displaying the program type (e.g. "MicroMasters program", "Professional Certificate program")',
+    },
+    programProgressCompleteHeader: {
+        defaultMessage: 'Congratulations!',
+        id: 'program.progress.complete.header',
+        description: 'header text for the program progress page when all courses are complete',
+    },
+    programProgressCompleteText: {
+        defaultMessage: 'You have successfully completed all the requirements for {programTitle}.',
+        id: 'program.progress.complete.text',
+        description: 'text to display when a user has completed all of the courses for the program',
+    },
+    programProgressIncompleteHeader: {
+        defaultMessage: 'Your Program Journey',
+        id: 'program.progress.incomplete.header',
+        description: 'header text to display when the user has remaining incomplete courses in the program',
+    },
+    programProgressIncompleteText: {
+        defaultMessage: 'Track and plan your progress through the {totalCoursesInProgram} courses in this program. To complete the program, you must earn a verified certificate for each course.',
+        id: 'program.progress.incomplete.text',
+        description: 'text to diplay when a user has not completed all of the courses for a program',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/ProgramDashboard/ProgramProgress/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/ProgramProgress/messages.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,2BAA2B,EAAE;QAC3B,cAAc,EAAE,cAAc;QAC9B,EAAE,EAAE,+BAA+B;QACnC,WAAW,EAAE,yCAAyC;KACvD;IACD,gBAAgB,EAAE;QAChB,cAAc,EAAE,uBAAuB;QACvC,EAAE,EAAE,qCAAqC;QACzC,WAAW,EAAE,qGAAqG;KACnH;IACD,6BAA6B,EAAE;QAC7B,cAAc,EAAE,kBAAkB;QAClC,EAAE,EAAE,kCAAkC;QACtC,WAAW,EAAE,yEAAyE;KACvF;IACD,2BAA2B,EAAE;QAC3B,cAAc,EAAE,0EAA0E;QAC1F,EAAE,EAAE,gCAAgC;QACpC,WAAW,EAAE,8EAA8E;KAC5F;IACD,+BAA+B,EAAE;QAC/B,cAAc,EAAE,sBAAsB;QACtC,EAAE,EAAE,oCAAoC;QACxC,WAAW,EAAE,sFAAsF;KACpG;IACD,6BAA6B,EAAE;QAC7B,cAAc,EAAE,0KAA0K;QAC1L,EAAE,EAAE,kCAAkC;QACtC,WAAW,EAAE,+EAA+E;KAC7F;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  programProgressInstitutions: {\n    defaultMessage: 'Institutions',\n    id: 'program.progress.institutions',\n    description: 'Label text for organization image logos',\n  },\n  programTypeLabel: {\n    defaultMessage: '{programType} program',\n    id: 'program.progress.program.type.label',\n    description: 'Label displaying the program type (e.g. \"MicroMasters program\", \"Professional Certificate program\")',\n  },\n  programProgressCompleteHeader: {\n    defaultMessage: 'Congratulations!',\n    id: 'program.progress.complete.header',\n    description: 'header text for the program progress page when all courses are complete',\n  },\n  programProgressCompleteText: {\n    defaultMessage: 'You have successfully completed all the requirements for {programTitle}.',\n    id: 'program.progress.complete.text',\n    description: 'text to display when a user has completed all of the courses for the program',\n  },\n  programProgressIncompleteHeader: {\n    defaultMessage: 'Your Program Journey',\n    id: 'program.progress.incomplete.header',\n    description: 'header text to display when the user has remaining incomplete courses in the program',\n  },\n  programProgressIncompleteText: {\n    defaultMessage: 'Track and plan your progress through the {totalCoursesInProgram} courses in this program. To complete the program, you must earn a verified certificate for each course.',\n    id: 'program.progress.incomplete.text',\n    description: 'text to diplay when a user has not completed all of the courses for a program',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/ProgramDashboard/assets/micromasters-icon.svg

@@ -0,0 +1,17 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="Program dashboard custom icon">
+  <g stroke="#2C6E80" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
+    <!-- Outer dome -->
+    <path d="M6 24C6 13.5066 14.5066 5 25 5C35.4934 5 44 13.5066 44 24" />
+
+    <!-- Dome grid -->
+    <path d="M25 5V24" />
+    <path d="M12 24C12 16.268 17.8198 10 25 10C32.1802 10 38 16.268 38 24" />
+    <path d="M9 24C9 18.5702 11.3798 13.6581 15.269 10.3398" />
+    <path d="M41 24C41 18.5702 38.6202 13.6581 34.731 10.3398" />
+
+    <!-- Base line + support -->
+    <path d="M4 28H46" />
+    <path d="M17 33H33" />
+    <path d="M25 28V33" />
+  </g>
+</svg>

package/dist/containers/ProgramDashboard/assets/professional-certificate-program-details.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2116.96 151"><title>Professional Certificate Logo</title><path d="M219,42A42,42,0,0,0,153.33,7.33,3,3,0,0,0,152,7H3a3,3,0,0,0-3,3V125a3,3,0,0,0,3,3H146v20a3,3,0,0,0,5.12,2.12l25.41-25.41,12,11.69c3.55,3.44,7.11,6.88,9.79,9.46C203.71,151,203.71,151,205,151a3,3,0,0,0,3-3V71a3,3,0,0,0-.07-.62A41.84,41.84,0,0,0,219,42Zm-6,0A36,36,0,1,1,177,6,36,36,0,0,1,213,42ZM6,122V13H146.66a41.9,41.9,0,0,0-.6,57.38A3,3,0,0,0,146,71v51Zm172.59-3.65a3,3,0,0,0-4.21,0L152,140.76v-65a41.91,41.91,0,0,0,50,0V141C196.07,135.33,186,125.54,178.59,118.35Z"/><path d="M170.88,56.12a3,3,0,0,0,4.24,0l21-21a3,3,0,0,0-4.24-4.24L173,49.76,161.12,37.88a3,3,0,1,0-4.24,4.24Z"/><path d="M97.31,37.79H57.55a3.46,3.46,0,1,0,0,6.92H89L45.36,88.3a3.46,3.46,0,0,0,4.89,4.89L93.85,49.6V81a3.46,3.46,0,0,0,6.92,0V41.25A3.46,3.46,0,0,0,97.31,37.79Z"/><path d="M316,56.23q0,13.42-8.79,20.57t-25,7.15h-8.91V116h-14V30.34H284Q300,30.34,308,36.9T316,56.23ZM273.31,72.17h7.44q10.78,0,15.82-3.75t5-11.72q0-7.38-4.51-11T283,42.05h-9.73Z"/><path d="M364.54,50a33.18,33.18,0,0,1,6.86.59l-1.35,12.83a26,26,0,0,0-6.09-.7q-8.26,0-13.39,5.39t-5.13,14V116H331.67V51.2h10.78l1.82,11.43h.7a25.67,25.67,0,0,1,8.41-9.2A20,20,0,0,1,364.54,50Z"/><path d="M440.89,83.48q0,15.88-8.14,24.79t-22.68,8.91a31.07,31.07,0,0,1-16.05-4.1,27.07,27.07,0,0,1-10.72-11.78,40.11,40.11,0,0,1-3.75-17.81q0-15.76,8.09-24.61T410.42,50q14.06,0,22.27,9.05T440.89,83.48Zm-47.17,0q0,22.44,16.58,22.44,16.4,0,16.41-22.44,0-22.21-16.52-22.21-8.67,0-12.57,5.74T393.72,83.48Z"/><path d="M489.23,61.63H473.41V116H459.58V61.63H448.92V55.18L459.58,51V46.74q0-11.48,5.39-17t16.46-5.54a44,44,0,0,1,14.3,2.4L492.1,37a31.76,31.76,0,0,0-9.73-1.64q-4.69,0-6.83,2.9T473.41,47V51.2h15.82Z"/><path d="M528.55,117.17q-15.12,0-23.64-8.82t-8.53-24.29q0-15.88,7.91-25T526,50q12.83,0,20.27,7.79t7.44,21.45V86.7H510.56q.29,9.43,5.1,14.5t13.54,5.07a50,50,0,0,0,10.69-1.08,56.05,56.05,0,0,0,10.63-3.6v11.19a42.31,42.31,0,0,1-10.2,3.4A62.52,62.52,0,0,1,528.55,117.17ZM526,60.45a13.84,13.84,0,0,0-10.52,4.16q-4,4.16-4.72,12.13h29.41q-.12-8-3.87-12.16T526,60.45Z"/><path d="M612.92,97.54q0,9.49-6.91,14.56t-19.8,5.07q-13,0-20.8-3.93V101.35q11.43,5.27,21.27,5.27,12.71,0,12.71-7.68a6.08,6.08,0,0,0-1.41-4.1,16.66,16.66,0,0,0-4.63-3.4,79.66,79.66,0,0,0-9-4q-11.19-4.34-15.15-8.67t-4-11.25A14.77,14.77,0,0,1,572,54.62Q578.7,50,590.25,50a51.7,51.7,0,0,1,21.62,4.63L607.41,65q-10.49-4.34-17.64-4.34-10.9,0-10.9,6.21a6.25,6.25,0,0,0,2.84,5.16q2.84,2.11,12.39,5.8a56.67,56.67,0,0,1,11.66,5.68,17,17,0,0,1,5.39,5.95A17.21,17.21,0,0,1,612.92,97.54Z"/><path d="M671.34,97.54q0,9.49-6.91,14.56t-19.8,5.07q-13,0-20.8-3.93V101.35q11.43,5.27,21.27,5.27,12.71,0,12.71-7.68a6.08,6.08,0,0,0-1.41-4.1,16.66,16.66,0,0,0-4.63-3.4,79.66,79.66,0,0,0-9-4q-11.19-4.34-15.15-8.67t-4-11.25a14.77,14.77,0,0,1,6.71-12.92q6.71-4.6,18.25-4.6a51.7,51.7,0,0,1,21.62,4.63L665.83,65q-10.49-4.34-17.64-4.34-10.9,0-10.9,6.21a6.25,6.25,0,0,0,2.84,5.16q2.84,2.11,12.39,5.8a56.67,56.67,0,0,1,11.66,5.68,17,17,0,0,1,5.39,5.95A17.21,17.21,0,0,1,671.34,97.54Z"/><path d="M685.4,34a7.62,7.62,0,0,1,2-5.68,7.88,7.88,0,0,1,5.77-2,7.71,7.71,0,0,1,5.65,2,7.62,7.62,0,0,1,2,5.68,7.48,7.48,0,0,1-2,5.54,7.64,7.64,0,0,1-5.65,2,7.81,7.81,0,0,1-5.77-2A7.48,7.48,0,0,1,685.4,34ZM700,116H686.22V51.2H700Z"/><path d="M777.16,83.48q0,15.88-8.14,24.79t-22.68,8.91a31.07,31.07,0,0,1-16.05-4.1,27.07,27.07,0,0,1-10.72-11.78,40.11,40.11,0,0,1-3.75-17.81q0-15.76,8.09-24.61T746.69,50q14.06,0,22.27,9.05T777.16,83.48Zm-47.17,0q0,22.44,16.58,22.44,16.4,0,16.41-22.44,0-22.21-16.52-22.21-8.67,0-12.57,5.74T730,83.48Z"/><path d="M850,116H836.16V76.16q0-7.5-3-11.19t-9.58-3.69q-8.73,0-12.77,5.16t-4,17.29V116H793V51.2h10.78l1.93,8.5h.7a19.17,19.17,0,0,1,8.32-7.15,27.89,27.89,0,0,1,12-2.52Q850,50,850,73.75Z"/><path d="M909.7,116l-2.75-9h-.47q-4.69,5.92-9.43,8.06a29.84,29.84,0,0,1-12.19,2.14q-9.55,0-14.91-5.16t-5.36-14.59q0-10,7.44-15.12t22.68-5.57l11.19-.35V72.93q0-6.21-2.9-9.29t-9-3.08A31.11,31.11,0,0,0,884.45,62a72.23,72.23,0,0,0-8.79,3.46l-4.45-9.84a48,48,0,0,1,11.54-4.19A53.14,53.14,0,0,1,894.58,50q12.36,0,18.66,5.39t6.3,16.93V116Zm-20.51-9.37q7.5,0,12-4.19t4.54-11.75V85.06l-8.32.35q-9.73.35-14.15,3.25t-4.42,8.88a8.66,8.66,0,0,0,2.58,6.71Q884,106.63,889.19,106.63Z"/><path d="M952.53,116H938.76V24.83h13.77Z"/><path d="M1041.3,41.12q-12.07,0-19,8.55t-6.91,23.61q0,15.76,6.65,23.85t19.25,8.09a50.58,50.58,0,0,0,10.55-1.08q5.1-1.08,10.61-2.78v12a64.3,64.3,0,0,1-22.85,3.81q-18.81,0-28.89-11.4t-10.08-32.61q0-13.36,4.89-23.38a34.91,34.91,0,0,1,14.15-15.35q9.26-5.33,21.74-5.33a54,54,0,0,1,24.26,5.51l-5,11.66a75.46,75.46,0,0,0-9.17-3.6A33.06,33.06,0,0,0,1041.3,41.12Z"/><path d="M1107.75,117.17q-15.12,0-23.64-8.82t-8.53-24.29q0-15.88,7.91-25T1105.23,50q12.83,0,20.27,7.79t7.44,21.45V86.7h-43.18q.29,9.43,5.1,14.5t13.54,5.07a50,50,0,0,0,10.69-1.08,56.05,56.05,0,0,0,10.63-3.6v11.19a42.31,42.31,0,0,1-10.2,3.4A62.52,62.52,0,0,1,1107.75,117.17Zm-2.52-56.72a13.84,13.84,0,0,0-10.52,4.16q-4,4.16-4.72,12.13h29.41q-.12-8-3.87-12.16T1105.23,60.45Z"/><path d="M1181.46,50a33.18,33.18,0,0,1,6.86.59L1187,63.44a26,26,0,0,0-6.09-.7q-8.26,0-13.39,5.39t-5.13,14V116h-13.77V51.2h10.78l1.82,11.43h.7a25.67,25.67,0,0,1,8.41-9.2A20,20,0,0,1,1181.46,50Z"/><path d="M1224.46,106a33.49,33.49,0,0,0,10.08-1.58v10.37a27.8,27.8,0,0,1-5.89,1.67,40.66,40.66,0,0,1-7.47.67q-19.57,0-19.57-20.62V61.63h-8.85V55.53l9.49-5,4.69-13.71h8.5V51.2h18.46V61.63h-18.46V96.31q0,5,2.49,7.35A9.08,9.08,0,0,0,1224.46,106Z"/><path d="M1246.67,34a7.62,7.62,0,0,1,2-5.68,7.88,7.88,0,0,1,5.77-2,7.71,7.71,0,0,1,5.65,2,7.62,7.62,0,0,1,2,5.68,7.48,7.48,0,0,1-2,5.54,7.64,7.64,0,0,1-5.65,2,7.81,7.81,0,0,1-5.77-2A7.48,7.48,0,0,1,1246.67,34Zm14.59,82h-13.77V51.2h13.77Z"/><path d="M1313.47,61.63h-15.82V116h-13.83V61.63h-10.66V55.18L1283.82,51V46.74q0-11.48,5.39-17t16.46-5.54a44,44,0,0,1,14.3,2.4L1316.34,37a31.76,31.76,0,0,0-9.73-1.64q-4.69,0-6.83,2.9t-2.14,8.7V51.2h15.82Zm10.2-27.6a7.62,7.62,0,0,1,2-5.68,7.88,7.88,0,0,1,5.77-2,7.71,7.71,0,0,1,5.65,2,7.62,7.62,0,0,1,2,5.68,7.48,7.48,0,0,1-2,5.54,7.64,7.64,0,0,1-5.65,2,7.81,7.81,0,0,1-5.77-2A7.48,7.48,0,0,1,1323.66,34Zm14.59,82h-13.77V51.2h13.77Z"/><path d="M1384.13,117.17q-14.71,0-22.35-8.58t-7.65-24.64q0-16.35,8-25.14T1385.25,50a43.33,43.33,0,0,1,18.46,3.81l-4.16,11.07q-8.73-3.4-14.41-3.4-16.82,0-16.82,22.32,0,10.9,4.19,16.38t12.28,5.48a35.22,35.22,0,0,0,17.4-4.57v12a27.2,27.2,0,0,1-7.88,3.11A47.35,47.35,0,0,1,1384.13,117.17Z"/><path d="M1458,116l-2.75-9h-.47q-4.69,5.92-9.43,8.06a29.84,29.84,0,0,1-12.19,2.14q-9.55,0-14.91-5.16t-5.36-14.59q0-10,7.44-15.12T1443,76.74l11.19-.35V72.93q0-6.21-2.9-9.29t-9-3.08a31.11,31.11,0,0,0-9.55,1.46,72.23,72.23,0,0,0-8.79,3.46l-4.45-9.84A48,48,0,0,1,1431,51.46,53.14,53.14,0,0,1,1442.84,50q12.36,0,18.66,5.39t6.3,16.93V116Zm-20.51-9.37q7.5,0,12-4.19T1454,90.69V85.06l-8.32.35q-9.73.35-14.15,3.25t-4.42,8.88a8.66,8.66,0,0,0,2.58,6.71Q1432.3,106.63,1437.45,106.63Z"/><path d="M1511.16,106a33.49,33.49,0,0,0,10.08-1.58v10.37a27.8,27.8,0,0,1-5.89,1.67,40.66,40.66,0,0,1-7.47.67q-19.57,0-19.57-20.62V61.63h-8.85V55.53l9.49-5,4.69-13.71h8.5V51.2h18.46V61.63h-18.46V96.31q0,5,2.49,7.35A9.08,9.08,0,0,0,1511.16,106Z"/><path d="M1562.49,117.17q-15.12,0-23.64-8.82t-8.53-24.29q0-15.88,7.91-25T1560,50q12.83,0,20.27,7.79t7.44,21.45V86.7H1544.5q.29,9.43,5.1,14.5t13.54,5.07a50,50,0,0,0,10.69-1.08,56.05,56.05,0,0,0,10.63-3.6v11.19a42.31,42.31,0,0,1-10.2,3.4A62.52,62.52,0,0,1,1562.49,117.17ZM1560,60.45a13.84,13.84,0,0,0-10.52,4.16q-4,4.16-4.72,12.13h29.41q-.12-8-3.87-12.16T1560,60.45Z"/><path d="M1692.69,56.23q0,13.42-8.79,20.57t-25,7.15H1650V116h-14V30.34h24.67q16.05,0,24.05,6.56T1692.69,56.23ZM1650,72.17h7.44q10.78,0,15.82-3.75t5-11.72q0-7.38-4.51-11t-14.06-3.63H1650Z"/><path d="M1741.2,50a33.18,33.18,0,0,1,6.86.59l-1.35,12.83a26,26,0,0,0-6.09-.7q-8.26,0-13.39,5.39t-5.13,14V116h-13.77V51.2h10.78l1.82,11.43h.7a25.67,25.67,0,0,1,8.41-9.2A20,20,0,0,1,1741.2,50Z"/><path d="M1817.55,83.48q0,15.88-8.14,24.79t-22.68,8.91a31.07,31.07,0,0,1-16.05-4.1A27.07,27.07,0,0,1,1760,101.29a40.11,40.11,0,0,1-3.75-17.81q0-15.76,8.09-24.61T1787.08,50q14.06,0,22.27,9.05T1817.55,83.48Zm-47.17,0q0,22.44,16.58,22.44,16.4,0,16.41-22.44,0-22.21-16.52-22.21-8.67,0-12.57,5.74T1770.38,83.48Z"/><path d="M1888.1,51.2v7.56L1877,60.8a17.91,17.91,0,0,1,2.52,5,19.88,19.88,0,0,1,1,6.33q0,10-6.91,15.76t-19,5.74a30.86,30.86,0,0,1-5.62-.47q-4.45,2.75-4.45,6.45a3.58,3.58,0,0,0,2.08,3.34q2.08,1.11,7.65,1.11h11.31q10.72,0,16.29,4.57t5.57,13.18a19.17,19.17,0,0,1-9.08,17q-9.08,6-26.25,6-13.24,0-20.21-4.69a15.15,15.15,0,0,1-7-13.36,14.22,14.22,0,0,1,3.78-10,20.25,20.25,0,0,1,10.58-5.65,10.34,10.34,0,0,1-4.54-3.78,9.53,9.53,0,0,1-1.79-5.48,9.43,9.43,0,0,1,2.05-6.15,23.66,23.66,0,0,1,6.09-5,18,18,0,0,1-8.17-7.06,20.77,20.77,0,0,1-3.13-11.46q0-10.55,6.65-16.35t19-5.8a46.24,46.24,0,0,1,5.77.38,36.55,36.55,0,0,1,4.54.79Zm-50.92,74.88a7.58,7.58,0,0,0,4,6.86q4,2.4,11.28,2.4,11.25,0,16.76-3.22t5.51-8.55q0-4.22-3-6t-11.22-1.79h-10.43q-5.92,0-9.4,2.78A9.13,9.13,0,0,0,1837.18,126.08Zm5.92-53.91q0,6.09,3.13,9.38t9,3.28q12,0,12-12.77,0-6.33-3-9.76t-9-3.43q-6,0-9.05,3.4T1843.1,72.17Z"/><path d="M1933,50a33.18,33.18,0,0,1,6.86.59l-1.35,12.83a26,26,0,0,0-6.09-.7q-8.26,0-13.39,5.39t-5.13,14V116h-13.77V51.2h10.78l1.82,11.43h.7a25.67,25.67,0,0,1,8.41-9.2A20,20,0,0,1,1933,50Z"/><path d="M1992.39,116l-2.75-9h-.47q-4.69,5.92-9.43,8.06a29.84,29.84,0,0,1-12.19,2.14q-9.55,0-14.91-5.16t-5.36-14.59q0-10,7.44-15.12t22.68-5.57l11.19-.35V72.93q0-6.21-2.9-9.29t-9-3.08a31.11,31.11,0,0,0-9.55,1.46,72.23,72.23,0,0,0-8.79,3.46l-4.45-9.84a48,48,0,0,1,11.54-4.19A53.14,53.14,0,0,1,1977.28,50q12.36,0,18.66,5.39t6.3,16.93V116Zm-20.51-9.37q7.5,0,12-4.19t4.54-11.75V85.06l-8.32.35q-9.73.35-14.15,3.25t-4.42,8.88a8.66,8.66,0,0,0,2.58,6.71Q1966.73,106.63,1971.89,106.63Z"/><path d="M2076.07,116h-13.83V76q0-7.44-2.81-11.1t-8.79-3.66q-8,0-11.69,5.19t-3.72,17.26V116h-13.77V51.2h10.78l1.93,8.5h.7a18,18,0,0,1,7.82-7.15A25.23,25.23,0,0,1,2054,50q14.94,0,19.8,10.2h.94a19.75,19.75,0,0,1,8.09-7.5,25.67,25.67,0,0,1,12-2.7q11.6,0,16.9,5.86t5.3,17.87V116H2103.2V76q0-7.44-2.84-11.1t-8.82-3.66q-8,0-11.75,5t-3.72,15.38Z"/></svg>

package/dist/containers/ProgramDashboard/assets/rwth-aachen-university.svg

@@ -0,0 +1,47 @@
+<svg width="174" height="87.45954895019531" viewBox="0 0 828 383" fill="none" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="rwthTitle rwthDesc">
+  <title id="rwthTitle">RWTH Aachen University logo</title>
+  <desc id="rwthDesc">Stylized RWTH Aachen University wordmark with dark blue RWTH and light blue AACHEN UNIVERSITY on a transparent background.</desc>
+
+  <defs>
+    <linearGradient id="rwthLightBlue" x1="404" y1="74" x2="716" y2="320" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#C6DCF3" />
+      <stop offset="1" stop-color="#8FB7DE" />
+    </linearGradient>
+  </defs>
+
+  <g transform="skewX(-12)">
+    <text
+      x="96"
+      y="184"
+      fill="#005CA9"
+      font-family="Arial Black, Helvetica, Arial, sans-serif"
+      font-size="126"
+      font-weight="900"
+      letter-spacing="-6"
+    >
+      RWTH
+    </text>
+    <text
+      x="405"
+      y="184"
+      fill="url(#rwthLightBlue)"
+      font-family="Arial Black, Helvetica, Arial, sans-serif"
+      font-size="104"
+      font-weight="900"
+      letter-spacing="-5"
+    >
+      AACHEN
+    </text>
+    <text
+      x="302"
+      y="286"
+      fill="url(#rwthLightBlue)"
+      font-family="Arial Black, Helvetica, Arial, sans-serif"
+      font-size="116"
+      font-weight="900"
+      letter-spacing="-6"
+    >
+      UNIVERSITY
+    </text>
+  </g>
+</svg>

package/dist/containers/ProgramDashboard/assets/xseries-program-details.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1198.33 151"><title>XSeries Program Logo</title><path d="M219,42A42,42,0,0,0,153.33,7.33,3,3,0,0,0,152,7H3a3,3,0,0,0-3,3V125a3,3,0,0,0,3,3H146v20a3,3,0,0,0,5.12,2.12l25.41-25.41,12,11.69c3.55,3.44,7.11,6.88,9.79,9.46C203.71,151,203.71,151,205,151a3,3,0,0,0,3-3V71a3,3,0,0,0-.07-.62A41.84,41.84,0,0,0,219,42Zm-6,0A36,36,0,1,1,177,6,36,36,0,0,1,213,42ZM6,122V13H146.66a41.9,41.9,0,0,0-.6,57.38A3,3,0,0,0,146,71v51Zm172.59-3.65a3,3,0,0,0-4.21,0L152,140.76v-65a41.91,41.91,0,0,0,50,0V141C196.07,135.33,186,125.54,178.59,118.35Z"/><path d="M170.88,56.12a3,3,0,0,0,4.24,0l21-21a3,3,0,0,0-4.24-4.24L173,49.76,161.12,37.88a3,3,0,1,0-4.24,4.24Z"/><path d="M109,99h-4.62l-27-31.5L105.24,35h2.91a3,3,0,1,0,0-6H92.71a3,3,0,0,0,0,6h4.62L73.43,62.89,49.52,35h3.76a3,3,0,0,0,0-6H37.86a3,3,0,0,0,0,6h3.76L69.48,67.5,42.48,99H37a3,3,0,0,0,0,6H54.14a3,3,0,1,0,0-6H50.38l23-26.89L96.48,99H91.86a3,3,0,1,0,0,6H109a3,3,0,0,0,0-6Z"/><path d="M326.75,116.67H310.63l-21.45-35-21.62,35h-15L281,72.25,254.38,31H270l19.8,32.4L309.58,31H324.7L297.92,72.49Z"/><path d="M387.68,93.41q0,11.43-8.26,17.93t-22.79,6.5q-14.53,0-23.79-4.51V100.08a64.64,64.64,0,0,0,12.45,4.34A52.79,52.79,0,0,0,357.57,106q8.32,0,12.28-3.16a10.32,10.32,0,0,0,4-8.5,10.65,10.65,0,0,0-3.63-8.14q-3.63-3.34-15-7.91-11.72-4.75-16.52-10.84a22.93,22.93,0,0,1-4.8-14.65q0-10.72,7.62-16.87t20.45-6.15a60.09,60.09,0,0,1,24.49,5.39l-4.45,11.43q-11.43-4.8-20.39-4.8-6.8,0-10.31,3a9.72,9.72,0,0,0-3.52,7.82,11,11,0,0,0,1.41,5.71,14.36,14.36,0,0,0,4.63,4.48,78.15,78.15,0,0,0,11.6,5.57q9.43,3.93,13.83,7.32a21.56,21.56,0,0,1,6.45,7.68A23.09,23.09,0,0,1,387.68,93.41Z"/><path d="M431.1,117.84q-15.12,0-23.64-8.82t-8.53-24.29q0-15.88,7.91-25t21.74-9.08q12.83,0,20.27,7.79t7.44,21.45v7.44H413.11q.29,9.43,5.1,14.5t13.54,5.07a50,50,0,0,0,10.69-1.08,56.05,56.05,0,0,0,10.63-3.6v11.19a42.31,42.31,0,0,1-10.2,3.4A62.6,62.6,0,0,1,431.1,117.84Zm-2.52-56.72a13.84,13.84,0,0,0-10.52,4.16q-4,4.16-4.72,12.13h29.41q-.12-8-3.87-12.16T428.58,61.12Z"/><path d="M504.81,50.69a33.18,33.18,0,0,1,6.86.59l-1.35,12.83a26,26,0,0,0-6.09-.7q-8.26,0-13.39,5.39t-5.13,14v33.87H471.94V51.86h10.78l1.82,11.43h.7a25.67,25.67,0,0,1,8.41-9.2A20,20,0,0,1,504.81,50.69Z"/><path d="M522.86,34.69a7.62,7.62,0,0,1,2-5.68,7.88,7.88,0,0,1,5.77-2,7.71,7.71,0,0,1,5.65,2,7.62,7.62,0,0,1,2,5.68,7.48,7.48,0,0,1-2,5.54,7.64,7.64,0,0,1-5.65,2,7.81,7.81,0,0,1-5.77-2A7.48,7.48,0,0,1,522.86,34.69Zm14.59,82H523.68V51.86h13.77Z"/><path d="M585.44,117.84q-15.12,0-23.64-8.82t-8.53-24.29q0-15.88,7.91-25t21.74-9.08q12.83,0,20.27,7.79t7.44,21.45v7.44H567.45q.29,9.43,5.1,14.5t13.54,5.07a50,50,0,0,0,10.69-1.08,56.05,56.05,0,0,0,10.63-3.6v11.19a42.31,42.31,0,0,1-10.2,3.4A62.6,62.6,0,0,1,585.44,117.84Zm-2.52-56.72a13.84,13.84,0,0,0-10.52,4.16q-4,4.16-4.72,12.13H597.1q-.12-8-3.87-12.16T582.92,61.12Z"/><path d="M669.81,98.21q0,9.49-6.91,14.56t-19.8,5.07q-13,0-20.8-3.93V102q11.43,5.27,21.27,5.27,12.71,0,12.71-7.68a6.08,6.08,0,0,0-1.41-4.1,16.66,16.66,0,0,0-4.63-3.4,79.66,79.66,0,0,0-9-4q-11.19-4.34-15.15-8.67t-4-11.25a14.77,14.77,0,0,1,6.71-12.92q6.71-4.6,18.25-4.6a51.7,51.7,0,0,1,21.62,4.63l-4.45,10.37q-10.49-4.34-17.64-4.34-10.9,0-10.9,6.21a6.25,6.25,0,0,0,2.84,5.16q2.84,2.11,12.39,5.8a56.67,56.67,0,0,1,11.66,5.68,17,17,0,0,1,5.39,5.95A17.21,17.21,0,0,1,669.81,98.21Z"/><path d="M774.05,56.9q0,13.42-8.79,20.57t-25,7.15h-8.91v32.05h-14V31H742q16.05,0,24.05,6.56T774.05,56.9ZM731.34,72.84h7.44q10.78,0,15.82-3.75t5-11.72q0-7.38-4.51-11t-14.06-3.63h-9.73Z"/><path d="M822.57,50.69a33.18,33.18,0,0,1,6.86.59l-1.35,12.83a26,26,0,0,0-6.09-.7q-8.26,0-13.39,5.39t-5.13,14v33.87H789.7V51.86h10.78l1.82,11.43h.7a25.67,25.67,0,0,1,8.41-9.2A20,20,0,0,1,822.57,50.69Z"/><path d="M898.92,84.15q0,15.88-8.14,24.79t-22.68,8.91a31.07,31.07,0,0,1-16.05-4.1A27.07,27.07,0,0,1,841.32,102a40.11,40.11,0,0,1-3.75-17.81q0-15.76,8.09-24.61t22.79-8.85q14.06,0,22.27,9.05T898.92,84.15Zm-47.17,0q0,22.44,16.58,22.44,16.4,0,16.41-22.44,0-22.21-16.52-22.21-8.67,0-12.57,5.74T851.75,84.15Z"/><path d="M969.46,51.86v7.56l-11.07,2.05a17.91,17.91,0,0,1,2.52,5,19.88,19.88,0,0,1,1,6.33q0,10-6.91,15.76t-19,5.74a30.86,30.86,0,0,1-5.62-.47q-4.45,2.75-4.45,6.45a3.58,3.58,0,0,0,2.08,3.34q2.08,1.11,7.65,1.11H946.9q10.72,0,16.29,4.57t5.57,13.18a19.17,19.17,0,0,1-9.08,17q-9.08,6-26.25,6-13.24,0-20.21-4.69a15.15,15.15,0,0,1-7-13.36,14.21,14.21,0,0,1,3.78-10,20.25,20.25,0,0,1,10.58-5.65,10.34,10.34,0,0,1-4.54-3.78,9.53,9.53,0,0,1-1.79-5.48,9.43,9.43,0,0,1,2.05-6.15,23.66,23.66,0,0,1,6.09-5,18,18,0,0,1-8.17-7.06,20.77,20.77,0,0,1-3.13-11.46q0-10.55,6.65-16.35t19-5.8a46.24,46.24,0,0,1,5.77.38,36.55,36.55,0,0,1,4.54.79Zm-50.92,74.88a7.57,7.57,0,0,0,4,6.86q4,2.4,11.28,2.4,11.25,0,16.76-3.22t5.51-8.55q0-4.22-3-6t-11.22-1.79H931.43q-5.92,0-9.4,2.78A9.12,9.12,0,0,0,918.54,126.74Zm5.92-53.91q0,6.09,3.13,9.38t9,3.28q12,0,12-12.77,0-6.33-3-9.76t-9-3.43q-6,0-9.05,3.4T924.46,72.84Z"/><path d="M1014.34,50.69a33.18,33.18,0,0,1,6.86.59l-1.35,12.83a26,26,0,0,0-6.09-.7q-8.26,0-13.39,5.39t-5.13,14v33.87H981.47V51.86h10.78l1.82,11.43h.7a25.67,25.67,0,0,1,8.41-9.2A20,20,0,0,1,1014.34,50.69Z"/><path d="M1073.76,116.67l-2.75-9h-.47q-4.69,5.92-9.43,8.06a29.85,29.85,0,0,1-12.19,2.14q-9.55,0-14.91-5.16t-5.36-14.59q0-10,7.44-15.12t22.68-5.57l11.19-.35V73.6q0-6.21-2.9-9.29t-9-3.08a31.11,31.11,0,0,0-9.55,1.46,72.23,72.23,0,0,0-8.79,3.46l-4.45-9.84a48,48,0,0,1,11.54-4.19,53.14,53.14,0,0,1,11.84-1.44q12.36,0,18.66,5.39T1083.6,73v43.65Zm-20.51-9.37q7.5,0,12-4.19t4.54-11.75V85.73l-8.32.35q-9.73.35-14.15,3.25t-4.42,8.88a8.66,8.66,0,0,0,2.58,6.71Q1048.09,107.29,1053.25,107.29Z"/><path d="M1157.43,116.67H1143.6v-40q0-7.44-2.81-11.1T1132,61.94q-8,0-11.69,5.19t-3.72,17.26v32.29h-13.77V51.86h10.78l1.93,8.5h.7a18,18,0,0,1,7.82-7.15,25.23,25.23,0,0,1,11.28-2.52q14.94,0,19.8,10.2h.94a19.75,19.75,0,0,1,8.09-7.5,25.67,25.67,0,0,1,12-2.7q11.6,0,16.9,5.86t5.3,17.87v42.25h-13.77v-40q0-7.44-2.84-11.1t-8.82-3.66q-8,0-11.75,5t-3.72,15.38Z"/></svg>

package/dist/containers/ProgramDashboard/data/api.d.ts

@@ -0,0 +1 @@
+export declare function getProgramProgressData(uuid: string): Promise<any>;

package/dist/containers/ProgramDashboard/data/api.js

@@ -0,0 +1,18 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';
+export function getProgramProgressData(uuid) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const baseUrl = getSiteConfig().lmsBaseUrl;
+        const url = `${baseUrl}/api/dashboard/v0/programs/${encodeURIComponent(uuid)}/progress_details/`;
+        return getAuthenticatedHttpClient().get(url);
+    });
+}
+//# sourceMappingURL=api.js.map

package/dist/containers/ProgramDashboard/data/api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/data/api.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAEnF,MAAM,UAAgB,sBAAsB,CAAC,IAAY;;QACvD,MAAM,OAAO,GAAG,aAAa,EAAE,CAAC,UAAU,CAAC;QAC3C,MAAM,GAAG,GAAG,GAAG,OAAO,8BAA8B,kBAAkB,CAAC,IAAI,CAAC,oBAAoB,CAAC;QACjG,OAAO,0BAA0B,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC/C,CAAC;CAAA","sourcesContent":["import { getAuthenticatedHttpClient, getSiteConfig } from '@openedx/frontend-base';\n\nexport async function getProgramProgressData(uuid: string) {\n  const baseUrl = getSiteConfig().lmsBaseUrl;\n  const url = `${baseUrl}/api/dashboard/v0/programs/${encodeURIComponent(uuid)}/progress_details/`;\n  return getAuthenticatedHttpClient().get(url);\n}\n"]}

package/dist/containers/ProgramDashboard/data/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const PROGRAM_TYPE_MAP: {
+    MICROMASTERS: string;
+    CREDIT: string;
+    XSERIES: string;
+    PROFESSIONAL_CERTIFICATE: string;
+    MICROBACHELORS: string;
+    MASTERS: string;
+};

package/dist/containers/ProgramDashboard/data/constants.js

@@ -0,0 +1,9 @@
+export const PROGRAM_TYPE_MAP = {
+    MICROMASTERS: 'MicroMasters',
+    CREDIT: 'Credit',
+    XSERIES: 'XSeries',
+    PROFESSIONAL_CERTIFICATE: 'Professional Certificate',
+    MICROBACHELORS: 'MicroBachelors',
+    MASTERS: 'Masters',
+};
+//# sourceMappingURL=constants.js.map

package/dist/containers/ProgramDashboard/data/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/data/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,YAAY,EAAE,cAAc;IAC5B,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,SAAS;IAClB,wBAAwB,EAAE,0BAA0B;IACpD,cAAc,EAAE,gBAAgB;IAChC,OAAO,EAAE,SAAS;CACnB,CAAC","sourcesContent":["export const PROGRAM_TYPE_MAP = {\n  MICROMASTERS: 'MicroMasters',\n  CREDIT: 'Credit',\n  XSERIES: 'XSeries',\n  PROFESSIONAL_CERTIFICATE: 'Professional Certificate',\n  MICROBACHELORS: 'MicroBachelors',\n  MASTERS: 'Masters',\n};\n"]}

package/dist/containers/ProgramDashboard/data/util.d.ts

@@ -0,0 +1 @@
+export declare function getProgramIcon(type: string): string;

package/dist/containers/ProgramDashboard/data/util.js

@@ -0,0 +1,17 @@
+import MicroMastersProgramDetailsSvgIcon from '../assets/micromasters-icon.svg';
+import ProfCertProgramDetailsSvgIcon from '../assets/professional-certificate-program-details.svg';
+import XSeriesProgramDetailsSvgIcon from '../assets/xseries-program-details.svg';
+import { PROGRAM_TYPE_MAP } from './constants';
+export function getProgramIcon(type) {
+    switch (type) {
+        case PROGRAM_TYPE_MAP.XSERIES:
+            return XSeriesProgramDetailsSvgIcon;
+        case PROGRAM_TYPE_MAP.PROFESSIONAL_CERTIFICATE:
+            return ProfCertProgramDetailsSvgIcon;
+        case PROGRAM_TYPE_MAP.MICROMASTERS:
+            return MicroMastersProgramDetailsSvgIcon;
+        default:
+            return '';
+    }
+}
+//# sourceMappingURL=util.js.map

package/dist/containers/ProgramDashboard/data/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../../../src/containers/ProgramDashboard/data/util.ts"],"names":[],"mappings":"AAAA,OAAO,iCAAiC,MAAM,iCAAiC,CAAC;AAChF,OAAO,6BAA6B,MAAM,wDAAwD,CAAC;AACnG,OAAO,4BAA4B,MAAM,uCAAuC,CAAC;AACjF,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,gBAAgB,CAAC,OAAO;YAC3B,OAAO,4BAA4B,CAAC;QACtC,KAAK,gBAAgB,CAAC,wBAAwB;YAC5C,OAAO,6BAA6B,CAAC;QACvC,KAAK,gBAAgB,CAAC,YAAY;YAChC,OAAO,iCAAiC,CAAC;QAC3C;YACE,OAAO,EAAE,CAAC;IACd,CAAC;AACH,CAAC","sourcesContent":["import MicroMastersProgramDetailsSvgIcon from '../assets/micromasters-icon.svg';\nimport ProfCertProgramDetailsSvgIcon from '../assets/professional-certificate-program-details.svg';\nimport XSeriesProgramDetailsSvgIcon from '../assets/xseries-program-details.svg';\nimport { PROGRAM_TYPE_MAP } from './constants';\n\nexport function getProgramIcon(type: string) {\n  switch (type) {\n    case PROGRAM_TYPE_MAP.XSERIES:\n      return XSeriesProgramDetailsSvgIcon;\n    case PROGRAM_TYPE_MAP.PROFESSIONAL_CERTIFICATE:\n      return ProfCertProgramDetailsSvgIcon;\n    case PROGRAM_TYPE_MAP.MICROMASTERS:\n      return MicroMastersProgramDetailsSvgIcon;\n    default:\n      return '';\n  }\n}\n"]}

package/dist/containers/ProgramDashboard/index.d.ts

@@ -0,0 +1,2 @@
+import ProgramProgress from './ProgramProgress';
+export { ProgramProgress, };

package/dist/containers/ProgramDashboard/index.js

@@ -0,0 +1,3 @@
+import ProgramProgress from './ProgramProgress';
+export { ProgramProgress, };
+//# sourceMappingURL=index.js.map

package/dist/containers/ProgramDashboard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/ProgramDashboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,eAAe,GAChB,CAAC","sourcesContent":["import ProgramProgress from './ProgramProgress';\n\nexport {\n  ProgramProgress,\n};\n"]}

package/dist/containers/RecommendedCourse/index.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import './index.scss';
+export declare const RecommendedCourse: FC;

package/dist/containers/RecommendedCourse/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Alert } from '@openedx/paragon';
+import { useIntl } from '@openedx/frontend-base';
+import { ProductCard } from '../ProductCard';
+import { useRecommendedCourseData } from '../../hooks/useRecommendedCourseData';
+import messages from './messages';
+import './index.scss';
+export const RecommendedCourse = () => {
+    const { data = [], isLoading, isError } = useRecommendedCourseData();
+    const { formatMessage } = useIntl();
+    if (isError) {
+        return (_jsx(Alert, { variant: "danger", "data-testid": "recommended-course-error", children: formatMessage(messages.errorText) }));
+    }
+    return (_jsx("div", { className: "container", children: _jsx("div", { className: "bg-light p-2", "data-testid": "recommended-course-cards", children: _jsx("div", { className: "row g-3 cards-scroll flex-nowrap flex-md-wrap", children: data.map((item) => (_jsx("div", { className: "col-12 col-md-6 col-xl-3 d-flex card-snap mb-2", children: _jsx(ProductCard, { item: item, isLoading: isLoading }) }, item.id))) }) }) }));
+};
+//# sourceMappingURL=index.js.map

package/dist/containers/RecommendedCourse/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/containers/RecommendedCourse/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAC/E,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,iBAAiB,GAAO,GAAG,EAAE;IACxC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,wBAAwB,EAAE,CAAC;IACrE,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,IAAI,OAAO,EAAE,CAAC;QACZ,OAAO,CACL,KAAC,KAAK,IAAC,OAAO,EAAC,QAAQ,iBAAa,0BAA0B,YAC3D,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,GAC5B,CACT,CAAC;IACJ,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,WAAW,YACxB,cAAK,SAAS,EAAC,cAAc,iBAAa,0BAA0B,YAClE,cAAK,SAAS,EAAC,+CAA+C,YAC3D,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAClB,cAAmB,SAAS,EAAC,gDAAgD,YAC3E,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,GAAI,IADzC,IAAI,CAAC,EAAE,CAEX,CACP,CAAC,GACE,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { FC } from 'react';\nimport { Alert } from '@openedx/paragon';\nimport { useIntl } from '@openedx/frontend-base';\n\nimport { ProductCard } from '../ProductCard';\nimport { useRecommendedCourseData } from '@src/hooks/useRecommendedCourseData';\nimport messages from './messages';\nimport './index.scss';\n\nexport const RecommendedCourse: FC = () => {\n  const { data = [], isLoading, isError } = useRecommendedCourseData();\n  const { formatMessage } = useIntl();\n\n  if (isError) {\n    return (\n      <Alert variant=\"danger\" data-testid=\"recommended-course-error\">\n        {formatMessage(messages.errorText)}\n      </Alert>\n    );\n  }\n\n  return (\n    <div className=\"container\">\n      <div className=\"bg-light p-2\" data-testid=\"recommended-course-cards\">\n        <div className=\"row g-3 cards-scroll flex-nowrap flex-md-wrap\">\n          {data.map((item) => (\n            <div key={item.id} className=\"col-12 col-md-6 col-xl-3 d-flex card-snap mb-2\">\n              <ProductCard item={item} isLoading={isLoading} />\n            </div>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/containers/RecommendedCourse/index.scss

@@ -0,0 +1,21 @@
+.cards-scroll {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+.cards-scroll::-webkit-scrollbar {
+  display: none;
+}
+
+@media (--pgn-size-breakpoint-max-width-sm) {
+  .cards-scroll {
+    overflow-x: auto;
+    display: flex;
+    scroll-snap-type: x mandatory;
+  }
+
+  .card-snap {
+    flex: 0 0 100%;
+    scroll-snap-align: center;
+  }
+}

package/dist/containers/RecommendedCourse/messages.d.ts

@@ -0,0 +1,8 @@
+export default messages;
+declare namespace messages {
+    namespace errorText {
+        let id: string;
+        let description: string;
+        let defaultMessage: string;
+    }
+}

package/dist/containers/RecommendedCourse/messages.js

@@ -0,0 +1,10 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    errorText: {
+        id: 'subs-dash.recommendedCourse.errorText',
+        description: 'Error text for failing to load recommended courses',
+        defaultMessage: 'Failed to load recommended courses. Please try again later.',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/containers/RecommendedCourse/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../src/containers/RecommendedCourse/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,SAAS,EAAE;QACT,EAAE,EAAE,uCAAuC;QAC3C,WAAW,EAAE,oDAAoD;QACjE,cAAc,EAAE,6DAA6D;KAC9E;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  errorText: {\n    id: 'subs-dash.recommendedCourse.errorText',\n    description: 'Error text for failing to load recommended courses',\n    defaultMessage: 'Failed to load recommended courses. Please try again later.',\n  },\n});\n\nexport default messages;\n"]}

package/dist/containers/RelatedProgramsModal/components/ProgramCard.d.ts

@@ -0,0 +1,19 @@
+export function whiteFontWrapper(node: any): import("react/jsx-runtime").JSX.Element;
+export function ProgramCard({ data }: {
+    data: any;
+}): import("react/jsx-runtime").JSX.Element;
+export namespace ProgramCard {
+    namespace propTypes {
+        let data: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            bannerImgSrc: PropTypes.Requireable<string>;
+            logoImgSrc: PropTypes.Requireable<string>;
+            numberOfCourses: PropTypes.Requireable<number>;
+            programType: PropTypes.Requireable<string>;
+            programUrl: PropTypes.Requireable<string>;
+            provider: PropTypes.Requireable<string>;
+            title: PropTypes.Requireable<string>;
+        }>>>;
+    }
+}
+export default ProgramCard;
+import PropTypes from 'prop-types';

package/dist/containers/RelatedProgramsModal/components/ProgramCard.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { useIntl } from '@openedx/frontend-base';
+import { Badge, Card, 
+// Hyperlink,
+Icon, } from '@openedx/paragon';
+import { Program } from '@openedx/paragon/icons';
+import messages from './messages';
+import './index.scss';
+export const whiteFontWrapper = (node) => (_jsx("span", { className: "text-white", children: node }));
+export const ProgramCard = ({ data }) => {
+    const { formatMessage } = useIntl();
+    const numCoursesMessage = formatMessage(messages.courses, { numCourses: data.numberOfCourses });
+    return (_jsxs(Card, { className: "program-card mx-auto bg-primary-500 text-white mb-3.5 pb-3.5", style: { width: '18rem', color: 'white' }, as: "a", href: data.programUrl, isClickable: true, children: [_jsx(Card.ImageCap, { className: "program-card-banner", src: data.bannerImgSrc, srcAlt: formatMessage(messages.bannerAlt), logoSrc: data.logoImgSrc, logoAlt: formatMessage(messages.logoAlt, { provider: data.provider }) }), _jsx(Card.Header, { title: whiteFontWrapper(data.title), subtitle: whiteFontWrapper(data.provider) }), _jsxs("div", { className: "ml-4", children: [_jsxs(Badge, { variant: "light", className: "program-type-badge", children: [_jsx(Icon, { src: Program, className: "d-inline-block" }), " ", data.programType] }), _jsx("div", { className: "program-summary mt-2", children: numCoursesMessage })] })] }));
+};
+ProgramCard.propTypes = {
+    data: PropTypes.shape({
+        bannerImgSrc: PropTypes.string,
+        logoImgSrc: PropTypes.string,
+        numberOfCourses: PropTypes.number,
+        programType: PropTypes.string,
+        programUrl: PropTypes.string,
+        provider: PropTypes.string,
+        title: PropTypes.string,
+    }).isRequired,
+};
+export default ProgramCard;
+//# sourceMappingURL=ProgramCard.js.map

package/dist/containers/RelatedProgramsModal/components/ProgramCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgramCard.js","sourceRoot":"","sources":["../../../../src/containers/RelatedProgramsModal/components/ProgramCard.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACjD,OAAO,EACL,KAAK,EACL,IAAI;AACJ,aAAa;AACb,IAAI,GACL,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,CAAC;AAEtB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,eAAM,SAAS,EAAC,YAAY,YAAE,IAAI,GAAQ,CAAC,CAAC;AAEvF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACtC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,iBAAiB,GAAG,aAAa,CACrC,QAAQ,CAAC,OAAO,EAChB,EAAE,UAAU,EAAE,IAAI,CAAC,eAAe,EAAE,CACrC,CAAC;IACF,OAAO,CACL,MAAC,IAAI,IACH,SAAS,EAAC,8DAA8D,EACxE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EACzC,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,IAAI,CAAC,UAAU,EACrB,WAAW,mBAEX,KAAC,IAAI,CAAC,QAAQ,IACZ,SAAS,EAAC,qBAAqB,EAC/B,GAAG,EAAE,IAAI,CAAC,YAAY,EACtB,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,EACzC,OAAO,EAAE,IAAI,CAAC,UAAU,EACxB,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,GACrE,EACF,KAAC,IAAI,CAAC,MAAM,IACV,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EACnC,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC,GACzC,EACF,eAAK,SAAS,EAAC,MAAM,aACnB,MAAC,KAAK,IAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAC,oBAAoB,aACnD,KAAC,IAAI,IAAC,GAAG,EAAE,OAAO,EAAE,SAAS,EAAC,gBAAgB,GAAG,OAAE,IAAI,CAAC,WAAW,IAC7D,EACR,cAAK,SAAS,EAAC,sBAAsB,YAClC,iBAAiB,GACd,IACF,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,SAAS,GAAG;IACtB,IAAI,EAAE,SAAS,CAAC,KAAK,CAAC;QACpB,YAAY,EAAE,SAAS,CAAC,MAAM;QAC9B,UAAU,EAAE,SAAS,CAAC,MAAM;QAC5B,eAAe,EAAE,SAAS,CAAC,MAAM;QACjC,WAAW,EAAE,SAAS,CAAC,MAAM;QAC7B,UAAU,EAAE,SAAS,CAAC,MAAM;QAC5B,QAAQ,EAAE,SAAS,CAAC,MAAM;QAC1B,KAAK,EAAE,SAAS,CAAC,MAAM;KACxB,CAAC,CAAC,UAAU;CACd,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { useIntl } from '@openedx/frontend-base';\nimport {\n  Badge,\n  Card,\n  // Hyperlink,\n  Icon,\n} from '@openedx/paragon';\nimport { Program } from '@openedx/paragon/icons';\n\nimport messages from './messages';\nimport './index.scss';\n\nexport const whiteFontWrapper = (node) => (<span className=\"text-white\">{node}</span>);\n\nexport const ProgramCard = ({ data }) => {\n  const { formatMessage } = useIntl();\n  const numCoursesMessage = formatMessage(\n    messages.courses,\n    { numCourses: data.numberOfCourses },\n  );\n  return (\n    <Card\n      className=\"program-card mx-auto bg-primary-500 text-white mb-3.5 pb-3.5\"\n      style={{ width: '18rem', color: 'white' }}\n      as=\"a\"\n      href={data.programUrl}\n      isClickable\n    >\n      <Card.ImageCap\n        className=\"program-card-banner\"\n        src={data.bannerImgSrc}\n        srcAlt={formatMessage(messages.bannerAlt)}\n        logoSrc={data.logoImgSrc}\n        logoAlt={formatMessage(messages.logoAlt, { provider: data.provider })}\n      />\n      <Card.Header\n        title={whiteFontWrapper(data.title)}\n        subtitle={whiteFontWrapper(data.provider)}\n      />\n      <div className=\"ml-4\">\n        <Badge variant=\"light\" className=\"program-type-badge\">\n          <Icon src={Program} className=\"d-inline-block\" /> {data.programType}\n        </Badge>\n        <div className=\"program-summary mt-2\">\n          {numCoursesMessage}\n        </div>\n      </div>\n    </Card>\n  );\n};\nProgramCard.propTypes = {\n  data: PropTypes.shape({\n    bannerImgSrc: PropTypes.string,\n    logoImgSrc: PropTypes.string,\n    numberOfCourses: PropTypes.number,\n    programType: PropTypes.string,\n    programUrl: PropTypes.string,\n    provider: PropTypes.string,\n    title: PropTypes.string,\n  }).isRequired,\n};\n\nexport default ProgramCard;\n"]}

package/dist/containers/RelatedProgramsModal/components/index.scss

@@ -0,0 +1,23 @@
+.program-card {
+  color: white !important;
+  .program-card-banner {
+    .pgn__card-image-cap {
+      height: 6rem;
+    }
+  }
+  .program-type-badge {
+    text-align: left;
+    height: 24px;
+    width: 195px;
+    font-size: .75rem;
+    vertical-align: center;
+    .pgn__icon {
+      width: .75rem !important;
+      height: .75rem !important;
+    }
+  }
+  .program-summary {
+    font-size: .75rem;
+    line-height: 1.25rem;
+  }
+}

package/dist/containers/RelatedProgramsModal/components/messages.d.ts

@@ -0,0 +1,32 @@
+export namespace messages {
+    namespace courses {
+        let id: string;
+        let defaultMessage: string;
+        let description: string;
+    }
+    namespace duration {
+        let id_1: string;
+        export { id_1 as id };
+        let defaultMessage_1: string;
+        export { defaultMessage_1 as defaultMessage };
+        let description_1: string;
+        export { description_1 as description };
+    }
+    namespace logoAlt {
+        let id_2: string;
+        export { id_2 as id };
+        let defaultMessage_2: string;
+        export { defaultMessage_2 as defaultMessage };
+        let description_2: string;
+        export { description_2 as description };
+    }
+    namespace bannerAlt {
+        let id_3: string;
+        export { id_3 as id };
+        let defaultMessage_3: string;
+        export { defaultMessage_3 as defaultMessage };
+        let description_3: string;
+        export { description_3 as description };
+    }
+}
+export default messages;