@capillarytech/creatives-library 9.0.36-alpha.0 → 9.0.36

package/app.js

@@ -1,10 +1,175 @@
-/**
- * app.js
- *
- * Async boundary for Module Federation. Shared deps (react, react-dom, …) are
- * configured with `eager: false` in the production build, so the entry module
- * must not import them synchronously — webpack needs this dynamic import to
- * load the shared-scope modules before any application code runs. All real
- * bootstrap code lives in bootstrap.js.
- */
-import('./bootstrap');
+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 {
+  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/entry.js

@@ -1,68 +1,2 @@
 import { publicPath } from './config/path';
-
-function normalizeTrailingSlash(url) {
-  if (!url) return url;
-  return url.endsWith('/') ? url : `${url}/`;
-}
-
-function getCreativesRemoteEntryScript() {
-  if (typeof document === 'undefined') return null;
-  const all = Array.from(
-    document.querySelectorAll('script[src*="remoteEntry"]'),
-  );
-  const match =
-    all.find(s => /cap-creatives-ui/i.test(s.src)) || all[all.length - 1];
-  return match;
-}
-
-function getRemoteEntryOrigin() {
-  const el = getCreativesRemoteEntryScript();
-  if (!el || !el.src) return '';
-  try {
-    return new URL(el.src, window.location.href).origin;
-  } catch (e) {
-    return '';
-  }
-}
-
-function getRemoteEntryBaseUrl() {
-  const el = getCreativesRemoteEntryScript();
-  if (!el || !el.src) return '';
-  try {
-    const u = new URL(el.src, window.location.href);
-    const dir = u.pathname.replace(/\/[^/]+\.js(\?.*)?$/, '/');
-    return normalizeTrailingSlash(`${u.origin}${dir}`);
-  } catch (e) {
-    return '';
-  }
-}
-
-function resolveWebpackPublicPath() {
-  const envPath = process.env.MFE_PUBLIC_PATH;
-
-  if (envPath && envPath.length > 0) {
-    if (/^https?:\/\//i.test(envPath)) {
-      return normalizeTrailingSlash(envPath);
-    }
-    const origin = getRemoteEntryOrigin();
-    if (origin) {
-      const p = envPath.startsWith('/') ? envPath : `/${envPath}`;
-      return normalizeTrailingSlash(new URL(p, origin).href);
-    }
-    return normalizeTrailingSlash(
-      `${window.location.origin}${envPath.startsWith('/') ? '' : '/'}${envPath}`,
-    );
-  }
-
-  const fromRemote = getRemoteEntryBaseUrl();
-  if (fromRemote) {
-    return fromRemote;
-  }
-
-  const origin = new URL(
-    ((document || {}).currentScript || {}).src || window.location,
-  ).origin;
-  return `${origin}${publicPath}/`;
-}
-
-__webpack_public_path__ = resolveWebpackPublicPath();
+__webpack_public_path__ = ((new URL(((document || {}).currentScript || {}).src || window.location)).origin) + `${publicPath}/`;

package/mfe-exposed-components.js

@@ -2,5 +2,7 @@
 // Contents of this file are used in webpack config's ModuleFederationPlugin.
 //
 module.exports = {
-  './AppRoot': './app/AppRoot',
-};
+    // which exposes
+    // ADD MFE COMPONENT YOU WANT TO EXPORT example:
+    // './Home': './app/components/pages/Home',
+  };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "9.0.36-alpha.0",
+  "version": "9.0.36",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -16,7 +16,7 @@
     "@babel/polyfill": "7.4.3",
     "@bugsnag/js": "^7.2.1",
     "@bugsnag/plugin-react": "7.2.1",
-    "@capillarytech/cap-ui-utils": "3.0.20",
+    "@capillarytech/cap-ui-utils": "3.0.4",
     "@capillarytech/vulcan-react-sdk": "3.0.1",
     "@codemirror/autocomplete": "^6.19.0",
     "@codemirror/lang-css": "^6.3.1",

package/services/api.js

