Merge pull request #156 from glific/feat/deactivating_profile

Contact Profiles: Added option to deactivate profile

Author: akanshaaa19

package.json

@@ -2,7 +2,7 @@
   "name": "@glific/flow-editor",
   "license": "AGPL-3.0",
   "repository": "git://github.com/glific/floweditor.git",
-  "version": "1.26.3-26",
+  "version": "1.26.3-27",
   "description": "'Standalone flow editing tool designed for use within the Glific suite of messaging tools'",
   "browser": "umd/flow-editor.min.js",
   "unpkg": "umd/flow-editor.min.js",

public/index.html

@@ -299,7 +299,7 @@
       attachmentsEnabled: true,
       showNodeLabel: true,
       mutable: true,
-      filters: ['whatsapp', 'classifier', 'ticketer', 'optins', 'groups'],
+      filters: ['whatsapp', 'classifier', 'ticketer', 'optins', 'groups', 'profile'],
       skipValidation: false,
 
       excludeTypes: [

src/components/flow/routers/contactprofile/ContactProfileRouter.tsx

@@ -20,6 +20,12 @@ const ContactProfileRouter: React.SFC<SetContactProfile> = (
         Switching profile to <strong>{value}</strong>
       </div>
     );
+  } else if (profile_type === 'Deactivate Profile') {
+    return (
+      <div>
+        Deactivating profile <strong>{value}</strong>
+      </div>
+    );
   }
   return <div>Manage profile</div>;
 };

src/components/flow/routers/contactprofile/ContactProfileRouterForm.tsx

@@ -22,12 +22,8 @@ export interface ContactProfileRouterFormState extends FormState {
 
 export const profileOptions = {
   '1': { id: '1', name: 'Create Profile', type: AssetType.ContactProfile },
-  '2': { id: '2', name: 'Switch Profile', type: AssetType.ContactProfile }
-};
-
-export const profileOptionsWithName: any = {
-  'Create Profile': { id: '1', name: 'Create Profile', type: AssetType.ContactProfile },
-  'Switch Profile': { id: '2', name: 'Switch Profile', type: AssetType.ContactProfile }
+  '2': { id: '2', name: 'Switch Profile', type: AssetType.ContactProfile },
+  '3': { id: '3', name: 'Deactivate Profile', type: AssetType.ContactProfile }
 };
 
 export default class ContactProfileRouterForm extends React.Component<
@@ -79,7 +75,6 @@ export default class ContactProfileRouterForm extends React.Component<
 
   public renderEdit(): JSX.Element {
     const typeConfig = this.props.typeConfig;
-
     return (
       <Dialog title={typeConfig.name} headerClass={typeConfig.type} buttons={this.getButtons()}>
         <TypeList __className="" initialType={typeConfig} onChange={this.props.onTypeChange} />

src/components/flow/routers/contactprofile/helpers.ts

@@ -6,11 +6,7 @@ import { SetContactProfile } from 'flowTypes';
 import { RenderNode } from 'store/flowContext';
 import { NodeEditorSettings } from 'store/nodeEditor';
 
-import {
-  ContactProfileRouterFormState,
-  profileOptions,
-  profileOptionsWithName
-} from './ContactProfileRouterForm';
+import { ContactProfileRouterFormState, profileOptions } from './ContactProfileRouterForm';
 
 export const nodeToState = (settings: NodeEditorSettings): ContactProfileRouterFormState => {
   let resulNode: ContactProfileRouterFormState = {
@@ -24,8 +20,12 @@ export const nodeToState = (settings: NodeEditorSettings): ContactProfileRouterF
     const action = settings.originalAction as SetContactProfile;
 
     if (action.profile_type) {
+      const option =
+        Object.values(profileOptions).find(value => value.name === action.profile_type) ||
+        profileOptions['1'];
+
       resulNode.optionType = {
-        value: profileOptionsWithName[action.profile_type]
+        value: option
       };
 
       if (typeof action.value === 'string') {