@openedx/frontend-app-authn 1.0.0-alpha.4 → 1.0.0-alpha.6

package/dist/Main.d.ts

@@ -0,0 +1,3 @@
+import './sass/_style.scss';
+declare const Main: () => import("react/jsx-runtime").JSX.Element;
+export default Main;

package/{src/Main.tsx → dist/Main.js}

@@ -1,23 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Provider as ReduxProvider } from 'react-redux';
 import { Outlet } from 'react-router-dom';
 import { CurrentAppProvider } from '@openedx/frontend-base';
-
 import { appId } from './constants';
-import {
-  registerIcons,
-} from './common-components';
+import { registerIcons, } from './common-components';
 import configureStore from './data/configureStore';
-
 import './sass/_style.scss';
-
 registerIcons();
-
-const Main = () => (
-  <CurrentAppProvider appId={appId}>
-    <ReduxProvider store={configureStore()}>
-      <Outlet />
-    </ReduxProvider>
-  </CurrentAppProvider>
-);
-
+const Main = () => (_jsx(CurrentAppProvider, { appId: appId, children: _jsx(ReduxProvider, { store: configureStore(), children: _jsx(Outlet, {}) }) }));
 export default Main;
+//# sourceMappingURL=Main.js.map

package/dist/Main.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Main.js","sourceRoot":"","sources":["../src/Main.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EACL,aAAa,GACd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,cAAc,MAAM,uBAAuB,CAAC;AAEnD,OAAO,oBAAoB,CAAC;AAE5B,aAAa,EAAE,CAAC;AAEhB,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,CACjB,KAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,YAC9B,KAAC,aAAa,IAAC,KAAK,EAAE,cAAc,EAAE,YACpC,KAAC,MAAM,KAAG,GACI,GACG,CACtB,CAAC;AAEF,eAAe,IAAI,CAAC","sourcesContent":["import { Provider as ReduxProvider } from 'react-redux';\nimport { Outlet } from 'react-router-dom';\nimport { CurrentAppProvider } from '@openedx/frontend-base';\n\nimport { appId } from './constants';\nimport {\n  registerIcons,\n} from './common-components';\nimport configureStore from './data/configureStore';\n\nimport './sass/_style.scss';\n\nregisterIcons();\n\nconst Main = () => (\n  <CurrentAppProvider appId={appId}>\n    <ReduxProvider store={configureStore()}>\n      <Outlet />\n    </ReduxProvider>\n  </CurrentAppProvider>\n);\n\nexport default Main;\n"]}

package/dist/app.d.ts

@@ -0,0 +1,3 @@
+import { App } from '@openedx/frontend-base';
+declare const app: App;
+export default app;

package/dist/app.js

@@ -0,0 +1,41 @@
+import { appId } from './constants';
+import routes from './routes';
+import messages from './i18n';
+const app = {
+    appId,
+    routes,
+    messages,
+    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: '',
+        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;
+//# sourceMappingURL=app.js.map

package/dist/app.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../src/app.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,QAAQ,MAAM,QAAQ,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 routes from './routes';\nimport messages from './i18n';\n\nconst app: App = {\n  appId,\n  routes,\n  messages,\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"]}

package/dist/app.scss

@@ -0,0 +1,2 @@
+@use "@openedx/frontend-base/shell/app.scss";
+@use "./sass/style";

package/dist/base-container/components/default-layout/LargeLayout.d.ts

@@ -0,0 +1,2 @@
+export default LargeLayout;
+declare function LargeLayout(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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 classNames from 'classnames';
+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%" }) }) }) })] }));
+};
+export default LargeLayout;
+//# sourceMappingURL=LargeLayout.js.map

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

@@ -0,0 +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"]}

package/dist/base-container/components/default-layout/MediumLayout.d.ts

@@ -0,0 +1,2 @@
+export default MediumLayout;
+declare function MediumLayout(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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 classNames from 'classnames';
+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%" }) }) }) })] })] }));
+};
+export default MediumLayout;
+//# sourceMappingURL=MediumLayout.js.map

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

@@ -0,0 +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"]}

package/dist/base-container/components/default-layout/SmallLayout.d.ts

@@ -0,0 +1,2 @@
+export default SmallLayout;
+declare function SmallLayout(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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 classNames from 'classnames';
+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 }) })] }) })] })] })] }));
+};
+export default SmallLayout;
+//# sourceMappingURL=SmallLayout.js.map

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

@@ -0,0 +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"]}

package/dist/base-container/components/default-layout/index.d.ts

@@ -0,0 +1,3 @@
+export { default as DefaultLargeLayout } from "./LargeLayout";
+export { default as DefaultMediumLayout } from "./MediumLayout";
+export { default as DefaultSmallLayout } from "./SmallLayout";

package/{src/base-container/components/default-layout/index.jsx → dist/base-container/components/default-layout/index.js}