@@ -5,7 +5,6 @@ import 'whatwg-fetch';
 import { GA, decompressJsonObject } from '@capillarytech/cap-ui-utils';
 import get from 'lodash/get';
 import { loadItem, clearItem } from './localStorageApi';
-import { isMFEMode } from '../utils/mfeDetect';
 import config from '../config/app';
 import pathConfig from '../config/path';
 import getSchema from './getSchema';
@@ -259,13 +258,6 @@ export const getSidebar = () => {
 
 // if 403, show SWR page
 export const getUserData = () => {
-  // In MFE mode the host (cap-intouch-ui) owns the single auth call and exposes
-  // the full response via window.getCapAuthData(); consume it instead of hitting
-  // the auth endpoint again. The promise waits until the host call completes,
-  // then resolves instantly for later callers.
-  if (isMFEMode() && typeof window.getCapAuthData === 'function') {
-    return window.getCapAuthData();
-  }
   const url = `${API_AUTH_ENDPOINT}/user?include_features=1`;
   return request(url, getAPICallObject('GET'), true);
 };
@@ -687,7 +679,7 @@ export const getSupportVideosConfig = () => {
 };
 
 export const getNavigationConfigApi = async () => {
-  const url = `${ARYA_ENDPOINT}/mfe_navigations`;
+  const url = `${ARYA_ENDPOINT}/navigations`;
   return request(url, getAPICallObject('GET'));
 };
 

package/styles/containers/layout/_layoutPage.scss

@@ -79,6 +79,7 @@
     flex: 1;
     height: calc(100vh - 50px);
     overflow: auto;
+    padding: 8px 16px 0;
     color: #333333;
 }
 
@@ -153,19 +154,16 @@
 }
 
 .cap-loader-box {
-  position: absolute;
+  position: fixed;
   top: 0;
-  left: 0;
   width: 100%;
-  min-height: calc(100vh - 48px);
-  background: #ffffff;
-  display: flex;
-  align-items: center;
-  justify-content: center;
+  height: 100%;
+  background: rgb(255,255,255);
+  text-align: center;
 
   .loader-image {
     width: 80px;
-    height: auto;
+    margin-top: 20%;
   }
 }
 

package/utils/gtmTrackers/gtmEvents/creativeDetails.js

@@ -1,5 +1,4 @@
 import { CREATIVES } from "../../../v2Containers/App/constants";
