@openedx/frontend-app-authn 2.0.0-alpha.1 → 2.0.0-alpha.3

package/README.rst

@@ -131,61 +131,105 @@ Configuration
 
 This app is no longer configured by build-time environment variables.
 ``getAppConfig`` resolves three sources, in order of increasing precedence: the
-app's bundled defaults, the site's ``commonAppConfig``, and the app's ``config``.
-The first is the app author's, at build time; the other two are the operator's,
-the second applying to every app on the site and the third to this app alone.  In
-edx-platform they arrive as ``MFE_CONFIG`` and ``MFE_CONFIG_OVERRIDES['authn']``
-respectively.
+app's bundled ``defaultConfig``, the site's ``commonAppConfig``, and the app's
+``config``.  The first is the app author's, at build time; the other two are the
+operator's, the second applying to every app on the site and the third to this
+app alone.
 
-The full list of keys and their defaults is the ``config`` block in
-``src/app.ts``.  Most are self-explanatory support links, logo URLs and branding
-strings.  The ones worth describing:
+Authn bundles three defaults, in ``src/app.ts``:
+``DISABLE_ENTERPRISE_LOGIN``, ``LOGO_URL`` and ``LOGO_WHITE_URL``.  Every other
+field below is supplied by the operator.
 
 .. list-table::
-   :widths: 30 50 20
+   :widths: 30 70
    :header-rows: 1
 
    * - Name
      - Description / Usage
-     - Example
+
+   * - ``ACTIVATION_EMAIL_SUPPORT_LINK``
+     - Support page linked from the account-activation error message.  Unset,
+       the message names support as plain text rather than a link.
 
    * - ``ALLOW_PUBLIC_ACCOUNT_CREATION``
-     - Whether visitors may register themselves.  When false, the registration
-       page and the links to it are hidden.
-     - ``true``
+     - Whether visitors may register themselves.  Set it to ``false`` to hide
+       the registration page and the links to it; visitors may register
+       otherwise.
+
+   * - ``AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK``
+     - Support page linked from the progressive-profiling form.  Not rendered
+       when unset.
+
+   * - ``BANNER_IMAGE_EXTRA_SMALL``, ``BANNER_IMAGE_SMALL``,
+       ``BANNER_IMAGE_MEDIUM``, ``BANNER_IMAGE_LARGE``
+     - Banner images for the image layout, one per breakpoint.  Where one is
+       unset the banner falls back to a flat background.  Only used when
+       ``ENABLE_IMAGE_LAYOUT`` is on.
 
    * - ``DISABLE_ENTERPRISE_LOGIN``
-     - Disables the enterprise login flow.
-     - ``true``
+     - Disables the enterprise login flow.  Bundled as ``true``; set it to
+       ``false`` to offer enterprise login.
 
    * - ``ENABLE_AUTO_GENERATED_USERNAME``
      - Generates the username from the registration form rather than asking for
        one.
-     - ``false``
 
    * - ``ENABLE_DYNAMIC_REGISTRATION_FIELDS``
      - Enables configurable registration fields.  Must be enabled to show any
        registration field besides the defaults (name, email, username,
        password).
-     - ``false``
 
    * - ``ENABLE_IMAGE_LAYOUT``
      - Allows images in the base container layout.  See `Modifying base
        container <docs/how_tos/modifying_base_container.rst>`_.
-     - ``false``
 
    * - ``ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN``
      - Enables progressive profiling.  If enabled, users are redirected to a
        second page where data for optional registration fields is collected.
-     - ``false``
+
+   * - ``INFO_EMAIL``
+     - Support address offered on the forgot-password page.  The sentence
+       offering it is omitted when unset.
+
+   * - ``LOGIN_ISSUE_SUPPORT_LINK``
+     - Support page linked from the forgot-password form.  Not rendered when
+       unset.
+
+   * - ``LOGO_URL``, ``LOGO_WHITE_URL``
+     - The site logo, in its regular and light-on-dark forms.  Both are bundled
+       with the same default frontend-base uses for the shell header.
+
+   * - ``MARKETING_SITE_BASE_URL``
+     - Marketing site the logo links to.  The logo renders unlinked when unset.
+
+   * - ``PASSWORD_RESET_SUPPORT_LINK``
+     - Support page linked from the password-reset confirmation.  Unset, the
+       message names support as plain text rather than a link.
 
    * - ``POST_REGISTRATION_REDIRECT_URL``
-     - Where to send a user after registration, overriding the default route.
-     - ``''``
+     - Where to send a user after registration, sent to the host page in the
+       embedded-registration flow.
+
+   * - ``PRIVACY_POLICY``, ``TOS_LINK``, ``TOS_AND_HONOR_CODE``
+     - Destinations for the privacy-policy, terms-of-service and honor-code
+       links on the registration form.  Each falls back to ``#`` when unset, so
+       a site collecting agreement to them should set them.
+
+   * - ``SEARCH_CATALOG_URL``
+     - Where to send a learner who finishes progressive profiling with no
+       ``nextUrl`` from the backend.  Falls back to the site itself.
+
+   * - ``SESSION_COOKIE_DOMAIN``
+     - Domain the cookies this app sets are scoped to.  Unset, they are scoped
+       to the host that served the page.
 
    * - ``SHOW_REGISTRATION_LINKS``
-     - Whether to show links to the registration page from the other pages.
-     - ``true``
+     - Whether to show links to the registration page from the other pages.  Set
+       it to ``false`` to hide them; they are shown otherwise.
+
+   * - ``USER_RETENTION_COOKIE_NAME``
+     - Name of the cookie set on successful registration.  No cookie is set when
+       unset.
 
 edX-specific Configuration
 ==========================
@@ -194,17 +238,15 @@ The following key enables an integration with a closed-source service private to
 the edX organization, and might be unsupported in Open edX.
 
 .. list-table::
-   :widths: 30 50 20
+   :widths: 30 70
    :header-rows: 1
 
    * - Name
      - Description / Usage
-     - Example
 
    * - ``MARKETING_EMAILS_OPT_IN``
      - Enables opting in to marketing emails, to capture user consent for
        sending them.
-     - ``''``
 
 
 *****

package/dist/app.js