@@ -1,3 +1,4 @@
 export { default as DefaultLargeLayout } from './LargeLayout';
 export { default as DefaultMediumLayout } from './MediumLayout';
 export { default as DefaultSmallLayout } from './SmallLayout';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base-container/components/default-layout/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { default as DefaultLargeLayout } from './LargeLayout';\nexport { default as DefaultMediumLayout } from './MediumLayout';\nexport { default as DefaultSmallLayout } from './SmallLayout';\n"]}

package/dist/base-container/components/default-layout/messages.d.ts

@@ -0,0 +1,13 @@
+export default messages;
+declare const messages: {
+    'start.learning': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'with.site.name': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    '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',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/base-container/components/default-layout/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,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;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\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});\n\nexport default messages;\n"]}

package/dist/base-container/components/image-layout/ExtraSmallLayout.d.ts

@@ -0,0 +1,2 @@
+export default ExtraSmallLayout;
+declare function ExtraSmallLayout(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+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 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']) })] }) })] }));
+};
+export default ExtraSmallLayout;
+//# sourceMappingURL=ExtraSmallLayout.js.map

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

@@ -0,0 +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"]}

package/dist/base-container/components/image-layout/LargeLayout.d.ts

@@ -0,0 +1,2 @@
+export default LargeLayout;
+declare function LargeLayout(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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 './index.scss';
+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']) })] }) })] }));
+};
+export default LargeLayout;
+//# sourceMappingURL=LargeLayout.js.map

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

@@ -0,0 +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"]}

package/dist/base-container/components/image-layout/MediumLayout.d.ts

@@ -0,0 +1,2 @@
+export default MediumLayout;
+declare function MediumLayout(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +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 './index.scss';
+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']) })] }) })] }));
+};
+export default MediumLayout;
+//# sourceMappingURL=MediumLayout.js.map

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

@@ -0,0 +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"]}

package/dist/base-container/components/image-layout/SmallLayout.d.ts

@@ -0,0 +1,2 @@
+export default SmallLayout;
+declare function SmallLayout(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+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 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']) })] }) })] }));
+};
+export default SmallLayout;
+//# sourceMappingURL=SmallLayout.js.map

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

@@ -0,0 +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"]}

package/dist/base-container/components/image-layout/index.d.ts

@@ -0,0 +1,4 @@
+export { default as ImageLargeLayout } from "./LargeLayout";
+export { default as ImageMediumLayout } from "./MediumLayout";
+export { default as ImageSmallLayout } from "./SmallLayout";
+export { default as ImageExtraSmallLayout } from "./ExtraSmallLayout";

package/{src/base-container/components/image-layout/index.jsx → dist/base-container/components/image-layout/index.js}

@@ -2,3 +2,4 @@ export { default as ImageLargeLayout } from './LargeLayout';
 export { default as ImageMediumLayout } from './MediumLayout';
 export { default as ImageSmallLayout } from './SmallLayout';
 export { default as ImageExtraSmallLayout } from './ExtraSmallLayout';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/base-container/components/image-layout/index.jsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default as ImageLargeLayout } from './LargeLayout';\nexport { default as ImageMediumLayout } from './MediumLayout';\nexport { default as ImageSmallLayout } from './SmallLayout';\nexport { default as ImageExtraSmallLayout } from './ExtraSmallLayout';\n"]}

package/dist/base-container/components/image-layout/messages.d.ts

