@capillarytech/creatives-library 9.0.35 → 9.0.36

package/bootstrap.js

@@ -1,185 +0,0 @@
-/**
- * bootstrap.js
- *
- * Application setup and boilerplate. Loaded via the async boundary in app.js
- * (`import('./bootstrap')`) so Module Federation shared deps (eager: false in
- * prod) are resolved before this module executes.
- */
-
-import 'babel-polyfill';
-import 'whatwg-fetch';
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import { Provider } from 'react-redux';
-// import createHistory from 'history/lib/createBrowserHistory';
-// import { applyRouterMiddleware, Router, useRouterHistory } from 'react-router';
-// import { useScroll } from 'react-router-scroll';
-import history from 'utils/history';
-import CapSomethingWentWrong from '@capillarytech/cap-ui-library/CapSomethingWentWrong';
-import { addLocizeSavedHandler, startStandalone } from 'locize';
-import Bugsnag from '@bugsnag/js';
-import BugsnagPluginReact from '@bugsnag/plugin-react';
-// import { makeSelectLocationState } from 'containers/Cap/selectors';
-import LanguageProvider from 'v2Containers/LanguageProvider';
-import FontFaceObserver from 'fontfaceobserver';
-/* eslint-disable import/no-unresolved, import/extensions */
-import '!file-loader?name=[name].[ext]!./favicon.ico';
-/* eslint-enable import/no-unresolved, import/extensions */
-import { configureStore }  from '@capillarytech/vulcan-react-sdk/utils';
-import { initialReducer } from './initialReducer';
-import { translationMessages } from './i18n';
-import './global-styles';
-import initialState from './initialState';
-import './styles/vendor/semantic/dist/semantic.min.css';
-import './styles/main.scss';
-import pathConfig from './config/path';
-import ignoredErrorMessages from './utils/ignoredErrorMessages';
-import App from './containers/App';
-import ConfigProvider from 'antd/lib/config-provider';
-import { getCapThemeConfig, loadCapUI } from '@capillarytech/cap-ui-library/utils';
-
-loadCapUI();
-
-try {
-  if (!window.MFE_HOST) {
-    const { setupNewrelicWebVitals } = require('./newRelic/utils');
-    // Setup New Relic WebVitals tracking
-    setupNewrelicWebVitals();
-  }
-} catch (error) {
-  Bugsnag.notify(error);
-}
-
-// const browserHistory = useRouterHistory(createHistory)({
-//   basename: pathConfig.publicPath,
-// });
-
-const store = configureStore(initialState, initialReducer, history);
-const MOUNT_NODE = document.getElementById('app');
-
-// const history = syncHistoryWithStore(browserHistory, store, {
-//   selectLocationState: makeSelectLocationState(),
-// });
-const BUGSNAG_APP_VERSION = `creatives-ui__${new Date().getTime()}`;
-const BUGSNAG_API_KEY = 'c4d96446438ff7dc7c08da08ef94c5b2';
-
-const bugSnagErrorCallback = (event) => {
-  const { app: { releaseStage } = {}, originalError } = event || {};
-  const errorMessage = originalError && originalError.message;
-  if (
-    (releaseStage || '').includes('nightly') ||
-    process.env.NODE_ENV !== 'production' ||
-    ignoredErrorMessages.includes(errorMessage)
-  ) {
-    return false;
-  }
-  let userId;
-  let userName;
-  let userEmail;
-  let orgId;
-  let orgName;
-  try {
-    const {
-      id,
-      firstName,
-      lastName,
-      loginName,
-      proxyOrgList,
-    } = JSON.parse(window.localStorage.getItem('user'));
-    orgId = window.localStorage.getItem('orgID');
-    userId = id;
-    userName = `${firstName} ${lastName}`;
-    userEmail = loginName;
-    orgName = proxyOrgList.find(({ orgID }) => orgID === Number(orgId)).orgName;
-  } catch (error) {
-    userId = '';
-    userName = '';
-    userEmail = '';
-    orgId = '';
-    orgName = '';
-  }
-  event.addMetadata('org', {
-    name: orgName,
-    id: orgId,
-  });
-  event.setUser(userId, userEmail, userName);
-  if (window.FS && window.FS.getCurrentSessionURL) {
-    event.addMetadata('fullstory', {
-      urlAtTime: window.FS.getCurrentSessionURL(true),
-    });
-  }
-};
-
-Bugsnag.start({
-  appVersion: BUGSNAG_APP_VERSION,
-  apiKey: BUGSNAG_API_KEY,
-  releaseStage: window.location.hostname,
-  plugins: [new BugsnagPluginReact()],
-  onError: bugSnagErrorCallback,
-});
-
-const ErrorBoundary = Bugsnag.getPlugin('react').createErrorBoundary(React);
-
-export const BugsnagClient = Bugsnag;
-
-const ErrorScreen = () => <CapSomethingWentWrong url={`${pathConfig.publicPath}/v2`} />
-const root = createRoot(MOUNT_NODE);
-const render = (messages) => {
-  root.render(
-    <Provider store={store}>
-        <LanguageProvider messages={messages}>
-          <ErrorBoundary FallbackComponent={ErrorScreen}>
-            <ConfigProvider theme={getCapThemeConfig()}>
-              <App />
-            </ConfigProvider>
-          </ErrorBoundary>
-        </LanguageProvider>
-    </Provider>,
-  );
-};
-
-// Hot reloadable translation json files
-if (module.hot) {
-  // modules.hot.accept does not accept dynamic dependencies,
-  // have to be constants at compile-time
-  module.hot.accept('./i18n', () => {
-    render(translationMessages);
-  });
-}
-
-// for auto render UI on locize saved, since we cache the translations in redis it can't be update on real time as of now
-// need to comment as of now
-// addLocizeSavedHandler(res => {
-//   res.updated.forEach(item => {
-//     const { lng, ns, key, data } = item
-//     // load the translations somewhere...
-//     // and maybe rerender your UI
-//   })
-// })
-
-// start
-startStandalone();
-
-const openSansObserver = new FontFaceObserver('Roboto', {});
-// When Open Sans is loaded, add a font-family using Open Sans to the body
-openSansObserver.load().then(() => {
-  document.body.classList.add('fontLoaded');
-}, () => {
-  document.body.classList.remove('fontLoaded');
-});
-
-// Chunked polyfill for browsers without Intl support
-if (!window.Intl) {
-  (new Promise((resolve) => {
-    resolve(import('intl'));
-  }))
-    .then(() => Promise.all([
-      import('intl/locale-data/jsonp/en.js'),
-    ]))
-    .then(() => render(translationMessages))
-    .catch((err) => {
-      throw err;
-    });
-} else {
-  render(translationMessages);
-}