@@ -5,36 +5,10 @@ const app = {
     appId,
     routes,
     provides,
-    config: {
-        ACTIVATION_EMAIL_SUPPORT_LINK: null,
-        ALLOW_PUBLIC_ACCOUNT_CREATION: true,
-        AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK: null,
-        BANNER_IMAGE_EXTRA_SMALL: '',
-        BANNER_IMAGE_LARGE: '',
-        BANNER_IMAGE_MEDIUM: '',
-        BANNER_IMAGE_SMALL: '',
+    defaultConfig: {
         DISABLE_ENTERPRISE_LOGIN: true,
-        ENABLE_AUTO_GENERATED_USERNAME: false,
-        ENABLE_DYNAMIC_REGISTRATION_FIELDS: false,
-        ENABLE_IMAGE_LAYOUT: false,
-        ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN: false,
-        FAVICON_URL: 'https://edx-cdn.org/v3/default/favicon.ico',
-        INFO_EMAIL: '',
-        LOGIN_ISSUE_SUPPORT_LINK: null,
-        LOGO_TRADEMARK_URL: 'https://edx-cdn.org/v3/default/logo-trademark.svg',
         LOGO_URL: 'https://edx-cdn.org/v3/default/logo.svg',
         LOGO_WHITE_URL: 'https://edx-cdn.org/v3/default/logo-white.svg',
-        MARKETING_EMAILS_OPT_IN: '',
-        MARKETING_SITE_BASE_URL: 'http://local.openedx.io',
-        PASSWORD_RESET_SUPPORT_LINK: null,
-        POST_REGISTRATION_REDIRECT_URL: '',
-        PRIVACY_POLICY: null,
-        SEARCH_CATALOG_URL: null,
-        SESSION_COOKIE_DOMAIN: 'local.openedx.io',
-        SHOW_REGISTRATION_LINKS: true,
-        TOS_AND_HONOR_CODE: null,
-        TOS_LINK: null,
-        USER_RETENTION_COOKIE_NAME: '',
     },
 };
 export default app;

package/dist/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,GAAG,GAAQ;IACf,KAAK;IACL,MAAM;IACN,QAAQ;IACR,MAAM,EAAE;QACN,6BAA6B,EAAE,IAAI;QACnC,6BAA6B,EAAE,IAAI;QACnC,wCAAwC,EAAE,IAAI;QAC9C,wBAAwB,EAAE,EAAE;QAC5B,kBAAkB,EAAE,EAAE;QACtB,mBAAmB,EAAE,EAAE;QACvB,kBAAkB,EAAE,EAAE;QACtB,wBAAwB,EAAE,IAAI;QAC9B,8BAA8B,EAAE,KAAK;QACrC,kCAAkC,EAAE,KAAK;QACzC,mBAAmB,EAAE,KAAK;QAC1B,qCAAqC,EAAE,KAAK;QAC5C,WAAW,EAAE,4CAA4C;QACzD,UAAU,EAAE,EAAE;QACd,wBAAwB,EAAE,IAAI;QAC9B,kBAAkB,EAAE,mDAAmD;QACvE,QAAQ,EAAE,yCAAyC;QACnD,cAAc,EAAE,+CAA+C;QAC/D,uBAAuB,EAAE,EAAE;QAC3B,uBAAuB,EAAE,yBAAyB;QAClD,2BAA2B,EAAE,IAAI;QACjC,8BAA8B,EAAE,EAAE;QAClC,cAAc,EAAE,IAAI;QACpB,kBAAkB,EAAE,IAAI;QACxB,qBAAqB,EAAE,kBAAkB;QACzC,uBAAuB,EAAE,IAAI;QAC7B,kBAAkB,EAAE,IAAI;QACxB,QAAQ,EAAE,IAAI;QACd,0BAA0B,EAAE,EAAE;KAC/B;CACF,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import { App } from '@openedx/frontend-base';\nimport { appId } from './constants';\nimport provides from './provides';\nimport routes from './routes';\n\nconst app: App = {\n  appId,\n  routes,\n  provides,\n  config: {\n    ACTIVATION_EMAIL_SUPPORT_LINK: null,\n    ALLOW_PUBLIC_ACCOUNT_CREATION: true,\n    AUTHN_PROGRESSIVE_PROFILING_SUPPORT_LINK: null,\n    BANNER_IMAGE_EXTRA_SMALL: '',\n    BANNER_IMAGE_LARGE: '',\n    BANNER_IMAGE_MEDIUM: '',\n    BANNER_IMAGE_SMALL: '',\n    DISABLE_ENTERPRISE_LOGIN: true,\n    ENABLE_AUTO_GENERATED_USERNAME: false,\n    ENABLE_DYNAMIC_REGISTRATION_FIELDS: false,\n    ENABLE_IMAGE_LAYOUT: false,\n    ENABLE_PROGRESSIVE_PROFILING_ON_AUTHN: false,\n    FAVICON_URL: 'https://edx-cdn.org/v3/default/favicon.ico',\n    INFO_EMAIL: '',\n    LOGIN_ISSUE_SUPPORT_LINK: null,\n    LOGO_TRADEMARK_URL: 'https://edx-cdn.org/v3/default/logo-trademark.svg',\n    LOGO_URL: 'https://edx-cdn.org/v3/default/logo.svg',\n    LOGO_WHITE_URL: 'https://edx-cdn.org/v3/default/logo-white.svg',\n    MARKETING_EMAILS_OPT_IN: '',\n    MARKETING_SITE_BASE_URL: 'http://local.openedx.io',\n    PASSWORD_RESET_SUPPORT_LINK: null,\n    POST_REGISTRATION_REDIRECT_URL: '',\n    PRIVACY_POLICY: null,\n    SEARCH_CATALOG_URL: null,\n    SESSION_COOKIE_DOMAIN: 'local.openedx.io',\n    SHOW_REGISTRATION_LINKS: true,\n    TOS_AND_HONOR_CODE: null,\n    TOS_LINK: null,\n    USER_RETENTION_COOKIE_NAME: '',\n  },\n};\n\nexport default app;\n"]}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,GAAG,GAAQ;IACf,KAAK;IACL,MAAM;IACN,QAAQ;IACR,aAAa,EAAE;QACb,wBAAwB,EAAE,IAAI;QAC9B,QAAQ,EAAE,yCAAyC;QACnD,cAAc,EAAE,+CAA+C;KAChE;CACF,CAAC;AAEF,eAAe,GAAG,CAAC","sourcesContent":["import { App } from '@openedx/frontend-base';\nimport { appId } from './constants';\nimport provides from './provides';\nimport routes from './routes';\n\nconst app: App = {\n  appId,\n  routes,\n  provides,\n  defaultConfig: {\n    DISABLE_ENTERPRISE_LOGIN: true,\n    LOGO_URL: 'https://edx-cdn.org/v3/default/logo.svg',\n    LOGO_WHITE_URL: 'https://edx-cdn.org/v3/default/logo-white.svg',\n  },\n};\n\nexport default app;\n"]}

package/dist/base-container/components/BrandLogo.d.ts

@@ -0,0 +1,24 @@
+export default BrandLogo;
+/**
+ * The site logo, linked to the marketing site when the operator has configured one.
+ *
+ * `MARKETING_SITE_BASE_URL` has no default that could work for every site, so when it is
+ * unset the logo renders on its own rather than as a link to nowhere.
+ */
+declare function BrandLogo({ className, variant }: {
+    className: any;
+    variant: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace BrandLogo {
+    namespace defaultProps {
+        let className: null;
+        let variant: string;
+    }
+    namespace propTypes {
+        let className_1: PropTypes.Requireable<string>;
+        export { className_1 as className };
+        let variant_1: PropTypes.Requireable<string>;
+        export { variant_1 as variant };
+    }
+}
+import PropTypes from 'prop-types';

package/dist/base-container/components/BrandLogo.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getSiteConfig, useAppConfig } from '@openedx/frontend-base';
+import { Hyperlink, Image } from '@openedx/paragon';
+import PropTypes from 'prop-types';
+/**
+ * The site logo, linked to the marketing site when the operator has configured one.
+ *
+ * `MARKETING_SITE_BASE_URL` has no default that could work for every site, so when it is
+ * unset the logo renders on its own rather than as a link to nowhere.
+ */
+const BrandLogo = ({ className, variant }) => {
+    const { LOGO_URL, LOGO_WHITE_URL, MARKETING_SITE_BASE_URL } = useAppConfig();
+    const image = (_jsx(Image, { className: className, alt: getSiteConfig().siteName, src: variant === 'white' ? LOGO_WHITE_URL : LOGO_URL }));
+    if (!MARKETING_SITE_BASE_URL) {
+        return image;
+    }
+    return (_jsx(Hyperlink, { destination: MARKETING_SITE_BASE_URL, children: image }));
+};
+BrandLogo.defaultProps = {
+    className: null,
+    variant: 'white',
+};
+BrandLogo.propTypes = {
+    className: PropTypes.string,
+    variant: PropTypes.oneOf(['white', 'default']),
+};
+export default BrandLogo;
+//# sourceMappingURL=BrandLogo.js.map

package/dist/base-container/components/BrandLogo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandLogo.js","sourceRoot":"","sources":["../../../src/base-container/components/BrandLogo.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,EAAE;IAC3C,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,uBAAuB,EAAE,GAAG,YAAY,EAAE,CAAC;IAC7E,MAAM,KAAK,GAAG,CACZ,KAAC,KAAK,IACJ,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,aAAa,EAAE,CAAC,QAAQ,EAC7B,GAAG,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,GACpD,CACH,CAAC;IAEF,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAC7B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,CACL,KAAC,SAAS,IAAC,WAAW,EAAE,uBAAuB,YAC5C,KAAK,GACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG;IACvB,SAAS,EAAE,IAAI;IACf,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,SAAS,CAAC,SAAS,GAAG;IACpB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,OAAO,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;CAC/C,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["import { getSiteConfig, useAppConfig } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\nimport PropTypes from 'prop-types';\n\n/**\n * The site logo, linked to the marketing site when the operator has configured one.\n *\n * `MARKETING_SITE_BASE_URL` has no default that could work for every site, so when it is\n * unset the logo renders on its own rather than as a link to nowhere.\n */\nconst BrandLogo = ({ className, variant }) => {\n  const { LOGO_URL, LOGO_WHITE_URL, MARKETING_SITE_BASE_URL } = useAppConfig();\n  const image = (\n    <Image\n      className={className}\n      alt={getSiteConfig().siteName}\n      src={variant === 'white' ? LOGO_WHITE_URL : LOGO_URL}\n    />\n  );\n\n  if (!MARKETING_SITE_BASE_URL) {\n    return image;\n  }\n\n  return (\n    <Hyperlink destination={MARKETING_SITE_BASE_URL}>\n      {image}\n    </Hyperlink>\n  );\n};\n\nBrandLogo.defaultProps = {\n  className: null,\n  variant: 'white',\n};\n\nBrandLogo.propTypes = {\n  className: PropTypes.string,\n  variant: PropTypes.oneOf(['white', 'default']),\n};\n\nexport default BrandLogo;\n"]}

package/dist/base-container/components/default-layout/LargeLayout.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
+import { getSiteConfig, useIntl } from '@openedx/frontend-base';
 import classNames from 'classnames';
