@capillarytech/creatives-library 8.0.171 → 8.0.173

package/app.js

@@ -26,6 +26,10 @@ import './styles/main.scss';
 import pathConfig from './config/path';
 import ignoredErrorMessages from './utils/ignoredErrorMessages';
 import App from './containers/App';
+import { setupNewrelicWebVitals } from './utils/commonUtils';
+
+// Setup New Relic WebVitals tracking
+setupNewrelicWebVitals();
 
 // const browserHistory = useRouterHistory(createHistory)({
 //   basename: pathConfig.publicPath,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.171",
+  "version": "8.0.173",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -18,6 +18,7 @@
     "@bugsnag/plugin-react": "7.2.1",
     "@capillarytech/cap-ui-utils": "3.0.4",
     "@capillarytech/vulcan-react-sdk": "^2.3.5",
+    "@newrelic/browser-agent": "^1.293.0",
     "@mailupinc/bee-plugin": "^1.2.0",
     "babel-cli": "^6.26.0",
     "chalk": "^2.4.2",

package/routes-package.js

@@ -0,0 +1,37 @@
+import withReactRouterV3Compatibility from './hoc/withReactRouterV3Compatibility';
+import SomethingWentWrong from '@capillarytech/cap-ui-library/CapSomethingWentWrong';
+import NotFoundPage from './v2Containers/NotFoundPage';
+import TemplatesV2 from './v2Containers/TemplatesV2';
+
+// Package-specific routes that only include V2 components
+// This is used when building the npm package where containers are excluded
+const routes = [
+  // V2 Routes (always available in package)
+  {
+    exact: true,
+    path: '/v2/somethingwentwrong',
+    name: 'somethingwentwrong',
+    component: withReactRouterV3Compatibility(SomethingWentWrong),
+  },
+  {
+    exact: true,
+    path: '/v2',
+    name: 'templatesV2',
+    component: withReactRouterV3Compatibility(TemplatesV2),
+  },
+  {
+    exact: true,
+    path: '/v2/loyalty',
+    name: 'loyalty',
+    component: withReactRouterV3Compatibility(TemplatesV2),
+  },
+  
+  // Catch-all fallback
+  {
+    path: '*',
+    name: 'notfound',
+    component: withReactRouterV3Compatibility(NotFoundPage),
+  },
+];
+
+export default routes;

package/routes.js

@@ -1,146 +1,37 @@
 import withReactRouterV3Compatibility from './hoc/withReactRouterV3Compatibility';
-
 import SomethingWentWrong from '@capillarytech/cap-ui-library/CapSomethingWentWrong';
 import NotFoundPage from './v2Containers/NotFoundPage';
 import TemplatesV2 from './v2Containers/TemplatesV2';
 