package/utils/getDataLayer.js

@@ -1,15 +0,0 @@
-import { isMFEMode } from './mfeDetect';
-import appConfig from '../app-config';
-
-const getDataLayerName = () => {
-  if (isMFEMode()) {
-    return `dataLayer_${appConfig.appName.replace(/-/g, '_')}`;
-  }
-  return 'dataLayer';
-};
-
-export const getDataLayer = () => {
-  const name = getDataLayerName();
-  window[name] = window[name] || [];
-  return window[name];
-};

package/utils/mfeDetect.js

@@ -1 +0,0 @@
-export const isMFEMode = () => Boolean(window.MFE_HOST);

package/utils/mfeFirstPaintReady.js

@@ -1,29 +0,0 @@
-import { MFEEventBus } from '@capillarytech/cap-ui-utils';
-import appConfig from '../app-config';
-import { isMFEMode } from './mfeDetect';
-
-// Routes whose containers emit the data-settled 'lcp' themselves —
-// the first-paint emit must NOT fire for these.
-// TemplatesV2 renders at relative '/v2' and '/v2/loyalty' (routes.js); in MFE mode
-// the shared history is rebased on publicPath, so the real browser pathname carries
-// the '/creatives/ui' prefix. Match the prefixed paths — this util reads
-// window.location.pathname, not the rebased router location. (v1 standalone is
-// non-MFE and irrelevant here.)
-const DATA_LANDING_MATCHERS = ['/creatives/ui/v2', '/creatives/ui/v2/loyalty'];
-
-export const isDataLandingPath = (pathname) => {
-  const p = (pathname || '').replace(/\/+$/, '') || '/';
-  return DATA_LANDING_MATCHERS.some((m) => (m instanceof RegExp ? m.test(p) : m === p));
-};
-
-export const emitFirstPaintReadyIfNotDataLanding = () => {
-  if (!isMFEMode() || isDataLandingPath(window.location.pathname)) return;
-  requestAnimationFrame(() => {
-    MFEEventBus.emit('mfe:segment', {
-      action: 'stop',
-      appId: appConfig.appName,
-      type: 'lcp',
-      timestamp: performance.now(),
-    });
-  });
-};

