@edx/frontend-app-learner-dashboard 1.2.1 → 1.3.0

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/LargeLayout.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { getAppConfig } from '@openedx/frontend-base';
+import { useIntl } from '@openedx/frontend-base';
+import { Hyperlink, Image } from '@openedx/paragon';
+import classNames from 'classnames';
+import messages from './messages';
+const LargeLayout = ({ enterpriseBranding }) => {
+    const { formatMessage } = useIntl();
+    const enterpriseLogoUrl = (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.enterpriseLogoUrl) || null;
+    const enterpriseName = (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.enterpriseName) || null;
+    const enterpriseWelcomeHtml = (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.enterpriseBrandedWelcomeString)
+        || (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.platformWelcomeString)
+        || '';
+    const siteName = getAppConfig().SITE_NAME;
+    const baseLogoSrc = getAppConfig().LOGO_WHITE_URL || getAppConfig().LOGO_URL;
+    return (_jsxs("div", { className: "w-50 d-flex", children: [_jsxs("div", { className: "col-md-10 bg-primary-400 auth-hero-left position-relative", children: [_jsx(Hyperlink, { destination: getAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "welcome-page-logo auth-hero-base-logo", alt: siteName, src: baseLogoSrc }) }), _jsxs("div", { className: "auth-hero-content d-flex flex-column", children: [_jsxs("div", { className: "d-flex align-items-center", children: [enterpriseLogoUrl && (_jsx("div", { className: "auth-hero-enterprise-logo-wrapper mr-4", children: _jsx(Image, { alt: enterpriseName || 'Enterprise', src: enterpriseLogoUrl, className: "auth-hero-enterprise-logo" }) })), _jsx("div", { className: "auth-hero-slash mr-4", "aria-hidden": "true" }), _jsxs("div", { className: "auth-hero-heading", children: [_jsx("div", { className: classNames('auth-hero-heading-line text-white'), children: formatMessage(messages['start.learning']) }), _jsx("div", { className: "auth-hero-heading-line text-accent-a", children: formatMessage(messages['with.edx']) })] })] }), enterpriseWelcomeHtml && (_jsx("div", { className: "auth-hero-message mt-4", 
+                                // eslint-disable-next-line react/no-danger
+                                dangerouslySetInnerHTML: { __html: enterpriseWelcomeHtml } }))] })] }), _jsx("div", { className: "col-md-3 bg-white p-0", children: _jsx("svg", { className: "m1-n1 w-100 h-100 large-screen-svg-primary", preserveAspectRatio: "xMaxYMin meet", children: _jsx("g", { transform: "skewX(171.6)", children: _jsx("rect", { x: "0", y: "0", height: "100%", width: "100%" }) }) }) })] }));
+};
+LargeLayout.propTypes = {
+    enterpriseBranding: PropTypes.shape({
+        enterpriseLogoUrl: PropTypes.string,
+        enterpriseName: PropTypes.string,
+        enterpriseBrandedWelcomeString: PropTypes.string,
+        platformWelcomeString: PropTypes.string,
+    }),
+};
+LargeLayout.defaultProps = {
+    enterpriseBranding: null,
+};
+export default LargeLayout;
+//# sourceMappingURL=LargeLayout.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/LargeLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LargeLayout.js","sourceRoot":"","sources":["../../../../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/LargeLayout.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getAppConfig } from '@openedx/frontend-base';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\nimport classNames from 'classnames';\n\nimport messages from './messages';\n\nconst LargeLayout = ({ enterpriseBranding }) => {\n  const { formatMessage } = useIntl();\n\n  const enterpriseLogoUrl = enterpriseBranding?.enterpriseLogoUrl || null;\n  const enterpriseName = enterpriseBranding?.enterpriseName || null;\n\n  const enterpriseWelcomeHtml = enterpriseBranding?.enterpriseBrandedWelcomeString\n    || enterpriseBranding?.platformWelcomeString\n    || '';\n\n  const siteName = getAppConfig().SITE_NAME;\n  const baseLogoSrc = getAppConfig().LOGO_WHITE_URL || getAppConfig().LOGO_URL;\n\n  return (\n    <div className=\"w-50 d-flex\">\n      <div className=\"col-md-10 bg-primary-400 auth-hero-left position-relative\">\n        {/* base edX logo at very top-left */}\n        <Hyperlink destination={getAppConfig().MARKETING_SITE_BASE_URL}>\n          <Image\n            className=\"welcome-page-logo auth-hero-base-logo\"\n            alt={siteName}\n            src={baseLogoSrc}\n          />\n        </Hyperlink>\n\n        {/* main hero content block, aligned like Figma */}\n        <div className=\"auth-hero-content d-flex flex-column\">\n          {/* row: [enterprise logo] [yellow slash] [Start learning with edX] */}\n          <div className=\"d-flex align-items-center\">\n            {enterpriseLogoUrl && (\n              <div className=\"auth-hero-enterprise-logo-wrapper mr-4\">\n                <Image\n                  alt={enterpriseName || 'Enterprise'}\n                  src={enterpriseLogoUrl}\n                  className=\"auth-hero-enterprise-logo\"\n                />\n              </div>\n            )}\n\n            <div className=\"auth-hero-slash mr-4\" aria-hidden=\"true\" />\n\n            <div className=\"auth-hero-heading\">\n              <div\n                className={classNames(\n                  'auth-hero-heading-line text-white',\n                )}\n              >\n                {formatMessage(messages['start.learning'])}\n              </div>\n              <div className=\"auth-hero-heading-line text-accent-a\">\n                {formatMessage(messages['with.edx'])}\n              </div>\n            </div>\n          </div>\n\n          {/* enterprise-specific message aligned under heading */}\n          {enterpriseWelcomeHtml && (\n            <div\n              className=\"auth-hero-message mt-4\"\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{ __html: enterpriseWelcomeHtml }}\n            />\n          )}\n        </div>\n      </div>\n\n      {/* keep existing right decorative triangle */}\n      <div className=\"col-md-3 bg-white p-0\">\n        <svg\n          className=\"m1-n1 w-100 h-100 large-screen-svg-primary\"\n          preserveAspectRatio=\"xMaxYMin meet\"\n        >\n          <g transform=\"skewX(171.6)\">\n            <rect x=\"0\" y=\"0\" height=\"100%\" width=\"100%\" />\n          </g>\n        </svg>\n      </div>\n    </div>\n  );\n};\n\nLargeLayout.propTypes = {\n  enterpriseBranding: PropTypes.shape({\n    enterpriseLogoUrl: PropTypes.string,\n    enterpriseName: PropTypes.string,\n    enterpriseBrandedWelcomeString: PropTypes.string,\n    platformWelcomeString: PropTypes.string,\n  }),\n};\n\nLargeLayout.defaultProps = {\n  enterpriseBranding: null,\n};\n\nexport default LargeLayout;\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/MediumLayout.d.ts