+import BrandLogo from '../BrandLogo';
 import messages from './messages';
 const LargeLayout = () => {
     const { formatMessage } = useIntl();
-    return (_jsxs("div", { className: "w-50 d-flex", children: [_jsxs("div", { className: "col-md-9 bg-primary-400", children: [_jsx(Hyperlink, { destination: useAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "logo position-absolute", alt: getSiteConfig().siteName, src: useAppConfig().LOGO_WHITE_URL }) }), _jsxs("div", { className: "min-vh-100 d-flex align-items-center", children: [_jsx("div", { className: classNames({ 'large-yellow-line mr-n4.5': getSiteConfig().siteName === 'edX' }) }), _jsxs("h1", { className: classNames('display-2 text-white mw-xs', { 'ml-6': getSiteConfig().siteName !== 'edX' }), children: [formatMessage(messages['start.learning']), _jsx("div", { className: "text-accent-a", children: formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName }) })] })] })] }), _jsx("div", { className: "col-md-3 bg-white p-0", children: _jsx("svg", { className: "ml-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%" }) }) }) })] }));
+    return (_jsxs("div", { className: "w-50 d-flex", children: [_jsxs("div", { className: "col-md-9 bg-primary-400", children: [_jsx(BrandLogo, { className: "logo position-absolute" }), _jsxs("div", { className: "min-vh-100 d-flex align-items-center", children: [_jsx("div", { className: classNames({ 'large-yellow-line mr-n4.5': getSiteConfig().siteName === 'edX' }) }), _jsxs("h1", { className: classNames('display-2 text-white mw-xs', { 'ml-6': getSiteConfig().siteName !== 'edX' }), children: [formatMessage(messages['start.learning']), _jsx("div", { className: "text-accent-a", children: formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName }) })] })] })] }), _jsx("div", { className: "col-md-3 bg-white p-0", children: _jsx("svg", { className: "ml-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%" }) }) }) })] }));
 };
 export default LargeLayout;
 //# sourceMappingURL=LargeLayout.js.map

package/dist/base-container/components/default-layout/LargeLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"LargeLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/default-layout/LargeLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,SAAS,IAAC,WAAW,EAAE,YAAY,EAAE,CAAC,uBAAuB,YAC5D,KAAC,KAAK,IAAC,SAAS,EAAC,wBAAwB,EAAC,GAAG,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,cAAc,GAAI,GACrG,EACZ,eAAK,SAAS,EAAC,sCAAsC,aACnD,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,2BAA2B,EAAE,aAAa,EAAE,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC,GAAI,EACnG,cACE,SAAS,EAAE,UAAU,CACnB,4BAA4B,EAC5B,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,QAAQ,KAAK,KAAK,EAAE,CAC/C,aAEA,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAC1C,cAAK,SAAS,EAAC,eAAe,YAC3B,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,CAAC,GAC9E,IACH,IACD,IACF,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,4CAA4C,EAAC,mBAAmB,EAAC,eAAe,YAC7F,YAAG,SAAS,EAAC,cAAc,YACzB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,GAC7C,GACA,GACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\nimport classNames from 'classnames';\n\nimport messages from './messages';\n\nconst LargeLayout = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <div className=\"w-50 d-flex\">\n      <div className=\"col-md-9 bg-primary-400\">\n        <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>\n          <Image className=\"logo position-absolute\" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />\n        </Hyperlink>\n        <div className=\"min-vh-100 d-flex align-items-center\">\n          <div className={classNames({ 'large-yellow-line mr-n4.5': getSiteConfig().siteName === 'edX' })} />\n          <h1\n            className={classNames(\n              'display-2 text-white mw-xs',\n              { 'ml-6': getSiteConfig().siteName !== 'edX' },\n            )}\n          >\n            {formatMessage(messages['start.learning'])}\n            <div className=\"text-accent-a\">\n              {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}\n            </div>\n          </h1>\n        </div>\n      </div>\n      <div className=\"col-md-3 bg-white p-0\">\n        <svg className=\"ml-n1 w-100 h-100 large-screen-svg-primary\" preserveAspectRatio=\"xMaxYMin meet\">\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\nexport default LargeLayout;\n"]}
+{"version":3,"file":"LargeLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/default-layout/LargeLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,SAAS,IAAC,SAAS,EAAC,wBAAwB,GAAG,EAChD,eAAK,SAAS,EAAC,sCAAsC,aACnD,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,2BAA2B,EAAE,aAAa,EAAE,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC,GAAI,EACnG,cACE,SAAS,EAAE,UAAU,CACnB,4BAA4B,EAC5B,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,QAAQ,KAAK,KAAK,EAAE,CAC/C,aAEA,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAC1C,cAAK,SAAS,EAAC,eAAe,YAC3B,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,CAAC,GAC9E,IACH,IACD,IACF,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,4CAA4C,EAAC,mBAAmB,EAAC,eAAe,YAC7F,YAAG,SAAS,EAAC,cAAc,YACzB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,GAC7C,GACA,GACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport classNames from 'classnames';\n\nimport BrandLogo from '../BrandLogo';\nimport messages from './messages';\n\nconst LargeLayout = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <div className=\"w-50 d-flex\">\n      <div className=\"col-md-9 bg-primary-400\">\n        <BrandLogo className=\"logo position-absolute\" />\n        <div className=\"min-vh-100 d-flex align-items-center\">\n          <div className={classNames({ 'large-yellow-line mr-n4.5': getSiteConfig().siteName === 'edX' })} />\n          <h1\n            className={classNames(\n              'display-2 text-white mw-xs',\n              { 'ml-6': getSiteConfig().siteName !== 'edX' },\n            )}\n          >\n            {formatMessage(messages['start.learning'])}\n            <div className=\"text-accent-a\">\n              {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}\n            </div>\n          </h1>\n        </div>\n      </div>\n      <div className=\"col-md-3 bg-white p-0\">\n        <svg className=\"ml-n1 w-100 h-100 large-screen-svg-primary\" preserveAspectRatio=\"xMaxYMin meet\">\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\nexport default LargeLayout;\n"]}

package/dist/base-container/components/default-layout/MediumLayout.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
+import { getSiteConfig, useIntl } from '@openedx/frontend-base';
 import classNames from 'classnames';
+import BrandLogo from '../BrandLogo';
 import messages from './messages';
 const MediumLayout = () => {
     const { formatMessage } = useIntl();
-    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", children: [_jsx(Hyperlink, { destination: useAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { alt: getSiteConfig().siteName, className: "logo", src: useAppConfig().LOGO_WHITE_URL }) }), _jsxs("div", { className: "d-flex align-items-center justify-content-center mb-4 ", children: [_jsx("div", { className: classNames({ 'mt-1 medium-yellow-line': getSiteConfig().siteName === 'edX' }) }), _jsx("div", { children: _jsx("h1", { className: classNames('display-1 text-white mt-5 mb-5 mr-2 main-heading', { 'ml-4.5': getSiteConfig().siteName !== 'edX' }), children: _jsxs("span", { children: [formatMessage(messages['start.learning']), ' ', _jsx("span", { className: "text-accent-a d-inline-block", children: formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName }) })] }) }) })] })] }), _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%" }) }) }) })] })] }));
+    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", children: [_jsx(BrandLogo, { className: "logo" }), _jsxs("div", { className: "d-flex align-items-center justify-content-center mb-4 ", children: [_jsx("div", { className: classNames({ 'mt-1 medium-yellow-line': getSiteConfig().siteName === 'edX' }) }), _jsx("div", { children: _jsx("h1", { className: classNames('display-1 text-white mt-5 mb-5 mr-2 main-heading', { 'ml-4.5': getSiteConfig().siteName !== 'edX' }), children: _jsxs("span", { children: [formatMessage(messages['start.learning']), ' ', _jsx("span", { className: "text-accent-a d-inline-block", children: formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName }) })] }) }) })] })] }), _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%" }) }) }) })] })] }));
 };
 export default MediumLayout;
 //# sourceMappingURL=MediumLayout.js.map

