Fixed draft js formatting issues

[mdshamoon]

Summary

Added decorator for bold and removed markdown formatting internally.
Formattting done now will now be similar to whatsApp

[cypress]

---

Test summary

180 • 0 • 0 • 0 • 3

---

Run details

Project	Glific
Status	Passed
Commit	bf19da3 ℹ️
Started	Oct 8, 2021 10:20 AM
Ended	Oct 8, 2021 10:42 AM
Duration	21:40 💡
OS	Linux Ubuntu - 20.04
Browser	Electron 91

View run in Cypress Dashboard ➡️

---

Flakiness

	flow/Flow.spec.ts		1
1	Flow > should display flow keyword below the flow name
	staffmanagement/StaffManagement.spec.ts		1
1	Staff Management > should have require field
	template/HSMTemplate.spec.ts		1
1	HSM Template > should show typed sample message in simulator

---

This comment has been generated by cypress-bot as a result of this project's GitHub integration settings. You can manage this integration in this project's settings in the Cypress Dashboard

[codecov]

Codecov Report

Merging #1690 (02e3445) into master (3a8acd8) will increase coverage by 0.20%.
The diff coverage is 40.54%.

@@            Coverage Diff             @@
##           master    #1690      +/-   ##
==========================================
+ Coverage   77.13%   77.34%   +0.20%     
==========================================
  Files         206      206              
  Lines        7007     7001       -6     
  Branches     1500     1507       +7     
==========================================
+ Hits         5405     5415      +10     
+ Misses       1134     1110      -24     
- Partials      468      476       +8     

Impacted Files	Coverage Δ
src/components/UI/Form/Input/Input.tsx	95.83% <ø> (ø)
src/containers/Form/FormLayout.tsx	62.38% <0.00%> (ø)
src/mocks/InteractiveMessage.tsx	100.00% <ø> (ø)
...mponents/UI/Form/WhatsAppEditor/WhatsAppEditor.tsx	47.82% <28.57%> (-13.29%)	⬇️
...ntainers/InteractiveMessage/InteractiveMessage.tsx	64.02% <33.33%> (+4.29%)	⬆️
src/containers/Template/Form/Template.tsx	36.48% <37.50%> (+0.27%)	⬆️
src/components/UI/Form/EmojiInput/EmojiInput.tsx	56.94% <40.00%> (-9.73%)	⬇️
...rs/InteractiveMessage/InteractiveMessage.helper.ts	75.00% <50.00%> (ø)
...ntainers/Chat/ChatMessages/ChatInput/ChatInput.tsx	79.61% <60.00%> (ø)
src/common/RichEditor.tsx	81.35% <66.66%> (+7.54%)	⬆️
... and 9 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 3a8acd8...02e3445. Read the comment docs.

[kurund]

Here is an odd behavior:

Before fix:

After fix:

Ideally, the text should not be bold and if we are making it bold then * should not be shown

[kurund]

Select the text and use the keyboard shortcut command + b, you will see the below error after few seconds.

[kurund]

let's fix the errors before merging this.

[kurund]

type 'test'

then add * around it. text is converted to bold and * are still shown.

It is behaving correctly in simulator

After message is sent it is shown as bold

[mdshamoon]

Here is an odd behavior:

Before fix:

After fix:

Ideally, the text should not be bold and if we are making it bold then * should not be shown

@kurund I was keeping it like how WhatsApp does it but yeah I think this can confuse people. Let me remove it.

[kurund]

@mdshamoon

Few issuees:

• message text is bold but it should not
• Preview reduces number of *

[kurund]

@mdshamoon
PR looks good!

Working as expected and all the reported issues are fixed.

Good to merge once CI passes