@@ -0,0 +1,19 @@
+export default MediumLayout;
+declare function MediumLayout({ enterpriseBranding }: {
+    enterpriseBranding: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace MediumLayout {
+    namespace propTypes {
+        let enterpriseBranding: PropTypes.Requireable<PropTypes.InferProps<{
+            enterpriseLogoUrl: PropTypes.Requireable<string>;
+            enterpriseName: PropTypes.Requireable<string>;
+            enterpriseBrandedWelcomeString: PropTypes.Requireable<string>;
+            platformWelcomeString: PropTypes.Requireable<string>;
+        }>>;
+    }
+    namespace defaultProps {
+        let enterpriseBranding_1: null;
+        export { enterpriseBranding_1 as enterpriseBranding };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/MediumLayout.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { getAppConfig } from '@openedx/frontend-base';
+import { useIntl } from '@openedx/frontend-base';
+import { Hyperlink, Image } from '@openedx/paragon';
+import messages from './messages';
+const MediumLayout = ({ enterpriseBranding }) => {
+    const { formatMessage } = useIntl();
+    const enterpriseLogoUrl = (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.enterpriseLogoUrl) || null;
+    const enterpriseName = (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.enterpriseName) || null;
+    const enterpriseWelcomeHtml = (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.enterpriseBrandedWelcomeString)
+        || (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.platformWelcomeString)
+        || '';
+    const siteName = getAppConfig().SITE_NAME;
+    const baseLogoSrc = getAppConfig().LOGO_WHITE_URL || getAppConfig().LOGO_URL;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "w-100 medium-screen-top-stripe" }), _jsxs("div", { className: "w-100 p-0 mb-3 d-flex", children: [_jsxs("div", { className: "col-md-10 bg-primary-400 auth-hero-left", children: [_jsx(Hyperlink, { destination: getAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "welcome-page-logo auth-hero-base-logo", alt: siteName, src: baseLogoSrc }) }), _jsxs("div", { className: "auth-hero-content d-flex flex-column", children: [_jsxs("div", { className: "d-flex align-items-center", children: [enterpriseLogoUrl && (_jsx("div", { className: "auth-hero-enterprise-logo-wrapper mr-4", children: _jsx(Image, { alt: enterpriseName || 'Enterprise', src: enterpriseLogoUrl, className: "auth-hero-enterprise-logo" }) })), _jsx("div", { className: "auth-hero-slash mr-4", "aria-hidden": "true", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "191", height: "250", viewBox: "0 0 191 250", fill: "none", style: { width: '100%', height: '100%' }, children: _jsx("line", { x1: "69.8107", y1: "33.833", x2: "32.9503", y2: "206.952", stroke: "#F0CC00", strokeWidth: "8" }) }) }), _jsxs("div", { className: "auth-hero-heading", children: [_jsx("div", { className: "auth-hero-heading-line text-white", children: formatMessage(messages['start.learning']) }), _jsx("div", { className: "auth-hero-heading-line text-accent-a", children: formatMessage(messages['with.site.name'], { siteName }) })] })] }), enterpriseWelcomeHtml && (_jsx("div", { className: "auth-hero-message mt-3", 
+                                        // eslint-disable-next-line react/no-danger
+                                        dangerouslySetInnerHTML: {
+                                            __html: enterpriseWelcomeHtml,
+                                        } }))] })] }), _jsx("div", { className: "col-md-2 bg-white p-0", children: _jsx("svg", { className: "w-100 h-100 medium-screen-svg-primary", preserveAspectRatio: "xMaxYMin meet", children: _jsx("g", { transform: "skewX(168)", children: _jsx("rect", { x: "0", y: "0", height: "100%", width: "100%" }) }) }) })] })] }));
+};
+MediumLayout.propTypes = {
+    enterpriseBranding: PropTypes.shape({
+        enterpriseLogoUrl: PropTypes.string,
+        enterpriseName: PropTypes.string,
+        enterpriseBrandedWelcomeString: PropTypes.string,
+        platformWelcomeString: PropTypes.string,
+    }),
+};
+MediumLayout.defaultProps = {
+    enterpriseBranding: null,
+};
+export default MediumLayout;
+//# sourceMappingURL=MediumLayout.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/MediumLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediumLayout.js","sourceRoot":"","sources":["../../../../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/MediumLayout.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getAppConfig } from '@openedx/frontend-base';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\n\nimport messages from './messages';\n\nconst MediumLayout = ({ enterpriseBranding }) => {\n  const { formatMessage } = useIntl();\n\n  const enterpriseLogoUrl = enterpriseBranding?.enterpriseLogoUrl || null;\n  const enterpriseName = enterpriseBranding?.enterpriseName || null;\n  const enterpriseWelcomeHtml = enterpriseBranding?.enterpriseBrandedWelcomeString\n    || enterpriseBranding?.platformWelcomeString\n    || '';\n\n  const siteName = getAppConfig().SITE_NAME;\n  const baseLogoSrc = getAppConfig().LOGO_WHITE_URL || getAppConfig().LOGO_URL;\n\n  return (\n    <>\n      <div className=\"w-100 medium-screen-top-stripe\" />\n      <div className=\"w-100 p-0 mb-3 d-flex\">\n        <div className=\"col-md-10 bg-primary-400 auth-hero-left\">\n          <Hyperlink destination={getAppConfig().MARKETING_SITE_BASE_URL}>\n            <Image className=\"welcome-page-logo auth-hero-base-logo\" alt={siteName} src={baseLogoSrc} />\n          </Hyperlink>\n\n          <div className=\"auth-hero-content d-flex flex-column\">\n            <div className=\"d-flex align-items-center\">\n              {enterpriseLogoUrl && (\n                <div className=\"auth-hero-enterprise-logo-wrapper mr-4\">\n                  <Image\n                    alt={enterpriseName || 'Enterprise'}\n                    src={enterpriseLogoUrl}\n                    className=\"auth-hero-enterprise-logo\"\n                  />\n                </div>\n              )}\n\n              <div className=\"auth-hero-slash mr-4\" aria-hidden=\"true\">\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"191\" height=\"250\" viewBox=\"0 0 191 250\" fill=\"none\" style={{ width: '100%', height: '100%' }}>\n                  <line x1=\"69.8107\" y1=\"33.833\" x2=\"32.9503\" y2=\"206.952\" stroke=\"#F0CC00\" strokeWidth=\"8\" />\n                </svg>\n              </div>\n\n              <div className=\"auth-hero-heading\">\n                <div className=\"auth-hero-heading-line text-white\">\n                  {formatMessage(messages['start.learning'])}\n                </div>\n                <div className=\"auth-hero-heading-line text-accent-a\">\n                  {formatMessage(messages['with.site.name'], { siteName })}\n                </div>\n              </div>\n            </div>\n\n            {enterpriseWelcomeHtml && (\n              <div\n                className=\"auth-hero-message mt-3\"\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{\n                  __html: enterpriseWelcomeHtml,\n                }}\n              />\n            )}\n          </div>\n        </div>\n        <div className=\"col-md-2 bg-white p-0\">\n          <svg className=\"w-100 h-100 medium-screen-svg-primary\" preserveAspectRatio=\"xMaxYMin meet\">\n            <g transform=\"skewX(168)\">\n              <rect x=\"0\" y=\"0\" height=\"100%\" width=\"100%\" />\n            </g>\n          </svg>\n        </div>\n      </div>\n    </>\n  );\n};\n\nMediumLayout.propTypes = {\n  enterpriseBranding: PropTypes.shape({\n    enterpriseLogoUrl: PropTypes.string,\n    enterpriseName: PropTypes.string,\n    enterpriseBrandedWelcomeString: PropTypes.string,\n    platformWelcomeString: PropTypes.string,\n  }),\n};\n\nMediumLayout.defaultProps = {\n  enterpriseBranding: null,\n};\n\nexport default MediumLayout;\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/SmallLayout.d.ts