package/dist/base-container/components/default-layout/MediumLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediumLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/default-layout/MediumLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,gCAAgC,GAAG,EAClD,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,SAAS,IAAC,WAAW,EAAE,YAAY,EAAE,CAAC,uBAAuB,YAC5D,KAAC,KAAK,IAAC,GAAG,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,YAAY,EAAE,CAAC,cAAc,GAAI,GACnF,EACZ,eAAK,SAAS,EAAC,wDAAwD,aACrE,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,yBAAyB,EAAE,aAAa,EAAE,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC,GAAI,EACjG,wBACE,aACE,SAAS,EAAE,UAAU,CACnB,kDAAkD,EAClD,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,KAAK,KAAK,EAAE,CACjD,YAED,2BACG,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAC/C,eAAM,SAAS,EAAC,8BAA8B,YAC3C,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,CAAC,GAC7E,IACF,GACJ,GACD,IACF,IACF,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,eAAe,YACxF,YAAG,SAAS,EAAC,YAAY,YACvB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,GAC7C,GACA,GACF,IACF,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\nimport classNames from 'classnames';\n\nimport messages from './messages';\n\nconst MediumLayout = () => {\n  const { formatMessage } = useIntl();\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\">\n          <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>\n            <Image alt={getSiteConfig().siteName} className=\"logo\" src={useAppConfig().LOGO_WHITE_URL} />\n          </Hyperlink>\n          <div className=\"d-flex align-items-center justify-content-center mb-4 \">\n            <div className={classNames({ 'mt-1 medium-yellow-line': getSiteConfig().siteName === 'edX' })} />\n            <div>\n              <h1\n                className={classNames(\n                  'display-1 text-white mt-5 mb-5 mr-2 main-heading',\n                  { 'ml-4.5': getSiteConfig().siteName !== 'edX' },\n                )}\n              >\n                <span>\n                  {formatMessage(messages['start.learning'])}{' '}\n                  <span className=\"text-accent-a d-inline-block\">\n                    {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}\n                  </span>\n                </span>\n              </h1>\n            </div>\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\nexport default MediumLayout;\n"]}
+{"version":3,"file":"MediumLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/default-layout/MediumLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,gCAAgC,GAAG,EAClD,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,0BAA0B,aACvC,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,GAAG,EAC9B,eAAK,SAAS,EAAC,wDAAwD,aACrE,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,yBAAyB,EAAE,aAAa,EAAE,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC,GAAI,EACjG,wBACE,aACE,SAAS,EAAE,UAAU,CACnB,kDAAkD,EAClD,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,KAAK,KAAK,EAAE,CACjD,YAED,2BACG,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAC/C,eAAM,SAAS,EAAC,8BAA8B,YAC3C,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,CAAC,GAC7E,IACF,GACJ,GACD,IACF,IACF,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,uCAAuC,EAAC,mBAAmB,EAAC,eAAe,YACxF,YAAG,SAAS,EAAC,YAAY,YACvB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,GAC7C,GACA,GACF,IACF,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport classNames from 'classnames';\n\nimport BrandLogo from '../BrandLogo';\nimport messages from './messages';\n\nconst MediumLayout = () => {\n  const { formatMessage } = useIntl();\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\">\n          <BrandLogo className=\"logo\" />\n          <div className=\"d-flex align-items-center justify-content-center mb-4 \">\n            <div className={classNames({ 'mt-1 medium-yellow-line': getSiteConfig().siteName === 'edX' })} />\n            <div>\n              <h1\n                className={classNames(\n                  'display-1 text-white mt-5 mb-5 mr-2 main-heading',\n                  { 'ml-4.5': getSiteConfig().siteName !== 'edX' },\n                )}\n              >\n                <span>\n                  {formatMessage(messages['start.learning'])}{' '}\n                  <span className=\"text-accent-a d-inline-block\">\n                    {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}\n                  </span>\n                </span>\n              </h1>\n            </div>\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\nexport default MediumLayout;\n"]}

package/dist/base-container/components/default-layout/SmallLayout.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
+import { getSiteConfig, useIntl } from '@openedx/frontend-base';
 import classNames from 'classnames';
+import BrandLogo from '../BrandLogo';
 import messages from './messages';
 const SmallLayout = () => {
     const { formatMessage } = useIntl();
-    return (_jsxs("span", { className: "bg-primary-400 w-100", children: [_jsx("div", { className: "col-md-12 small-screen-top-stripe" }), _jsxs("div", { children: [_jsx(Hyperlink, { destination: useAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "logo-small", alt: getSiteConfig().siteName, src: useAppConfig().LOGO_WHITE_URL }) }), _jsxs("div", { className: "d-flex align-items-center m-3.5", children: [_jsx("div", { className: classNames({ 'small-yellow-line mr-n2.5': getSiteConfig().siteName === 'edX' }) }), _jsx("h1", { className: classNames('text-white mt-3.5 mb-3.5'), children: _jsxs("span", { children: [formatMessage(messages['start.learning']), ' ', _jsx("span", { className: "text-accent-a d-inline-block", children: formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName }) })] }) })] })] })] }));
+    return (_jsxs("span", { className: "bg-primary-400 w-100", children: [_jsx("div", { className: "col-md-12 small-screen-top-stripe" }), _jsxs("div", { children: [_jsx(BrandLogo, { className: "logo-small" }), _jsxs("div", { className: "d-flex align-items-center m-3.5", children: [_jsx("div", { className: classNames({ 'small-yellow-line mr-n2.5': getSiteConfig().siteName === 'edX' }) }), _jsx("h1", { className: classNames('text-white mt-3.5 mb-3.5'), children: _jsxs("span", { children: [formatMessage(messages['start.learning']), ' ', _jsx("span", { className: "text-accent-a d-inline-block", children: formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName }) })] }) })] })] })] }));
 };
 export default SmallLayout;
 //# sourceMappingURL=SmallLayout.js.map

package/dist/base-container/components/default-layout/SmallLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmallLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/default-layout/SmallLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,gBAAM,SAAS,EAAC,sBAAsB,aACpC,cAAK,SAAS,EAAC,mCAAmC,GAAG,EACrD,0BACE,KAAC,SAAS,IAAC,WAAW,EAAE,YAAY,EAAE,CAAC,uBAAuB,YAC5D,KAAC,KAAK,IAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,cAAc,GAAI,GACzF,EACZ,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,2BAA2B,EAAE,aAAa,EAAE,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC,GAAI,EACnG,aACE,SAAS,EAAE,UAAU,CACnB,0BAA0B,CAC3B,YAED,2BACG,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAC/C,eAAM,SAAS,EAAC,8BAA8B,YAC3C,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,CAAC,GAC7E,IACF,GACJ,IACD,IACF,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\nimport classNames from 'classnames';\n\nimport messages from './messages';\n\nconst SmallLayout = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <span className=\"bg-primary-400 w-100\">\n      <div className=\"col-md-12 small-screen-top-stripe\" />\n      <div>\n        <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>\n          <Image className=\"logo-small\" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />\n        </Hyperlink>\n        <div className=\"d-flex align-items-center m-3.5\">\n          <div className={classNames({ 'small-yellow-line mr-n2.5': getSiteConfig().siteName === 'edX' })} />\n          <h1\n            className={classNames(\n              'text-white mt-3.5 mb-3.5',\n            )}\n          >\n            <span>\n              {formatMessage(messages['start.learning'])}{' '}\n              <span className=\"text-accent-a d-inline-block\">\n                {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}\n              </span>\n            </span>\n          </h1>\n        </div>\n      </div>\n    </span>\n  );\n};\n\nexport default SmallLayout;\n"]}
+{"version":3,"file":"SmallLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/default-layout/SmallLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,gBAAM,SAAS,EAAC,sBAAsB,aACpC,cAAK,SAAS,EAAC,mCAAmC,GAAG,EACrD,0BACE,KAAC,SAAS,IAAC,SAAS,EAAC,YAAY,GAAG,EACpC,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAE,UAAU,CAAC,EAAE,2BAA2B,EAAE,aAAa,EAAE,CAAC,QAAQ,KAAK,KAAK,EAAE,CAAC,GAAI,EACnG,aACE,SAAS,EAAE,UAAU,CACnB,0BAA0B,CAC3B,YAED,2BACG,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,CAAC,EAAE,GAAG,EAC/C,eAAM,SAAS,EAAC,8BAA8B,YAC3C,aAAa,CAAC,QAAQ,CAAC,gBAAgB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,CAAC,GAC7E,IACF,GACJ,IACD,IACF,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport classNames from 'classnames';\n\nimport BrandLogo from '../BrandLogo';\nimport messages from './messages';\n\nconst SmallLayout = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <span className=\"bg-primary-400 w-100\">\n      <div className=\"col-md-12 small-screen-top-stripe\" />\n      <div>\n        <BrandLogo className=\"logo-small\" />\n        <div className=\"d-flex align-items-center m-3.5\">\n          <div className={classNames({ 'small-yellow-line mr-n2.5': getSiteConfig().siteName === 'edX' })} />\n          <h1\n            className={classNames(\n              'text-white mt-3.5 mb-3.5',\n            )}\n          >\n            <span>\n              {formatMessage(messages['start.learning'])}{' '}\n              <span className=\"text-accent-a d-inline-block\">\n                {formatMessage(messages['with.site.name'], { siteName: getSiteConfig().siteName })}\n              </span>\n            </span>\n          </h1>\n        </div>\n      </div>\n    </span>\n  );\n};\n\nexport default SmallLayout;\n"]}

