@capillarytech/creatives-library 8.0.298 → 8.0.299-alpha.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/package.json +1 -1
  2. package/services/api.js +17 -0
  3. package/services/tests/api.test.js +85 -0
  4. package/utils/commonUtils.js +10 -0
  5. package/utils/tests/commonUtil.test.js +169 -0
  6. package/v2Components/CommonTestAndPreview/AddTestCustomer.js +42 -0
  7. package/v2Components/CommonTestAndPreview/CustomerCreationModal.js +284 -0
  8. package/v2Components/CommonTestAndPreview/ExistingCustomerModal.js +72 -0
  9. package/v2Components/CommonTestAndPreview/SendTestMessage.js +78 -49
  10. package/v2Components/CommonTestAndPreview/_commonTestAndPreview.scss +200 -4
  11. package/v2Components/CommonTestAndPreview/actions.js +10 -0
  12. package/v2Components/CommonTestAndPreview/constants.js +18 -1
  13. package/v2Components/CommonTestAndPreview/index.js +274 -14
  14. package/v2Components/CommonTestAndPreview/messages.js +94 -0
  15. package/v2Components/CommonTestAndPreview/reducer.js +10 -0
  16. package/v2Components/CommonTestAndPreview/tests/AddTestCustomer.test.js +66 -0
  17. package/v2Components/CommonTestAndPreview/tests/CommonTestAndPreview.addTestCustomer.test.js +653 -0
  18. package/v2Components/CommonTestAndPreview/tests/CustomerCreationModal.test.js +316 -0
  19. package/v2Components/CommonTestAndPreview/tests/ExistingCustomerModal.test.js +114 -0
  20. package/v2Components/CommonTestAndPreview/tests/SendTestMessage.test.js +53 -0
  21. package/v2Components/CommonTestAndPreview/tests/constants.test.js +25 -2
  22. package/v2Components/CommonTestAndPreview/tests/index.test.js +7 -0
  23. package/v2Components/CommonTestAndPreview/tests/reducer.test.js +71 -0
  24. package/v2Components/CommonTestAndPreview/tests/selectors.test.js +17 -0
  25. package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +1588 -1336
  26. package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap +369 -306
  27. package/v2Containers/TemplatesV2/TemplatesV2.style.js +9 -3
  28. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +5794 -5080
package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap CHANGED
@@ -11209,6 +11209,7 @@ new message content.",
11209
11209
  <InjectIntl(TestAndPreviewSlidebox)
