@capillarytech/creatives-library 8.0.140 → 8.0.141

package/initialReducer.js

@@ -15,7 +15,6 @@ import galleryReducer from './v2Containers/Assets/Gallery/reducer';
 import CapCollapsibleLeftNavigationReducer from '@capillarytech/cap-ui-library/CapCollapsibleLeftNavigation/reducer';
 import { AIRA_REDUCER_DOMAIN, askAiraReducer } from '@capillarytech/cap-ui-library/CapAskAira';
 import previewAndTestReducer from './v2Components/TestAndPreviewSlidebox/reducer';
-import inAppReducer from './v2Containers/InApp/reducer';
 
 export const initialReducer = {
   language: languageProviderReducer,
@@ -34,5 +33,4 @@ export const initialReducer = {
   gallery: galleryReducer,
   navigationConfig: CapCollapsibleLeftNavigationReducer,
   previewAndTest: previewAndTestReducer,
-  inapp: inAppReducer,
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@capillarytech/creatives-library",
   "author": "meharaj",
-  "version": "8.0.140",
+  "version": "8.0.141",
   "description": "Capillary creatives ui",
   "main": "./index.js",
   "module": "./index.es.js",
@@ -55,4 +55,4 @@
     "webpack-bugsnag-plugins": "^1.4.3",
     "whatwg-fetch": "3.0.0"
   }
-}
+}

package/services/api.js

@@ -684,9 +684,4 @@ export const updateTestMessageMeta = (payload) => {
   return request(url, getAPICallObject('POST', payload?.data, false, true));
 };
 
-export const getBeePopupBuilderToken = () => {
-  const url = `${API_ENDPOINT}/common/getInappTokenData`;
-  return request(url, getAPICallObject('GET'));
-};
-
 export {request, getAPICallObject};

package/v2Components/FormBuilder/index.js

@@ -3575,7 +3575,6 @@ class FormBuilder extends React.Component { // eslint-disable-line react/prefer-
               }
             }
             const { currentTab, formData } = this.state;
-            console.log('3363 currentTab', currentTab, formData);
             const supportedLanguages = (formData[currentTab - 1] || {}).selectedLanguages || {};
             const currentLang = supportedLanguages[langTab - 1];
 

package/v2Components/MobilePushPreviewV2/index.js

@@ -45,14 +45,6 @@ class MobilePushPreviewV2 extends React.Component { // eslint-disable-line react
     if (channel === INAPP.toUpperCase()) {
       const androidContent = get(templateData, 'versions.base.content.ANDROID') || get(templateData, 'androidContent');
       const iosContent = get(templateData, 'versions.base.content.IOS') || get(templateData, 'iosContent');
-      const isBeeFreeTemplate = get(androidContent, 'isBEEeditor') || get(iosContent, 'isBEEeditor');
-      if (isBeeFreeTemplate) {
-        content = {
-          inAppPreviewContent: device === ANDROID.toLowerCase() ? androidContent?.beeHtml : iosContent?.beeHtml,
-          isBeeFreeTemplate: true,
-        };
-        return content;
-      }
       const androidPreviewContent = {
         templateTitle: androidContent?.title,
         templateMsg: androidContent?.message,

package/v2Components/TemplatePreview/index.js

@@ -236,7 +236,7 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
     } = this.props;
     let content = channel && channel.toLowerCase() === 'sms' ? [this.props.content] : this.props.content;
     const { formatMessage } = intl;
-    const { rcsPreviewContent, inAppPreviewContent, viberPreviewContent, isBeeFreeTemplate } = content || {};
+    const { rcsPreviewContent, inAppPreviewContent, viberPreviewContent } = content || {};
     const { rcsImageSrc, rcsTitle, rcsDesc, buttonText: rcsButtonText } = rcsPreviewContent || {};
     const {
       videoParams,
@@ -1326,31 +1326,6 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
               </div>
             )}
             {channel?.toUpperCase() === INAPP && (
-              isBeeFreeTemplate ? (
-                <div className="shell-v2 align-center">
-                  <div style={{ position: 'relative', display: 'inline-block', width: '100%', height: '100%' }}>
-                    <CapImage
-                      className="preview-image"
-                      src={this.props.device === ANDROID ? inAppMobileAndroidFull : inAppMobileIOSFull}
-                      alt={formatMessage(messages.previewGenerated)}
-                    />
-                    <iframe 
-                      srcDoc={inAppPreviewContent?.value} 
-                      title="Inapp Preview" 
-                      style={{
-                        position: 'absolute',
-                        top: '3rem',
-                        left: '5rem',
-                        width: '60%',
-                        height: '100%',
-                        zIndex: 1,
-                        pointerEvents: 'none'
-                      }}
-                      frameBorder="0" 
-                    />
-                  </div>
-                </div>
-              ) : (
               <div className="shell-v2 align-center">
                 <CapImage
                   className="preview-image"
@@ -1427,9 +1402,8 @@ export class TemplatePreview extends React.Component { // eslint-disable-line re
                       )}
                     </div>
                   </div>
-                  </div>
                 </div>
-              )
+              </div>
             )}
           </CapRow>
         </CapColumn>