@@ -0,0 +1,19 @@
+export default SmallLayout;
+declare function SmallLayout({ enterpriseBranding }: {
+    enterpriseBranding: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace SmallLayout {
+    namespace propTypes {
+        let enterpriseBranding: PropTypes.Requireable<PropTypes.InferProps<{
+            enterpriseLogoUrl: PropTypes.Requireable<string>;
+            enterpriseName: PropTypes.Requireable<string>;
+            enterpriseBrandedWelcomeString: PropTypes.Requireable<string>;
+            platformWelcomeString: PropTypes.Requireable<string>;
+        }>>;
+    }
+    namespace defaultProps {
+        let enterpriseBranding_1: null;
+        export { enterpriseBranding_1 as enterpriseBranding };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/SmallLayout.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { getAppConfig } from '@openedx/frontend-base';
+import { useIntl } from '@openedx/frontend-base';
+import { Hyperlink, Image } from '@openedx/paragon';
+import messages from './messages';
+const SmallLayout = ({ enterpriseBranding }) => {
+    const { formatMessage } = useIntl();
+    const enterpriseLogoUrl = (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.enterpriseLogoUrl) || null;
+    const enterpriseName = (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.enterpriseName) || null;
+    const enterpriseWelcomeHtml = (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.enterpriseBrandedWelcomeString)
+        || (enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.platformWelcomeString)
+        || '';
+    const siteName = getAppConfig().SITE_NAME;
+    const baseLogoSrc = getAppConfig().LOGO_WHITE_URL || getAppConfig().LOGO_URL;
+    return (_jsxs("div", { className: "min-vw-100 bg-primary-400 auth-hero-left", children: [_jsx("div", { className: "col-md-12 small-screen-top-stripe" }), _jsx(Hyperlink, { destination: getAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "logo-small auth-hero-base-logo", alt: siteName, src: baseLogoSrc }) }), _jsxs("div", { className: "auth-hero-content d-flex flex-column", children: [_jsxs("div", { className: "d-flex align-items-center", children: [enterpriseLogoUrl && (_jsx("div", { className: "auth-hero-enterprise-logo-wrapper mr-4", children: _jsx(Image, { alt: enterpriseName || 'Enterprise', src: enterpriseLogoUrl, className: "auth-hero-enterprise-logo" }) })), _jsx("div", { className: "auth-hero-slash mr-4", "aria-hidden": "true", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "191", height: "250", viewBox: "0 0 191 250", fill: "none", style: { width: '100%', height: '100%' }, children: _jsx("line", { x1: "69.8107", y1: "33.833", x2: "32.9503", y2: "206.952", stroke: "#F0CC00", strokeWidth: "8" }) }) }), _jsxs("div", { className: "auth-hero-heading", children: [_jsx("div", { className: "auth-hero-heading-line text-white", children: formatMessage(messages['start.learning']) }), _jsx("div", { className: "auth-hero-heading-line text-accent-a", children: formatMessage(messages['with.site.name'], { siteName }) })] })] }), enterpriseWelcomeHtml && (_jsx("div", { className: "auth-hero-message mt-3", 
+                        // eslint-disable-next-line react/no-danger
+                        // HTML is provided by trusted enterprise branding config (sanitized upstream).
+                        dangerouslySetInnerHTML: {
+                            __html: enterpriseWelcomeHtml,
+                        } }))] })] }));
+};
+SmallLayout.propTypes = {
+    enterpriseBranding: PropTypes.shape({
+        enterpriseLogoUrl: PropTypes.string,
+        enterpriseName: PropTypes.string,
+        enterpriseBrandedWelcomeString: PropTypes.string,
+        platformWelcomeString: PropTypes.string,
+    }),
+};
+SmallLayout.defaultProps = {
+    enterpriseBranding: null,
+};
+export default SmallLayout;
+//# sourceMappingURL=SmallLayout.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/SmallLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmallLayout.js","sourceRoot":"","sources":["../../../../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/SmallLayout.jsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { getAppConfig } from '@openedx/frontend-base';\nimport { useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\n\nimport messages from './messages';\n\nconst SmallLayout = ({ enterpriseBranding }) => {\n  const { formatMessage } = useIntl();\n\n  const enterpriseLogoUrl = enterpriseBranding?.enterpriseLogoUrl || null;\n  const enterpriseName = enterpriseBranding?.enterpriseName || null;\n  const enterpriseWelcomeHtml = enterpriseBranding?.enterpriseBrandedWelcomeString\n    || enterpriseBranding?.platformWelcomeString\n    || '';\n\n  const siteName = getAppConfig().SITE_NAME;\n  const baseLogoSrc = getAppConfig().LOGO_WHITE_URL || getAppConfig().LOGO_URL;\n\n  return (\n    <div className=\"min-vw-100 bg-primary-400 auth-hero-left\">\n      <div className=\"col-md-12 small-screen-top-stripe\" />\n      <Hyperlink destination={getAppConfig().MARKETING_SITE_BASE_URL}>\n        <Image className=\"logo-small auth-hero-base-logo\" alt={siteName} src={baseLogoSrc} />\n      </Hyperlink>\n\n      <div className=\"auth-hero-content d-flex flex-column\">\n        <div className=\"d-flex align-items-center\">\n          {enterpriseLogoUrl && (\n            <div className=\"auth-hero-enterprise-logo-wrapper mr-4\">\n              <Image\n                alt={enterpriseName || 'Enterprise'}\n                src={enterpriseLogoUrl}\n                className=\"auth-hero-enterprise-logo\"\n              />\n            </div>\n          )}\n\n          <div className=\"auth-hero-slash mr-4\" aria-hidden=\"true\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"191\" height=\"250\" viewBox=\"0 0 191 250\" fill=\"none\" style={{ width: '100%', height: '100%' }}>\n              <line x1=\"69.8107\" y1=\"33.833\" x2=\"32.9503\" y2=\"206.952\" stroke=\"#F0CC00\" strokeWidth=\"8\" />\n            </svg>\n          </div>\n\n          <div className=\"auth-hero-heading\">\n            <div className=\"auth-hero-heading-line text-white\">\n              {formatMessage(messages['start.learning'])}\n            </div>\n            <div className=\"auth-hero-heading-line text-accent-a\">\n              {formatMessage(messages['with.site.name'], { siteName })}\n            </div>\n          </div>\n        </div>\n\n        {enterpriseWelcomeHtml && (\n          <div\n            className=\"auth-hero-message mt-3\"\n            // eslint-disable-next-line react/no-danger\n            // HTML is provided by trusted enterprise branding config (sanitized upstream).\n            dangerouslySetInnerHTML={{\n              __html: enterpriseWelcomeHtml,\n            }}\n          />\n        )}\n      </div>\n    </div>\n  );\n};\n\nSmallLayout.propTypes = {\n  enterpriseBranding: PropTypes.shape({\n    enterpriseLogoUrl: PropTypes.string,\n    enterpriseName: PropTypes.string,\n    enterpriseBrandedWelcomeString: PropTypes.string,\n    platformWelcomeString: PropTypes.string,\n  }),\n};\n\nSmallLayout.defaultProps = {\n  enterpriseBranding: null,\n};\n\nexport default SmallLayout;\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/index.d.ts