-import { getDataLayer } from '../../getDataLayer';
 
 const creativeDetails = ({
   name,
@@ -24,7 +23,7 @@ const creativeDetails = ({
     videoAdded,
     stickersAdded
   };
-  getDataLayer().push({
+  window.dataLayer.push({
     creativeDetails: parsedObj,
     event: 'creativeDetails',
   });

package/utils/rcsPayloadUtils.js

@@ -59,12 +59,9 @@ export const normalizeRcsMessageContentForApi = messageContentItem => {
     rcsCardPayloadOnly.cardContent.forEach(card => {
       if (Array.isArray(card?.suggestions)) {
         card.suggestions.forEach(suggestion => {
-          // isSaved and urlType are UI-only editor state: campaigns' send-for-approval API
-          // rejects them, and they aren't part of the persisted payload shape. The dynamic tag
-          // (if any) already lives inline in `url` (e.g. "https://x.com{{first_name}}") — no
-          // separate dynamicUrlPayload field is sent for RCS.
+          // isSaved is UI-only editor state: campaigns' send-for-approval API rejects it, and it
+          // isn't part of the persisted payload shape.
           delete suggestion?.isSaved;
-          delete suggestion?.urlType;
         });
       }
     });

package/utils/tests/rcsPayloadUtils.test.js

@@ -209,7 +209,7 @@ describe('normalizeRcsMessageContentForApi', () => {
     expect(item.rcsContent.cardContent).toEqual([{ title: 'Card' }]);
   });
 
-  it('strips isSaved and urlType from each suggestion in cardContent', () => {
+  it('strips isSaved from each suggestion in cardContent', () => {
     const item = {
       rcsContent: {
         cardContent: [
@@ -217,9 +217,7 @@ describe('normalizeRcsMessageContentForApi', () => {
             title: 'Card 1',
             suggestions: [
               { type: 'QUICK_REPLY', text: 'Yes', isSaved: true },
-              {
-                type: 'CTA', text: 'Go', url: 'https://example.com', urlType: 'STATIC', isSaved: false,
-              },
+              { type: 'CTA', text: 'Go', url: 'https://example.com', isSaved: false },
             ],
           },
         ],
@@ -232,56 +230,6 @@ describe('normalizeRcsMessageContentForApi', () => {
     ]);
   });
 
-  it('keeps type "CTA" and the inline tag in url, but drops urlType, for a dynamic-URL suggestion', () => {
-    const item = {
-      rcsContent: {
-        cardContent: [
-          {
-            title: 'Card 1',
-            suggestions: [
-              {
-                type: 'CTA',
-                text: 'Visit here',
-                url: 'https://example.com/{{first_name}}',
-                urlType: 'DYNAMIC',
-                isSaved: true,
-              },
-            ],
-          },
-        ],
-      },
-    };
-    normalizeRcsMessageContentForApi(item);
-    expect(item.rcsContent.cardContent[0].suggestions).toEqual([
-      {
-        type: 'CTA',
-        text: 'Visit here',
-        url: 'https://example.com/{{first_name}}',
-      },
-    ]);
-  });
-
-  it('leaves phone number and quick reply suggestions untouched by the urlType stripping', () => {
-    const item = {
-      rcsContent: {
-        cardContent: [
-          {
-            title: 'Card 1',
-            suggestions: [
-              {
-                type: 'PHONE_NUMBER', text: 'Call', phoneNumber: '918987678', isSaved: true,
-              },
-            ],
-          },
-        ],
-      },
-    };
-    normalizeRcsMessageContentForApi(item);
-    expect(item.rcsContent.cardContent[0].suggestions).toEqual([
-      { type: 'PHONE_NUMBER', text: 'Call', phoneNumber: '918987678' },
-    ]);
-  });
-
   it('handles cardContent with no suggestions gracefully', () => {
     const item = {
       rcsContent: {

package/v2Components/CapActionButton/constants.js

@@ -43,7 +43,6 @@ export const RCS_CTA_URL_TYPE = {
 export const BTN_MAX_LENGTH = 20;
 export const PHONE_NUMBER_MAX_LENGTH = 15;
 export const URL_MAX_LENGTH = 2000;
-export const DYNAMIC_URL_SUFFIX = '{{1}}';
 
 export const CTA_TYPE_RADIO_OPTIONS = [
   { label: <FormattedMessage {...messages.ctaPhoneNo} />, value: RCS_BUTTON_TYPES.PHONE_NUMBER },

package/v2Components/CapActionButton/index.js

@@ -17,8 +17,7 @@ import CapButton from '@capillarytech/cap-ui-library/CapButton';
 import CapTooltip from '@capillarytech/cap-ui-library/CapTooltip';
 import CapTooltipWithInfo from '@capillarytech/cap-ui-library/CapTooltipWithInfo';
 import { CAP_SPACE_04 } from '@capillarytech/cap-ui-library/styled/variables';
-import globalMessages from '../../v2Containers/Cap/messages';
-import TagList from '../../v2Containers/TagList';
+import globalMessages from '../../v2Containers/Cap/messages';import CapTagListWithInput from '../CapTagListWithInput';
 
 import { isUrl, isValidText } from '../../v2Containers/Line/Container/Wrapper/utils';
 import messages from './messages';
@@ -31,7 +30,6 @@ import {
   RCS_CTA_URL_TYPE,
   CTA_TYPE_RADIO_OPTIONS,
   CTA_URL_TYPE_SELECT_OPTIONS,
-  DYNAMIC_URL_SUFFIX,
 } from './constants';
 import './index.scss';
 import { INITIAL_SUGGESTIONS, RCS_BUTTON_TYPES, HOST_ICS} from '../../v2Containers/Rcs/constants';
@@ -58,7 +56,6 @@ export const CapActionButton = (props) => {
     minSavedSuggestions = 0,
     hideDeleteSuggestionIndexes = [],
   } = props;
-  const { formatMessage } = intl;
   const isHostIcs = host === HOST_ICS;
   const [urlError, setUrlError] = useState(false);
   const [buttonError, setButtonError] = useState(false);
@@ -125,8 +122,7 @@ export const CapActionButton = (props) => {
       return formatMessage(messages.ctaWebsiteUrlErrorMessage);
     }
     if (urlSubtype === RCS_CTA_URL_TYPE.DYNAMIC) {
-      const baseUrl = trimmedUrl.replace(invalidVarRegex, '');
-      return isUrl(baseUrl) ? false : formatMessage(messages.ctaWebsiteUrlErrorMessage);
+      return false;
     }
     if (!isUrl(trimmedUrl)) {
       return formatMessage(messages.ctaWebsiteUrlErrorMessage);
@@ -138,12 +134,9 @@ export const CapActionButton = (props) => {
   };
 
   const onUrlChange = ({ target }) => {
-    const { id } = target;
+    const { value, id } = target;
     const row = suggestions[id] || {};
     const subtype = row.urlType || RCS_CTA_URL_TYPE.STATIC;
-    const value = subtype === RCS_CTA_URL_TYPE.DYNAMIC
-      ? target.value.replace(invalidVarRegex, '')
-      : target.value;
     setUrlError(validateCtaUrlValue(value, subtype));
     updateHandler(HANDLERS.URL, value, id);
   };
@@ -156,14 +149,6 @@ export const CapActionButton = (props) => {
     updateButtonChange(cloned, index);
   };
 
-  const onTagSelect = (data, index, url) => {
-    updateHandler(HANDLERS.URL, (url || '').replace(DYNAMIC_URL_SUFFIX, `{{${data}}}`), index);
-  };
-
-  const revertTagSelect = (index, url) => {
-    updateHandler(HANDLERS.URL, (url || '').replace(invalidVarRegex, DYNAMIC_URL_SUFFIX), index);
-  };
-
   const onPhoneNoChange = (value, index) => {
     updateHandler(HANDLERS.PHONE_NUMBER, value, index);
   };
@@ -176,25 +161,12 @@ export const CapActionButton = (props) => {
       return true;
     } if (type === RCS_BUTTON_TYPES.CTA) {
       const subtype = urlType || RCS_CTA_URL_TYPE.STATIC;
-      if (validateCtaUrlValue(url, subtype)) {
-        return true;
-      }
-      // A dynamic URL still holding the unresolved {{1}} placeholder has no real
-      // personalization tag assigned yet — block save until one is picked via "Add URL label".
-      return subtype === RCS_CTA_URL_TYPE.DYNAMIC && (url || '').includes(DYNAMIC_URL_SUFFIX);
+      return !!validateCtaUrlValue(url, subtype);
     }
     return false;
   };
 
   const saveCta = (index) => {
-    const cta = suggestions[index];
-    if (
-      cta?.type === RCS_BUTTON_TYPES.CTA
-      && cta?.urlType === RCS_CTA_URL_TYPE.DYNAMIC
-      && !(cta?.url || '').includes(DYNAMIC_URL_SUFFIX)
-    ) {
-      cta.url = `${cta.url || ''}${DYNAMIC_URL_SUFFIX}`;
-    }
     updateHandler(HANDLERS.IS_SAVED, true, index);
   };
 
@@ -208,6 +180,8 @@ export const CapActionButton = (props) => {
     updateButtonChange(newSuggestion, suggestions?.length);
   };
 
+  const { formatMessage } = intl;
+
   const hideDeleteForSuggestionIndex = (idx) =>
     Array.isArray(hideDeleteSuggestionIndexes) && hideDeleteSuggestionIndexes.includes(idx);
 
@@ -230,7 +204,6 @@ export const CapActionButton = (props) => {
       const urlSubtype = type === RCS_BUTTON_TYPES.CTA
         ? (cta.urlType || RCS_CTA_URL_TYPE.STATIC)
         : RCS_CTA_URL_TYPE.STATIC;
-      const isDynamicUrlSubtype = urlSubtype === RCS_CTA_URL_TYPE.DYNAMIC;
       const phoneNumber = type !== RCS_BUTTON_TYPES.PHONE_NUMBER ? null : cta.phoneNumber;
       if (isFullMode && !isEditFlow && !isSaved) {
         renderArray.push(
@@ -342,32 +315,13 @@ export const CapActionButton = (props) => {
                   </CapColumn>
                   <CapColumn span={18} className="rcs-cta-url-value-col">
                     <CapHeading type="h4" className="cta-label">
-                      {formatMessage(messages.ctaWebsiteUrl)}
-                      {isDynamicUrlSubtype && (
-                        <CapTooltipWithInfo
-                          infoIconProps={{
-                            style: { marginLeft: CAP_SPACE_04 },
-                          }}
-                          autoAdjustOverflow
-                          placement="right"
-                          title={formatMessage(messages.ctaDynamicUrlTooltip, { one: DYNAMIC_URL_SUFFIX })}
-                        />
-                      )}
+                      {formatMessage(messages.ctaUrlField)}
                     </CapHeading>
                     <CapInput
                       id={index}
-                      addonAfter={
-                        isDynamicUrlSubtype
-                        && !(url || '').includes(DYNAMIC_URL_SUFFIX)
-                        && DYNAMIC_URL_SUFFIX
-                      }
                       className="rcs-cta-url"
                       onChange={onUrlChange}
-                      placeholder={
-                        isDynamicUrlSubtype
-                          ? formatMessage(messages.ctaDynamicPlaceholder)
-                          : formatMessage(messages.ctaEnterUrlPlaceholder)
-                      }
+                      placeholder={formatMessage(messages.ctaEnterUrlPlaceholder)}
                       value={url || ''}
                       size="large"
                       maxLength={URL_MAX_LENGTH}
@@ -449,7 +403,7 @@ export const CapActionButton = (props) => {
               span={1}
               className={`${ctaIsPhone ? 'whatsapp-saved-cta-phone-icon' : ''}`}
             >
-              <CapIcon size="s" type={ctaIsPhone ? 'call' : (ctaIsReply ? 'small-link' : 'open-in-new')} />
+              <CapIcon size="s" type={ctaIsPhone ? 'call' : (ctaIsReply ? 'small-link' : 'launch')} />
             </CapColumn>
             <CapColumn span={6}>
               <CapLabel
@@ -476,28 +430,6 @@ export const CapActionButton = (props) => {
                     </CapTooltip>
                   </>
                 )}
-                {isDynamicUrlSubtype && (url || '').includes(DYNAMIC_URL_SUFFIX) && (
-                  <TagList
-                    className="rcs-cta-taglist"
-                    label={formatMessage(messages.ctaTagListLabel)}
-                    onTagSelect={(data) => onTagSelect(data, index, url)}
-                    location={location}
-                    tags={tags}
-                    injectedTags={injectedTags}
-                    selectedOfferDetails={selectedOfferDetails}
-                    onContextChange={onContextChange}
-                  />
-                )}
-                {isDynamicUrlSubtype && !(url || '').includes(DYNAMIC_URL_SUFFIX) && (
-                  <CapTooltip title={formatMessage(messages.ctaTagListRevert)} placement="top">
-                    <CapIcon
-                      size="s"
-                      type="return"
-                      className="rcs-cta-tag-revert"
-                      onClick={() => revertTagSelect(index, url)}
-                    />
-                  </CapTooltip>
-                )}
                 {(isFullMode && !isEditFlow) && (
                   <div className="rcs-saved-cta-action-icons">
                     <CapIcon

package/v2Components/CapActionButton/index.scss

@@ -84,19 +84,6 @@
     .rcs-saved-cta-delete-icon {
         cursor: pointer;
     }
-
-    // Dynamic-URL tag controls: keep them from stretching the flex row's
-    // height/width — same treatment as the edit/delete icons above.
-    .rcs-cta-tag-revert {
-        display: flex;
-        align-items: center;
-        flex-shrink: 0;
-        cursor: pointer;
-    }
-
-    .rcs-cta-taglist {
-        flex-shrink: 0;
-    }
 }
 
 // Button text / URL: count via CapInput `suffix` (antd affix, right-aligned inside field).