package/utils/mfeHistory.js

@@ -1,62 +0,0 @@
-/**
- * Re-base the host's shared root history for this MFE remote.
- *
- * The MFE host owns ONE root history instance and hands it to every remote, so host + all
- * remotes stay perfectly in sync: a push on the shared instance notifies every mounted
- * router directly (no popstate hack, no drift on fast remote switching).
- *
- * This remote's routes / <Link>s / history.push calls are written RELATIVE to its serving
- * prefix. This adapter presents a basename'd VIEW of the shared history — stripping the
- * prefix when the router reads the location, and prepending it when the router navigates —
- * while delegating all actual navigation to the shared instance. Net effect: relative
- * routing keeps working unchanged, and navigation still flows through the single shared
- * history. Standalone (no host history) is unaffected; the remote keeps creating its own.
- */
-const addBase = (base, to) => {
-  if (typeof to === 'string') {
-    if (!to.startsWith('/')) return to; // already relative to current location
-    return to === '/' ? base : `${base}${to}`;
-  }
-  if (to && typeof to === 'object') {
-    return { ...to, pathname: addBase(base, to.pathname || '/') };
-  }
-  return to;
-};
-
-const stripBase = (base, pathname) => {
-  if (!pathname) return pathname;
-  if (pathname === base) return '/';
-  if (pathname.startsWith(`${base}/`)) return pathname.slice(base.length);
-  return pathname;
-};
-
-export default function rebaseHistory(history, rawBase) {
-  const base = String(rawBase || '').replace(/\/+$/, ''); // normalise: no trailing slash
-  if (!base) return history;
-  const view = loc => ({ ...loc, pathname: stripBase(base, loc.pathname) });
-  return {
-    get length() {
-      return history.length;
-    },
-    get action() {
-      return history.action;
-    },
-    get location() {
-      return view(history.location);
-    },
-    push: (to, state) => history.push(addBase(base, to), state),
-    replace: (to, state) => history.replace(addBase(base, to), state),
-    go: n => history.go(n),
-    goBack: () => history.goBack(),
-    goForward: () => history.goForward(),
-    block: (...args) => history.block(...args),
-    listen: listener =>
-      history.listen((loc, action) => listener(view(loc), action)),
-    createHref: to =>
-      history.createHref(
-        typeof to === 'string'
-          ? addBase(base, to)
-          : { ...to, pathname: addBase(base, (to && to.pathname) || '/') },
-      ),
-  };
-}

package/v2Components/NavigationBar/mfeModuleHeader.config.js

@@ -1,16 +0,0 @@
-// Static, module-specific config for the shared MFE module-header wrapper
-// (MFEModuleHeader). Runtime values (history) are supplied in NavigationBar.
-export const MFE_MODULE_HEADER = {
-  header: {
-    name: 'app.commonUtils.capUiLibrary.navigationSPA.moduleHeader.creatives.default.name',
-    description: 'app.commonUtils.capUiLibrary.navigationSPA.moduleHeader.creatives.default.description',
-    showBorder: false,
-    showSettings: false,
-  },
-  landingRoutes: [
-    '/creatives/ui/v2/',
-    '/creatives/ui/v2',
-    '/v2/',
-    '/v2'
-  ],
-};