@@ -0,0 +1,3 @@
+export { default as AuthLargeLayout } from "./LargeLayout";
+export { default as AuthMediumLayout } from "./MediumLayout";
+export { default as AuthSmallLayout } from "./SmallLayout";

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/index.js

@@ -0,0 +1,4 @@
+export { default as AuthLargeLayout } from './LargeLayout';
+export { default as AuthMediumLayout } from './MediumLayout';
+export { default as AuthSmallLayout } from './SmallLayout';
+//# sourceMappingURL=index.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default as AuthLargeLayout } from './LargeLayout';\nexport { default as AuthMediumLayout } from './MediumLayout';\nexport { default as AuthSmallLayout } from './SmallLayout';\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/messages.d.ts

@@ -0,0 +1,33 @@
+export default messages;
+declare const messages: {
+    'welcome.to.platform': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'start.learning': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'with.site.name': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'with.edx': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'complete.your.profile.1': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'complete.your.profile.2': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/messages.js

@@ -0,0 +1,35 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    'welcome.to.platform': {
+        id: 'welcome.to.platform',
+        defaultMessage: 'Welcome to {siteName}, {fullName}!',
+        description: 'Welcome message that appears on progressive profile page',
+    },
+    'start.learning': {
+        id: 'start.learning',
+        defaultMessage: 'Start learning',
+        description: 'Header text for logistration MFE pages',
+    },
+    'with.site.name': {
+        id: 'with.site.name',
+        defaultMessage: 'with {siteName}',
+        description: 'Header text with site name for logistration MFE pages',
+    },
+    'with.edx': {
+        id: 'with.edx',
+        defaultMessage: ' with edX',
+        description: 'Text used to append the edX brand in the welcome message',
+    },
+    'complete.your.profile.1': {
+        id: 'complete.your.profile.1',
+        defaultMessage: 'Complete',
+        description: 'part of text "complete your profile"',
+    },
+    'complete.your.profile.2': {
+        id: 'complete.your.profile.2',
+        defaultMessage: 'your profile',
+        description: 'part of text "complete your profile"',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/components/welcome-page-layout/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,qBAAqB,EAAE;QACrB,EAAE,EAAE,qBAAqB;QACzB,cAAc,EAAE,oCAAoC;QACpD,WAAW,EAAE,0DAA0D;KACxE;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,gBAAgB;QACpB,cAAc,EAAE,gBAAgB;QAChC,WAAW,EAAE,wCAAwC;KACtD;IACD,gBAAgB,EAAE;QAChB,EAAE,EAAE,gBAAgB;QACpB,cAAc,EAAE,iBAAiB;QACjC,WAAW,EAAE,uDAAuD;KACrE;IACD,UAAU,EAAE;QACV,EAAE,EAAE,UAAU;QACd,cAAc,EAAE,WAAW;QAC3B,WAAW,EAAE,0DAA0D;KACxE;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,yBAAyB;QAC7B,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,sCAAsC;KACpD;IACD,yBAAyB,EAAE;QACzB,EAAE,EAAE,yBAAyB;QAC7B,cAAc,EAAE,cAAc;QAC9B,WAAW,EAAE,sCAAsC;KACpD;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  'welcome.to.platform': {\n    id: 'welcome.to.platform',\n    defaultMessage: 'Welcome to {siteName}, {fullName}!',\n    description: 'Welcome message that appears on progressive profile page',\n  },\n  'start.learning': {\n    id: 'start.learning',\n    defaultMessage: 'Start learning',\n    description: 'Header text for logistration MFE pages',\n  },\n  'with.site.name': {\n    id: 'with.site.name',\n    defaultMessage: 'with {siteName}',\n    description: 'Header text with site name for logistration MFE pages',\n  },\n  'with.edx': {\n    id: 'with.edx',\n    defaultMessage: ' with edX',\n    description: 'Text used to append the edX brand in the welcome message',\n  },\n  'complete.your.profile.1': {\n    id: 'complete.your.profile.1',\n    defaultMessage: 'Complete',\n    description: 'part of text \"complete your profile\"',\n  },\n  'complete.your.profile.2': {\n    id: 'complete.your.profile.2',\n    defaultMessage: 'your profile',\n    description: 'part of text \"complete your profile\"',\n  },\n});\n\nexport default messages;\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/index.d.ts