package/dist/base-container/components/image-layout/ExtraSmallLayout.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
+import { useAppConfig, useIntl } from '@openedx/frontend-base';
+import BrandLogo from '../BrandLogo';
 import messages from './messages';
 const ExtraSmallLayout = () => {
     const { formatMessage } = useIntl();
-    return (_jsxs("span", { className: "w-100 bg-primary-500 banner__image extra-small-layout", style: { backgroundImage: `url(${useAppConfig().BANNER_IMAGE_EXTRA_SMALL})` }, children: [_jsx(Hyperlink, { destination: useAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "company-logo", alt: getSiteConfig().siteName, src: useAppConfig().LOGO_WHITE_URL }) }), _jsx("div", { className: "ml-4.5 mr-1 pb-3.5 pt-3.5", children: _jsxs("h1", { className: "banner__heading", children: [_jsxs("span", { className: "text-light-500", children: [formatMessage(messages['your.career.turning.point']), ' '] }), _jsx("span", { className: "text-warning-300", children: formatMessage(messages['is.here']) })] }) })] }));
+    const bannerImage = useAppConfig().BANNER_IMAGE_EXTRA_SMALL;
+    return (_jsxs("span", { className: "w-100 bg-primary-500 banner__image extra-small-layout", style: bannerImage ? { backgroundImage: `url(${bannerImage})` } : undefined, children: [_jsx(BrandLogo, { className: "company-logo" }), _jsx("div", { className: "ml-4.5 mr-1 pb-3.5 pt-3.5", children: _jsxs("h1", { className: "banner__heading", children: [_jsxs("span", { className: "text-light-500", children: [formatMessage(messages['your.career.turning.point']), ' '] }), _jsx("span", { className: "text-warning-300", children: formatMessage(messages['is.here']) })] }) })] }));
 };
 export default ExtraSmallLayout;
 //# sourceMappingURL=ExtraSmallLayout.js.map

package/dist/base-container/components/image-layout/ExtraSmallLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExtraSmallLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/image-layout/ExtraSmallLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,gBACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,YAAY,EAAE,CAAC,wBAAwB,GAAG,EAAE,aAE7E,KAAC,SAAS,IAAC,WAAW,EAAE,YAAY,EAAE,CAAC,uBAAuB,YAC5D,KAAC,KAAK,IAAC,SAAS,EAAC,cAAc,EAAC,GAAG,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,cAAc,GAAI,GAC3F,EACZ,cAAK,SAAS,EAAC,2BAA2B,YACxC,cAAI,SAAS,EAAC,iBAAiB,aAC7B,gBAAM,SAAS,EAAC,gBAAgB,aAC7B,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,EAAE,GAAG,IACrD,EACP,eAAM,SAAS,EAAC,kBAAkB,YAC/B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAC9B,IACJ,GACD,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\n\nimport messages from './messages';\n\nconst ExtraSmallLayout = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <span\n      className=\"w-100 bg-primary-500 banner__image extra-small-layout\"\n      style={{ backgroundImage: `url(${useAppConfig().BANNER_IMAGE_EXTRA_SMALL})` }}\n    >\n      <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>\n        <Image className=\"company-logo\" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />\n      </Hyperlink>\n      <div className=\"ml-4.5 mr-1 pb-3.5 pt-3.5\">\n        <h1 className=\"banner__heading\">\n          <span className=\"text-light-500\">\n            {formatMessage(messages['your.career.turning.point'])}{' '}\n          </span>\n          <span className=\"text-warning-300\">\n            {formatMessage(messages['is.here'])}\n          </span>\n        </h1>\n      </div>\n    </span>\n  );\n};\n\nexport default ExtraSmallLayout;\n"]}
+{"version":3,"file":"ExtraSmallLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/image-layout/ExtraSmallLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,YAAY,EAAE,CAAC,wBAAwB,CAAC;IAE5D,OAAO,CACL,gBACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,aAE3E,KAAC,SAAS,IAAC,SAAS,EAAC,cAAc,GAAG,EACtC,cAAK,SAAS,EAAC,2BAA2B,YACxC,cAAI,SAAS,EAAC,iBAAiB,aAC7B,gBAAM,SAAS,EAAC,gBAAgB,aAC7B,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,EAAE,GAAG,IACrD,EACP,eAAM,SAAS,EAAC,kBAAkB,YAC/B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAC9B,IACJ,GACD,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["import { useAppConfig, useIntl } from '@openedx/frontend-base';\n\nimport BrandLogo from '../BrandLogo';\nimport messages from './messages';\n\nconst ExtraSmallLayout = () => {\n  const { formatMessage } = useIntl();\n  const bannerImage = useAppConfig().BANNER_IMAGE_EXTRA_SMALL;\n\n  return (\n    <span\n      className=\"w-100 bg-primary-500 banner__image extra-small-layout\"\n      style={bannerImage ? { backgroundImage: `url(${bannerImage})` } : undefined}\n    >\n      <BrandLogo className=\"company-logo\" />\n      <div className=\"ml-4.5 mr-1 pb-3.5 pt-3.5\">\n        <h1 className=\"banner__heading\">\n          <span className=\"text-light-500\">\n            {formatMessage(messages['your.career.turning.point'])}{' '}\n          </span>\n          <span className=\"text-warning-300\">\n            {formatMessage(messages['is.here'])}\n          </span>\n        </h1>\n      </div>\n    </span>\n  );\n};\n\nexport default ExtraSmallLayout;\n"]}

package/dist/base-container/components/image-layout/LargeLayout.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
+import { useAppConfig, useIntl } from '@openedx/frontend-base';
 import './index.scss';
+import BrandLogo from '../BrandLogo';
 import messages from './messages';
 const LargeLayout = () => {
     const { formatMessage } = useIntl();
-    return (_jsxs("div", { className: "w-50 bg-primary-500 banner__image large-layout", style: { backgroundImage: `url(${useAppConfig().BANNER_IMAGE_LARGE})` }, children: [_jsx(Hyperlink, { destination: useAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "company-logo position-absolute", alt: getSiteConfig().siteName, src: useAppConfig().LOGO_WHITE_URL }) }), _jsx("div", { className: "min-vh-100 p-5 d-flex align-items-end", children: _jsxs("h1", { className: "display-2 mw-sm mb-3 d-flex flex-column flex-shrink-0 justify-content-center", children: [_jsx("span", { className: "text-light-500", children: formatMessage(messages['your.career.turning.point']) }), _jsx("span", { className: "text-warning-300", children: formatMessage(messages['is.here']) })] }) })] }));
+    const bannerImage = useAppConfig().BANNER_IMAGE_LARGE;
+    return (_jsxs("div", { className: "w-50 bg-primary-500 banner__image large-layout", style: bannerImage ? { backgroundImage: `url(${bannerImage})` } : undefined, children: [_jsx(BrandLogo, { className: "company-logo position-absolute" }), _jsx("div", { className: "min-vh-100 p-5 d-flex align-items-end", children: _jsxs("h1", { className: "display-2 mw-sm mb-3 d-flex flex-column flex-shrink-0 justify-content-center", children: [_jsx("span", { className: "text-light-500", children: formatMessage(messages['your.career.turning.point']) }), _jsx("span", { className: "text-warning-300", children: formatMessage(messages['is.here']) })] }) })] }));
 };
 export default LargeLayout;
 //# sourceMappingURL=LargeLayout.js.map

package/dist/base-container/components/image-layout/LargeLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"LargeLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/image-layout/LargeLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,cAAc,CAAC;AACtB,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,eACE,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,YAAY,EAAE,CAAC,kBAAkB,GAAG,EAAE,aAEvE,KAAC,SAAS,IAAC,WAAW,EAAE,YAAY,EAAE,CAAC,uBAAuB,YAC5D,KAAC,KAAK,IAAC,SAAS,EAAC,gCAAgC,EAAC,GAAG,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,cAAc,GAAI,GAC7G,EACZ,cAAK,SAAS,EAAC,uCAAuC,YACpD,cAAI,SAAS,EAAC,8EAA8E,aAC1F,eAAM,SAAS,EAAC,gBAAgB,YAC7B,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,GAChD,EACP,eAAM,SAAS,EAAC,kBAAkB,YAC/B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAC9B,IACJ,GACD,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\n\nimport './index.scss';\nimport messages from './messages';\n\nconst LargeLayout = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <div\n      className=\"w-50 bg-primary-500 banner__image large-layout\"\n      style={{ backgroundImage: `url(${useAppConfig().BANNER_IMAGE_LARGE})` }}\n    >\n      <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>\n        <Image className=\"company-logo position-absolute\" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />\n      </Hyperlink>\n      <div className=\"min-vh-100 p-5 d-flex align-items-end\">\n        <h1 className=\"display-2 mw-sm mb-3 d-flex flex-column flex-shrink-0 justify-content-center\">\n          <span className=\"text-light-500\">\n            {formatMessage(messages['your.career.turning.point'])}\n          </span>\n          <span className=\"text-warning-300\">\n            {formatMessage(messages['is.here'])}\n          </span>\n        </h1>\n      </div>\n    </div>\n  );\n};\n\nexport default LargeLayout;\n"]}
+{"version":3,"file":"LargeLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/image-layout/LargeLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,cAAc,CAAC;AACtB,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,YAAY,EAAE,CAAC,kBAAkB,CAAC;IAEtD,OAAO,CACL,eACE,SAAS,EAAC,gDAAgD,EAC1D,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,aAE3E,KAAC,SAAS,IAAC,SAAS,EAAC,gCAAgC,GAAG,EACxD,cAAK,SAAS,EAAC,uCAAuC,YACpD,cAAI,SAAS,EAAC,8EAA8E,aAC1F,eAAM,SAAS,EAAC,gBAAgB,YAC7B,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,GAChD,EACP,eAAM,SAAS,EAAC,kBAAkB,YAC/B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAC9B,IACJ,GACD,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useAppConfig, useIntl } from '@openedx/frontend-base';\n\nimport './index.scss';\nimport BrandLogo from '../BrandLogo';\nimport messages from './messages';\n\nconst LargeLayout = () => {\n  const { formatMessage } = useIntl();\n  const bannerImage = useAppConfig().BANNER_IMAGE_LARGE;\n\n  return (\n    <div\n      className=\"w-50 bg-primary-500 banner__image large-layout\"\n      style={bannerImage ? { backgroundImage: `url(${bannerImage})` } : undefined}\n    >\n      <BrandLogo className=\"company-logo position-absolute\" />\n      <div className=\"min-vh-100 p-5 d-flex align-items-end\">\n        <h1 className=\"display-2 mw-sm mb-3 d-flex flex-column flex-shrink-0 justify-content-center\">\n          <span className=\"text-light-500\">\n            {formatMessage(messages['your.career.turning.point'])}\n          </span>\n          <span className=\"text-warning-300\">\n            {formatMessage(messages['is.here'])}\n          </span>\n        </h1>\n      </div>\n    </div>\n  );\n};\n\nexport default LargeLayout;\n"]}