package/v2Containers/BeeEditor/index.js

@@ -56,7 +56,6 @@ function BeeEditor(props) {
     currentOrgDetails,
     eventContextTags,
   } = props;
-  console.log('BEE editor props', props);
   const { saveRowRequest } = BEESelect;
   const {formatMessage} = intl;
   const UNSUBSCRIBE = 'unsubscribe';

package/v2Containers/CreativesContainer/SlideBoxContent.js

@@ -27,7 +27,6 @@ import Rcs from '../Rcs';
 import { getWhatsappContent } from '../Whatsapp/utils';
 import * as commonUtil from '../../utils/common';
 import Zalo from '../Zalo';
-import InappWrapper from '../InappWrapper';
 import MobilePushNew from '../MobilePushNew';
 const CreativesWrapper = styled.div`
   .ant-popover,
@@ -116,8 +115,6 @@ export function SlideBoxContent(props) {
       emailCreateMode,
       onMobilepushModeChange,
       mobilePushCreateMode,
-      inAppCreateMode,
-      onInAppModeChange,
       templateStep,
       onEnterTemplateName,
       onRemoveTemplateName,
@@ -938,32 +935,25 @@ export function SlideBoxContent(props) {
         />
       )}
 
-      {isCreateInApp && (<InappWrapper
-        key="creatives-email-wrapper"
-        date={new Date().getMilliseconds()}
+      {isCreateInApp && (<InApp
         isFullMode={isFullMode}
         onCreateComplete={onCreateComplete}
         handleClose={handleClose}
+        location={{
+          pathname: `/inapp/create`,
+          query,
+          search: '',
+        }}
         getFormData={getFormData}
         isGetFormData={isGetFormData}
         templateData={templateData}
         getDefaultTags={type}
-        step={templateStep}
-        onResetStep={onResetStep}
-        onInAppModeChange={onInAppModeChange}
-        onEnterTemplateName={onEnterTemplateName}
-        onRemoveTemplateName={onRemoveTemplateName}
-        inAppCreateMode={inAppCreateMode}
-        forwardedTags={forwardedTags}
-        type={type}
-        query={query}
-        selectedOfferDetails={selectedOfferDetails}
-        onValidationFail={onValidationFail}
+        eventContextTags={eventContextTags}
+        showLiquidErrorInFooter={showLiquidErrorInFooter}
       />
       )}
 
       {isEditInApp && (<InApp
-        isEditInApp={true}
         isFullMode={isFullMode}
         templateData={templateData}
         getFormData={getFormData}
@@ -981,14 +971,6 @@ export function SlideBoxContent(props) {
           search: '',
         }}
         showLiquidErrorInFooter={showLiquidErrorInFooter}
-        setIsLoadingContent={setIsLoadingContent}
-        onInAppModeChange={onInAppModeChange}
-        inAppCreateMode={inAppCreateMode}
-        isGetFormData={isGetFormData}
-        showTemplateName={showTemplateName}
-        onValidationFail={onValidationFail}
-        type={type}
-        query={query}
         />
       )}
 

package/v2Containers/CreativesContainer/index.js

@@ -1267,7 +1267,7 @@ export class Creatives extends React.Component {
   shouldShowFooter = () => {
     const { isFullMode } = this.props;
     const {
-      slidBoxContent, currentChannel, emailCreateMode, templateNameExists, templateStep, mobilePushCreateMode, weChatTemplateType, templateData, inAppCreateMode,
+      slidBoxContent, currentChannel, emailCreateMode, templateNameExists, templateStep, mobilePushCreateMode, weChatTemplateType, templateData,
     } = this.state;
     const channel = currentChannel.toUpperCase();
     const currentStep = this.creativesTemplateSteps[templateStep];
@@ -1310,13 +1310,6 @@ export class Creatives extends React.Component {
       showFooter = true;
     }
 
-    if (channel === constants.INAPP &&
-      ((slidBoxContent === 'createTemplate' && !isEmpty(inAppCreateMode))
-      || (slidBoxContent === 'editTemplate' && currentStep === 'modeSelection')) &&
-      templateNameExists) {
-      showFooter = true;
-    }
-
     if (showFooter) {
       if (slidBoxContent === "createTemplate" && ((channel === constants.EMAIL && currentStep === 'createTemplateContent') ||
         ([constants.SMS, constants.WECHAT].includes(channel) && currentStep === 'modeSelection'))) {
@@ -1437,7 +1430,7 @@ export class Creatives extends React.Component {
     } else if (currentChannel.toUpperCase() === constants.WECHAT) {
       isShowContinueFooter = !isEmpty(weChatTemplateType) && currentStep === "modeSelection";
     } else if (currentChannel.toUpperCase() === constants.INAPP) {
-      isShowContinueFooter = !isEmpty(inAppCreateMode) && currentStep === "modeSelection";
+      isShowContinueFooter = !isEmpty(inAppCreateMode) && currentChannel === "modeSelection";
     }
 
     return isShowContinueFooter;
@@ -1474,7 +1467,6 @@ export class Creatives extends React.Component {
       templateStep,
       isLoadingContent,
       mobilePushCreateMode,
-      inAppCreateMode,
       isDiscardMessage,
       weChatTemplateType,
       weChatMaptemplateStep,
@@ -1577,8 +1569,6 @@ export class Creatives extends React.Component {
               setIsLoadingContent={this.setIsLoadingContent}
               onMobilepushModeChange={this.onMobilepushModeChange}
               mobilePushCreateMode={mobilePushCreateMode}
-              inAppCreateMode={inAppCreateMode}
-              onInAppModeChange={this.onInAppModeChange}
               showTemplateName={this.showTemplateName}
               onValidationFail={this.onValidationFail}
               channelsToHide={channelsToHide}

package/v2Containers/Email/index.js

@@ -195,15 +195,9 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
     if (this.props.location.query.module === "library" && this.props.templateData) {
       this.props.templatesActions.resetTemplateData();
     }
-    console.log('190 props location query', this.props.location.query.isBEESupport !== "false");
     const isBEESupport = (this.props.location.query.isBEESupport !== "false") || false;
     const isBEEAppEnable = this.checkBeeEditorAllowedForLibrary();
-    console.log('props location query', this.props.location.query);
-    console.log('this.props.templateData', this.props.templateData);
-    console.log('isBEESupport isBEEAppEnable', {isBEESupport, isBEEAppEnable});
-    console.log('196 params', this.props.params);
     if (!_.isEmpty(this.props.Templates.BEETemplate)) {
-      console.log('this.props.Templates.BEETemplate', this.props.Templates.BEETemplate);
       if (this.props.Templates.BEETemplate.versions.base.is_drag_drop && isBEEAppEnable ) {
         this.setState({isDragDrop: true});
       }
@@ -238,7 +232,6 @@ export class Email extends React.Component { // eslint-disable-line react/prefer
 
   checkBeeEditorAllowedForLibrary = () => {
     const { isFullMode = false, editor } = this.props || {};
-    console.log('231 isFullMode', isFullMode, editor);
     if ((editor === "BEE" && !isFullMode) || isFullMode) {
       return true;
     }

package/v2Containers/InApp/actions.js

@@ -7,7 +7,6 @@ import {
   UPLOAD_INAPP_ASSET_REQUEST,
   CLEAR_INAPP_ASSET,
   INAPP_EDIT_TEMPLATE_REQUEST,
-  GET_BEE_POPUP_BUILDER_TOKEN_REQUEST,
 } from "./constants";
 
 export function createInAppTemplate(payload, callback) {
@@ -63,9 +62,3 @@ export const clearInAppAsset = (templateType) => ({
   type: CLEAR_INAPP_ASSET,
   templateType,
 });
-
-export function getBeePopupBuilderToken() {
-  return {
-    type: GET_BEE_POPUP_BUILDER_TOKEN_REQUEST,
-  };
-}

package/v2Containers/InApp/constants.js

@@ -34,10 +34,6 @@ export const UPLOAD_INAPP_ASSET_SUCCESS = `${prefix}/UPLOAD_INAPP_ASSET_SUCCESS`
 export const UPLOAD_INAPP_ASSET_FAILURE = `${prefix}/UPLOAD_INAPP_ASSET_FAILURE`;
 export const CLEAR_INAPP_ASSET = `${prefix}/CLEAR_INAPP_ASSET`;
 
-export const GET_BEE_POPUP_BUILDER_TOKEN_REQUEST = `${prefix}/GET_BEE_POPUP_BUILDER_TOKEN_REQUEST`;
-export const GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS = `${prefix}/GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS`;
-export const GET_BEE_POPUP_BUILDER_TOKEN_FAILURE = `${prefix}/GET_BEE_POPUP_BUILDER_TOKEN_FAILURE`;
-
 export const INAPP_MEDIA_TYPES = {
   TEXT: "TEXT",
   IMAGE: "IMAGE",
@@ -163,4 +159,4 @@ export const INAPP_LAYOUT_DETAILS = {
 };
 
 export const DEVICE_SUPPORTED = '1';
-export const AI_CONTENT_BOT_DISABLED = "AI_CONTENT_BOT_DISABLED";
+export const AI_CONTENT_BOT_DISABLED = "AI_CONTENT_BOT_DISABLED";

package/v2Containers/InApp/index.js

@@ -7,20 +7,21 @@ import { injectIntl, FormattedMessage } from "react-intl";
 import { DAEMON } from '@capillarytech/vulcan-react-sdk/utils/sagaInjectorTypes';
 import CapHeading from "@capillarytech/cap-ui-library/CapHeading";
 import CapSpin from "@capillarytech/cap-ui-library/CapSpin";
+import CapInput from "@capillarytech/cap-ui-library/CapInput";
 import CapRadioGroup from "@capillarytech/cap-ui-library/CapRadioGroup";
 import CapRow from "@capillarytech/cap-ui-library/CapRow";
 import CapColumn from "@capillarytech/cap-ui-library/CapColumn";
 import CapButton from "@capillarytech/cap-ui-library/CapButton";
 import CapTab from "@capillarytech/cap-ui-library/CapTab";
 import CapNotification from "@capillarytech/cap-ui-library/CapNotification";
-import { makeSelectInApp, makeSelectAccount, makeSelectGetTemplateDetailsInProgress } from "./selectors";
+import { makeSelectInApp, makeSelectAccount } from "./selectors";
 import * as globalActions from '../Cap/actions';
 import {
   isLoadingMetaEntities,
   makeSelectMetaEntities,
   setInjectedTags,
   selectCurrentOrgDetails,
-  selectLiquidStateDetails,
+  selectLiquidStateDetails
 } from "../Cap/selectors";
 import * as inAppActions from "./actions";
 import './index.scss';
@@ -58,7 +59,6 @@ import { validateInAppContent } from "../../utils/commonUtils";
 import ErrorInfoNote from "../../v2Components/ErrorInfoNote";
 import { hasLiquidSupportFeature } from "../../utils/common";
 import formBuilderMessages from "../../v2Components/FormBuilder/messages";
-import InappAdvanced from "../InappAdvanced/index";
 
 let editContent = {};
 
@@ -82,18 +82,6 @@ export const InApp = (props) => {
     selectedOfferDetails,
     currentOrgDetails,
     fetchingLiquidValidation,
-    templateName,
-    setTemplateName,
-    getTemplateDetailsInProgress,
-    isEditInApp,
-    setIsLoadingContent,
-    query,
-    inAppCreateMode,
-    isGetFormData,
-    showTemplateName,
-    onValidationFail,
-    type,
-    forwardedTags,
   } = props || {};
 
   const { formatMessage } = intl;
@@ -102,7 +90,7 @@ export const InApp = (props) => {
   const [templateMediaType, setTemplateMediaType] = useState(
     INAPP_MEDIA_TYPES.TEXT
   );
-
+  const [templateName, setTemplateName] = useState("");
   const [templateLayoutType, setTemplateLayoutType] = useState(
     INAPP_MESSAGE_LAYOUT_TYPES.MODAL
   );
@@ -128,7 +116,6 @@ export const InApp = (props) => {
   const [tags, updateTags] = useState([]);
   //for edit only
   const [isEditFlow, setEditFlow] = useState(false);
-  const [tempName, setTempName] = useState("");
   const [templateDate, setTemplateDate] = useState("");
 
   //buttons
@@ -204,8 +191,8 @@ export const InApp = (props) => {
     } = isFullMode ? editData?.templateDetails || {} : templateData || {};
     editContent = get(versions, `base.content`, {});
     if (editContent && !isEmpty(editContent)) {
-      setTempName(name);
       setEditFlow(true);
+      setTemplateName(name);
       setTemplateDate(createdAt);
       setTemplateLayoutType(editContent?.ANDROID?.bodyType);
       const androidContent = editContent?.ANDROID;
@@ -357,6 +344,10 @@ export const InApp = (props) => {
   };
   // tag Code end
 
+  const onTemplateNameChange = ({ target: { value } }) => {
+    setTemplateName(value);
+  };
+
   const onTemplateLayoutTypeChange = ({ target: { value } }) => {
     setTemplateLayoutType(value);
   };
@@ -469,6 +460,22 @@ export const InApp = (props) => {
     },
   ];
 
+  const createModeContent = (
+    <CapRow>
+      {/* template name */}
+      <CapHeading type="h4">
+        <FormattedMessage {...messages.creativeName} />
+      </CapHeading>
+      <CapInput
+        id="inapp-template-name-input"
+        className="inapp-template-name-input"
+        onChange={onTemplateNameChange}
+        placeholder={formatMessage(globalMessages.templateNamePlaceholder)}
+        value={templateName}
+        size="default"
+      />
+    </CapRow>
+  );
   //create methods end
 
   //used by create and edit
@@ -519,6 +526,10 @@ export const InApp = (props) => {
   const isDisableDone = (device) => {
     const isIosDevice = device === IOS;
     const isAndroidDevice = device === ANDROID;
+    //if template name is not entered
+    if (isFullMode && templateName.trim() === '') {
+      return true;
+    }
     //if template message is not entered
     //for android
     if (isAndroidDevice && (templateMessageAndroid.trim() === '' || templateMessageErrorAndroid)) {
@@ -608,7 +619,7 @@ export const InApp = (props) => {
       sourceAccountIdentifier = "",
       id,
     } = accountObj;
-
+    
     // Construct Android content if not disabled
     const androidContent = !isDisableDone(ANDROID) ? {
       ...commonDevicePayload,
@@ -628,7 +639,7 @@ export const InApp = (props) => {
         ctas: [{type: DEEP_LINK, actionLink: deepLinkValueAndroid}],
       }),
     } : {};
-
+    
     // Construct iOS content if not disabled
     const iosContent = !isDisableDone(IOS) ? {
       ...commonDevicePayload,
@@ -648,9 +659,9 @@ export const InApp = (props) => {
         ctas: [{type: DEEP_LINK, actionLink: deepLinkValueIos}],
       }),
     } : {};
-
+    
     const data = {
-      name: isEditFlow ? tempName : templateName,
+      name: templateName,
       versions: {
         base: {
           content: {
@@ -673,7 +684,7 @@ export const InApp = (props) => {
     if (!errorMessage) {
       CapNotification.success({
         message: isEditFlow ? formatMessage(messages.inAppEditNotification, {
-          name: tempName,
+          name: templateName,
         }) : formatMessage(messages.inAppCreateNotification, {
           name: templateName,
         }),
@@ -774,63 +785,30 @@ export const InApp = (props) => {
   };
 
   const isLiquidFlow = hasLiquidSupportFeature();
-  const isBEEeditor = get(editData, 'templateDetails.versions.base.content.ANDROID.isBEEeditor', false);
-  // Early returns to avoid nested ternary
-  if (isEditInApp && getTemplateDetailsInProgress) {
-    return <CapSpin spinning={getTemplateDetailsInProgress} />;
-  }
-
-  if (isEditInApp && isBEEeditor) {
-    return (
-      <InappAdvanced
-        getFormData={getFormData}
-        setIsLoadingContent={setIsLoadingContent}
-        defaultData={{ "template-name": tempName }}
-        location={{
-          pathname: `/inapp/create`,
-          query,
-          search: '',
-        }}
-        params={{ mode: inAppCreateMode, id: params.id }}
-        isFullMode={isFullMode}
-        isGetFormData={isGetFormData}
-        showTemplateName={showTemplateName}
-        route={{ name: "inapp" }}
-        getDefaultTags={type}
-        onValidationFail={onValidationFail}
-        templateData={templateData}
-        templateName={tempName}
-        setTemplateName={setTempName}
-        forwardedTags={forwardedTags}
-        selectedOfferDetails={selectedOfferDetails}
-        onCreateComplete={onCreateComplete}
-      />
-    );
-  }
-
   return (
     <CapSpin spinning={spin || fetchingLiquidValidation} tip={fetchingLiquidValidation ? <FormattedMessage {...formBuilderMessages.liquidSpinText} /> : ""}>
       <CapRow className="cap-inapp-creatives">
         <CapColumn span={14}>
+          {isFullMode && createModeContent}
           {/* Creative layout type*/}
           {(isFullMode || !isEditFlow) && (
-          <>
-            <CapRow className="inapp-creative-layout">
-              <CapHeading type="h4">
-                <FormattedMessage {...messages.creativeLayout} />
-              </CapHeading>
-              <CapHeading type="h6" className="inapp-creative-layout-desc">
-                <FormattedMessage {...messages.creativeLayoutDesc} />
-              </CapHeading>
-            </CapRow>
-            <CapRadioGroup
-              id="inapp-layout-radio"
-              options={LAYOUT_RADIO_OPTIONS}
-              value={templateLayoutType}
-              onChange={onTemplateLayoutTypeChange}
-              className="inapp-layout-radio"
-            />
-          </>
+            <>
+              <CapRow className="inapp-creative-layout">
+                <CapHeading type="h4">
+                  <FormattedMessage {...messages.creativeLayout} />
+                </CapHeading>
+                <CapHeading type="h6" className="inapp-creative-layout-desc">
+                  <FormattedMessage {...messages.creativeLayoutDesc} />
+                </CapHeading>
+              </CapRow>
+              <CapRadioGroup
+                id="inapp-layout-radio"
+                options={LAYOUT_RADIO_OPTIONS}
+                value={templateLayoutType}
+                onChange={onTemplateLayoutTypeChange}
+                className="inapp-layout-radio"
+              />
+            </>
           )}
           {/* device tab */}
           <CapTab
@@ -890,8 +868,7 @@ const mapStateToProps = createStructuredSelector({
   loadingTags: isLoadingMetaEntities(),
   injectedTags: setInjectedTags(),
   currentOrgDetails: selectCurrentOrgDetails(),
-  fetchingLiquidValidation: selectLiquidStateDetails(),
-  getTemplateDetailsInProgress: makeSelectGetTemplateDetailsInProgress(),
+  fetchingLiquidValidation: selectLiquidStateDetails()
 });
 
 const mapDispatchToProps = (dispatch) => ({

package/v2Containers/InApp/reducer.js

@@ -15,19 +15,12 @@ import {
   INAPP_EDIT_TEMPLATE_REQUEST,
   INAPP_EDIT_TEMPLATE_SUCCESS,
   INAPP_EDIT_TEMPLATE_FAILURE,
-  GET_BEE_POPUP_BUILDER_TOKEN_REQUEST,
-  GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS,
-  GET_BEE_POPUP_BUILDER_TOKEN_FAILURE,
 } from './constants';
 
 const initialState = fromJS({
   uploadedAssetData: {},
   createTemplateInProgress: false,
   editTemplateInProgress: false,
-  beePopupBuilderTokenFetching: false,
-  beePopupBuilderToken: {},
-  beePopupBuilderTokenError: false,
-  beePopupBuilderTokenErrorMessage: '',
 });
 
 function inAppReducer(state = initialState, action) {
@@ -108,16 +101,6 @@ function inAppReducer(state = initialState, action) {
           ? `uploadedAssetData${action.templateType}`
           : 'uploadedAssetData',
       );
-    case GET_BEE_POPUP_BUILDER_TOKEN_REQUEST:
-      return state.set('beePopupBuilderTokenFetching', true);
-    case GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS:
-      return state
-        .set('beePopupBuilderTokenFetching', false)
-        .set('beePopupBuilderToken', action.data);
-    case GET_BEE_POPUP_BUILDER_TOKEN_FAILURE:
-      return state
-        .set('beePopupBuilderTokenFetching', false)
-        .set('beePopupBuilderTokenError', fromJS(action.errorMsg));
     default:
       return state;
   }

package/v2Containers/InApp/sagas.js

@@ -15,9 +15,6 @@ import {
   GET_INAPP_TEMPLATE_DETAILS_SUCCESS,
   GET_INAPP_TEMPLATE_DETAILS_FAILURE,
   GET_INAPP_TEMPLATE_DETAILS_REQUEST,
-  GET_BEE_POPUP_BUILDER_TOKEN_REQUEST,
-  GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS,
-  GET_BEE_POPUP_BUILDER_TOKEN_FAILURE,
 } from './constants';
 import { INAPP } from '../CreativesContainer/constants';
 
@@ -139,34 +136,11 @@ export function* watchGetTemplateDetails() {
   
 }
 
-export function* getBeePopupBuilderToken() {
-  try {
-    const result = yield call(Api.getBeePopupBuilderToken);
-    if (result.success) {
-      yield put({
-        type: GET_BEE_POPUP_BUILDER_TOKEN_SUCCESS,
-        data: result.response,
-      });
-    } else {
-      yield put({ type: GET_BEE_POPUP_BUILDER_TOKEN_FAILURE, error: result.message });
-    }
-  } catch (error) {
-    yield put({ type: GET_BEE_POPUP_BUILDER_TOKEN_FAILURE, error });
-  }
-}
-export function* watchGetBeePopupBuilderToken() {
-  yield takeLatest(
-    GET_BEE_POPUP_BUILDER_TOKEN_REQUEST,
-    getBeePopupBuilderToken,
-  );
-}
-
 export default [
   watchCreateTemplate,
   watchGetTemplateDetails,
   watchUploadInAppAsset,
   watchEditTemplate,
-  watchGetBeePopupBuilderToken,
 ];
 
 export function* v2InAppSagas() {
@@ -175,6 +149,5 @@ export function* v2InAppSagas() {
     watchGetTemplateDetails(),
     watchUploadInAppAsset(),
     watchEditTemplate(),
-    watchGetBeePopupBuilderToken(),
   ]);
 }

package/v2Containers/InApp/selectors.js

@@ -9,26 +9,4 @@ const makeSelectInApp = () =>
 const makeSelectAccount = () =>
   createSelector(selectAccountDomain(), (substate) => substate.toJS());
 
-const makeSelectBeePopupBuilderTokenFetching = () => createSelector(
-  selectInAppDomain(),
-  (substate) => substate.get('beePopupBuilderTokenFetching'),
-);
-
-const makeSelectBeePopupBuilderToken = () => createSelector(
-  selectInAppDomain(),
-  (substate) => substate.get('beePopupBuilderToken'),
-);
-
-const makeSelectGetTemplateDetailsInProgress = () => createSelector(
-  selectInAppDomain(),
-  (substate) => substate.get('getTemplateDetailsInProgress'),
-);
-
-
-export {
-  makeSelectInApp,
-  makeSelectAccount,
-  makeSelectBeePopupBuilderTokenFetching,
-  makeSelectBeePopupBuilderToken,
-  makeSelectGetTemplateDetailsInProgress,
-};
+export { makeSelectInApp, makeSelectAccount };