@@ -0,0 +1,20 @@
+export default BaseContainer;
+declare function BaseContainer({ children, enterpriseBranding }: {
+    children: any;
+    enterpriseBranding: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace BaseContainer {
+    namespace defaultProps {
+        let enterpriseBranding: null;
+    }
+    namespace propTypes {
+        export let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        let enterpriseBranding_1: PropTypes.Requireable<PropTypes.InferProps<{
+            thirdPartyAuthContext: PropTypes.Requireable<PropTypes.InferProps<{
+                enterpriseBranding: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+            }>>;
+        }>>;
+        export { enterpriseBranding_1 as enterpriseBranding };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/index.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { breakpoints } from '@openedx/paragon';
+import PropTypes from 'prop-types';
+import MediaQuery from 'react-responsive';
+import { AuthLargeLayout, AuthMediumLayout, AuthSmallLayout } from './components/welcome-page-layout';
+const BaseContainer = ({ children, enterpriseBranding }) => {
+    var _a;
+    const brandingData = (_a = enterpriseBranding === null || enterpriseBranding === void 0 ? void 0 : enterpriseBranding.thirdPartyAuthContext) === null || _a === void 0 ? void 0 : _a.enterpriseBranding;
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "col-md-12 extra-large-screen-top-stripe" }), _jsxs("div", { className: "layout", children: [_jsx(MediaQuery, { maxWidth: breakpoints.small.maxWidth - 1, children: _jsx(AuthSmallLayout, { enterpriseBranding: brandingData }) }), _jsx(MediaQuery, { minWidth: breakpoints.medium.minWidth, maxWidth: breakpoints.large.maxWidth - 1, children: _jsx(AuthMediumLayout, { enterpriseBranding: brandingData }) }), _jsx(MediaQuery, { minWidth: breakpoints.extraLarge.minWidth, children: _jsx(AuthLargeLayout, { enterpriseBranding: brandingData }) }), _jsx("div", { className: "content", children: children })] })] }));
+};
+BaseContainer.defaultProps = {
+    enterpriseBranding: null,
+};
+BaseContainer.propTypes = {
+    children: PropTypes.node.isRequired,
+    enterpriseBranding: PropTypes.shape({
+        thirdPartyAuthContext: PropTypes.shape({
+            enterpriseBranding: PropTypes.shape({}),
+        }),
+    }),
+};
+export default BaseContainer;
+//# sourceMappingURL=index.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/base-container/index.jsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEtG,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,EAAE,EAAE;;IACzD,MAAM,YAAY,GAAG,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,qBAAqB,0CAAE,kBAAkB,CAAC;IAEnF,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,yCAAyC,GAAG,EAC3D,eAAK,SAAS,EAAC,QAAQ,aACrB,KAAC,UAAU,IAAC,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,YAClD,KAAC,eAAe,IAAC,kBAAkB,EAAE,YAAY,GAAI,GAC1C,EACb,KAAC,UAAU,IAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,YACzF,KAAC,gBAAgB,IAAC,kBAAkB,EAAE,YAAY,GAAI,GAC3C,EACb,KAAC,UAAU,IAAC,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,QAAQ,YACnD,KAAC,eAAe,IAAC,kBAAkB,EAAE,YAAY,GAAI,GAC1C,EACb,cAAK,SAAS,EAAC,SAAS,YACrB,QAAQ,GACL,IACF,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,YAAY,GAAG;IAC3B,kBAAkB,EAAE,IAAI;CACzB,CAAC;AAEF,aAAa,CAAC,SAAS,GAAG;IACxB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,kBAAkB,EAAE,SAAS,CAAC,KAAK,CAAC;QAClC,qBAAqB,EAAE,SAAS,CAAC,KAAK,CAAC;YACrC,kBAAkB,EAAE,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;SACxC,CAAC;KACH,CAAC;CACH,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import React from 'react';\n\nimport { breakpoints } from '@openedx/paragon';\nimport PropTypes from 'prop-types';\nimport MediaQuery from 'react-responsive';\n\nimport { AuthLargeLayout, AuthMediumLayout, AuthSmallLayout } from './components/welcome-page-layout';\n\nconst BaseContainer = ({ children, enterpriseBranding }) => {\n  const brandingData = enterpriseBranding?.thirdPartyAuthContext?.enterpriseBranding;\n\n  return (\n    <>\n      <div className=\"col-md-12 extra-large-screen-top-stripe\" />\n      <div className=\"layout\">\n        <MediaQuery maxWidth={breakpoints.small.maxWidth - 1}>\n          <AuthSmallLayout enterpriseBranding={brandingData} />\n        </MediaQuery>\n        <MediaQuery minWidth={breakpoints.medium.minWidth} maxWidth={breakpoints.large.maxWidth - 1}>\n          <AuthMediumLayout enterpriseBranding={brandingData} />\n        </MediaQuery>\n        <MediaQuery minWidth={breakpoints.extraLarge.minWidth}>\n          <AuthLargeLayout enterpriseBranding={brandingData} />\n        </MediaQuery>\n        <div className=\"content\">\n          {children}\n        </div>\n      </div>\n    </>\n  );\n};\n\nBaseContainer.defaultProps = {\n  enterpriseBranding: null,\n};\n\nBaseContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  enterpriseBranding: PropTypes.shape({\n    thirdPartyAuthContext: PropTypes.shape({\n      enterpriseBranding: PropTypes.shape({}),\n    }),\n  }),\n};\n\nexport default BaseContainer;\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/index.d.ts