package/dist/base-container/components/image-layout/MediumLayout.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
+import { useAppConfig, useIntl } from '@openedx/frontend-base';
 import './index.scss';
+import BrandLogo from '../BrandLogo';
 import messages from './messages';
 const MediumLayout = () => {
     const { formatMessage } = useIntl();
-    return (_jsxs("div", { className: "w-100 mb-3 bg-primary-500 banner__image medium-layout", style: { backgroundImage: `url(${useAppConfig().BANNER_IMAGE_MEDIUM})` }, children: [_jsx(Hyperlink, { destination: useAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "company-logo", alt: getSiteConfig().siteName, src: useAppConfig().LOGO_WHITE_URL }) }), _jsx("div", { className: "ml-5 pb-4 pt-4", children: _jsxs("h1", { className: "display-2 banner__heading", children: [_jsxs("span", { className: "text-light-500", children: [formatMessage(messages['your.career.turning.point']), ' '] }), _jsx("span", { className: "text-warning-300 d-inline-block", children: formatMessage(messages['is.here']) })] }) })] }));
+    const bannerImage = useAppConfig().BANNER_IMAGE_MEDIUM;
+    return (_jsxs("div", { className: "w-100 mb-3 bg-primary-500 banner__image medium-layout", style: bannerImage ? { backgroundImage: `url(${bannerImage})` } : undefined, children: [_jsx(BrandLogo, { className: "company-logo" }), _jsx("div", { className: "ml-5 pb-4 pt-4", children: _jsxs("h1", { className: "display-2 banner__heading", children: [_jsxs("span", { className: "text-light-500", children: [formatMessage(messages['your.career.turning.point']), ' '] }), _jsx("span", { className: "text-warning-300 d-inline-block", children: formatMessage(messages['is.here']) })] }) })] }));
 };
 export default MediumLayout;
 //# sourceMappingURL=MediumLayout.js.map

package/dist/base-container/components/image-layout/MediumLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediumLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/image-layout/MediumLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,cAAc,CAAC;AACtB,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,eACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,YAAY,EAAE,CAAC,mBAAmB,GAAG,EAAE,aAExE,KAAC,SAAS,IAAC,WAAW,EAAE,YAAY,EAAE,CAAC,uBAAuB,YAC5D,KAAC,KAAK,IAAC,SAAS,EAAC,cAAc,EAAC,GAAG,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,cAAc,GAAI,GAC3F,EACZ,cAAK,SAAS,EAAC,gBAAgB,YAC7B,cAAI,SAAS,EAAC,2BAA2B,aACvC,gBAAM,SAAS,EAAC,gBAAgB,aAC7B,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,EAAE,GAAG,IACrD,EACP,eAAM,SAAS,EAAC,iCAAiC,YAC9C,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAC9B,IACJ,GACD,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\n\nimport './index.scss';\nimport messages from './messages';\n\nconst MediumLayout = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <div\n      className=\"w-100 mb-3 bg-primary-500 banner__image medium-layout\"\n      style={{ backgroundImage: `url(${useAppConfig().BANNER_IMAGE_MEDIUM})` }}\n    >\n      <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>\n        <Image className=\"company-logo\" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />\n      </Hyperlink>\n      <div className=\"ml-5 pb-4 pt-4\">\n        <h1 className=\"display-2 banner__heading\">\n          <span className=\"text-light-500\">\n            {formatMessage(messages['your.career.turning.point'])}{' '}\n          </span>\n          <span className=\"text-warning-300 d-inline-block\">\n            {formatMessage(messages['is.here'])}\n          </span>\n        </h1>\n      </div>\n    </div>\n  );\n};\n\nexport default MediumLayout;\n"]}
+{"version":3,"file":"MediumLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/image-layout/MediumLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,cAAc,CAAC;AACtB,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,YAAY,EAAE,CAAC,mBAAmB,CAAC;IAEvD,OAAO,CACL,eACE,SAAS,EAAC,uDAAuD,EACjE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,aAE3E,KAAC,SAAS,IAAC,SAAS,EAAC,cAAc,GAAG,EACtC,cAAK,SAAS,EAAC,gBAAgB,YAC7B,cAAI,SAAS,EAAC,2BAA2B,aACvC,gBAAM,SAAS,EAAC,gBAAgB,aAC7B,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,EAAE,GAAG,IACrD,EACP,eAAM,SAAS,EAAC,iCAAiC,YAC9C,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAC9B,IACJ,GACD,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useAppConfig, useIntl } from '@openedx/frontend-base';\n\nimport './index.scss';\nimport BrandLogo from '../BrandLogo';\nimport messages from './messages';\n\nconst MediumLayout = () => {\n  const { formatMessage } = useIntl();\n  const bannerImage = useAppConfig().BANNER_IMAGE_MEDIUM;\n\n  return (\n    <div\n      className=\"w-100 mb-3 bg-primary-500 banner__image medium-layout\"\n      style={bannerImage ? { backgroundImage: `url(${bannerImage})` } : undefined}\n    >\n      <BrandLogo className=\"company-logo\" />\n      <div className=\"ml-5 pb-4 pt-4\">\n        <h1 className=\"display-2 banner__heading\">\n          <span className=\"text-light-500\">\n            {formatMessage(messages['your.career.turning.point'])}{' '}\n          </span>\n          <span className=\"text-warning-300 d-inline-block\">\n            {formatMessage(messages['is.here'])}\n          </span>\n        </h1>\n      </div>\n    </div>\n  );\n};\n\nexport default MediumLayout;\n"]}

package/dist/base-container/components/image-layout/SmallLayout.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
+import { useAppConfig, useIntl } from '@openedx/frontend-base';
+import BrandLogo from '../BrandLogo';
 import messages from './messages';
 const SmallLayout = () => {
     const { formatMessage } = useIntl();
-    return (_jsxs("span", { className: "w-100 bg-primary-500 banner__image small-layout", style: { backgroundImage: `url(${useAppConfig().BANNER_IMAGE_SMALL})` }, children: [_jsx(Hyperlink, { destination: useAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "company-logo", alt: getSiteConfig().siteName, src: useAppConfig().LOGO_WHITE_URL }) }), _jsx("div", { className: "ml-5 mr-1 pb-3.5 pt-3.5", children: _jsxs("h1", { className: "display-2", children: [_jsxs("span", { className: "text-light-500", children: [formatMessage(messages['your.career.turning.point']), ' '] }), _jsx("span", { className: "text-warning-300", children: formatMessage(messages['is.here']) })] }) })] }));
+    const bannerImage = useAppConfig().BANNER_IMAGE_SMALL;
+    return (_jsxs("span", { className: "w-100 bg-primary-500 banner__image small-layout", style: bannerImage ? { backgroundImage: `url(${bannerImage})` } : undefined, children: [_jsx(BrandLogo, { className: "company-logo" }), _jsx("div", { className: "ml-5 mr-1 pb-3.5 pt-3.5", children: _jsxs("h1", { className: "display-2", children: [_jsxs("span", { className: "text-light-500", children: [formatMessage(messages['your.career.turning.point']), ' '] }), _jsx("span", { className: "text-warning-300", children: formatMessage(messages['is.here']) })] }) })] }));
 };
 export default SmallLayout;
 //# sourceMappingURL=SmallLayout.js.map