@@ -0,0 +1,13 @@
+export default messages;
+declare const messages: {
+    'your.career.turning.point': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    'is.here': {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

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

@@ -0,0 +1,15 @@
+import { defineMessages } from '@openedx/frontend-base';
+const messages = defineMessages({
+    'your.career.turning.point': {
+        id: 'your.career.turning.point',
+        defaultMessage: 'Your career turning point',
+        description: 'Part of the heading "Your career turning point is here." shown on Authn MFE',
+    },
+    'is.here': {
+        id: 'is.here',
+        defaultMessage: 'is here.',
+        description: 'Part of the heading "Your career turning point is here." shown on Authn MFE',
+    },
+});
+export default messages;
+//# sourceMappingURL=messages.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/base-container/components/image-layout/messages.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,cAAc,CAAC;IAC9B,2BAA2B,EAAE;QAC3B,EAAE,EAAE,2BAA2B;QAC/B,cAAc,EAAE,2BAA2B;QAC3C,WAAW,EAAE,6EAA6E;KAC3F;IACD,SAAS,EAAE;QACT,EAAE,EAAE,SAAS;QACb,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,6EAA6E;KAC3F;CACF,CAAC,CAAC;AAEH,eAAe,QAAQ,CAAC","sourcesContent":["import { defineMessages } from '@openedx/frontend-base';\n\nconst messages = defineMessages({\n  'your.career.turning.point': {\n    id: 'your.career.turning.point',\n    defaultMessage: 'Your career turning point',\n    description: 'Part of the heading \"Your career turning point is here.\" shown on Authn MFE',\n  },\n  'is.here': {\n    id: 'is.here',\n    defaultMessage: 'is here.',\n    description: 'Part of the heading \"Your career turning point is here.\" shown on Authn MFE',\n  },\n});\n\nexport default messages;\n"]}

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

@@ -0,0 +1,10 @@
+export default LargeLayout;
+declare function LargeLayout({ fullName }: {
+    fullName: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace LargeLayout {
+    namespace propTypes {
+        let fullName: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,14 @@
+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 PropTypes from 'prop-types';
+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%" }) }) }) })] }));
+};
+LargeLayout.propTypes = {
+    fullName: PropTypes.string.isRequired,
+};
+export default LargeLayout;
+//# sourceMappingURL=LargeLayout.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,10 @@
+export default MediumLayout;
+declare function MediumLayout({ fullName }: {
+    fullName: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace MediumLayout {
+    namespace propTypes {
+        let fullName: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,14 @@
+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 PropTypes from 'prop-types';
+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%" }) }) }) })] })] }));
+};
+MediumLayout.propTypes = {
+    fullName: PropTypes.string.isRequired,
+};
+export default MediumLayout;
+//# sourceMappingURL=MediumLayout.js.map

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

@@ -0,0 +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"]}

package/dist/base-container/components/welcome-page-layout/SmallLayout.d.ts

@@ -0,0 +1,10 @@
+export default SmallLayout;
+declare function SmallLayout({ fullName }: {
+    fullName: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace SmallLayout {
+    namespace propTypes {
+        let fullName: PropTypes.Validator<string>;
+    }
+}
+import PropTypes from 'prop-types';

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

@@ -0,0 +1,14 @@
+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 PropTypes from 'prop-types';
+import messages from './messages';
+const SmallLayout = ({ fullName }) => {
+    const { formatMessage } = useIntl();
+    return (_jsxs("div", { className: "min-vw-100 bg-light-200", children: [_jsx("div", { className: "col-md-12 small-screen-top-stripe" }), _jsx(Hyperlink, { destination: useAppConfig().MARKETING_SITE_BASE_URL, children: _jsx(Image, { className: "logo-small", alt: getSiteConfig().siteName, src: useAppConfig().LOGO_URL }) }), _jsxs("div", { className: "d-flex align-items-center m-3.5", children: [_jsx("div", { className: "small-yellow-line mt-4.5" }), _jsxs("div", { children: [_jsx("h1", { className: "h5 data-hj-suppress", children: formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName }) }), _jsxs("h2", { className: "h1", children: [formatMessage(messages['complete.your.profile.1']), _jsx("div", { className: "text-accent-a", children: formatMessage(messages['complete.your.profile.2']) })] })] })] })] }));
+};
+SmallLayout.propTypes = {
+    fullName: PropTypes.string.isRequired,
+};
+export default SmallLayout;
+//# sourceMappingURL=SmallLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmallLayout.js","sourceRoot":"","sources":["../../../../src/base-container/components/welcome-page-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,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,yBAAyB,aACtC,cAAK,SAAS,EAAC,mCAAmC,GAAG,EACrD,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,QAAQ,GAAI,GACnF,EACZ,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAK,SAAS,EAAC,0BAA0B,GAAG,EAC5C,0BACE,aAAI,SAAS,EAAC,qBAAqB,YAChC,aAAa,CAAC,QAAQ,CAAC,qBAAqB,CAAC,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,CAAC,GAC9F,EACL,cAAI,SAAS,EAAC,IAAI,aACf,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,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 SmallLayout = ({ fullName }) => {\n  const { formatMessage } = useIntl();\n\n  return (\n    <div className=\"min-vw-100 bg-light-200\">\n      <div className=\"col-md-12 small-screen-top-stripe\" />\n      <Hyperlink destination={useAppConfig().MARKETING_SITE_BASE_URL}>\n        <Image className=\"logo-small\" alt={getSiteConfig().siteName} src={useAppConfig().LOGO_URL} />\n      </Hyperlink>\n      <div className=\"d-flex align-items-center m-3.5\">\n        <div className=\"small-yellow-line mt-4.5\" />\n        <div>\n          <h1 className=\"h5 data-hj-suppress\">\n            {formatMessage(messages['welcome.to.platform'], { siteName: getSiteConfig().siteName, fullName })}\n          </h1>\n          <h2 className=\"h1\">\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  );\n};\n\nSmallLayout.propTypes = {\n  fullName: PropTypes.string.isRequired,\n};\n\nexport default SmallLayout;\n"]}

package/dist/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/{src/base-container/components/welcome-page-layout/index.jsx → dist/base-container/components/welcome-page-layout/index.js}

@@ -1,3 +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/base-container/components/welcome-page-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/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/base-container/components/welcome-page-layout/messages.d.ts

@@ -0,0 +1,18 @@
+export default messages;
+declare const messages: {
+    'welcome.to.platform': {
+        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/base-container/components/welcome-page-layout/messages.js

@@ -0,0 +1,20 @@
+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',
+    },
+    '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/base-container/components/welcome-page-layout/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","sourceRoot":"","sources":["../../../../src/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,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  '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"]}