@@ -0,0 +1 @@
+export { default as ProgressiveProfiling } from "./ProgressiveProfiling";

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/index.js

@@ -0,0 +1,2 @@
+export { default as ProgressiveProfiling } from './ProgressiveProfiling';
+//# sourceMappingURL=index.js.map

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,wBAAwB,CAAC","sourcesContent":["export { default as ProgressiveProfiling } from './ProgressiveProfiling';\n"]}

package/dist/widgets/LearnerDashboardPlugins/progressive-profiling-dashboard/progressive-profiling-authn-replica/index.scss

@@ -0,0 +1,269 @@
+@use "@openedx/paragon/styles/css/core/custom-media-breakpoints" as paragonCustomMediaBreakpoints;
+
+.pp-page__button-width{
+    min-width: 6rem;
+}
+.pp-page__support-link {
+    font-size: 0.875rem;
+    font-weight: 400;
+}
+.pp-page__heading {
+    line-height: 1.75rem;
+    font-size: 1.375rem;
+    margin-bottom: 0.5rem;
+    font-weight: 700;
+
+    @media (--pgn-size-breakpoint-max-width-md) {
+      line-height: 1.5rem;
+      font-size: 1.125rem;
+    }
+}
+@media (max-width: 464px) {
+    .pp-page__support-link {
+      font-size: 0.688rem;
+      font-weight: normal;
+      line-height: 0.938rem;
+    }
+}
+
+.logo-small {
+  width: 44.67px;
+  margin-top: 1.25rem;
+  margin-left: 1.5rem;
+}
+
+.welcome-page-logo {
+  width: 71px;
+  margin-top: 2rem;
+  margin-left: 1.5rem;
+}
+
+.main-heading {
+  position: relative;
+  z-index: 2;
+}
+
+.small-screen-top-stripe {
+  height: 0.25rem;
+  background-image: linear-gradient(102.02deg,
+      var(--pgn-color-brand-700),
+      var(--pgn-color-brand-700) 20%,
+      var(--pgn-color-brand-base) 20%,
+    );
+  background-repeat: no-repeat;
+}
+
+@media (--pgn-size-breakpoint-min-width-md) and (--pgn-size-breakpoint-max-width-md) {
+  .medium-screen-top-stripe {
+    display: flex;
+    height: 0.5rem;
+    background-image: linear-gradient(102.02deg,
+        var(--pgn-color-brand-700),
+        var(--pgn-color-brand-700) 10%,
+        var(--pgn-color-brand-base) 10%,
+        var(--pgn-color-brand-base) 90%,
+        var(--pgn-color-primary-700) 90%,
+        var(--pgn-color-primary-700) 100%,
+      );
+    background-repeat: no-repeat;
+  }
+}
+
+@media (--pgn-size-breakpoint-min-width-lg) and (--pgn-size-breakpoint-max-width-lg) {
+  .medium-screen-top-stripe {
+    display: flex;
+    height: 0.5rem;
+    background-image: linear-gradient(102.02deg,
+        var(--pgn-color-brand-700) 10%,
+        var(--pgn-color-brand-base) 10%,
+        var(--pgn-color-brand-base) 65%,
+        var(--pgn-color-primary-700) 65%,
+        var(--pgn-color-primary-700) 75%,
+        var(--pgn-color-accent-a) 75%,
+        var(--pgn-color-accent-a) 75%);
+    background-repeat: no-repeat;
+  }
+}
+
+.extra-large-screen-top-stripe {
+  display: none;
+}
+
+@media (--pgn-size-breakpoint-min-width-xl) {
+  .extra-large-screen-top-stripe {
+    display: flex;
+    height: 0.5rem;
+    background-image: linear-gradient(102.02deg,
+        var(--pgn-color-brand-700) 10%,
+        var(--pgn-color-brand-base) 10%,
+        var(--pgn-color-brand-base) 45%,
+        var(--pgn-color-primary-700) 45%,
+        var(--pgn-color-primary-700) 55%,
+        var(--pgn-color-accent-a) 55%,
+        var(--pgn-color-accent-a) 75%,
+        var(--pgn-color-info-200) 75%,
+      );
+    background-repeat: no-repeat;
+  }
+}
+
+.large-screen-svg-primary {
+  fill: var(--pgn-color-primary-400);
+  overflow: hidden;
+  position: absolute;
+}
+
+.medium-screen-svg-primary {
+  fill: var(--pgn-color-primary-400);
+  overflow: inherit;
+  position: absolute;
+}
+
+[dir=rtl] {
+  .medium-screen-svg-primary,
+  .large-screen-svg-primary {
+    transform: scaleX(-1);
+  }
+}
+
+.small-yellow-line {
+  width: 80px;
+  height: 0;
+  border: 2px solid var(--pgn-color-accent-b);
+  transform: rotate(102.02deg);
+}
+
+.medium-yellow-line {
+  width: 120px;
+  height: 0;
+  border: 3px solid var(--pgn-color-accent-b);
+  transform: rotate(102.02deg);
+}
+
+.large-yellow-line {
+  width: 240px;
+  height: 0;
+  border: 3px solid var(--pgn-color-accent-b);
+  transform: rotate(102.02deg);
+}
+.auth-hero-left {
+  padding-left: 3.5rem;
+  padding-right: 3.5rem;
+  min-height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+
+.auth-hero-base-logo {
+  // reuse existing .logo sizes, just ensure it sits above everything
+  position: relative;
+  z-index: 2;
+}
+
+.auth-hero-content {
+  // distance from top stripe & logo to hero block (matches Figma visually)
+  margin-top: 7rem;
+  max-width: 560px;
+}
+
+/* enterprise logo in white card */
+.auth-hero-enterprise-logo-wrapper {
+  background: #ffffff;
+  border-radius: 6px;
+  padding: 0.75rem 1rem;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.auth-hero-enterprise-logo {
+  max-width: 145px;
+  max-height: 74px;
+  object-fit: contain;
+}
+
+/* yellow slanted line */
+.auth-hero-slash {
+  width: 0;                       // only height+border matters
+  height: 110px;                  // tune this to match logo/heading height
+  border-left: 6px solid #F0CC00; // Figma yellow
+  border-radius: 999px;
+  transform: skewX(-12deg);       // gives that forward slash look
+  transform-origin: center;
+}
+
+/* heading text: "Start learning" + "with edX" */
+.auth-hero-heading {
+  display: flex;
+  flex-direction: column;
+}
+
+.auth-hero-heading-line {
+  font-family: 'Inter', sans-serif;
+  font-size: 60px;
+  font-weight: 700;
+  line-height: 60px;
+  letter-spacing: -1.2px;
+  color: #FFFFFF; // for "Start learning"
+}
+
+.auth-hero-heading-line.text-accent-a {
+  color: #03C7E8 !important; // for "with edX"
+}
+
+/* enterprise message aligned under heading, same left edge */
+.auth-hero-message {
+  max-width: 492px;
+  color: #fff;
+  font-family: 'Inter', sans-serif;
+  font-size: 22px;
+  font-weight: 400;
+  line-height: 36px;
+}
+
+.auth-hero-message p {
+  margin: 0;
+  color: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.auth-hero-message a {
+  color: #03c7e8;
+  text-decoration: underline;
+}
+
+/* simple responsive tweaks */
+@media (max-width: 1199.98px) {
+  .auth-hero-heading-line {
+    font-size: 2.5rem;
+  }
+
+  .auth-hero-content {
+    margin-top: 4rem;
+  }
+}
+
+.layout {
+  display: flex;
+
+  @media (--pgn-size-breakpoint-max-width-lg) {
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  @media (--pgn-size-breakpoint-min-width-xl) {
+    justify-content: space-between;
+  }
+}
+
+.content {
+  @media (--pgn-size-breakpoint-min-width-xl) {
+    display: flex;
+    justify-content: center;
+    width: 50vw;
+    margin-top: 4rem;
+  }
+}
+