package/dist/base-container/components/image-layout/SmallLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmallLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/image-layout/SmallLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAEpD,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,gBACE,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,YAAY,EAAE,CAAC,kBAAkB,GAAG,EAAE,aAEvE,KAAC,SAAS,IAAC,WAAW,EAAE,YAAY,EAAE,CAAC,uBAAuB,YAC5D,KAAC,KAAK,IAAC,SAAS,EAAC,cAAc,EAAC,GAAG,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,cAAc,GAAI,GAC3F,EACZ,cAAK,SAAS,EAAC,yBAAyB,YACtC,cAAI,SAAS,EAAC,WAAW,aACvB,gBAAM,SAAS,EAAC,gBAAgB,aAC7B,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,EAAE,GAAG,IACrD,EACP,eAAM,SAAS,EAAC,kBAAkB,YAC/B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAC9B,IACJ,GACD,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\n\nimport messages from './messages';\n\nconst SmallLayout = () => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <span\n      className=\"w-100 bg-primary-500 banner__image small-layout\"\n      style={{ backgroundImage: `url(${useAppConfig().BANNER_IMAGE_SMALL})` }}\n    >\n      <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>\n        <Image className=\"company-logo\" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_WHITE_URL} />\n      </Hyperlink>\n      <div className=\"ml-5 mr-1 pb-3.5 pt-3.5\">\n        <h1 className=\"display-2\">\n          <span className=\"text-light-500\">\n            {formatMessage(messages['your.career.turning.point'])}{' '}\n          </span>\n          <span className=\"text-warning-300\">\n            {formatMessage(messages['is.here'])}\n          </span>\n        </h1>\n      </div>\n    </span>\n  );\n};\n\nexport default SmallLayout;\n"]}
+{"version":3,"file":"SmallLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/image-layout/SmallLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAE/D,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IACpC,MAAM,WAAW,GAAG,YAAY,EAAE,CAAC,kBAAkB,CAAC;IAEtD,OAAO,CACL,gBACE,SAAS,EAAC,iDAAiD,EAC3D,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,OAAO,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,SAAS,aAE3E,KAAC,SAAS,IAAC,SAAS,EAAC,cAAc,GAAG,EACtC,cAAK,SAAS,EAAC,yBAAyB,YACtC,cAAI,SAAS,EAAC,WAAW,aACvB,gBAAM,SAAS,EAAC,gBAAgB,aAC7B,aAAa,CAAC,QAAQ,CAAC,2BAA2B,CAAC,CAAC,EAAE,GAAG,IACrD,EACP,eAAM,SAAS,EAAC,kBAAkB,YAC/B,aAAa,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,GAC9B,IACJ,GACD,IACD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useAppConfig, useIntl } from '@openedx/frontend-base';\n\nimport BrandLogo from '../BrandLogo';\nimport messages from './messages';\n\nconst SmallLayout = () => {\n  const { formatMessage } = useIntl();\n  const bannerImage = useAppConfig().BANNER_IMAGE_SMALL;\n\n  return (\n    <span\n      className=\"w-100 bg-primary-500 banner__image small-layout\"\n      style={bannerImage ? { backgroundImage: `url(${bannerImage})` } : undefined}\n    >\n      <BrandLogo className=\"company-logo\" />\n      <div className=\"ml-5 mr-1 pb-3.5 pt-3.5\">\n        <h1 className=\"display-2\">\n          <span className=\"text-light-500\">\n            {formatMessage(messages['your.career.turning.point'])}{' '}\n          </span>\n          <span className=\"text-warning-300\">\n            {formatMessage(messages['is.here'])}\n          </span>\n        </h1>\n      </div>\n    </span>\n  );\n};\n\nexport default SmallLayout;\n"]}

package/dist/base-container/components/welcome-page-layout/LargeLayout.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
+import { getSiteConfig, useIntl } from '@openedx/frontend-base';
 import PropTypes from 'prop-types';
+import BrandLogo from '../BrandLogo';
 import messages from './messages';
 const LargeLayout = ({ fullName }) => {
     const { formatMessage } = useIntl();
-    return (_jsxs("div", { className: "w-50 d-flex", children: [_jsxs("div", { className: "col-md-10 bg-light-200 p-0", children: [_jsx(Hyperlink, { destination: useAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "logo position-absolute", alt: getSiteConfig().siteName, src: useAppConfig().LOGO_URL }) }), _jsxs("div", { className: "min-vh-100 d-flex align-items-center", children: [_jsx("div", { className: "large-screen-left-container mr-n4.5 large-yellow-line mt-5" }), _jsxs("div", { children: [_jsx("h1", { className: "welcome-to-platform data-hj-suppress", children: formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName }) }), _jsxs("h2", { className: "complete-your-profile", children: [formatMessage(messages['complete.your.profile.1']), _jsx("div", { className: "text-accent-a", children: formatMessage(messages['complete.your.profile.2']) })] })] })] })] }), _jsx("div", { className: "col-md-2 bg-white p-0", children: _jsx("svg", { className: "m1-n1 w-100 h-100 large-screen-svg-light", preserveAspectRatio: "xMaxYMin meet", children: _jsx("g", { transform: "skewX(171.6)", children: _jsx("rect", { x: "0", y: "0", height: "100%", width: "100%" }) }) }) })] }));
+    return (_jsxs("div", { className: "w-50 d-flex", children: [_jsxs("div", { className: "col-md-10 bg-light-200 p-0", children: [_jsx(BrandLogo, { className: "logo position-absolute", variant: "default" }), _jsxs("div", { className: "min-vh-100 d-flex align-items-center", children: [_jsx("div", { className: "large-screen-left-container mr-n4.5 large-yellow-line mt-5" }), _jsxs("div", { children: [_jsx("h1", { className: "welcome-to-platform data-hj-suppress", children: formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName }) }), _jsxs("h2", { className: "complete-your-profile", children: [formatMessage(messages['complete.your.profile.1']), _jsx("div", { className: "text-accent-a", children: formatMessage(messages['complete.your.profile.2']) })] })] })] })] }), _jsx("div", { className: "col-md-2 bg-white p-0", children: _jsx("svg", { className: "m1-n1 w-100 h-100 large-screen-svg-light", preserveAspectRatio: "xMaxYMin meet", children: _jsx("g", { transform: "skewX(171.6)", children: _jsx("rect", { x: "0", y: "0", height: "100%", width: "100%" }) }) }) })] }));
 };
 LargeLayout.propTypes = {
     fullName: PropTypes.string.isRequired,

package/dist/base-container/components/welcome-page-layout/LargeLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"LargeLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/welcome-page-layout/LargeLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,SAAS,IAAC,WAAW,EAAE,YAAY,EAAE,CAAC,uBAAuB,YAC5D,KAAC,KAAK,IAAC,SAAS,EAAC,wBAAwB,EAAC,GAAG,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,QAAQ,GAAI,GAC/F,EACZ,eAAK,SAAS,EAAC,sCAAsC,aACnD,cAAK,SAAS,EAAC,4DAA4D,GAAG,EAC9E,0BACE,aAAI,SAAS,EAAC,sCAAsC,YACjD,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAC9F,EACL,cAAI,SAAS,EAAC,uBAAuB,aAClC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,EACnD,cAAK,SAAS,EAAC,eAAe,YAC3B,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,GAC/C,IACH,IACD,IACF,IACF,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,0CAA0C,EAAC,mBAAmB,EAAC,eAAe,YAC3F,YAAG,SAAS,EAAC,cAAc,YACzB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,GAC7C,GACA,GACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACtC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\nimport PropTypes from 'prop-types';\n\nimport messages from './messages';\n\nconst LargeLayout = ({ fullName }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <div className=\"w-50 d-flex\">\n      <div className=\"col-md-10 bg-light-200 p-0\">\n        <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>\n          <Image className=\"logo position-absolute\" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_URL} />\n        </Hyperlink>\n        <div className=\"min-vh-100 d-flex align-items-center\">\n          <div className=\"large-screen-left-container mr-n4.5 large-yellow-line mt-5\" />\n          <div>\n            <h1 className=\"welcome-to-platform data-hj-suppress\">\n              {formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName })}\n            </h1>\n            <h2 className=\"complete-your-profile\">\n              {formatMessage(messages['complete.your.profile.1'])}\n              <div className=\"text-accent-a\">\n                {formatMessage(messages['complete.your.profile.2'])}\n              </div>\n            </h2>\n          </div>\n        </div>\n      </div>\n      <div className=\"col-md-2 bg-white p-0\">\n        <svg className=\"m1-n1 w-100 h-100 large-screen-svg-light\" preserveAspectRatio=\"xMaxYMin meet\">\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  fullName: PropTypes.string.isRequired,\n};\n\nexport default LargeLayout;\n"]}
+{"version":3,"file":"LargeLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/welcome-page-layout/LargeLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,eAAK,SAAS,EAAC,aAAa,aAC1B,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,SAAS,IAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAC,SAAS,GAAG,EAClE,eAAK,SAAS,EAAC,sCAAsC,aACnD,cAAK,SAAS,EAAC,4DAA4D,GAAG,EAC9E,0BACE,aAAI,SAAS,EAAC,sCAAsC,YACjD,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAC9F,EACL,cAAI,SAAS,EAAC,uBAAuB,aAClC,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,EACnD,cAAK,SAAS,EAAC,eAAe,YAC3B,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,GAC/C,IACH,IACD,IACF,IACF,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,0CAA0C,EAAC,mBAAmB,EAAC,eAAe,YAC3F,YAAG,SAAS,EAAC,cAAc,YACzB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,GAC7C,GACA,GACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACtC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport PropTypes from 'prop-types';\n\nimport BrandLogo from '../BrandLogo';\nimport messages from './messages';\n\nconst LargeLayout = ({ fullName }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <div className=\"w-50 d-flex\">\n      <div className=\"col-md-10 bg-light-200 p-0\">\n        <BrandLogo className=\"logo position-absolute\" variant=\"default\" />\n        <div className=\"min-vh-100 d-flex align-items-center\">\n          <div className=\"large-screen-left-container mr-n4.5 large-yellow-line mt-5\" />\n          <div>\n            <h1 className=\"welcome-to-platform data-hj-suppress\">\n              {formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName })}\n            </h1>\n            <h2 className=\"complete-your-profile\">\n              {formatMessage(messages['complete.your.profile.1'])}\n              <div className=\"text-accent-a\">\n                {formatMessage(messages['complete.your.profile.2'])}\n              </div>\n            </h2>\n          </div>\n        </div>\n      </div>\n      <div className=\"col-md-2 bg-white p-0\">\n        <svg className=\"m1-n1 w-100 h-100 large-screen-svg-light\" preserveAspectRatio=\"xMaxYMin meet\">\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  fullName: PropTypes.string.isRequired,\n};\n\nexport default LargeLayout;\n"]}