-// Utility function to detect if we're in embedded mode
-const isEmbeddedMode = () => {
-  // Check if we're in embedded mode by looking for embedded mode indicators
-  // This could be from URL params, environment variables, or build configuration
-  if (typeof window !== 'undefined') {
-    const urlParams = new URLSearchParams(window.location.search);
-    return urlParams.get('type') === 'embedded';
-  }
-  // Fallback: check if containers folder exists (indicating non-embedded mode)
-  try {
-    // This will throw an error in embedded mode since containers are excluded
-    require('./containers/Dashboard');
-    return false;
-  } catch (error) {
-    return true;
-  }
-};
-
-// Check if we're in embedded mode at module load time
-const isEmbedded = isEmbeddedMode();
-
-// Clean all-or-nothing approach for static imports
-const getStaticImports = () => {
-  if (isEmbedded) return {}; // Only v2 uses static imports
-
-  try {
-    return {
-      Dashboard: require('./containers/Dashboard').default,
-      SmsCreate: require('./containers/Sms/Create').default,
-      SmsEdit: require('./containers/Sms/Edit').default,
-      Templates: require('./containers/Templates').default,
-      WeChatMapTemplate: require('./containers/WeChat/MapTemplates').default,
-      Gallary: require('./containers/Assets/Gallery').default,
-      WeChatRichmediaCreate: require('./containers/WeChat/RichmediaTemplates/Create').default,
-      WeChatRichmediaEdit: require('./containers/WeChat/RichmediaTemplates/Edit').default,
-      Email: require('./containers/Email').default,
-      Ebill: require('./containers/Ebill').default,
-      MobilePushCreate: require('./containers/MobilePush/Create').default,
-      MobilePushEdit: require('./containers/MobilePush/Edit').default,
-      LineCreate: require('./containers/Line/Create').default,
-    };
-  } catch (error) {
-    console.log('Error importing v1 components:', error.message);
-    return {}; // Fallback to v2 only
-  }
-};
-
-// Declarative route configuration
-const ROUTES = [
-  // ✅ V2 Routes (always included)
-  { path: '/v2/somethingwentwrong', name: 'somethingwentwrong', component: SomethingWentWrong },
-  { path: '/v2', name: 'templatesV2', component: TemplatesV2 },
-  { path: '/v2/loyalty', name: 'loyalty', component: TemplatesV2 },
-
-  // ✅ V1 Routes (conditional based on `!isEmbedded`)
-  { path: '/', componentKey: 'Dashboard' },
-  
-  // SMS routes v1
-  { path: '/sms/create', name: 'create', componentKey: 'SmsCreate' },
-  { path: '/sms/view', name: 'view', componentKey: 'SmsCreate' },
-  { path: '/sms/edit/:id', name: 'edit', componentKey: 'SmsEdit' },
-  { path: '/sms', name: 'sms', componentKey: 'Templates' },
-  
-  // WeChat routes v1
-  { path: '/wechat', name: 'wechat', componentKey: 'Templates' },
-  { path: '/wechat/create', name: 'create weChat', componentKey: 'WeChatMapTemplate' },
-  { path: '/wechat/edit/:id', name: 'edit weChat', componentKey: 'WeChatMapTemplate' },
-  { path: '/wechat/richmedia/create', name: 'wechat_richmedia_create', componentKey: 'WeChatRichmediaCreate' },
-  { path: '/wechat/richmedia/edit/:id', name: 'wechat_richmedia_edit', componentKey: 'WeChatRichmediaEdit' },
-  
-  // Email routes v1
-  { path: '/email', name: 'email', componentKey: 'Templates' },
-  { path: '/email/create', name: 'EmailCreate', componentKey: 'Email' },
-  { path: '/email/view', name: 'EmailView', componentKey: 'Email' },
-  { path: '/email/edit/:id', name: 'EmailEdit', componentKey: 'Email' },
-  
-  // Ebill routes v1
-  { path: '/ebill', name: 'Ebill', componentKey: 'Templates' },
-  { path: '/ebill/create', name: 'Ebill', componentKey: 'Ebill' },
-  { path: '/ebill/edit/:id', name: 'Ebill', componentKey: 'Ebill' },
+// Package-specific routes that only include V2 components
+// This is used when building the npm package where containers are excluded
+const routes = [
+  // V2 Routes (always available in package)
+  {
+    exact: true,
+    path: '/v2/somethingwentwrong',
+    name: 'somethingwentwrong',
+    component: withReactRouterV3Compatibility(SomethingWentWrong),
+  },
+  {
+    exact: true,
+    path: '/v2',
+    name: 'templatesV2',
+    component: withReactRouterV3Compatibility(TemplatesV2),
+  },
+  {
+    exact: true,
+    path: '/v2/loyalty',
+    name: 'loyalty',
+    component: withReactRouterV3Compatibility(TemplatesV2),
+  },
   
-  // MobilePush routes v1
-  { path: '/mobilepush', name: 'mobilepush', componentKey: 'Templates' },
-  { path: '/mobilepush/create/:mode', name: 'create', componentKey: 'MobilePushCreate' },
-  { path: '/mobilepush/edit/:id', name: 'edit', componentKey: 'MobilePushEdit' },
-  
-  // Assets routes v1
-  { path: '/assets', name: 'GALLERY', componentKey: 'Gallary' },
-  
-  // Line routes v1
-  { path: '/line', name: 'line', componentKey: 'Templates' },
-  { path: '/line/create/:mode', name: 'create line', componentKey: 'LineCreate' },
-  { path: '/line/view/:mode', name: 'view', componentKey: 'LineCreate' },
-  { path: '/line/edit/text/:id', name: 'edit_text', componentKey: 'LineCreate' },
-  { path: '/line/edit/image/:id', name: 'edit_image', componentKey: 'LineCreate' },
-];
-
-// Simplified route creation
-const createRoutes = (components = {}) => {
-  const routes = ROUTES.flatMap(({ path, component, componentKey, name }) => {
-    // V2 component is statically imported
-    if (component) {
-      return [{
-        exact: true,
-        path,
-        name,
-        component: withReactRouterV3Compatibility(component),
-      }];
-    }
-
-    // V1 component: only include if available
-    const resolved = components[componentKey];
-    if (resolved) {
-      return [{
-        exact: true,
-        path,
-        name,
-        component: withReactRouterV3Compatibility(resolved),
-      }];
-    }
-
-    return []; // Skip if not in embedded or missing
-  });
-
   // Catch-all fallback
-  routes.push({
+  {
     path: '*',
     name: 'notfound',
     component: withReactRouterV3Compatibility(NotFoundPage),
-  });
-
-  return routes;
-};
-
-// Initialize routes synchronously with available components
-const staticImports = getStaticImports();
-const routes = createRoutes(staticImports);
+  },
+];
 
-// Export the routes array
-export default routes;
+export default routes;