11210
11210
  actions={
11211
11211
  Object {
11212
+ "addTestCustomer": [Function],
11212
11213
  "clearCustomerSearchState": [Function],
11213
11214
  "clearPrefilledValues": [Function],
11214
11215
  "clearPreviewErrors": [Function],
@@ -11276,6 +11277,7 @@ new message content.",
11276
11277
  <TestAndPreviewSlidebox
11277
11278
  actions={
11278
11279
  Object {
11280
+ "addTestCustomer": [Function],
11279
11281
  "clearCustomerSearchState": [Function],
11280
11282
  "clearPrefilledValues": [Function],
11281
11283
  "clearPreviewErrors": [Function],
@@ -13592,6 +13594,7 @@ new message content.",
13592
13594
  <CommonTestAndPreview
13593
13595
  actions={
13594
13596
  Object {
13597
+ "addTestCustomer": [Function],
13595
13598
  "clearCustomerSearchState": [Function],
13596
13599
  "clearPrefilledValues": [Function],
13597
13600
  "clearPreviewErrors": [Function],
@@ -15925,130 +15928,148 @@ new message content.",
15925
15928
  closeIconSize="m"
15926
15929
  closeIconType="close"
15927
15930
  content={
15928
- <CapRow
15929
- className="test-preview-container"
15931
+ <div
15932
+ className="common-test-and-preview-notification-container"
15933
+ style={
15934
+ Object {
15935
+ "height": "100%",
15936
+ "position": "relative",
15937
+ }
15938
+ }
15930
15939
  >
15931
- <CapRow
15932
- className="test-and-preview-panels"
15940
+ <CapSpin
15941
+ className="common-test-preview-lookup-spin "
15942
+ spinning={false}
15933
15943
  >
15934
15944
  <CapRow
15935
- className="left-panel"
15945
+ className="test-preview-container"
15936
15946
  >
15937
- <LeftPanelContent
15938
- customers={Immutable.List []}
15939
- enableCustomerSearch={true}
15940
- enableTagExtraction={true}
15941
- error7078Message={null}
15942
- extractedTags={Immutable.List []}
15943
- handleClearSelection={[Function]}
15944
- handleCustomerSelect={[Function]}
15945
- handleExtractTags={[Function]}
15946
- handleSearchCustomer={[Function]}
15947
- isExtractingTags={false}
15948
- isSearchingCustomer={false}
15949
- renderCustomValuesEditor={[Function]}
15950
- selectedCustomer={null}
15951
- tagsExtracted={false}
15952
- />
15953
- <CapDivider
15954
- className="panel-divider"
15955
- />
15956
15947
  <CapRow
15957
- className="panel-section send-test-section"
15948
+ className="test-and-preview-panels"
15958
15949
  >
15959
- <SendTestMessage
15960
- channel="RCS"
15961
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
15962
- deliverySettings={Object {}}
15963
- formData={
15964
- Object {
15965
- "suggestions": Array [
15950
+ <CapRow
15951
+ className="left-panel"
15952
+ >
15953
+ <LeftPanelContent
15954
+ customers={Immutable.List []}
15955
+ enableCustomerSearch={true}
15956
+ enableTagExtraction={true}
15957
+ error7078Message={null}
15958
+ extractedTags={Immutable.List []}
15959
+ handleClearSelection={[Function]}
15960
+ handleCustomerSelect={[Function]}
15961
+ handleExtractTags={[Function]}
15962
+ handleSearchCustomer={[Function]}
15963
+ isExtractingTags={false}
15964
+ isSearchingCustomer={false}
15965
+ renderCustomValuesEditor={[Function]}
15966
+ selectedCustomer={null}
15967
+ tagsExtracted={false}
15968
+ />
15969
+ <CapDivider
15970
+ className="panel-divider"
15971
+ />
15972
+ <CapRow
15973
+ className="panel-section send-test-section"
15974
+ >
15975
+ <SendTestMessage
15976
+ channel="RCS"
15977
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
15978
+ deliverySettings={Object {}}
15979
+ formData={
15966
15980
  Object {
15967
- "index": 0,
15968
- "isSaved": true,
15969
- "phoneNumber": "",
15970
- "postback": "stop",
15971
- "text": "stop",
15972
- "type": "QUICK_REPLY",
15973
- "url": null,
15981
+ "suggestions": Array [
15982
+ Object {
15983
+ "index": 0,
15984
+ "isSaved": true,
15985
+ "phoneNumber": "",
15986
+ "postback": "stop",
15987
+ "text": "stop",
15988
+ "type": "QUICK_REPLY",
15989
+ "url": null,
15990
+ },
15991
+ ],
15992
+ "templateHeader": "",
15993
+ "templateMessage": "",
15994
+ }
15995
+ }
15996
+ formatMessage={[Function]}
15997
+ handleSendTestMessage={[Function]}
15998
+ handleTestEntitiesChange={[Function]}
15999
+ isFetchingTestCustomers={false}
16000
+ isFetchingTestGroups={false}
16001
+ isLoadingSenderDetails={false}
16002
+ isSendingTestMessage={false}
16003
+ onSaveDeliverySettings={[Function]}
16004
+ registeredSenderIds={Array []}
16005
+ renderAddTestCustomerButton={[Function]}
16006
+ searchValue=""
16007
+ selectedTestEntities={Array []}
16008
+ senderDetailsOptions={Array []}
16009
+ setSearchValue={[Function]}
16010
+ smsTraiDltEnabled={false}
16011
+ testEntitiesTreeData={
16012
+ Array [
16013
+ Object {
16014
+ "children": Immutable.List [],
16015
+ "selectable": false,
16016
+ "title": "Groups",
16017
+ "value": "groups-node",
16018
+ },
16019
+ Object {
16020
+ "children": Immutable.List [],
16021
+ "selectable": false,
16022
+ "title": "Individuals",
16023
+ "value": "customers-node",
16024
+ },
16025
+ ]
16026
+ }
16027
+ wecrmAccounts={Array []}
16028
+ />
16029
+ </CapRow>
16030
+ <CapDivider
16031
+ className="panel-divider"
16032
+ />
16033
+ </CapRow>
16034
+ <CapRow
16035
+ className="right-panel"
16036
+ >
16037
+ <PreviewSection
16038
+ unifiedPreviewProps={
16039
+ Object {
16040
+ "channel": "RCS",
16041
+ "content": Object {
16042
+ "suggestions": Array [
16043
+ Object {
16044
+ "index": 0,
16045
+ "isSaved": true,
16046
+ "phoneNumber": "",
16047
+ "postback": "stop",
16048
+ "text": "stop",
16049
+ "type": "QUICK_REPLY",
16050
+ "url": null,
16051
+ },
16052
+ ],
16053
+ "templateHeader": "",
16054
+ "templateMessage": "",
15974
16055
  },
15975
- ],
15976
- "templateHeader": "",
15977
- "templateMessage": "",
16056
+ "device": "desktop",
16057
+ "error": null,
16058
+ "formatMessage": [Function],
16059
+ "isUpdating": false,
16060
+ "lastModified": undefined,
16061
+ "onDeviceChange": [Function],
16062
+ "selectedCustomer": null,
16063
+ "showDeviceToggle": true,
16064
+ "updatedByName": undefined,
16065
+ }
15978
16066
  }
15979
- }
15980
- formatMessage={[Function]}
15981
- handleSendTestMessage={[Function]}
15982
- handleTestEntitiesChange={[Function]}
15983
- isFetchingTestCustomers={false}
15984
- isFetchingTestGroups={false}
15985
- isLoadingSenderDetails={false}
15986
- isSendingTestMessage={false}
15987
- onSaveDeliverySettings={[Function]}
15988
- registeredSenderIds={Array []}
15989
- selectedTestEntities={Array []}
15990
- senderDetailsOptions={Array []}
15991
- smsTraiDltEnabled={false}
15992
- testEntitiesTreeData={
15993
- Array [
15994
- Object {
15995
- "children": Immutable.List [],
15996
- "selectable": false,
15997
- "title": "Groups",
15998
- "value": "groups-node",
15999
- },
16000
- Object {
16001
- "children": Immutable.List [],
16002
- "selectable": false,
16003
- "title": "Individuals",
16004
- "value": "customers-node",
16005
- },
16006
- ]
16007
- }
16008
- wecrmAccounts={Array []}
16009
- />
16067
+ />
16068
+ </CapRow>
16010
16069
  </CapRow>
16011
- <CapDivider
16012
- className="panel-divider"
16013
- />
16014
- </CapRow>
16015
- <CapRow
16016
- className="right-panel"
16017
- >
16018
- <PreviewSection
16019
- unifiedPreviewProps={
16020
- Object {
16021
- "channel": "RCS",
16022
- "content": Object {
16023
- "suggestions": Array [
16024
- Object {
16025
- "index": 0,
16026
- "isSaved": true,
16027
- "phoneNumber": "",
16028
- "postback": "stop",
16029
- "text": "stop",
16030
- "type": "QUICK_REPLY",
16031
- "url": null,
16032
- },
16033
- ],
16034
- "templateHeader": "",
16035
- "templateMessage": "",
16036
- },
16037
- "device": "desktop",
16038
- "error": null,
16039
- "formatMessage": [Function],
16040
- "isUpdating": false,
16041
- "lastModified": undefined,
16042
- "onDeviceChange": [Function],
16043
- "selectedCustomer": null,
16044
- "showDeviceToggle": true,
16045
- "updatedByName": undefined,
16046
- }
16047
- }
16048
- />
16049
16070
  </CapRow>
16050
- </CapRow>
16051
- </CapRow>
16071
+ </CapSpin>
16072
+ </div>
16052
16073
  }
16053
16074
  handleClose={[Function]}
16054
16075
  header={
@@ -27300,6 +27321,7 @@ new message content.",
27300
27321
  <InjectIntl(TestAndPreviewSlidebox)
27301
27322
  actions={
27302
27323
  Object {
27324
+ "addTestCustomer": [Function],
27303
27325
  "clearCustomerSearchState": [Function],
27304
27326
  "clearPrefilledValues": [Function],
27305
27327
  "clearPreviewErrors": [Function],
@@ -27367,6 +27389,7 @@ new message content.",
27367
27389
  <TestAndPreviewSlidebox
27368
27390
  actions={
27369
27391
  Object {
27392
+ "addTestCustomer": [Function],
27370
27393
  "clearCustomerSearchState": [Function],
27371
27394
  "clearPrefilledValues": [Function],
27372
27395
  "clearPreviewErrors": [Function],
@@ -29683,6 +29706,7 @@ new message content.",
29683
29706
  <CommonTestAndPreview
29684
29707
  actions={
29685
29708
  Object {
29709
+ "addTestCustomer": [Function],
29686
29710
  "clearCustomerSearchState": [Function],
29687
29711
  "clearPrefilledValues": [Function],
29688
29712
  "clearPreviewErrors": [Function],
@@ -32016,130 +32040,148 @@ new message content.",
32016
32040
  closeIconSize="m"
32017
32041
  closeIconType="close"
32018
32042
  content={
32019
- <CapRow
32020
- className="test-preview-container"
32043
+ <div
32044
+ className="common-test-and-preview-notification-container"
32045
+ style={
32046
+ Object {
32047
+ "height": "100%",
32048
+ "position": "relative",
32049
+ }
32050
+ }
32021
32051
  >
32022
- <CapRow
32023
- className="test-and-preview-panels"
32052
+ <CapSpin
32053
+ className="common-test-preview-lookup-spin "
32054
+ spinning={false}
32024
32055
  >
32025
32056
  <CapRow
32026
- className="left-panel"
32057
+ className="test-preview-container"
32027
32058
  >
32028
- <LeftPanelContent
32029
- customers={Immutable.List []}
32030
- enableCustomerSearch={true}
32031
- enableTagExtraction={true}
32032
- error7078Message={null}
32033
- extractedTags={Immutable.List []}
32034
- handleClearSelection={[Function]}
32035
- handleCustomerSelect={[Function]}
32036
- handleExtractTags={[Function]}
32037
- handleSearchCustomer={[Function]}
32038
- isExtractingTags={false}
32039
- isSearchingCustomer={false}
32040
- renderCustomValuesEditor={[Function]}
32041
- selectedCustomer={null}
32042
- tagsExtracted={false}
32043
- />
32044
- <CapDivider
32045
- className="panel-divider"
32046
- />
32047
32059
  <CapRow
32048
- className="panel-section send-test-section"
32060
+ className="test-and-preview-panels"
32049
32061
  >
32050
- <SendTestMessage
32051
- channel="RCS"
32052
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
32053
- deliverySettings={Object {}}
32054
- formData={
32055
- Object {
32056
- "suggestions": Array [
32062
+ <CapRow
32063
+ className="left-panel"
32064
+ >
32065
+ <LeftPanelContent
32066
+ customers={Immutable.List []}
32067
+ enableCustomerSearch={true}
32068
+ enableTagExtraction={true}
32069
+ error7078Message={null}
32070
+ extractedTags={Immutable.List []}
32071
+ handleClearSelection={[Function]}
32072
+ handleCustomerSelect={[Function]}
32073
+ handleExtractTags={[Function]}
32074
+ handleSearchCustomer={[Function]}
32075
+ isExtractingTags={false}
32076
+ isSearchingCustomer={false}
32077
+ renderCustomValuesEditor={[Function]}
32078
+ selectedCustomer={null}
32079
+ tagsExtracted={false}
32080
+ />
32081
+ <CapDivider
32082
+ className="panel-divider"
32083
+ />
32084
+ <CapRow
32085
+ className="panel-section send-test-section"
32086
+ >
32087
+ <SendTestMessage
32088
+ channel="RCS"
32089
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
32090
+ deliverySettings={Object {}}
32091
+ formData={
32057
32092
  Object {
32058
- "index": 0,
32059
- "isSaved": true,
32060
- "phoneNumber": "",
32061
- "postback": "stop",
32062
- "text": "stop",
32063
- "type": "QUICK_REPLY",
32064
- "url": null,
32093
+ "suggestions": Array [
32094
+ Object {
32095
+ "index": 0,
32096
+ "isSaved": true,
32097
+ "phoneNumber": "",
32098
+ "postback": "stop",
32099
+ "text": "stop",
32100
+ "type": "QUICK_REPLY",
32101
+ "url": null,
32102
+ },
32103
+ ],
32104
+ "templateHeader": "",
32105
+ "templateMessage": "",
32106
+ }
32107
+ }
32108
+ formatMessage={[Function]}
32109
+ handleSendTestMessage={[Function]}
32110
+ handleTestEntitiesChange={[Function]}
32111
+ isFetchingTestCustomers={false}
32112
+ isFetchingTestGroups={false}
32113
+ isLoadingSenderDetails={false}
32114
+ isSendingTestMessage={false}
32115
+ onSaveDeliverySettings={[Function]}
32116
+ registeredSenderIds={Array []}
32117
+ renderAddTestCustomerButton={[Function]}
32118
+ searchValue=""
32119
+ selectedTestEntities={Array []}
32120
+ senderDetailsOptions={Array []}
32121
+ setSearchValue={[Function]}
32122
+ smsTraiDltEnabled={false}
32123
+ testEntitiesTreeData={
32124
+ Array [
32125
+ Object {
32126
+ "children": Immutable.List [],
32127
+ "selectable": false,
32128
+ "title": "Groups",
32129
+ "value": "groups-node",
32130
+ },
32131
+ Object {
32132
+ "children": Immutable.List [],
32133
+ "selectable": false,
32134
+ "title": "Individuals",
32135
+ "value": "customers-node",
32136
+ },
32137
+ ]
32138
+ }
32139
+ wecrmAccounts={Array []}
32140
+ />
32141
+ </CapRow>
32142
+ <CapDivider
32143
+ className="panel-divider"
32144
+ />
32145
+ </CapRow>
32146
+ <CapRow
32147
+ className="right-panel"
32148
+ >
32149
+ <PreviewSection
32150
+ unifiedPreviewProps={
32151
+ Object {
32152
+ "channel": "RCS",
32153
+ "content": Object {
32154
+ "suggestions": Array [
32155
+ Object {
32156
+ "index": 0,
32157
+ "isSaved": true,
32158
+ "phoneNumber": "",
32159
+ "postback": "stop",
32160
+ "text": "stop",
32161
+ "type": "QUICK_REPLY",
32162
+ "url": null,
32163
+ },
32164
+ ],
32165
+ "templateHeader": "",
32166
+ "templateMessage": "",
32065
32167
  },
32066
- ],
32067
- "templateHeader": "",
32068
- "templateMessage": "",
32168
+ "device": "desktop",
32169
+ "error": null,
32170
+ "formatMessage": [Function],
32171
+ "isUpdating": false,
32172
+ "lastModified": undefined,
32173
+ "onDeviceChange": [Function],
32174
+ "selectedCustomer": null,
32175
+ "showDeviceToggle": true,
32176
+ "updatedByName": undefined,
32177
+ }
32069
32178
  }
32070
- }
32071
- formatMessage={[Function]}
32072
- handleSendTestMessage={[Function]}
32073
- handleTestEntitiesChange={[Function]}
32074
- isFetchingTestCustomers={false}
32075
- isFetchingTestGroups={false}
32076
- isLoadingSenderDetails={false}
32077
- isSendingTestMessage={false}
32078
- onSaveDeliverySettings={[Function]}
32079
- registeredSenderIds={Array []}
32080
- selectedTestEntities={Array []}
32081
- senderDetailsOptions={Array []}
32082
- smsTraiDltEnabled={false}
32083
- testEntitiesTreeData={
32084
- Array [
32085
- Object {
32086
- "children": Immutable.List [],
32087
- "selectable": false,
32088
- "title": "Groups",
32089
- "value": "groups-node",
32090
- },
32091
- Object {
32092
- "children": Immutable.List [],
32093
- "selectable": false,
32094
- "title": "Individuals",
32095
- "value": "customers-node",
32096
- },
32097
- ]
32098
- }
32099
- wecrmAccounts={Array []}
32100
- />
32179
+ />
32180
+ </CapRow>
32101
32181
  </CapRow>
32102
- <CapDivider
32103
- className="panel-divider"
32104
- />
32105
- </CapRow>
32106
- <CapRow
32107
- className="right-panel"
32108
- >
32109
- <PreviewSection
32110
- unifiedPreviewProps={
32111
- Object {
32112
- "channel": "RCS",
32113
- "content": Object {
32114
- "suggestions": Array [
32115
- Object {
32116
- "index": 0,
32117
- "isSaved": true,
32118
- "phoneNumber": "",
32119
- "postback": "stop",
32120
- "text": "stop",
32121
- "type": "QUICK_REPLY",
32122
- "url": null,
32123
- },
32124
- ],
32125
- "templateHeader": "",
32126
- "templateMessage": "",
32127
- },
32128
- "device": "desktop",
32129
- "error": null,
32130
- "formatMessage": [Function],
32131
- "isUpdating": false,
32132
- "lastModified": undefined,
32133
- "onDeviceChange": [Function],
32134
- "selectedCustomer": null,
32135
- "showDeviceToggle": true,
32136
- "updatedByName": undefined,
32137
- }
32138
- }
32139
- />
32140
32182
  </CapRow>
32141
- </CapRow>
32142
- </CapRow>
32183
+ </CapSpin>
32184
+ </div>
32143
32185
  }
32144
32186
  handleClose={[Function]}
32145
32187
  header={
@@ -43913,6 +43955,7 @@ new message content.",
43913
43955
  <InjectIntl(TestAndPreviewSlidebox)
43914
43956
  actions={
43915
43957
  Object {
43958
+ "addTestCustomer": [Function],
43916
43959
  "clearCustomerSearchState": [Function],
43917
43960
  "clearPrefilledValues": [Function],
43918
43961
  "clearPreviewErrors": [Function],
@@ -43980,6 +44023,7 @@ new message content.",
43980
44023
  <TestAndPreviewSlidebox
43981
44024
  actions={
43982
44025
  Object {
44026
+ "addTestCustomer": [Function],
43983
44027
  "clearCustomerSearchState": [Function],
43984
44028
  "clearPrefilledValues": [Function],
43985
44029
  "clearPreviewErrors": [Function],
@@ -46296,6 +46340,7 @@ new message content.",
46296
46340
  <CommonTestAndPreview
46297
46341
  actions={
46298
46342
  Object {
46343
+ "addTestCustomer": [Function],
46299
46344
  "clearCustomerSearchState": [Function],
46300
46345
  "clearPrefilledValues": [Function],
46301
46346
  "clearPreviewErrors": [Function],
@@ -48629,130 +48674,148 @@ new message content.",
48629
48674
  closeIconSize="m"
48630
48675
  closeIconType="close"
48631
48676
  content={
48632
- <CapRow
48633
- className="test-preview-container"
48677
+ <div
48678
+ className="common-test-and-preview-notification-container"
48679
+ style={
48680
+ Object {
48681
+ "height": "100%",
48682
+ "position": "relative",
48683
+ }
48684
+ }
48634
48685
  >
48635
- <CapRow
48636
- className="test-and-preview-panels"
48686
+ <CapSpin
48687
+ className="common-test-preview-lookup-spin "
48688
+ spinning={false}
48637
48689
  >
48638
48690
  <CapRow
48639
- className="left-panel"
48691
+ className="test-preview-container"
48640
48692
  >
48641
- <LeftPanelContent
48642
- customers={Immutable.List []}
48643
- enableCustomerSearch={true}
48644
- enableTagExtraction={true}
48645
- error7078Message={null}
48646
- extractedTags={Immutable.List []}
48647
- handleClearSelection={[Function]}
48648
- handleCustomerSelect={[Function]}
48649
- handleExtractTags={[Function]}
48650
- handleSearchCustomer={[Function]}
48651
- isExtractingTags={false}
48652
- isSearchingCustomer={false}
48653
- renderCustomValuesEditor={[Function]}
48654
- selectedCustomer={null}
48655
- tagsExtracted={false}
48656
- />
48657
- <CapDivider
48658
- className="panel-divider"
48659
- />
48660
48693
  <CapRow
48661
- className="panel-section send-test-section"
48694
+ className="test-and-preview-panels"
48662
48695
  >
48663
- <SendTestMessage
48664
- channel="RCS"
48665
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
48666
- deliverySettings={Object {}}
48667
- formData={
48668
- Object {
48669
- "suggestions": Array [
48696
+ <CapRow
48697
+ className="left-panel"
48698
+ >
48699
+ <LeftPanelContent
48700
+ customers={Immutable.List []}
48701
+ enableCustomerSearch={true}
48702
+ enableTagExtraction={true}
48703
+ error7078Message={null}
48704
+ extractedTags={Immutable.List []}
48705
+ handleClearSelection={[Function]}
48706
+ handleCustomerSelect={[Function]}
48707
+ handleExtractTags={[Function]}
48708
+ handleSearchCustomer={[Function]}
48709
+ isExtractingTags={false}
48710
+ isSearchingCustomer={false}
48711
+ renderCustomValuesEditor={[Function]}
48712
+ selectedCustomer={null}
48713
+ tagsExtracted={false}
48714
+ />
48715
+ <CapDivider
48716
+ className="panel-divider"
48717
+ />
48718
+ <CapRow
48719
+ className="panel-section send-test-section"
48720
+ >
48721
+ <SendTestMessage
48722
+ channel="RCS"
48723
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
48724
+ deliverySettings={Object {}}
48725
+ formData={
48670
48726
  Object {
48671
- "index": 0,
48672
- "isSaved": true,
48673
- "phoneNumber": "",
48674
- "postback": "stop",
48675
- "text": "stop",
48676
- "type": "QUICK_REPLY",
48677
- "url": null,
48727
+ "suggestions": Array [
48728
+ Object {
48729
+ "index": 0,
48730
+ "isSaved": true,
48731
+ "phoneNumber": "",
48732
+ "postback": "stop",
48733
+ "text": "stop",
48734
+ "type": "QUICK_REPLY",
48735
+ "url": null,
48736
+ },
48737
+ ],
48738
+ "templateHeader": "",
48739
+ "templateMessage": "",
48740
+ }
48741
+ }
48742
+ formatMessage={[Function]}
48743
+ handleSendTestMessage={[Function]}
48744
+ handleTestEntitiesChange={[Function]}
48745
+ isFetchingTestCustomers={false}
48746
+ isFetchingTestGroups={false}
48747
+ isLoadingSenderDetails={false}
48748
+ isSendingTestMessage={false}
48749
+ onSaveDeliverySettings={[Function]}
48750
+ registeredSenderIds={Array []}
48751
+ renderAddTestCustomerButton={[Function]}
48752
+ searchValue=""
48753
+ selectedTestEntities={Array []}
48754
+ senderDetailsOptions={Array []}
48755
+ setSearchValue={[Function]}
48756
+ smsTraiDltEnabled={false}
48757
+ testEntitiesTreeData={
48758
+ Array [
48759
+ Object {
48760
+ "children": Immutable.List [],
48761
+ "selectable": false,
48762
+ "title": "Groups",
48763
+ "value": "groups-node",
48764
+ },
48765
+ Object {
48766
+ "children": Immutable.List [],
48767
+ "selectable": false,
48768
+ "title": "Individuals",
48769
+ "value": "customers-node",
48770
+ },
48771
+ ]
48772
+ }
48773
+ wecrmAccounts={Array []}
48774
+ />
48775
+ </CapRow>
48776
+ <CapDivider
48777
+ className="panel-divider"
48778
+ />
48779
+ </CapRow>
48780
+ <CapRow
48781
+ className="right-panel"
48782
+ >
48783
+ <PreviewSection
48784
+ unifiedPreviewProps={
48785
+ Object {
48786
+ "channel": "RCS",
48787
+ "content": Object {
48788
+ "suggestions": Array [
48789
+ Object {
48790
+ "index": 0,
48791
+ "isSaved": true,
48792
+ "phoneNumber": "",
48793
+ "postback": "stop",
48794
+ "text": "stop",
48795
+ "type": "QUICK_REPLY",
48796
+ "url": null,
48797
+ },
48798
+ ],
48799
+ "templateHeader": "",
48800
+ "templateMessage": "",
48678
48801
  },
48679
- ],
48680
- "templateHeader": "",
48681
- "templateMessage": "",
48802
+ "device": "desktop",
48803
+ "error": null,
48804
+ "formatMessage": [Function],
48805
+ "isUpdating": false,
48806
+ "lastModified": undefined,
48807
+ "onDeviceChange": [Function],
48808
+ "selectedCustomer": null,
48809
+ "showDeviceToggle": true,
48810
+ "updatedByName": undefined,
48811
+ }
48682
48812
  }
48683
- }
48684
- formatMessage={[Function]}
48685
- handleSendTestMessage={[Function]}
48686
- handleTestEntitiesChange={[Function]}
48687
- isFetchingTestCustomers={false}
48688
- isFetchingTestGroups={false}
48689
- isLoadingSenderDetails={false}
48690
- isSendingTestMessage={false}
48691
- onSaveDeliverySettings={[Function]}
48692
- registeredSenderIds={Array []}
48693
- selectedTestEntities={Array []}
48694
- senderDetailsOptions={Array []}
48695
- smsTraiDltEnabled={false}
48696
- testEntitiesTreeData={
48697
- Array [
48698
- Object {
48699
- "children": Immutable.List [],
48700
- "selectable": false,
48701
- "title": "Groups",
48702
- "value": "groups-node",
48703
- },
48704
- Object {
48705
- "children": Immutable.List [],
48706
- "selectable": false,
48707
- "title": "Individuals",
48708
- "value": "customers-node",
48709
- },
48710
- ]
48711
- }
48712
- wecrmAccounts={Array []}
48713
- />
48813
+ />
48814
+ </CapRow>
48714
48815
  </CapRow>
48715
- <CapDivider
48716
- className="panel-divider"
48717
- />
48718
- </CapRow>
48719
- <CapRow
48720
- className="right-panel"
48721
- >
48722
- <PreviewSection
48723
- unifiedPreviewProps={
48724
- Object {
48725
- "channel": "RCS",
48726
- "content": Object {
48727
- "suggestions": Array [
48728
- Object {
48729
- "index": 0,
48730
- "isSaved": true,
48731
- "phoneNumber": "",
48732
- "postback": "stop",
48733
- "text": "stop",
48734
- "type": "QUICK_REPLY",
48735
- "url": null,
48736
- },
48737
- ],
48738
- "templateHeader": "",
48739
- "templateMessage": "",
48740
- },
48741
- "device": "desktop",
48742
- "error": null,
48743
- "formatMessage": [Function],
48744
- "isUpdating": false,
48745
- "lastModified": undefined,
48746
- "onDeviceChange": [Function],
48747
- "selectedCustomer": null,
48748
- "showDeviceToggle": true,
48749
- "updatedByName": undefined,
48750
- }
48751
- }
48752
- />
48753
48816
  </CapRow>
48754
- </CapRow>
48755
- </CapRow>
48817
+ </CapSpin>
48818
+ </div>
48756
48819
  }
48757
48820
  handleClose={[Function]}
48758
48821
  header={
@@ -61074,6 +61137,7 @@ new message content.",
61074
61137
  <InjectIntl(TestAndPreviewSlidebox)
61075
61138
  actions={
61076
61139
  Object {
61140
+ "addTestCustomer": [Function],
61077
61141
  "clearCustomerSearchState": [Function],
61078
61142
  "clearPrefilledValues": [Function],
61079
61143
  "clearPreviewErrors": [Function],
@@ -61141,6 +61205,7 @@ new message content.",
61141
61205
  <TestAndPreviewSlidebox
61142
61206
  actions={
61143
61207
  Object {
61208
+ "addTestCustomer": [Function],
61144
61209
  "clearCustomerSearchState": [Function],
61145
61210
  "clearPrefilledValues": [Function],
61146
61211
  "clearPreviewErrors": [Function],
@@ -63457,6 +63522,7 @@ new message content.",
63457
63522
  <CommonTestAndPreview
63458
63523
  actions={
63459
63524
  Object {
63525
+ "addTestCustomer": [Function],
63460
63526
  "clearCustomerSearchState": [Function],
63461
63527
  "clearPrefilledValues": [Function],
63462
63528
  "clearPreviewErrors": [Function],
@@ -65790,130 +65856,148 @@ new message content.",
65790
65856
  closeIconSize="m"
65791
65857
  closeIconType="close"
65792
65858
  content={
65793
- <CapRow
65794
- className="test-preview-container"
65859
+ <div
65860
+ className="common-test-and-preview-notification-container"
65861
+ style={
65862
+ Object {
65863
+ "height": "100%",
65864
+ "position": "relative",
65865
+ }
65866
+ }
65795
65867
  >
65796
- <CapRow
65797
- className="test-and-preview-panels"
65868
+ <CapSpin
65869
+ className="common-test-preview-lookup-spin "
65870
+ spinning={false}
65798
65871
  >
65799
65872
  <CapRow
65800
- className="left-panel"
65873
+ className="test-preview-container"
65801
65874
  >
65802
- <LeftPanelContent
65803
- customers={Immutable.List []}
65804
- enableCustomerSearch={true}
65805
- enableTagExtraction={true}
65806
- error7078Message={null}
65807
- extractedTags={Immutable.List []}
65808
- handleClearSelection={[Function]}
65809
- handleCustomerSelect={[Function]}
65810
- handleExtractTags={[Function]}
65811
- handleSearchCustomer={[Function]}
65812
- isExtractingTags={false}
65813
- isSearchingCustomer={false}
65814
- renderCustomValuesEditor={[Function]}
65815
- selectedCustomer={null}
65816
- tagsExtracted={false}
65817
- />
65818
- <CapDivider
65819
- className="panel-divider"
65820
- />
65821
65875
  <CapRow
65822
- className="panel-section send-test-section"
65876
+ className="test-and-preview-panels"
65823
65877
  >
65824
- <SendTestMessage
65825
- channel="RCS"
65826
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
65827
- deliverySettings={Object {}}
65828
- formData={
65829
- Object {
65830
- "suggestions": Array [
65878
+ <CapRow
65879
+ className="left-panel"
65880
+ >
65881
+ <LeftPanelContent
65882
+ customers={Immutable.List []}
65883
+ enableCustomerSearch={true}
65884
+ enableTagExtraction={true}
65885
+ error7078Message={null}
65886
+ extractedTags={Immutable.List []}
65887
+ handleClearSelection={[Function]}
65888
+ handleCustomerSelect={[Function]}
65889
+ handleExtractTags={[Function]}
65890
+ handleSearchCustomer={[Function]}
65891
+ isExtractingTags={false}
65892
+ isSearchingCustomer={false}
65893
+ renderCustomValuesEditor={[Function]}
65894
+ selectedCustomer={null}
65895
+ tagsExtracted={false}
65896
+ />
65897
+ <CapDivider
65898
+ className="panel-divider"
65899
+ />
65900
+ <CapRow
65901
+ className="panel-section send-test-section"
65902
+ >
65903
+ <SendTestMessage
65904
+ channel="RCS"
65905
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
65906
+ deliverySettings={Object {}}
65907
+ formData={
65831
65908
  Object {
65832
- "index": 0,
65833
- "isSaved": true,
65834
- "phoneNumber": "",
65835
- "postback": "stop",
65836
- "text": "stop",
65837
- "type": "QUICK_REPLY",
65838
- "url": null,
65909
+ "suggestions": Array [
65910
+ Object {
65911
+ "index": 0,
65912
+ "isSaved": true,
65913
+ "phoneNumber": "",
65914
+ "postback": "stop",
65915
+ "text": "stop",
65916
+ "type": "QUICK_REPLY",
65917
+ "url": null,
65918
+ },
65919
+ ],
65920
+ "templateHeader": "",
65921
+ "templateMessage": "",
65922
+ }
65923
+ }
65924
+ formatMessage={[Function]}
65925
+ handleSendTestMessage={[Function]}
65926
+ handleTestEntitiesChange={[Function]}
65927
+ isFetchingTestCustomers={false}
65928
+ isFetchingTestGroups={false}
65929
+ isLoadingSenderDetails={false}
65930
+ isSendingTestMessage={false}
65931
+ onSaveDeliverySettings={[Function]}
65932
+ registeredSenderIds={Array []}
65933
+ renderAddTestCustomerButton={[Function]}
65934
+ searchValue=""
65935
+ selectedTestEntities={Array []}
65936
+ senderDetailsOptions={Array []}
65937
+ setSearchValue={[Function]}
65938
+ smsTraiDltEnabled={false}
65939
+ testEntitiesTreeData={
65940
+ Array [
65941
+ Object {
65942
+ "children": Immutable.List [],
65943
+ "selectable": false,
65944
+ "title": "Groups",
65945
+ "value": "groups-node",
65946
+ },
65947
+ Object {
65948
+ "children": Immutable.List [],
65949
+ "selectable": false,
65950
+ "title": "Individuals",
65951
+ "value": "customers-node",
65952
+ },
65953
+ ]
65954
+ }
65955
+ wecrmAccounts={Array []}
65956
+ />
65957
+ </CapRow>
65958
+ <CapDivider
65959
+ className="panel-divider"
65960
+ />
65961
+ </CapRow>
65962
+ <CapRow
65963
+ className="right-panel"
65964
+ >
65965
+ <PreviewSection
65966
+ unifiedPreviewProps={
65967
+ Object {
65968
+ "channel": "RCS",
65969
+ "content": Object {
65970
+ "suggestions": Array [
65971
+ Object {
65972
+ "index": 0,
65973
+ "isSaved": true,
65974
+ "phoneNumber": "",
65975
+ "postback": "stop",
65976
+ "text": "stop",
65977
+ "type": "QUICK_REPLY",
65978
+ "url": null,
65979
+ },
65980
+ ],
65981
+ "templateHeader": "",
65982
+ "templateMessage": "",
65839
65983
  },
65840
- ],
65841
- "templateHeader": "",
65842
- "templateMessage": "",
65984
+ "device": "desktop",
65985
+ "error": null,
65986
+ "formatMessage": [Function],
65987
+ "isUpdating": false,
65988
+ "lastModified": undefined,
65989
+ "onDeviceChange": [Function],
65990
+ "selectedCustomer": null,
65991
+ "showDeviceToggle": true,
65992
+ "updatedByName": undefined,
65993
+ }
65843
65994
  }
65844
- }
65845
- formatMessage={[Function]}
65846
- handleSendTestMessage={[Function]}
65847
- handleTestEntitiesChange={[Function]}
65848
- isFetchingTestCustomers={false}
65849
- isFetchingTestGroups={false}
65850
- isLoadingSenderDetails={false}
65851
- isSendingTestMessage={false}
65852
- onSaveDeliverySettings={[Function]}
65853
- registeredSenderIds={Array []}
65854
- selectedTestEntities={Array []}
65855
- senderDetailsOptions={Array []}
65856
- smsTraiDltEnabled={false}
65857
- testEntitiesTreeData={
65858
- Array [
65859
- Object {
65860
- "children": Immutable.List [],
65861
- "selectable": false,
65862
- "title": "Groups",
65863
- "value": "groups-node",
65864
- },
65865
- Object {
65866
- "children": Immutable.List [],
65867
- "selectable": false,
65868
- "title": "Individuals",
65869
- "value": "customers-node",
65870
- },
65871
- ]
65872
- }
65873
- wecrmAccounts={Array []}
65874
- />
65995
+ />
65996
+ </CapRow>
65875
65997
  </CapRow>
65876
- <CapDivider
65877
- className="panel-divider"
65878
- />
65879
- </CapRow>
65880
- <CapRow
65881
- className="right-panel"
65882
- >
65883
- <PreviewSection
65884
- unifiedPreviewProps={
65885
- Object {
65886
- "channel": "RCS",
65887
- "content": Object {
65888
- "suggestions": Array [
65889
- Object {
65890
- "index": 0,
65891
- "isSaved": true,
65892
- "phoneNumber": "",
65893
- "postback": "stop",
65894
- "text": "stop",
65895
- "type": "QUICK_REPLY",
65896
- "url": null,
65897
- },
65898
- ],
65899
- "templateHeader": "",
65900
- "templateMessage": "",
65901
- },
65902
- "device": "desktop",
65903
- "error": null,
65904
- "formatMessage": [Function],
65905
- "isUpdating": false,
65906
- "lastModified": undefined,
65907
- "onDeviceChange": [Function],
65908
- "selectedCustomer": null,
65909
- "showDeviceToggle": true,
65910
- "updatedByName": undefined,
65911
- }
65912
- }
65913
- />
65914
65998
  </CapRow>
65915
- </CapRow>
65916
- </CapRow>
65999
+ </CapSpin>
66000
+ </div>
65917
66001
  }
65918
66002
  handleClose={[Function]}
65919
66003
  header={
@@ -77165,6 +77249,7 @@ new message content.",
77165
77249
  <InjectIntl(TestAndPreviewSlidebox)
77166
77250
  actions={
77167
77251
  Object {
77252
+ "addTestCustomer": [Function],
77168
77253
  "clearCustomerSearchState": [Function],
77169
77254
  "clearPrefilledValues": [Function],
77170
77255
  "clearPreviewErrors": [Function],
@@ -77232,6 +77317,7 @@ new message content.",
77232
77317
  <TestAndPreviewSlidebox
77233
77318
  actions={
77234
77319
  Object {
77320
+ "addTestCustomer": [Function],
77235
77321
  "clearCustomerSearchState": [Function],
77236
77322
  "clearPrefilledValues": [Function],
77237
77323
  "clearPreviewErrors": [Function],
@@ -79548,6 +79634,7 @@ new message content.",
79548
79634
  <CommonTestAndPreview
79549
79635
  actions={
79550
79636
  Object {
79637
+ "addTestCustomer": [Function],
79551
79638
  "clearCustomerSearchState": [Function],
79552
79639
  "clearPrefilledValues": [Function],
79553
79640
  "clearPreviewErrors": [Function],
@@ -81881,130 +81968,148 @@ new message content.",
81881
81968
  closeIconSize="m"
81882
81969
  closeIconType="close"
81883
81970
  content={
81884
- <CapRow
81885
- className="test-preview-container"
81971
+ <div
81972
+ className="common-test-and-preview-notification-container"
81973
+ style={
81974
+ Object {
81975
+ "height": "100%",
81976
+ "position": "relative",
81977
+ }
81978
+ }
81886
81979
  >
81887
- <CapRow
81888
- className="test-and-preview-panels"
81980
+ <CapSpin
81981
+ className="common-test-preview-lookup-spin "
81982
+ spinning={false}
81889
81983
  >
81890
81984
  <CapRow
81891
- className="left-panel"
81985
+ className="test-preview-container"
81892
81986
  >
81893
- <LeftPanelContent
81894
- customers={Immutable.List []}
81895
- enableCustomerSearch={true}
81896
- enableTagExtraction={true}
81897
- error7078Message={null}
81898
- extractedTags={Immutable.List []}
81899
- handleClearSelection={[Function]}
81900
- handleCustomerSelect={[Function]}
81901
- handleExtractTags={[Function]}
81902
- handleSearchCustomer={[Function]}
81903
- isExtractingTags={false}
81904
- isSearchingCustomer={false}
81905
- renderCustomValuesEditor={[Function]}
81906
- selectedCustomer={null}
81907
- tagsExtracted={false}
81908
- />
81909
- <CapDivider
81910
- className="panel-divider"
81911
- />
81912
81987
  <CapRow
81913
- className="panel-section send-test-section"
81988
+ className="test-and-preview-panels"
81914
81989
  >
81915
- <SendTestMessage
81916
- channel="RCS"
81917
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
81918
- deliverySettings={Object {}}
81919
- formData={
81920
- Object {
81921
- "suggestions": Array [
81990
+ <CapRow
81991
+ className="left-panel"
81992
+ >
81993
+ <LeftPanelContent
81994
+ customers={Immutable.List []}
81995
+ enableCustomerSearch={true}
81996
+ enableTagExtraction={true}
81997
+ error7078Message={null}
81998
+ extractedTags={Immutable.List []}
81999
+ handleClearSelection={[Function]}
82000
+ handleCustomerSelect={[Function]}
82001
+ handleExtractTags={[Function]}
82002
+ handleSearchCustomer={[Function]}
82003
+ isExtractingTags={false}
82004
+ isSearchingCustomer={false}
82005
+ renderCustomValuesEditor={[Function]}
82006
+ selectedCustomer={null}
82007
+ tagsExtracted={false}
82008
+ />
82009
+ <CapDivider
82010
+ className="panel-divider"
82011
+ />
82012
+ <CapRow
82013
+ className="panel-section send-test-section"
82014
+ >
82015
+ <SendTestMessage
82016
+ channel="RCS"
82017
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
82018
+ deliverySettings={Object {}}
82019
+ formData={
81922
82020
  Object {
81923
- "index": 0,
81924
- "isSaved": true,
81925
- "phoneNumber": "",
81926
- "postback": "stop",
81927
- "text": "stop",
81928
- "type": "QUICK_REPLY",
81929
- "url": null,
82021
+ "suggestions": Array [
82022
+ Object {
82023
+ "index": 0,
82024
+ "isSaved": true,
82025
+ "phoneNumber": "",
82026
+ "postback": "stop",
82027
+ "text": "stop",
82028
+ "type": "QUICK_REPLY",
82029
+ "url": null,
82030
+ },
82031
+ ],
82032
+ "templateHeader": "",
82033
+ "templateMessage": "",
82034
+ }
82035
+ }
82036
+ formatMessage={[Function]}
82037
+ handleSendTestMessage={[Function]}
82038
+ handleTestEntitiesChange={[Function]}
82039
+ isFetchingTestCustomers={false}
82040
+ isFetchingTestGroups={false}
82041
+ isLoadingSenderDetails={false}
82042
+ isSendingTestMessage={false}
82043
+ onSaveDeliverySettings={[Function]}
82044
+ registeredSenderIds={Array []}
82045
+ renderAddTestCustomerButton={[Function]}
82046
+ searchValue=""
82047
+ selectedTestEntities={Array []}
82048
+ senderDetailsOptions={Array []}
82049
+ setSearchValue={[Function]}
82050
+ smsTraiDltEnabled={false}
82051
+ testEntitiesTreeData={
82052
+ Array [
82053
+ Object {
82054
+ "children": Immutable.List [],
82055
+ "selectable": false,
82056
+ "title": "Groups",
82057
+ "value": "groups-node",
82058
+ },
82059
+ Object {
82060
+ "children": Immutable.List [],
82061
+ "selectable": false,
82062
+ "title": "Individuals",
82063
+ "value": "customers-node",
82064
+ },
82065
+ ]
82066
+ }
82067
+ wecrmAccounts={Array []}
82068
+ />
82069
+ </CapRow>
82070
+ <CapDivider
82071
+ className="panel-divider"
82072
+ />
82073
+ </CapRow>
82074
+ <CapRow
82075
+ className="right-panel"
82076
+ >
82077
+ <PreviewSection
82078
+ unifiedPreviewProps={
82079
+ Object {
82080
+ "channel": "RCS",
82081
+ "content": Object {
82082
+ "suggestions": Array [
82083
+ Object {
82084
+ "index": 0,
82085
+ "isSaved": true,
82086
+ "phoneNumber": "",
82087
+ "postback": "stop",
82088
+ "text": "stop",
82089
+ "type": "QUICK_REPLY",
82090
+ "url": null,
82091
+ },
82092
+ ],
82093
+ "templateHeader": "",
82094
+ "templateMessage": "",
81930
82095
  },
81931
- ],
81932
- "templateHeader": "",
81933
- "templateMessage": "",
82096
+ "device": "desktop",
82097
+ "error": null,
82098
+ "formatMessage": [Function],
82099
+ "isUpdating": false,
82100
+ "lastModified": undefined,
82101
+ "onDeviceChange": [Function],
82102
+ "selectedCustomer": null,
82103
+ "showDeviceToggle": true,
82104
+ "updatedByName": undefined,
82105
+ }
81934
82106
  }
81935
- }
81936
- formatMessage={[Function]}
81937
- handleSendTestMessage={[Function]}
81938
- handleTestEntitiesChange={[Function]}
81939
- isFetchingTestCustomers={false}
81940
- isFetchingTestGroups={false}
81941
- isLoadingSenderDetails={false}
81942
- isSendingTestMessage={false}
81943
- onSaveDeliverySettings={[Function]}
81944
- registeredSenderIds={Array []}
81945
- selectedTestEntities={Array []}
81946
- senderDetailsOptions={Array []}
81947
- smsTraiDltEnabled={false}
81948
- testEntitiesTreeData={
81949
- Array [
81950
- Object {
81951
- "children": Immutable.List [],
81952
- "selectable": false,
81953
- "title": "Groups",
81954
- "value": "groups-node",
81955
- },
81956
- Object {
81957
- "children": Immutable.List [],
81958
- "selectable": false,
81959
- "title": "Individuals",
81960
- "value": "customers-node",
81961
- },
81962
- ]
81963
- }
81964
- wecrmAccounts={Array []}
81965
- />
82107
+ />
82108
+ </CapRow>
81966
82109
  </CapRow>
81967
- <CapDivider
81968
- className="panel-divider"
81969
- />
81970
- </CapRow>
81971
- <CapRow
81972
- className="right-panel"
81973
- >
81974
- <PreviewSection
81975
- unifiedPreviewProps={
81976
- Object {
81977
- "channel": "RCS",
81978
- "content": Object {
81979
- "suggestions": Array [
81980
- Object {
81981
- "index": 0,
81982
- "isSaved": true,
81983
- "phoneNumber": "",
81984
- "postback": "stop",
81985
- "text": "stop",
81986
- "type": "QUICK_REPLY",
81987
- "url": null,
81988
- },
81989
- ],
81990
- "templateHeader": "",
81991
- "templateMessage": "",
81992
- },
81993
- "device": "desktop",
81994
- "error": null,
81995
- "formatMessage": [Function],
81996
- "isUpdating": false,
81997
- "lastModified": undefined,
81998
- "onDeviceChange": [Function],
81999
- "selectedCustomer": null,
82000
- "showDeviceToggle": true,
82001
- "updatedByName": undefined,
82002
- }
82003
- }
82004
- />
82005
82110
  </CapRow>
82006
- </CapRow>
82007
- </CapRow>
82111
+ </CapSpin>
82112
+ </div>
82008
82113
  }
82009
82114
  handleClose={[Function]}
82010
82115
  header={
@@ -96572,6 +96677,7 @@ new message content.",
96572
96677
  <InjectIntl(TestAndPreviewSlidebox)
96573
96678
  actions={
96574
96679
  Object {
96680
+ "addTestCustomer": [Function],
96575
96681
  "clearCustomerSearchState": [Function],
96576
96682
  "clearPrefilledValues": [Function],
96577
96683
  "clearPreviewErrors": [Function],
@@ -96639,6 +96745,7 @@ new message content.",
96639
96745
  <TestAndPreviewSlidebox
96640
96746
  actions={
96641
96747
  Object {
96748
+ "addTestCustomer": [Function],
96642
96749
  "clearCustomerSearchState": [Function],
96643
96750
  "clearPrefilledValues": [Function],
96644
96751
  "clearPreviewErrors": [Function],
@@ -98955,6 +99062,7 @@ new message content.",
98955
99062
  <CommonTestAndPreview
98956
99063
  actions={
98957
99064
  Object {
99065
+ "addTestCustomer": [Function],
98958
99066
  "clearCustomerSearchState": [Function],
98959
99067
  "clearPrefilledValues": [Function],
98960
99068
  "clearPreviewErrors": [Function],
@@ -101288,130 +101396,148 @@ new message content.",
101288
101396
  closeIconSize="m"
101289
101397
  closeIconType="close"
101290
101398
  content={
101291
- <CapRow
101292
- className="test-preview-container"
101399
+ <div
101400
+ className="common-test-and-preview-notification-container"
101401
+ style={
101402
+ Object {
101403
+ "height": "100%",
101404
+ "position": "relative",
101405
+ }
101406
+ }
101293
101407
  >
101294
- <CapRow
101295
- className="test-and-preview-panels"
101408
+ <CapSpin
101409
+ className="common-test-preview-lookup-spin "
101410
+ spinning={false}
101296
101411
  >
101297
101412
  <CapRow
101298
- className="left-panel"
101413
+ className="test-preview-container"
101299
101414
  >
101300
- <LeftPanelContent
101301
- customers={Immutable.List []}
101302
- enableCustomerSearch={true}
101303
- enableTagExtraction={true}
101304
- error7078Message={null}
101305
- extractedTags={Immutable.List []}
101306
- handleClearSelection={[Function]}
101307
- handleCustomerSelect={[Function]}
101308
- handleExtractTags={[Function]}
101309
- handleSearchCustomer={[Function]}
101310
- isExtractingTags={false}
101311
- isSearchingCustomer={false}
101312
- renderCustomValuesEditor={[Function]}
101313
- selectedCustomer={null}
101314
- tagsExtracted={false}
101315
- />
101316
- <CapDivider
101317
- className="panel-divider"
101318
- />
101319
101415
  <CapRow
101320
- className="panel-section send-test-section"
101416
+ className="test-and-preview-panels"
101321
101417
  >
101322
- <SendTestMessage
101323
- channel="RCS"
101324
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
101325
- deliverySettings={Object {}}
101326
- formData={
101327
- Object {
101328
- "suggestions": Array [
101418
+ <CapRow
101419
+ className="left-panel"
101420
+ >
101421
+ <LeftPanelContent
101422
+ customers={Immutable.List []}
101423
+ enableCustomerSearch={true}
101424
+ enableTagExtraction={true}
101425
+ error7078Message={null}
101426
+ extractedTags={Immutable.List []}
101427
+ handleClearSelection={[Function]}
101428
+ handleCustomerSelect={[Function]}
101429
+ handleExtractTags={[Function]}
101430
+ handleSearchCustomer={[Function]}
101431
+ isExtractingTags={false}
101432
+ isSearchingCustomer={false}
101433
+ renderCustomValuesEditor={[Function]}
101434
+ selectedCustomer={null}
101435
+ tagsExtracted={false}
101436
+ />
101437
+ <CapDivider
101438
+ className="panel-divider"
101439
+ />
101440
+ <CapRow
101441
+ className="panel-section send-test-section"
101442
+ >
101443
+ <SendTestMessage
101444
+ channel="RCS"
101445
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
101446
+ deliverySettings={Object {}}
101447
+ formData={
101329
101448
  Object {
101330
- "index": 0,
101331
- "isSaved": true,
101332
- "phoneNumber": "",
101333
- "postback": "stop",
101334
- "text": "stop",
101335
- "type": "QUICK_REPLY",
101336
- "url": null,
101449
+ "suggestions": Array [
101450
+ Object {
101451
+ "index": 0,
101452
+ "isSaved": true,
101453
+ "phoneNumber": "",
101454
+ "postback": "stop",
101455
+ "text": "stop",
101456
+ "type": "QUICK_REPLY",
101457
+ "url": null,
101458
+ },
101459
+ ],
101460
+ "templateHeader": "",
101461
+ "templateMessage": "",
101462
+ }
101463
+ }
101464
+ formatMessage={[Function]}
101465
+ handleSendTestMessage={[Function]}
101466
+ handleTestEntitiesChange={[Function]}
101467
+ isFetchingTestCustomers={false}
101468
+ isFetchingTestGroups={false}
101469
+ isLoadingSenderDetails={false}
101470
+ isSendingTestMessage={false}
101471
+ onSaveDeliverySettings={[Function]}
101472
+ registeredSenderIds={Array []}
101473
+ renderAddTestCustomerButton={[Function]}
101474
+ searchValue=""
101475
+ selectedTestEntities={Array []}
101476
+ senderDetailsOptions={Array []}
101477
+ setSearchValue={[Function]}
101478
+ smsTraiDltEnabled={false}
101479
+ testEntitiesTreeData={
101480
+ Array [
101481
+ Object {
101482
+ "children": Immutable.List [],
101483
+ "selectable": false,
101484
+ "title": "Groups",
101485
+ "value": "groups-node",
101486
+ },
101487
+ Object {
101488
+ "children": Immutable.List [],
101489
+ "selectable": false,
101490
+ "title": "Individuals",
101491
+ "value": "customers-node",
101492
+ },
101493
+ ]
101494
+ }
101495
+ wecrmAccounts={Array []}
101496
+ />
101497
+ </CapRow>
101498
+ <CapDivider
101499
+ className="panel-divider"
101500
+ />
101501
+ </CapRow>
101502
+ <CapRow
101503
+ className="right-panel"
101504
+ >
101505
+ <PreviewSection
101506
+ unifiedPreviewProps={
101507
+ Object {
101508
+ "channel": "RCS",
101509
+ "content": Object {
101510
+ "suggestions": Array [
101511
+ Object {
101512
+ "index": 0,
101513
+ "isSaved": true,
101514
+ "phoneNumber": "",
101515
+ "postback": "stop",
101516
+ "text": "stop",
101517
+ "type": "QUICK_REPLY",
101518
+ "url": null,
101519
+ },
101520
+ ],
101521
+ "templateHeader": "",
101522
+ "templateMessage": "",
101337
101523
  },
101338
- ],
101339
- "templateHeader": "",
101340
- "templateMessage": "",
101524
+ "device": "desktop",
101525
+ "error": null,
101526
+ "formatMessage": [Function],
101527
+ "isUpdating": false,
101528
+ "lastModified": undefined,
101529
+ "onDeviceChange": [Function],
101530
+ "selectedCustomer": null,
101531
+ "showDeviceToggle": true,
101532
+ "updatedByName": undefined,
101533
+ }
101341
101534
  }
101342
- }
101343
- formatMessage={[Function]}
101344
- handleSendTestMessage={[Function]}
101345
- handleTestEntitiesChange={[Function]}
101346
- isFetchingTestCustomers={false}
101347
- isFetchingTestGroups={false}
101348
- isLoadingSenderDetails={false}
101349
- isSendingTestMessage={false}
101350
- onSaveDeliverySettings={[Function]}
101351
- registeredSenderIds={Array []}
101352
- selectedTestEntities={Array []}
101353
- senderDetailsOptions={Array []}
101354
- smsTraiDltEnabled={false}
101355
- testEntitiesTreeData={
101356
- Array [
101357
- Object {
101358
- "children": Immutable.List [],
101359
- "selectable": false,
101360
- "title": "Groups",
101361
- "value": "groups-node",
101362
- },
101363
- Object {
101364
- "children": Immutable.List [],
101365
- "selectable": false,
101366
- "title": "Individuals",
101367
- "value": "customers-node",
101368
- },
101369
- ]
101370
- }
101371
- wecrmAccounts={Array []}
101372
- />
101535
+ />
101536
+ </CapRow>
101373
101537
  </CapRow>
101374
- <CapDivider
101375
- className="panel-divider"
101376
- />
101377
- </CapRow>
101378
- <CapRow
101379
- className="right-panel"
101380
- >
101381
- <PreviewSection
101382
- unifiedPreviewProps={
101383
- Object {
101384
- "channel": "RCS",
101385
- "content": Object {
101386
- "suggestions": Array [
101387
- Object {
101388
- "index": 0,
101389
- "isSaved": true,
101390
- "phoneNumber": "",
101391
- "postback": "stop",
101392
- "text": "stop",
101393
- "type": "QUICK_REPLY",
101394
- "url": null,
101395
- },
101396
- ],
101397
- "templateHeader": "",
101398
- "templateMessage": "",
101399
- },
101400
- "device": "desktop",
101401
- "error": null,
101402
- "formatMessage": [Function],
101403
- "isUpdating": false,
101404
- "lastModified": undefined,
101405
- "onDeviceChange": [Function],
101406
- "selectedCustomer": null,
101407
- "showDeviceToggle": true,
101408
- "updatedByName": undefined,
101409
- }
101410
- }
101411
- />
101412
101538
  </CapRow>
101413
- </CapRow>
101414
- </CapRow>
101539
+ </CapSpin>
101540
+ </div>
101415
101541
  }
101416
101542
  handleClose={[Function]}
101417
101543
  header={
@@ -115979,6 +116105,7 @@ new message content.",
115979
116105
  <InjectIntl(TestAndPreviewSlidebox)
115980
116106
  actions={
115981
116107
  Object {
116108
+ "addTestCustomer": [Function],
115982
116109
  "clearCustomerSearchState": [Function],
115983
116110
  "clearPrefilledValues": [Function],
115984
116111
  "clearPreviewErrors": [Function],
@@ -116046,6 +116173,7 @@ new message content.",
116046
116173
  <TestAndPreviewSlidebox
116047
116174
  actions={
116048
116175
  Object {
116176
+ "addTestCustomer": [Function],
116049
116177
  "clearCustomerSearchState": [Function],
116050
116178
  "clearPrefilledValues": [Function],
116051
116179
  "clearPreviewErrors": [Function],
@@ -118362,6 +118490,7 @@ new message content.",
118362
118490
  <CommonTestAndPreview
118363
118491
  actions={
118364
118492
  Object {
118493
+ "addTestCustomer": [Function],
118365
118494
  "clearCustomerSearchState": [Function],
118366
118495
  "clearPrefilledValues": [Function],
118367
118496
  "clearPreviewErrors": [Function],
@@ -120695,130 +120824,148 @@ new message content.",
120695
120824
  closeIconSize="m"
120696
120825
  closeIconType="close"
120697
120826
  content={
120698
- <CapRow
120699
- className="test-preview-container"
120827
+ <div
120828
+ className="common-test-and-preview-notification-container"
120829
+ style={
120830
+ Object {
120831
+ "height": "100%",
120832
+ "position": "relative",
120833
+ }
120834
+ }
120700
120835
  >
120701
- <CapRow
120702
- className="test-and-preview-panels"
120836
+ <CapSpin
120837
+ className="common-test-preview-lookup-spin "
120838
+ spinning={false}
120703
120839
  >
120704
120840
  <CapRow
120705
- className="left-panel"
120841
+ className="test-preview-container"
120706
120842
  >
120707
- <LeftPanelContent
120708
- customers={Immutable.List []}
120709
- enableCustomerSearch={true}
120710
- enableTagExtraction={true}
120711
- error7078Message={null}
120712
- extractedTags={Immutable.List []}
120713
- handleClearSelection={[Function]}
120714
- handleCustomerSelect={[Function]}
120715
- handleExtractTags={[Function]}
120716
- handleSearchCustomer={[Function]}
120717
- isExtractingTags={false}
120718
- isSearchingCustomer={false}
120719
- renderCustomValuesEditor={[Function]}
120720
- selectedCustomer={null}
120721
- tagsExtracted={false}
120722
- />
120723
- <CapDivider
120724
- className="panel-divider"
120725
- />
120726
120843
  <CapRow
120727
- className="panel-section send-test-section"
120844
+ className="test-and-preview-panels"
120728
120845
  >
120729
- <SendTestMessage
120730
- channel="RCS"
120731
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
120732
- deliverySettings={Object {}}
120733
- formData={
120734
- Object {
120735
- "suggestions": Array [
120846
+ <CapRow
120847
+ className="left-panel"
120848
+ >
120849
+ <LeftPanelContent
120850
+ customers={Immutable.List []}
120851
+ enableCustomerSearch={true}
120852
+ enableTagExtraction={true}
120853
+ error7078Message={null}
120854
+ extractedTags={Immutable.List []}
120855
+ handleClearSelection={[Function]}
120856
+ handleCustomerSelect={[Function]}
120857
+ handleExtractTags={[Function]}
120858
+ handleSearchCustomer={[Function]}
120859
+ isExtractingTags={false}
120860
+ isSearchingCustomer={false}
120861
+ renderCustomValuesEditor={[Function]}
120862
+ selectedCustomer={null}
120863
+ tagsExtracted={false}
120864
+ />
120865
+ <CapDivider
120866
+ className="panel-divider"
120867
+ />
120868
+ <CapRow
120869
+ className="panel-section send-test-section"
120870
+ >
120871
+ <SendTestMessage
120872
+ channel="RCS"
120873
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
120874
+ deliverySettings={Object {}}
120875
+ formData={
120736
120876
  Object {
120737
- "index": 0,
120738
- "isSaved": true,
120739
- "phoneNumber": "",
120740
- "postback": "stop",
120741
- "text": "stop",
120742
- "type": "QUICK_REPLY",
120743
- "url": null,
120877
+ "suggestions": Array [
120878
+ Object {
120879
+ "index": 0,
120880
+ "isSaved": true,
120881
+ "phoneNumber": "",
120882
+ "postback": "stop",
120883
+ "text": "stop",
120884
+ "type": "QUICK_REPLY",
120885
+ "url": null,
120886
+ },
120887
+ ],
120888
+ "templateHeader": "",
120889
+ "templateMessage": "",
120890
+ }
120891
+ }
120892
+ formatMessage={[Function]}
120893
+ handleSendTestMessage={[Function]}
120894
+ handleTestEntitiesChange={[Function]}
120895
+ isFetchingTestCustomers={false}
120896
+ isFetchingTestGroups={false}
120897
+ isLoadingSenderDetails={false}
120898
+ isSendingTestMessage={false}
120899
+ onSaveDeliverySettings={[Function]}
120900
+ registeredSenderIds={Array []}
120901
+ renderAddTestCustomerButton={[Function]}
120902
+ searchValue=""
120903
+ selectedTestEntities={Array []}
120904
+ senderDetailsOptions={Array []}
120905
+ setSearchValue={[Function]}
120906
+ smsTraiDltEnabled={false}
120907
+ testEntitiesTreeData={
120908
+ Array [
120909
+ Object {
120910
+ "children": Immutable.List [],
120911
+ "selectable": false,
120912
+ "title": "Groups",
120913
+ "value": "groups-node",
120914
+ },
120915
+ Object {
120916
+ "children": Immutable.List [],
120917
+ "selectable": false,
120918
+ "title": "Individuals",
120919
+ "value": "customers-node",
120920
+ },
120921
+ ]
120922
+ }
120923
+ wecrmAccounts={Array []}
120924
+ />
120925
+ </CapRow>
120926
+ <CapDivider
120927
+ className="panel-divider"
120928
+ />
120929
+ </CapRow>
120930
+ <CapRow
120931
+ className="right-panel"
120932
+ >
120933
+ <PreviewSection
120934
+ unifiedPreviewProps={
120935
+ Object {
120936
+ "channel": "RCS",
120937
+ "content": Object {
120938
+ "suggestions": Array [
120939
+ Object {
120940
+ "index": 0,
120941
+ "isSaved": true,
120942
+ "phoneNumber": "",
120943
+ "postback": "stop",
120944
+ "text": "stop",
120945
+ "type": "QUICK_REPLY",
120946
+ "url": null,
120947
+ },
120948
+ ],
120949
+ "templateHeader": "",
120950
+ "templateMessage": "",
120744
120951
  },
120745
- ],
120746
- "templateHeader": "",
120747
- "templateMessage": "",
120952
+ "device": "desktop",
120953
+ "error": null,
120954
+ "formatMessage": [Function],
120955
+ "isUpdating": false,
120956
+ "lastModified": undefined,
120957
+ "onDeviceChange": [Function],
120958
+ "selectedCustomer": null,
120959
+ "showDeviceToggle": true,
120960
+ "updatedByName": undefined,
120961
+ }
120748
120962
  }
120749
- }
120750
- formatMessage={[Function]}
120751
- handleSendTestMessage={[Function]}
120752
- handleTestEntitiesChange={[Function]}
120753
- isFetchingTestCustomers={false}
120754
- isFetchingTestGroups={false}
120755
- isLoadingSenderDetails={false}
120756
- isSendingTestMessage={false}
120757
- onSaveDeliverySettings={[Function]}
120758
- registeredSenderIds={Array []}
120759
- selectedTestEntities={Array []}
120760
- senderDetailsOptions={Array []}
120761
- smsTraiDltEnabled={false}
120762
- testEntitiesTreeData={
120763
- Array [
120764
- Object {
120765
- "children": Immutable.List [],
120766
- "selectable": false,
120767
- "title": "Groups",
120768
- "value": "groups-node",
120769
- },
120770
- Object {
120771
- "children": Immutable.List [],
120772
- "selectable": false,
120773
- "title": "Individuals",
120774
- "value": "customers-node",
120775
- },
120776
- ]
120777
- }
120778
- wecrmAccounts={Array []}
120779
- />
120963
+ />
120964
+ </CapRow>
120780
120965
  </CapRow>
120781
- <CapDivider
120782
- className="panel-divider"
120783
- />
120784
120966
  </CapRow>
120785
- <CapRow
120786
- className="right-panel"
120787
- >
120788
- <PreviewSection
120789
- unifiedPreviewProps={
120790
- Object {
120791
- "channel": "RCS",
120792
- "content": Object {
120793
- "suggestions": Array [
120794
- Object {
120795
- "index": 0,
120796
- "isSaved": true,
120797
- "phoneNumber": "",
120798
- "postback": "stop",
120799
- "text": "stop",
120800
- "type": "QUICK_REPLY",
120801
- "url": null,
120802
- },
120803
- ],
120804
- "templateHeader": "",
120805
- "templateMessage": "",
120806
- },
120807
- "device": "desktop",
120808
- "error": null,
120809
- "formatMessage": [Function],
120810
- "isUpdating": false,
120811
- "lastModified": undefined,
120812
- "onDeviceChange": [Function],
120813
- "selectedCustomer": null,
120814
- "showDeviceToggle": true,
120815
- "updatedByName": undefined,
120816
- }
120817
- }
120818
- />
120819
- </CapRow>
120820
- </CapRow>
120821
- </CapRow>
120967
+ </CapSpin>
120968
+ </div>
120822
120969
  }
120823
120970
  handleClose={[Function]}
120824
120971
  header={
@@ -136054,6 +136201,7 @@ new message content.",
136054
136201
  <InjectIntl(TestAndPreviewSlidebox)
136055
136202
  actions={
136056
136203
  Object {
136204
+ "addTestCustomer": [Function],
136057
136205
  "clearCustomerSearchState": [Function],
136058
136206
  "clearPrefilledValues": [Function],
136059
136207
  "clearPreviewErrors": [Function],
@@ -136121,6 +136269,7 @@ new message content.",
136121
136269
  <TestAndPreviewSlidebox
136122
136270
  actions={
136123
136271
  Object {
136272
+ "addTestCustomer": [Function],
136124
136273
  "clearCustomerSearchState": [Function],
136125
136274
  "clearPrefilledValues": [Function],
136126
136275
  "clearPreviewErrors": [Function],
@@ -138437,6 +138586,7 @@ new message content.",
138437
138586
  <CommonTestAndPreview
138438
138587
  actions={
138439
138588
  Object {
138589
+ "addTestCustomer": [Function],
138440
138590
  "clearCustomerSearchState": [Function],
138441
138591
  "clearPrefilledValues": [Function],
138442
138592
  "clearPreviewErrors": [Function],
@@ -140770,130 +140920,148 @@ new message content.",
140770
140920
  closeIconSize="m"
140771
140921
  closeIconType="close"
140772
140922
  content={
140773
- <CapRow
140774
- className="test-preview-container"
140923
+ <div
140924
+ className="common-test-and-preview-notification-container"
140925
+ style={
140926
+ Object {
140927
+ "height": "100%",
140928
+ "position": "relative",
140929
+ }
140930
+ }
140775
140931
  >
140776
- <CapRow
140777
- className="test-and-preview-panels"
140932
+ <CapSpin
140933
+ className="common-test-preview-lookup-spin "
140934
+ spinning={false}
140778
140935
  >
140779
140936
  <CapRow
140780
- className="left-panel"
140937
+ className="test-preview-container"
140781
140938
  >
140782
- <LeftPanelContent
140783
- customers={Immutable.List []}
140784
- enableCustomerSearch={true}
140785
- enableTagExtraction={true}
140786
- error7078Message={null}
140787
- extractedTags={Immutable.List []}
140788
- handleClearSelection={[Function]}
140789
- handleCustomerSelect={[Function]}
140790
- handleExtractTags={[Function]}
140791
- handleSearchCustomer={[Function]}
140792
- isExtractingTags={false}
140793
- isSearchingCustomer={false}
140794
- renderCustomValuesEditor={[Function]}
140795
- selectedCustomer={null}
140796
- tagsExtracted={false}
140797
- />
140798
- <CapDivider
140799
- className="panel-divider"
140800
- />
140801
140939
  <CapRow
140802
- className="panel-section send-test-section"
140940
+ className="test-and-preview-panels"
140803
140941
  >
140804
- <SendTestMessage
140805
- channel="RCS"
140806
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
140807
- deliverySettings={Object {}}
140808
- formData={
140809
- Object {
140810
- "suggestions": Array [
140942
+ <CapRow
140943
+ className="left-panel"
140944
+ >
140945
+ <LeftPanelContent
140946
+ customers={Immutable.List []}
140947
+ enableCustomerSearch={true}
140948
+ enableTagExtraction={true}
140949
+ error7078Message={null}
140950
+ extractedTags={Immutable.List []}
140951
+ handleClearSelection={[Function]}
140952
+ handleCustomerSelect={[Function]}
140953
+ handleExtractTags={[Function]}
140954
+ handleSearchCustomer={[Function]}
140955
+ isExtractingTags={false}
140956
+ isSearchingCustomer={false}
140957
+ renderCustomValuesEditor={[Function]}
140958
+ selectedCustomer={null}
140959
+ tagsExtracted={false}
140960
+ />
140961
+ <CapDivider
140962
+ className="panel-divider"
140963
+ />
140964
+ <CapRow
140965
+ className="panel-section send-test-section"
140966
+ >
140967
+ <SendTestMessage
140968
+ channel="RCS"
140969
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
140970
+ deliverySettings={Object {}}
140971
+ formData={
140811
140972
  Object {
140812
- "index": 0,
140813
- "isSaved": true,
140814
- "phoneNumber": "",
140815
- "postback": "stop",
140816
- "text": "stop",
140817
- "type": "QUICK_REPLY",
140818
- "url": null,
140973
+ "suggestions": Array [
140974
+ Object {
140975
+ "index": 0,
140976
+ "isSaved": true,
140977
+ "phoneNumber": "",
140978
+ "postback": "stop",
140979
+ "text": "stop",
140980
+ "type": "QUICK_REPLY",
140981
+ "url": null,
140982
+ },
140983
+ ],
140984
+ "templateHeader": "",
140985
+ "templateMessage": "",
140986
+ }
140987
+ }
140988
+ formatMessage={[Function]}
140989
+ handleSendTestMessage={[Function]}
140990
+ handleTestEntitiesChange={[Function]}
140991
+ isFetchingTestCustomers={false}
140992
+ isFetchingTestGroups={false}
140993
+ isLoadingSenderDetails={false}
140994
+ isSendingTestMessage={false}
140995
+ onSaveDeliverySettings={[Function]}
140996
+ registeredSenderIds={Array []}
140997
+ renderAddTestCustomerButton={[Function]}
140998
+ searchValue=""
140999
+ selectedTestEntities={Array []}
141000
+ senderDetailsOptions={Array []}
141001
+ setSearchValue={[Function]}
141002
+ smsTraiDltEnabled={false}
141003
+ testEntitiesTreeData={
141004
+ Array [
141005
+ Object {
141006
+ "children": Immutable.List [],
141007
+ "selectable": false,
141008
+ "title": "Groups",
141009
+ "value": "groups-node",
141010
+ },
141011
+ Object {
141012
+ "children": Immutable.List [],
141013
+ "selectable": false,
141014
+ "title": "Individuals",
141015
+ "value": "customers-node",
141016
+ },
141017
+ ]
141018
+ }
141019
+ wecrmAccounts={Array []}
141020
+ />
141021
+ </CapRow>
141022
+ <CapDivider
141023
+ className="panel-divider"
141024
+ />
141025
+ </CapRow>
141026
+ <CapRow
141027
+ className="right-panel"
141028
+ >
141029
+ <PreviewSection
141030
+ unifiedPreviewProps={
141031
+ Object {
141032
+ "channel": "RCS",
141033
+ "content": Object {
141034
+ "suggestions": Array [
141035
+ Object {
141036
+ "index": 0,
141037
+ "isSaved": true,
141038
+ "phoneNumber": "",
141039
+ "postback": "stop",
141040
+ "text": "stop",
141041
+ "type": "QUICK_REPLY",
141042
+ "url": null,
141043
+ },
141044
+ ],
141045
+ "templateHeader": "",
141046
+ "templateMessage": "",
140819
141047
  },
140820
- ],
140821
- "templateHeader": "",
140822
- "templateMessage": "",
141048
+ "device": "desktop",
141049
+ "error": null,
141050
+ "formatMessage": [Function],
141051
+ "isUpdating": false,
141052
+ "lastModified": undefined,
141053
+ "onDeviceChange": [Function],
141054
+ "selectedCustomer": null,
141055
+ "showDeviceToggle": true,
141056
+ "updatedByName": undefined,
141057
+ }
140823
141058
  }
140824
- }
140825
- formatMessage={[Function]}
140826
- handleSendTestMessage={[Function]}
140827
- handleTestEntitiesChange={[Function]}
140828
- isFetchingTestCustomers={false}
140829
- isFetchingTestGroups={false}
140830
- isLoadingSenderDetails={false}
140831
- isSendingTestMessage={false}
140832
- onSaveDeliverySettings={[Function]}
140833
- registeredSenderIds={Array []}
140834
- selectedTestEntities={Array []}
140835
- senderDetailsOptions={Array []}
140836
- smsTraiDltEnabled={false}
140837
- testEntitiesTreeData={
140838
- Array [
140839
- Object {
140840
- "children": Immutable.List [],
140841
- "selectable": false,
140842
- "title": "Groups",
140843
- "value": "groups-node",
140844
- },
140845
- Object {
140846
- "children": Immutable.List [],
140847
- "selectable": false,
140848
- "title": "Individuals",
140849
- "value": "customers-node",
140850
- },
140851
- ]
140852
- }
140853
- wecrmAccounts={Array []}
140854
- />
141059
+ />
141060
+ </CapRow>
140855
141061
  </CapRow>
140856
- <CapDivider
140857
- className="panel-divider"
140858
- />
140859
141062
  </CapRow>
140860
- <CapRow
140861
- className="right-panel"
140862
- >
140863
- <PreviewSection
140864
- unifiedPreviewProps={
140865
- Object {
140866
- "channel": "RCS",
140867
- "content": Object {
140868
- "suggestions": Array [
140869
- Object {
140870
- "index": 0,
140871
- "isSaved": true,
140872
- "phoneNumber": "",
140873
- "postback": "stop",
140874
- "text": "stop",
140875
- "type": "QUICK_REPLY",
140876
- "url": null,
140877
- },
140878
- ],
140879
- "templateHeader": "",
140880
- "templateMessage": "",
140881
- },
140882
- "device": "desktop",
140883
- "error": null,
140884
- "formatMessage": [Function],
140885
- "isUpdating": false,
140886
- "lastModified": undefined,
140887
- "onDeviceChange": [Function],
140888
- "selectedCustomer": null,
140889
- "showDeviceToggle": true,
140890
- "updatedByName": undefined,
140891
- }
140892
- }
140893
- />
140894
- </CapRow>
140895
- </CapRow>
140896
- </CapRow>
141063
+ </CapSpin>
141064
+ </div>
140897
141065
  }
140898
141066
  handleClose={[Function]}
140899
141067
  header={
@@ -152145,6 +152313,7 @@ new message content.",
152145
152313
  <InjectIntl(TestAndPreviewSlidebox)
152146
152314
  actions={
152147
152315
  Object {
152316
+ "addTestCustomer": [Function],
152148
152317
  "clearCustomerSearchState": [Function],
152149
152318
  "clearPrefilledValues": [Function],
152150
152319
  "clearPreviewErrors": [Function],
@@ -152212,6 +152381,7 @@ new message content.",
152212
152381
  <TestAndPreviewSlidebox
152213
152382
  actions={
152214
152383
  Object {
152384
+ "addTestCustomer": [Function],
152215
152385
  "clearCustomerSearchState": [Function],
152216
152386
  "clearPrefilledValues": [Function],
152217
152387
  "clearPreviewErrors": [Function],
@@ -154528,6 +154698,7 @@ new message content.",
154528
154698
  <CommonTestAndPreview
154529
154699
  actions={
154530
154700
  Object {
154701
+ "addTestCustomer": [Function],
154531
154702
  "clearCustomerSearchState": [Function],
154532
154703
  "clearPrefilledValues": [Function],
154533
154704
  "clearPreviewErrors": [Function],
@@ -156861,130 +157032,148 @@ new message content.",
156861
157032
  closeIconSize="m"
156862
157033
  closeIconType="close"
156863
157034
  content={
156864
- <CapRow
156865
- className="test-preview-container"
157035
+ <div
157036
+ className="common-test-and-preview-notification-container"
157037
+ style={
157038
+ Object {
157039
+ "height": "100%",
157040
+ "position": "relative",
157041
+ }
157042
+ }
156866
157043
  >
156867
- <CapRow
156868
- className="test-and-preview-panels"
157044
+ <CapSpin
157045
+ className="common-test-preview-lookup-spin "
157046
+ spinning={false}
156869
157047
  >
156870
157048
  <CapRow
156871
- className="left-panel"
157049
+ className="test-preview-container"
156872
157050
  >
156873
- <LeftPanelContent
156874
- customers={Immutable.List []}
156875
- enableCustomerSearch={true}
156876
- enableTagExtraction={true}
156877
- error7078Message={null}
156878
- extractedTags={Immutable.List []}
156879
- handleClearSelection={[Function]}
156880
- handleCustomerSelect={[Function]}
156881
- handleExtractTags={[Function]}
156882
- handleSearchCustomer={[Function]}
156883
- isExtractingTags={false}
156884
- isSearchingCustomer={false}
156885
- renderCustomValuesEditor={[Function]}
156886
- selectedCustomer={null}
156887
- tagsExtracted={false}
156888
- />
156889
- <CapDivider
156890
- className="panel-divider"
156891
- />
156892
157051
  <CapRow
156893
- className="panel-section send-test-section"
157052
+ className="test-and-preview-panels"
156894
157053
  >
156895
- <SendTestMessage
156896
- channel="RCS"
156897
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
156898
- deliverySettings={Object {}}
156899
- formData={
156900
- Object {
156901
- "suggestions": Array [
157054
+ <CapRow
157055
+ className="left-panel"
157056
+ >
157057
+ <LeftPanelContent
157058
+ customers={Immutable.List []}
157059
+ enableCustomerSearch={true}
157060
+ enableTagExtraction={true}
157061
+ error7078Message={null}
157062
+ extractedTags={Immutable.List []}
157063
+ handleClearSelection={[Function]}
157064
+ handleCustomerSelect={[Function]}
157065
+ handleExtractTags={[Function]}
157066
+ handleSearchCustomer={[Function]}
157067
+ isExtractingTags={false}
157068
+ isSearchingCustomer={false}
157069
+ renderCustomValuesEditor={[Function]}
157070
+ selectedCustomer={null}
157071
+ tagsExtracted={false}
157072
+ />
157073
+ <CapDivider
157074
+ className="panel-divider"
157075
+ />
157076
+ <CapRow
157077
+ className="panel-section send-test-section"
157078
+ >
157079
+ <SendTestMessage
157080
+ channel="RCS"
157081
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
157082
+ deliverySettings={Object {}}
157083
+ formData={
156902
157084
  Object {
156903
- "index": 0,
156904
- "isSaved": true,
156905
- "phoneNumber": "",
156906
- "postback": "stop",
156907
- "text": "stop",
156908
- "type": "QUICK_REPLY",
156909
- "url": null,
157085
+ "suggestions": Array [
157086
+ Object {
157087
+ "index": 0,
157088
+ "isSaved": true,
157089
+ "phoneNumber": "",
157090
+ "postback": "stop",
157091
+ "text": "stop",
157092
+ "type": "QUICK_REPLY",
157093
+ "url": null,
157094
+ },
157095
+ ],
157096
+ "templateHeader": "",
157097
+ "templateMessage": "",
157098
+ }
157099
+ }
157100
+ formatMessage={[Function]}
157101
+ handleSendTestMessage={[Function]}
157102
+ handleTestEntitiesChange={[Function]}
157103
+ isFetchingTestCustomers={false}
157104
+ isFetchingTestGroups={false}
157105
+ isLoadingSenderDetails={false}
157106
+ isSendingTestMessage={false}
157107
+ onSaveDeliverySettings={[Function]}
157108
+ registeredSenderIds={Array []}
157109
+ renderAddTestCustomerButton={[Function]}
157110
+ searchValue=""
157111
+ selectedTestEntities={Array []}
157112
+ senderDetailsOptions={Array []}
157113
+ setSearchValue={[Function]}
157114
+ smsTraiDltEnabled={false}
157115
+ testEntitiesTreeData={
157116
+ Array [
157117
+ Object {
157118
+ "children": Immutable.List [],
157119
+ "selectable": false,
157120
+ "title": "Groups",
157121
+ "value": "groups-node",
157122
+ },
157123
+ Object {
157124
+ "children": Immutable.List [],
157125
+ "selectable": false,
157126
+ "title": "Individuals",
157127
+ "value": "customers-node",
157128
+ },
157129
+ ]
157130
+ }
157131
+ wecrmAccounts={Array []}
157132
+ />
157133
+ </CapRow>
157134
+ <CapDivider
157135
+ className="panel-divider"
157136
+ />
157137
+ </CapRow>
157138
+ <CapRow
157139
+ className="right-panel"
157140
+ >
157141
+ <PreviewSection
157142
+ unifiedPreviewProps={
157143
+ Object {
157144
+ "channel": "RCS",
157145
+ "content": Object {
157146
+ "suggestions": Array [
157147
+ Object {
157148
+ "index": 0,
157149
+ "isSaved": true,
157150
+ "phoneNumber": "",
157151
+ "postback": "stop",
157152
+ "text": "stop",
157153
+ "type": "QUICK_REPLY",
157154
+ "url": null,
157155
+ },
157156
+ ],
157157
+ "templateHeader": "",
157158
+ "templateMessage": "",
156910
157159
  },
156911
- ],
156912
- "templateHeader": "",
156913
- "templateMessage": "",
157160
+ "device": "desktop",
157161
+ "error": null,
157162
+ "formatMessage": [Function],
157163
+ "isUpdating": false,
157164
+ "lastModified": undefined,
157165
+ "onDeviceChange": [Function],
157166
+ "selectedCustomer": null,
157167
+ "showDeviceToggle": true,
157168
+ "updatedByName": undefined,
157169
+ }
156914
157170
  }
156915
- }
156916
- formatMessage={[Function]}
156917
- handleSendTestMessage={[Function]}
156918
- handleTestEntitiesChange={[Function]}
156919
- isFetchingTestCustomers={false}
156920
- isFetchingTestGroups={false}
156921
- isLoadingSenderDetails={false}
156922
- isSendingTestMessage={false}
156923
- onSaveDeliverySettings={[Function]}
156924
- registeredSenderIds={Array []}
156925
- selectedTestEntities={Array []}
156926
- senderDetailsOptions={Array []}
156927
- smsTraiDltEnabled={false}
156928
- testEntitiesTreeData={
156929
- Array [
156930
- Object {
156931
- "children": Immutable.List [],
156932
- "selectable": false,
156933
- "title": "Groups",
156934
- "value": "groups-node",
156935
- },
156936
- Object {
156937
- "children": Immutable.List [],
156938
- "selectable": false,
156939
- "title": "Individuals",
156940
- "value": "customers-node",
156941
- },
156942
- ]
156943
- }
156944
- wecrmAccounts={Array []}
156945
- />
157171
+ />
157172
+ </CapRow>
156946
157173
  </CapRow>
156947
- <CapDivider
156948
- className="panel-divider"
156949
- />
156950
- </CapRow>
156951
- <CapRow
156952
- className="right-panel"
156953
- >
156954
- <PreviewSection
156955
- unifiedPreviewProps={
156956
- Object {
156957
- "channel": "RCS",
156958
- "content": Object {
156959
- "suggestions": Array [
156960
- Object {
156961
- "index": 0,
156962
- "isSaved": true,
156963
- "phoneNumber": "",
156964
- "postback": "stop",
156965
- "text": "stop",
156966
- "type": "QUICK_REPLY",
156967
- "url": null,
156968
- },
156969
- ],
156970
- "templateHeader": "",
156971
- "templateMessage": "",
156972
- },
156973
- "device": "desktop",
156974
- "error": null,
156975
- "formatMessage": [Function],
156976
- "isUpdating": false,
156977
- "lastModified": undefined,
156978
- "onDeviceChange": [Function],
156979
- "selectedCustomer": null,
156980
- "showDeviceToggle": true,
156981
- "updatedByName": undefined,
156982
- }
156983
- }
156984
- />
156985
157174
  </CapRow>
156986
- </CapRow>
156987
- </CapRow>
157175
+ </CapSpin>
157176
+ </div>
156988
157177
  }
156989
157178
  handleClose={[Function]}
156990
157179
  header={
@@ -168236,6 +168425,7 @@ new message content.",
168236
168425
  <InjectIntl(TestAndPreviewSlidebox)
168237
168426
  actions={
168238
168427
  Object {
168428
+ "addTestCustomer": [Function],
168239
168429
  "clearCustomerSearchState": [Function],
168240
168430
  "clearPrefilledValues": [Function],
168241
168431
  "clearPreviewErrors": [Function],
@@ -168303,6 +168493,7 @@ new message content.",
168303
168493
  <TestAndPreviewSlidebox
168304
168494
  actions={
168305
168495
  Object {
168496
+ "addTestCustomer": [Function],
168306
168497
  "clearCustomerSearchState": [Function],
168307
168498
  "clearPrefilledValues": [Function],
168308
168499
  "clearPreviewErrors": [Function],
@@ -170619,6 +170810,7 @@ new message content.",
170619
170810
  <CommonTestAndPreview
170620
170811
  actions={
170621
170812
  Object {
170813
+ "addTestCustomer": [Function],
170622
170814
  "clearCustomerSearchState": [Function],
170623
170815
  "clearPrefilledValues": [Function],
170624
170816
  "clearPreviewErrors": [Function],
@@ -172952,130 +173144,148 @@ new message content.",
172952
173144
  closeIconSize="m"
172953
173145
  closeIconType="close"
172954
173146
  content={
172955
- <CapRow
172956
- className="test-preview-container"
173147
+ <div
173148
+ className="common-test-and-preview-notification-container"
173149
+ style={
173150
+ Object {
173151
+ "height": "100%",
173152
+ "position": "relative",
173153
+ }
173154
+ }
172957
173155
  >
172958
- <CapRow
172959
- className="test-and-preview-panels"
173156
+ <CapSpin
173157
+ className="common-test-preview-lookup-spin "
173158
+ spinning={false}
172960
173159
  >
172961
173160
  <CapRow
172962
- className="left-panel"
173161
+ className="test-preview-container"
172963
173162
  >
172964
- <LeftPanelContent
172965
- customers={Immutable.List []}
172966
- enableCustomerSearch={true}
172967
- enableTagExtraction={true}
172968
- error7078Message={null}
172969
- extractedTags={Immutable.List []}
172970
- handleClearSelection={[Function]}
172971
- handleCustomerSelect={[Function]}
172972
- handleExtractTags={[Function]}
172973
- handleSearchCustomer={[Function]}
172974
- isExtractingTags={false}
172975
- isSearchingCustomer={false}
172976
- renderCustomValuesEditor={[Function]}
172977
- selectedCustomer={null}
172978
- tagsExtracted={false}
172979
- />
172980
- <CapDivider
172981
- className="panel-divider"
172982
- />
172983
173163
  <CapRow
172984
- className="panel-section send-test-section"
173164
+ className="test-and-preview-panels"
172985
173165
  >
172986
- <SendTestMessage
172987
- channel="RCS"
172988
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
172989
- deliverySettings={Object {}}
172990
- formData={
172991
- Object {
172992
- "suggestions": Array [
173166
+ <CapRow
173167
+ className="left-panel"
173168
+ >
173169
+ <LeftPanelContent
173170
+ customers={Immutable.List []}
173171
+ enableCustomerSearch={true}
173172
+ enableTagExtraction={true}
173173
+ error7078Message={null}
173174
+ extractedTags={Immutable.List []}
173175
+ handleClearSelection={[Function]}
173176
+ handleCustomerSelect={[Function]}
173177
+ handleExtractTags={[Function]}
173178
+ handleSearchCustomer={[Function]}
173179
+ isExtractingTags={false}
173180
+ isSearchingCustomer={false}
173181
+ renderCustomValuesEditor={[Function]}
173182
+ selectedCustomer={null}
173183
+ tagsExtracted={false}
173184
+ />
173185
+ <CapDivider
173186
+ className="panel-divider"
173187
+ />
173188
+ <CapRow
173189
+ className="panel-section send-test-section"
173190
+ >
173191
+ <SendTestMessage
173192
+ channel="RCS"
173193
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
173194
+ deliverySettings={Object {}}
173195
+ formData={
172993
173196
  Object {
172994
- "index": 0,
172995
- "isSaved": true,
172996
- "phoneNumber": "",
172997
- "postback": "stop",
172998
- "text": "stop",
172999
- "type": "QUICK_REPLY",
173000
- "url": null,
173197
+ "suggestions": Array [
173198
+ Object {
173199
+ "index": 0,
173200
+ "isSaved": true,
173201
+ "phoneNumber": "",
173202
+ "postback": "stop",
173203
+ "text": "stop",
173204
+ "type": "QUICK_REPLY",
173205
+ "url": null,
173206
+ },
173207
+ ],
173208
+ "templateHeader": "",
173209
+ "templateMessage": "",
173210
+ }
173211
+ }
173212
+ formatMessage={[Function]}
173213
+ handleSendTestMessage={[Function]}
173214
+ handleTestEntitiesChange={[Function]}
173215
+ isFetchingTestCustomers={false}
173216
+ isFetchingTestGroups={false}
173217
+ isLoadingSenderDetails={false}
173218
+ isSendingTestMessage={false}
173219
+ onSaveDeliverySettings={[Function]}
173220
+ registeredSenderIds={Array []}
173221
+ renderAddTestCustomerButton={[Function]}
173222
+ searchValue=""
173223
+ selectedTestEntities={Array []}
173224
+ senderDetailsOptions={Array []}
173225
+ setSearchValue={[Function]}
173226
+ smsTraiDltEnabled={false}
173227
+ testEntitiesTreeData={
173228
+ Array [
173229
+ Object {
173230
+ "children": Immutable.List [],
173231
+ "selectable": false,
173232
+ "title": "Groups",
173233
+ "value": "groups-node",
173234
+ },
173235
+ Object {
173236
+ "children": Immutable.List [],
173237
+ "selectable": false,
173238
+ "title": "Individuals",
173239
+ "value": "customers-node",
173240
+ },
173241
+ ]
173242
+ }
173243
+ wecrmAccounts={Array []}
173244
+ />
173245
+ </CapRow>
173246
+ <CapDivider
173247
+ className="panel-divider"
173248
+ />
173249
+ </CapRow>
173250
+ <CapRow
173251
+ className="right-panel"
173252
+ >
173253
+ <PreviewSection
173254
+ unifiedPreviewProps={
173255
+ Object {
173256
+ "channel": "RCS",
173257
+ "content": Object {
173258
+ "suggestions": Array [
173259
+ Object {
173260
+ "index": 0,
173261
+ "isSaved": true,
173262
+ "phoneNumber": "",
173263
+ "postback": "stop",
173264
+ "text": "stop",
173265
+ "type": "QUICK_REPLY",
173266
+ "url": null,
173267
+ },
173268
+ ],
173269
+ "templateHeader": "",
173270
+ "templateMessage": "",
173001
173271
  },
173002
- ],
173003
- "templateHeader": "",
173004
- "templateMessage": "",
173272
+ "device": "desktop",
173273
+ "error": null,
173274
+ "formatMessage": [Function],
173275
+ "isUpdating": false,
173276
+ "lastModified": undefined,
173277
+ "onDeviceChange": [Function],
173278
+ "selectedCustomer": null,
173279
+ "showDeviceToggle": true,
173280
+ "updatedByName": undefined,
173281
+ }
173005
173282
  }
173006
- }
173007
- formatMessage={[Function]}
173008
- handleSendTestMessage={[Function]}
173009
- handleTestEntitiesChange={[Function]}
173010
- isFetchingTestCustomers={false}
173011
- isFetchingTestGroups={false}
173012
- isLoadingSenderDetails={false}
173013
- isSendingTestMessage={false}
173014
- onSaveDeliverySettings={[Function]}
173015
- registeredSenderIds={Array []}
173016
- selectedTestEntities={Array []}
173017
- senderDetailsOptions={Array []}
173018
- smsTraiDltEnabled={false}
173019
- testEntitiesTreeData={
173020
- Array [
173021
- Object {
173022
- "children": Immutable.List [],
173023
- "selectable": false,
173024
- "title": "Groups",
173025
- "value": "groups-node",
173026
- },
173027
- Object {
173028
- "children": Immutable.List [],
173029
- "selectable": false,
173030
- "title": "Individuals",
173031
- "value": "customers-node",
173032
- },
173033
- ]
173034
- }
173035
- wecrmAccounts={Array []}
173036
- />
173283
+ />
173284
+ </CapRow>
173037
173285
  </CapRow>
173038
- <CapDivider
173039
- className="panel-divider"
173040
- />
173041
- </CapRow>
173042
- <CapRow
173043
- className="right-panel"
173044
- >
173045
- <PreviewSection
173046
- unifiedPreviewProps={
173047
- Object {
173048
- "channel": "RCS",
173049
- "content": Object {
173050
- "suggestions": Array [
173051
- Object {
173052
- "index": 0,
173053
- "isSaved": true,
173054
- "phoneNumber": "",
173055
- "postback": "stop",
173056
- "text": "stop",
173057
- "type": "QUICK_REPLY",
173058
- "url": null,
173059
- },
173060
- ],
173061
- "templateHeader": "",
173062
- "templateMessage": "",
173063
- },
173064
- "device": "desktop",
173065
- "error": null,
173066
- "formatMessage": [Function],
173067
- "isUpdating": false,
173068
- "lastModified": undefined,
173069
- "onDeviceChange": [Function],
173070
- "selectedCustomer": null,
173071
- "showDeviceToggle": true,
173072
- "updatedByName": undefined,
173073
- }
173074
- }
173075
- />
173076
173286
  </CapRow>
173077
- </CapRow>
173078
- </CapRow>
173287
+ </CapSpin>
173288
+ </div>
173079
173289
  }
173080
173290
  handleClose={[Function]}
173081
173291
  header={
@@ -184327,6 +184537,7 @@ new message content.",
184327
184537
  <InjectIntl(TestAndPreviewSlidebox)
184328
184538
  actions={
184329
184539
  Object {
184540
+ "addTestCustomer": [Function],
184330
184541
  "clearCustomerSearchState": [Function],
184331
184542
  "clearPrefilledValues": [Function],
184332
184543
  "clearPreviewErrors": [Function],
@@ -184394,6 +184605,7 @@ new message content.",
184394
184605
  <TestAndPreviewSlidebox
184395
184606
  actions={
184396
184607
  Object {
184608
+ "addTestCustomer": [Function],
184397
184609
  "clearCustomerSearchState": [Function],
184398
184610
  "clearPrefilledValues": [Function],
184399
184611
  "clearPreviewErrors": [Function],
@@ -186710,6 +186922,7 @@ new message content.",
186710
186922
  <CommonTestAndPreview
186711
186923
  actions={
186712
186924
  Object {
186925
+ "addTestCustomer": [Function],
186713
186926
  "clearCustomerSearchState": [Function],
186714
186927
  "clearPrefilledValues": [Function],
186715
186928
  "clearPreviewErrors": [Function],
@@ -189043,130 +189256,148 @@ new message content.",
189043
189256
  closeIconSize="m"
189044
189257
  closeIconType="close"
189045
189258
  content={
189046
- <CapRow
189047
- className="test-preview-container"
189259
+ <div
189260
+ className="common-test-and-preview-notification-container"
189261
+ style={
189262
+ Object {
189263
+ "height": "100%",
189264
+ "position": "relative",
189265
+ }
189266
+ }
189048
189267
  >
189049
- <CapRow
189050
- className="test-and-preview-panels"
189268
+ <CapSpin
189269
+ className="common-test-preview-lookup-spin "
189270
+ spinning={false}
189051
189271
  >
189052
189272
  <CapRow
189053
- className="left-panel"
189273
+ className="test-preview-container"
189054
189274
  >
189055
- <LeftPanelContent
189056
- customers={Immutable.List []}
189057
- enableCustomerSearch={true}
189058
- enableTagExtraction={true}
189059
- error7078Message={null}
189060
- extractedTags={Immutable.List []}
189061
- handleClearSelection={[Function]}
189062
- handleCustomerSelect={[Function]}
189063
- handleExtractTags={[Function]}
189064
- handleSearchCustomer={[Function]}
189065
- isExtractingTags={false}
189066
- isSearchingCustomer={false}
189067
- renderCustomValuesEditor={[Function]}
189068
- selectedCustomer={null}
189069
- tagsExtracted={false}
189070
- />
189071
- <CapDivider
189072
- className="panel-divider"
189073
- />
189074
189275
  <CapRow
189075
- className="panel-section send-test-section"
189276
+ className="test-and-preview-panels"
189076
189277
  >
189077
- <SendTestMessage
189078
- channel="RCS"
189079
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
189080
- deliverySettings={Object {}}
189081
- formData={
189082
- Object {
189083
- "suggestions": Array [
189278
+ <CapRow
189279
+ className="left-panel"
189280
+ >
189281
+ <LeftPanelContent
189282
+ customers={Immutable.List []}
189283
+ enableCustomerSearch={true}
189284
+ enableTagExtraction={true}
189285
+ error7078Message={null}
189286
+ extractedTags={Immutable.List []}
189287
+ handleClearSelection={[Function]}
189288
+ handleCustomerSelect={[Function]}
189289
+ handleExtractTags={[Function]}
189290
+ handleSearchCustomer={[Function]}
189291
+ isExtractingTags={false}
189292
+ isSearchingCustomer={false}
189293
+ renderCustomValuesEditor={[Function]}
189294
+ selectedCustomer={null}
189295
+ tagsExtracted={false}
189296
+ />
189297
+ <CapDivider
189298
+ className="panel-divider"
189299
+ />
189300
+ <CapRow
189301
+ className="panel-section send-test-section"
189302
+ >
189303
+ <SendTestMessage
189304
+ channel="RCS"
189305
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
189306
+ deliverySettings={Object {}}
189307
+ formData={
189084
189308
  Object {
189085
- "index": 0,
189086
- "isSaved": true,
189087
- "phoneNumber": "",
189088
- "postback": "stop",
189089
- "text": "stop",
189090
- "type": "QUICK_REPLY",
189091
- "url": null,
189309
+ "suggestions": Array [
189310
+ Object {
189311
+ "index": 0,
189312
+ "isSaved": true,
189313
+ "phoneNumber": "",
189314
+ "postback": "stop",
189315
+ "text": "stop",
189316
+ "type": "QUICK_REPLY",
189317
+ "url": null,
189318
+ },
189319
+ ],
189320
+ "templateHeader": "",
189321
+ "templateMessage": "",
189322
+ }
189323
+ }
189324
+ formatMessage={[Function]}
189325
+ handleSendTestMessage={[Function]}
189326
+ handleTestEntitiesChange={[Function]}
189327
+ isFetchingTestCustomers={false}
189328
+ isFetchingTestGroups={false}
189329
+ isLoadingSenderDetails={false}
189330
+ isSendingTestMessage={false}
189331
+ onSaveDeliverySettings={[Function]}
189332
+ registeredSenderIds={Array []}
189333
+ renderAddTestCustomerButton={[Function]}
189334
+ searchValue=""
189335
+ selectedTestEntities={Array []}
189336
+ senderDetailsOptions={Array []}
189337
+ setSearchValue={[Function]}
189338
+ smsTraiDltEnabled={false}
189339
+ testEntitiesTreeData={
189340
+ Array [
189341
+ Object {
189342
+ "children": Immutable.List [],
189343
+ "selectable": false,
189344
+ "title": "Groups",
189345
+ "value": "groups-node",
189346
+ },
189347
+ Object {
189348
+ "children": Immutable.List [],
189349
+ "selectable": false,
189350
+ "title": "Individuals",
189351
+ "value": "customers-node",
189352
+ },
189353
+ ]
189354
+ }
189355
+ wecrmAccounts={Array []}
189356
+ />
189357
+ </CapRow>
189358
+ <CapDivider
189359
+ className="panel-divider"
189360
+ />
189361
+ </CapRow>
189362
+ <CapRow
189363
+ className="right-panel"
189364
+ >
189365
+ <PreviewSection
189366
+ unifiedPreviewProps={
189367
+ Object {
189368
+ "channel": "RCS",
189369
+ "content": Object {
189370
+ "suggestions": Array [
189371
+ Object {
189372
+ "index": 0,
189373
+ "isSaved": true,
189374
+ "phoneNumber": "",
189375
+ "postback": "stop",
189376
+ "text": "stop",
189377
+ "type": "QUICK_REPLY",
189378
+ "url": null,
189379
+ },
189380
+ ],
189381
+ "templateHeader": "",
189382
+ "templateMessage": "",
189092
189383
  },
189093
- ],
189094
- "templateHeader": "",
189095
- "templateMessage": "",
189384
+ "device": "desktop",
189385
+ "error": null,
189386
+ "formatMessage": [Function],
189387
+ "isUpdating": false,
189388
+ "lastModified": undefined,
189389
+ "onDeviceChange": [Function],
189390
+ "selectedCustomer": null,
189391
+ "showDeviceToggle": true,
189392
+ "updatedByName": undefined,
189393
+ }
189096
189394
  }
189097
- }
189098
- formatMessage={[Function]}
189099
- handleSendTestMessage={[Function]}
189100
- handleTestEntitiesChange={[Function]}
189101
- isFetchingTestCustomers={false}
189102
- isFetchingTestGroups={false}
189103
- isLoadingSenderDetails={false}
189104
- isSendingTestMessage={false}
189105
- onSaveDeliverySettings={[Function]}
189106
- registeredSenderIds={Array []}
189107
- selectedTestEntities={Array []}
189108
- senderDetailsOptions={Array []}
189109
- smsTraiDltEnabled={false}
189110
- testEntitiesTreeData={
189111
- Array [
189112
- Object {
189113
- "children": Immutable.List [],
189114
- "selectable": false,
189115
- "title": "Groups",
189116
- "value": "groups-node",
189117
- },
189118
- Object {
189119
- "children": Immutable.List [],
189120
- "selectable": false,
189121
- "title": "Individuals",
189122
- "value": "customers-node",
189123
- },
189124
- ]
189125
- }
189126
- wecrmAccounts={Array []}
189127
- />
189395
+ />
189396
+ </CapRow>
189128
189397
  </CapRow>
189129
- <CapDivider
189130
- className="panel-divider"
189131
- />
189132
- </CapRow>
189133
- <CapRow
189134
- className="right-panel"
189135
- >
189136
- <PreviewSection
189137
- unifiedPreviewProps={
189138
- Object {
189139
- "channel": "RCS",
189140
- "content": Object {
189141
- "suggestions": Array [
189142
- Object {
189143
- "index": 0,
189144
- "isSaved": true,
189145
- "phoneNumber": "",
189146
- "postback": "stop",
189147
- "text": "stop",
189148
- "type": "QUICK_REPLY",
189149
- "url": null,
189150
- },
189151
- ],
189152
- "templateHeader": "",
189153
- "templateMessage": "",
189154
- },
189155
- "device": "desktop",
189156
- "error": null,
189157
- "formatMessage": [Function],
189158
- "isUpdating": false,
189159
- "lastModified": undefined,
189160
- "onDeviceChange": [Function],
189161
- "selectedCustomer": null,
189162
- "showDeviceToggle": true,
189163
- "updatedByName": undefined,
189164
- }
189165
- }
189166
- />
189167
189398
  </CapRow>
189168
- </CapRow>
189169
- </CapRow>
189399
+ </CapSpin>
189400
+ </div>
189170
189401
  }
189171
189402
  handleClose={[Function]}
189172
189403
  header={
@@ -196940,6 +197171,7 @@ new message content.",
196940
197171
  <InjectIntl(TestAndPreviewSlidebox)
196941
197172
  actions={
196942
197173
  Object {
197174
+ "addTestCustomer": [Function],
196943
197175
  "clearCustomerSearchState": [Function],
196944
197176
  "clearPrefilledValues": [Function],
196945
197177
  "clearPreviewErrors": [Function],
@@ -196996,6 +197228,7 @@ new message content.",
196996
197228
  <TestAndPreviewSlidebox
196997
197229
  actions={
196998
197230
  Object {
197231
+ "addTestCustomer": [Function],
196999
197232
  "clearCustomerSearchState": [Function],
197000
197233
  "clearPrefilledValues": [Function],
197001
197234
  "clearPreviewErrors": [Function],
@@ -199301,6 +199534,7 @@ new message content.",
199301
199534
  <CommonTestAndPreview
199302
199535
  actions={
199303
199536
  Object {
199537
+ "addTestCustomer": [Function],
199304
199538
  "clearCustomerSearchState": [Function],
199305
199539
  "clearPrefilledValues": [Function],
199306
199540
  "clearPreviewErrors": [Function],
@@ -201623,108 +201857,126 @@ new message content.",
201623
201857
  closeIconSize="m"
201624
201858
  closeIconType="close"
201625
201859
  content={
201626
- <CapRow
201627
- className="test-preview-container"
201860
+ <div
201861
+ className="common-test-and-preview-notification-container"
201862
+ style={
201863
+ Object {
201864
+ "height": "100%",
201865
+ "position": "relative",
201866
+ }
201867
+ }
201628
201868
  >
201629
- <CapRow
201630
- className="test-and-preview-panels"
201869
+ <CapSpin
201870
+ className="common-test-preview-lookup-spin "
201871
+ spinning={false}
201631
201872
  >
201632
201873
  <CapRow
201633
- className="left-panel"
201874
+ className="test-preview-container"
201634
201875
  >
201635
- <LeftPanelContent
201636
- customers={Immutable.List []}
201637
- enableCustomerSearch={true}
201638
- enableTagExtraction={true}
201639
- error7078Message={null}
201640
- extractedTags={Immutable.List []}
201641
- handleClearSelection={[Function]}
201642
- handleCustomerSelect={[Function]}
201643
- handleExtractTags={[Function]}
201644
- handleSearchCustomer={[Function]}
201645
- isExtractingTags={false}
201646
- isSearchingCustomer={false}
201647
- renderCustomValuesEditor={[Function]}
201648
- selectedCustomer={null}
201649
- tagsExtracted={false}
201650
- />
201651
- <CapDivider
201652
- className="panel-divider"
201653
- />
201654
201876
  <CapRow
201655
- className="panel-section send-test-section"
201877
+ className="test-and-preview-panels"
201656
201878
  >
201657
- <SendTestMessage
201658
- channel="RCS"
201659
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\"}"
201660
- deliverySettings={Object {}}
201661
- formData={
201662
- Object {
201663
- "templateHeader": "",
201664
- "templateMessage": "",
201665
- }
201666
- }
201667
- formatMessage={[Function]}
201668
- handleSendTestMessage={[Function]}
201669
- handleTestEntitiesChange={[Function]}
201670
- isFetchingTestCustomers={false}
201671
- isFetchingTestGroups={false}
201672
- isLoadingSenderDetails={false}
201673
- isSendingTestMessage={false}
201674
- onSaveDeliverySettings={[Function]}
201675
- registeredSenderIds={Array []}
201676
- selectedTestEntities={Array []}
201677
- senderDetailsOptions={Array []}
201678
- smsTraiDltEnabled={false}
201679
- testEntitiesTreeData={
201680
- Array [
201681
- Object {
201682
- "children": Immutable.List [],
201683
- "selectable": false,
201684
- "title": "Groups",
201685
- "value": "groups-node",
201686
- },
201879
+ <CapRow
201880
+ className="left-panel"
201881
+ >
201882
+ <LeftPanelContent
201883
+ customers={Immutable.List []}
201884
+ enableCustomerSearch={true}
201885
+ enableTagExtraction={true}
201886
+ error7078Message={null}
201887
+ extractedTags={Immutable.List []}
201888
+ handleClearSelection={[Function]}
201889
+ handleCustomerSelect={[Function]}
201890
+ handleExtractTags={[Function]}
201891
+ handleSearchCustomer={[Function]}
201892
+ isExtractingTags={false}
201893
+ isSearchingCustomer={false}
201894
+ renderCustomValuesEditor={[Function]}
201895
+ selectedCustomer={null}
201896
+ tagsExtracted={false}
201897
+ />
201898
+ <CapDivider
201899
+ className="panel-divider"
201900
+ />
201901
+ <CapRow
201902
+ className="panel-section send-test-section"
201903
+ >
201904
+ <SendTestMessage
201905
+ channel="RCS"
201906
+ content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\"}"
201907
+ deliverySettings={Object {}}
201908
+ formData={
201909
+ Object {
201910
+ "templateHeader": "",
201911
+ "templateMessage": "",
201912
+ }
201913
+ }
201914
+ formatMessage={[Function]}
201915
+ handleSendTestMessage={[Function]}
201916
+ handleTestEntitiesChange={[Function]}
201917
+ isFetchingTestCustomers={false}
201918
+ isFetchingTestGroups={false}
201919
+ isLoadingSenderDetails={false}
201920
+ isSendingTestMessage={false}
201921
+ onSaveDeliverySettings={[Function]}
201922
+ registeredSenderIds={Array []}
201923
+ renderAddTestCustomerButton={[Function]}
201924
+ searchValue=""
201925
+ selectedTestEntities={Array []}
201926
+ senderDetailsOptions={Array []}
201927
+ setSearchValue={[Function]}
201928
+ smsTraiDltEnabled={false}
201929
+ testEntitiesTreeData={
201930
+ Array [
201931
+ Object {
201932
+ "children": Immutable.List [],
201933
+ "selectable": false,
201934
+ "title": "Groups",
201935
+ "value": "groups-node",
201936
+ },
201937
+ Object {
201938
+ "children": Immutable.List [],
201939
+ "selectable": false,
201940
+ "title": "Individuals",
201941
+ "value": "customers-node",
201942
+ },
201943
+ ]
201944
+ }
201945
+ wecrmAccounts={Array []}
201946
+ />
201947
+ </CapRow>
201948
+ <CapDivider
201949
+ className="panel-divider"
201950
+ />
201951
+ </CapRow>
201952
+ <CapRow
201953
+ className="right-panel"
201954
+ >
201955
+ <PreviewSection
201956
+ unifiedPreviewProps={
201687
201957
  Object {
201688
- "children": Immutable.List [],
201689
- "selectable": false,
201690
- "title": "Individuals",
201691
- "value": "customers-node",
201692
- },
201693
- ]
201694
- }
201695
- wecrmAccounts={Array []}
201696
- />
201958
+ "channel": "RCS",
201959
+ "content": Object {
201960
+ "templateHeader": "",
201961
+ "templateMessage": "",
201962
+ },
201963
+ "device": "desktop",
201964
+ "error": null,
201965
+ "formatMessage": [Function],
201966
+ "isUpdating": false,
201967
+ "lastModified": undefined,
201968
+ "onDeviceChange": [Function],
201969
+ "selectedCustomer": null,
201970
+ "showDeviceToggle": true,
201971
+ "updatedByName": undefined,
201972
+ }
201973
+ }
201974
+ />
201975
+ </CapRow>
201697
201976
  </CapRow>
201698
- <CapDivider
201699
- className="panel-divider"
201700
- />
201701
201977
  </CapRow>
201702
- <CapRow
201703
- className="right-panel"
201704
- >
201705
- <PreviewSection
201706
- unifiedPreviewProps={
201707
- Object {
201708
- "channel": "RCS",
201709
- "content": Object {
201710
- "templateHeader": "",
201711
- "templateMessage": "",
201712
- },
201713
- "device": "desktop",
201714
- "error": null,
201715
- "formatMessage": [Function],
201716
- "isUpdating": false,
201717
- "lastModified": undefined,
201718
- "onDeviceChange": [Function],
201719
- "selectedCustomer": null,
201720
- "showDeviceToggle": true,
201721
- "updatedByName": undefined,
201722
- }
201723
- }
201724
- />
201725
- </CapRow>
201726
- </CapRow>
201727
- </CapRow>
201978
+ </CapSpin>
201979
+ </div>
201728
201980
  }
201729
201981
  handleClose={[Function]}
201730
201982
  header={