package/dist/base-container/components/welcome-page-layout/MediumLayout.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';
-import { Hyperlink, Image } from '@openedx/paragon';
+import { getSiteConfig, useIntl } from '@openedx/frontend-base';
 import PropTypes from 'prop-types';
+import BrandLogo from '../BrandLogo';
 import messages from './messages';
 const MediumLayout = ({ fullName }) => {
     const { formatMessage } = useIntl();
-    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-light-200", children: [_jsx(Hyperlink, { destination: useAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "logo", alt: getSiteConfig().siteName, src: useAppConfig().LOGO_URL }) }), _jsxs("div", { className: "d-flex align-items-center justify-content-center mb-4 ml-5", children: [_jsx("div", { className: "medium-yellow-line mt-5 mr-n2" }), _jsxs("div", { children: [_jsx("h1", { className: "h3 data-hj-suppress mw-320", children: formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName }) }), _jsxs("h2", { className: "display-1", children: [formatMessage(messages['complete.your.profile.1']), _jsx("div", { className: "text-accent-a", children: formatMessage(messages['complete.your.profile.2']) })] })] })] })] }), _jsx("div", { className: "col-md-2 bg-white p-0", children: _jsx("svg", { className: "w-100 h-100 medium-screen-svg-light", preserveAspectRatio: "xMaxYMin meet", children: _jsx("g", { transform: "skewX(168)", children: _jsx("rect", { x: "0", y: "0", height: "100%", width: "100%" }) }) }) })] })] }));
+    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-light-200", children: [_jsx(BrandLogo, { className: "logo", variant: "default" }), _jsxs("div", { className: "d-flex align-items-center justify-content-center mb-4 ml-5", children: [_jsx("div", { className: "medium-yellow-line mt-5 mr-n2" }), _jsxs("div", { children: [_jsx("h1", { className: "h3 data-hj-suppress mw-320", children: formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName }) }), _jsxs("h2", { className: "display-1", children: [formatMessage(messages['complete.your.profile.1']), _jsx("div", { className: "text-accent-a", children: formatMessage(messages['complete.your.profile.2']) })] })] })] })] }), _jsx("div", { className: "col-md-2 bg-white p-0", children: _jsx("svg", { className: "w-100 h-100 medium-screen-svg-light", preserveAspectRatio: "xMaxYMin meet", children: _jsx("g", { transform: "skewX(168)", children: _jsx("rect", { x: "0", y: "0", height: "100%", width: "100%" }) }) }) })] })] }));
 };
 MediumLayout.propTypes = {
     fullName: PropTypes.string.isRequired,

package/dist/base-container/components/welcome-page-layout/MediumLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediumLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/welcome-page-layout/MediumLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,gCAAgC,GAAG,EAClD,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,SAAS,IAAC,WAAW,EAAE,YAAY,EAAE,CAAC,uBAAuB,YAC5D,KAAC,KAAK,IAAC,SAAS,EAAC,MAAM,EAAC,GAAG,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC,QAAQ,GAAI,GAC7E,EACZ,eAAK,SAAS,EAAC,4DAA4D,aACzE,cAAK,SAAS,EAAC,+BAA+B,GAAG,EACjD,0BACE,aAAI,SAAS,EAAC,4BAA4B,YACvC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAC9F,EACL,cAAI,SAAS,EAAC,WAAW,aACtB,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,EACnD,cAAK,SAAS,EAAC,eAAe,YAC3B,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,GAC/C,IACH,IACD,IACF,IACF,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,qCAAqC,EAAC,mBAAmB,EAAC,eAAe,YACtF,YAAG,SAAS,EAAC,YAAY,YACvB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,GAC7C,GACA,GACF,IACF,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACtC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { useAppConfig, getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport { Hyperlink, Image } from '@openedx/paragon';\nimport PropTypes from 'prop-types';\n\nimport messages from './messages';\n\nconst MediumLayout = ({ fullName }) => {\n  const { formatMessage } = useIntl();\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-light-200\">\n          <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>\n            <Image className=\"logo\" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_URL} />\n          </Hyperlink>\n          <div className=\"d-flex align-items-center justify-content-center mb-4 ml-5\">\n            <div className=\"medium-yellow-line mt-5 mr-n2\" />\n            <div>\n              <h1 className=\"h3 data-hj-suppress mw-320\">\n                {formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName })}\n              </h1>\n              <h2 className=\"display-1\">\n                {formatMessage(messages['complete.your.profile.1'])}\n                <div className=\"text-accent-a\">\n                  {formatMessage(messages['complete.your.profile.2'])}\n                </div>\n              </h2>\n            </div>\n          </div>\n        </div>\n        <div className=\"col-md-2 bg-white p-0\">\n          <svg className=\"w-100 h-100 medium-screen-svg-light\" 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  fullName: PropTypes.string.isRequired,\n};\n\nexport default MediumLayout;\n"]}
+{"version":3,"file":"MediumLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/welcome-page-layout/MediumLayout.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE;IACpC,MAAM,EAAE,aAAa,EAAE,GAAG,OAAO,EAAE,CAAC;IAEpC,OAAO,CACL,8BACE,cAAK,SAAS,EAAC,gCAAgC,GAAG,EAClD,eAAK,SAAS,EAAC,uBAAuB,aACpC,eAAK,SAAS,EAAC,wBAAwB,aACrC,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAC,SAAS,GAAG,EAChD,eAAK,SAAS,EAAC,4DAA4D,aACzE,cAAK,SAAS,EAAC,+BAA+B,GAAG,EACjD,0BACE,aAAI,SAAS,EAAC,4BAA4B,YACvC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAC9F,EACL,cAAI,SAAS,EAAC,WAAW,aACtB,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,EACnD,cAAK,SAAS,EAAC,eAAe,YAC3B,aAAa,CAAC,QAAQ,CAAC,yBAAyB,CAAC,CAAC,GAC/C,IACH,IACD,IACF,IACF,EACN,cAAK,SAAS,EAAC,uBAAuB,YACpC,cAAK,SAAS,EAAC,qCAAqC,EAAC,mBAAmB,EAAC,eAAe,YACtF,YAAG,SAAS,EAAC,YAAY,YACvB,eAAM,CAAC,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,GAAG,GAC7C,GACA,GACF,IACF,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC,MAAM,CAAC,UAAU;CACtC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { getSiteConfig, useIntl } from '@openedx/frontend-base';\nimport PropTypes from 'prop-types';\n\nimport BrandLogo from '../BrandLogo';\nimport messages from './messages';\n\nconst MediumLayout = ({ fullName }) => {\n  const { formatMessage } = useIntl();\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-light-200\">\n          <BrandLogo className=\"logo\" variant=\"default\" />\n          <div className=\"d-flex align-items-center justify-content-center mb-4 ml-5\">\n            <div className=\"medium-yellow-line mt-5 mr-n2\" />\n            <div>\n              <h1 className=\"h3 data-hj-suppress mw-320\">\n                {formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName })}\n              </h1>\n              <h2 className=\"display-1\">\n                {formatMessage(messages['complete.your.profile.1'])}\n                <div className=\"text-accent-a\">\n                  {formatMessage(messages['complete.your.profile.2'])}\n                </div>\n              </h2>\n            </div>\n          </div>\n        </div>\n        <div className=\"col-md-2 bg-white p-0\">\n          <svg className=\"w-100 h-100 medium-screen-svg-light\" 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  fullName: PropTypes.string.isRequired,\n};\n\nexport default MediumLayout;\n"]}