@capillarytech/creatives-library 8.0.299-alpha.3 → 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 (7) hide show
  1. package/package.json +1 -1
  2. package/v2Components/CommonTestAndPreview/_commonTestAndPreview.scss +11 -0
  3. package/v2Components/CommonTestAndPreview/index.js +16 -1
  4. package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap +1480 -1360
  5. package/v2Containers/SmsTrai/Edit/tests/__snapshots__/index.test.js.snap +339 -309
  6. package/v2Containers/TemplatesV2/TemplatesV2.style.js +9 -3
  7. package/v2Containers/Whatsapp/tests/__snapshots__/index.test.js.snap +5441 -5101
package/v2Containers/Rcs/tests/__snapshots__/index.test.js.snap CHANGED
@@ -15928,138 +15928,148 @@ new message content.",
15928
15928
  closeIconSize="m"
15929
15929
  closeIconType="close"
15930
15930
  content={
15931
- <CapSpin
15932
- className="common-test-preview-lookup-spin "
15933
- spinning={false}
15931
+ <div
15932
+ className="common-test-and-preview-notification-container"
15933
+ style={
15934
+ Object {
15935
+ "height": "100%",
15936
+ "position": "relative",
15937
+ }
15938
+ }
15934
15939
  >
15935
- <CapRow
15936
- className="test-preview-container"
15940
+ <CapSpin
15941
+ className="common-test-preview-lookup-spin "
15942
+ spinning={false}
15937
15943
  >
15938
15944
  <CapRow
15939
- className="test-and-preview-panels"
15945
+ className="test-preview-container"
15940
15946
  >
15941
15947
  <CapRow
15942
- className="left-panel"
15948
+ className="test-and-preview-panels"
15943
15949
  >
15944
- <LeftPanelContent
15945
- customers={Immutable.List []}
15946
- enableCustomerSearch={true}
15947
- enableTagExtraction={true}
15948
- error7078Message={null}
15949
- extractedTags={Immutable.List []}
15950
- handleClearSelection={[Function]}
15951
- handleCustomerSelect={[Function]}
15952
- handleExtractTags={[Function]}
15953
- handleSearchCustomer={[Function]}
15954
- isExtractingTags={false}
15955
- isSearchingCustomer={false}
15956
- renderCustomValuesEditor={[Function]}
15957
- selectedCustomer={null}
15958
- tagsExtracted={false}
15959
- />
15960
- <CapDivider
15961
- className="panel-divider"
15962
- />
15963
15950
  <CapRow
15964
- className="panel-section send-test-section"
15951
+ className="left-panel"
15965
15952
  >
15966
- <SendTestMessage
15967
- channel="RCS"
15968
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
15969
- deliverySettings={Object {}}
15970
- formData={
15971
- Object {
15972
- "suggestions": Array [
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={
15980
+ Object {
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 [
15973
16013
  Object {
15974
- "index": 0,
15975
- "isSaved": true,
15976
- "phoneNumber": "",
15977
- "postback": "stop",
15978
- "text": "stop",
15979
- "type": "QUICK_REPLY",
15980
- "url": null,
16014
+ "children": Immutable.List [],
16015
+ "selectable": false,
16016
+ "title": "Groups",
16017
+ "value": "groups-node",
15981
16018
  },
15982
- ],
15983
- "templateHeader": "",
15984
- "templateMessage": "",
16019
+ Object {
16020
+ "children": Immutable.List [],
16021
+ "selectable": false,
16022
+ "title": "Individuals",
16023
+ "value": "customers-node",
16024
+ },
16025
+ ]
15985
16026
  }
15986
- }
15987
- formatMessage={[Function]}
15988
- handleSendTestMessage={[Function]}
15989
- handleTestEntitiesChange={[Function]}
15990
- isFetchingTestCustomers={false}
15991
- isFetchingTestGroups={false}
15992
- isLoadingSenderDetails={false}
15993
- isSendingTestMessage={false}
15994
- onSaveDeliverySettings={[Function]}
15995
- registeredSenderIds={Array []}
15996
- renderAddTestCustomerButton={[Function]}
15997
- searchValue=""
15998
- selectedTestEntities={Array []}
15999
- senderDetailsOptions={Array []}
16000
- setSearchValue={[Function]}
16001
- smsTraiDltEnabled={false}
16002
- testEntitiesTreeData={
16003
- Array [
16004
- Object {
16005
- "children": Immutable.List [],
16006
- "selectable": false,
16007
- "title": "Groups",
16008
- "value": "groups-node",
16009
- },
16010
- Object {
16011
- "children": Immutable.List [],
16012
- "selectable": false,
16013
- "title": "Individuals",
16014
- "value": "customers-node",
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": "",
16015
16055
  },
16016
- ]
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
+ }
16017
16066
  }
16018
- wecrmAccounts={Array []}
16019
16067
  />
16020
16068
  </CapRow>
16021
- <CapDivider
16022
- className="panel-divider"
16023
- />
16024
- </CapRow>
16025
- <CapRow
16026
- className="right-panel"
16027
- >
16028
- <PreviewSection
16029
- unifiedPreviewProps={
16030
- Object {
16031
- "channel": "RCS",
16032
- "content": Object {
16033
- "suggestions": Array [
16034
- Object {
16035
- "index": 0,
16036
- "isSaved": true,
16037
- "phoneNumber": "",
16038
- "postback": "stop",
16039
- "text": "stop",
16040
- "type": "QUICK_REPLY",
16041
- "url": null,
16042
- },
16043
- ],
16044
- "templateHeader": "",
16045
- "templateMessage": "",
16046
- },
16047
- "device": "desktop",
16048
- "error": null,
16049
- "formatMessage": [Function],
16050
- "isUpdating": false,
16051
- "lastModified": undefined,
16052
- "onDeviceChange": [Function],
16053
- "selectedCustomer": null,
16054
- "showDeviceToggle": true,
16055
- "updatedByName": undefined,
16056
- }
16057
- }
16058
- />
16059
16069
  </CapRow>
16060
16070
  </CapRow>
16061
- </CapRow>
16062
- </CapSpin>
16071
+ </CapSpin>
16072
+ </div>
16063
16073
  }
16064
16074
  handleClose={[Function]}
16065
16075
  header={
@@ -32030,138 +32040,148 @@ new message content.",
32030
32040
  closeIconSize="m"
32031
32041
  closeIconType="close"
32032
32042
  content={
32033
- <CapSpin
32034
- className="common-test-preview-lookup-spin "
32035
- spinning={false}
32043
+ <div
32044
+ className="common-test-and-preview-notification-container"
32045
+ style={
32046
+ Object {
32047
+ "height": "100%",
32048
+ "position": "relative",
32049
+ }
32050
+ }
32036
32051
  >
32037
- <CapRow
32038
- className="test-preview-container"
32052
+ <CapSpin
32053
+ className="common-test-preview-lookup-spin "
32054
+ spinning={false}
32039
32055
  >
32040
32056
  <CapRow
32041
- className="test-and-preview-panels"
32057
+ className="test-preview-container"
32042
32058
  >
32043
32059
  <CapRow
32044
- className="left-panel"
32060
+ className="test-and-preview-panels"
32045
32061
  >
32046
- <LeftPanelContent
32047
- customers={Immutable.List []}
32048
- enableCustomerSearch={true}
32049
- enableTagExtraction={true}
32050
- error7078Message={null}
32051
- extractedTags={Immutable.List []}
32052
- handleClearSelection={[Function]}
32053
- handleCustomerSelect={[Function]}
32054
- handleExtractTags={[Function]}
32055
- handleSearchCustomer={[Function]}
32056
- isExtractingTags={false}
32057
- isSearchingCustomer={false}
32058
- renderCustomValuesEditor={[Function]}
32059
- selectedCustomer={null}
32060
- tagsExtracted={false}
32061
- />
32062
- <CapDivider
32063
- className="panel-divider"
32064
- />
32065
32062
  <CapRow
32066
- className="panel-section send-test-section"
32063
+ className="left-panel"
32067
32064
  >
32068
- <SendTestMessage
32069
- channel="RCS"
32070
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
32071
- deliverySettings={Object {}}
32072
- formData={
32073
- Object {
32074
- "suggestions": Array [
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={
32092
+ Object {
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 [
32075
32125
  Object {
32076
- "index": 0,
32077
- "isSaved": true,
32078
- "phoneNumber": "",
32079
- "postback": "stop",
32080
- "text": "stop",
32081
- "type": "QUICK_REPLY",
32082
- "url": null,
32126
+ "children": Immutable.List [],
32127
+ "selectable": false,
32128
+ "title": "Groups",
32129
+ "value": "groups-node",
32083
32130
  },
32084
- ],
32085
- "templateHeader": "",
32086
- "templateMessage": "",
32131
+ Object {
32132
+ "children": Immutable.List [],
32133
+ "selectable": false,
32134
+ "title": "Individuals",
32135
+ "value": "customers-node",
32136
+ },
32137
+ ]
32087
32138
  }
32088
- }
32089
- formatMessage={[Function]}
32090
- handleSendTestMessage={[Function]}
32091
- handleTestEntitiesChange={[Function]}
32092
- isFetchingTestCustomers={false}
32093
- isFetchingTestGroups={false}
32094
- isLoadingSenderDetails={false}
32095
- isSendingTestMessage={false}
32096
- onSaveDeliverySettings={[Function]}
32097
- registeredSenderIds={Array []}
32098
- renderAddTestCustomerButton={[Function]}
32099
- searchValue=""
32100
- selectedTestEntities={Array []}
32101
- senderDetailsOptions={Array []}
32102
- setSearchValue={[Function]}
32103
- smsTraiDltEnabled={false}
32104
- testEntitiesTreeData={
32105
- Array [
32106
- Object {
32107
- "children": Immutable.List [],
32108
- "selectable": false,
32109
- "title": "Groups",
32110
- "value": "groups-node",
32111
- },
32112
- Object {
32113
- "children": Immutable.List [],
32114
- "selectable": false,
32115
- "title": "Individuals",
32116
- "value": "customers-node",
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": "",
32117
32167
  },
32118
- ]
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
+ }
32119
32178
  }
32120
- wecrmAccounts={Array []}
32121
32179
  />
32122
32180
  </CapRow>
32123
- <CapDivider
32124
- className="panel-divider"
32125
- />
32126
- </CapRow>
32127
- <CapRow
32128
- className="right-panel"
32129
- >
32130
- <PreviewSection
32131
- unifiedPreviewProps={
32132
- Object {
32133
- "channel": "RCS",
32134
- "content": Object {
32135
- "suggestions": Array [
32136
- Object {
32137
- "index": 0,
32138
- "isSaved": true,
32139
- "phoneNumber": "",
32140
- "postback": "stop",
32141
- "text": "stop",
32142
- "type": "QUICK_REPLY",
32143
- "url": null,
32144
- },
32145
- ],
32146
- "templateHeader": "",
32147
- "templateMessage": "",
32148
- },
32149
- "device": "desktop",
32150
- "error": null,
32151
- "formatMessage": [Function],
32152
- "isUpdating": false,
32153
- "lastModified": undefined,
32154
- "onDeviceChange": [Function],
32155
- "selectedCustomer": null,
32156
- "showDeviceToggle": true,
32157
- "updatedByName": undefined,
32158
- }
32159
- }
32160
- />
32161
32181
  </CapRow>
32162
32182
  </CapRow>
32163
- </CapRow>
32164
- </CapSpin>
32183
+ </CapSpin>
32184
+ </div>
32165
32185
  }
32166
32186
  handleClose={[Function]}
32167
32187
  header={
@@ -48654,138 +48674,148 @@ new message content.",
48654
48674
  closeIconSize="m"
48655
48675
  closeIconType="close"
48656
48676
  content={
48657
- <CapSpin
48658
- className="common-test-preview-lookup-spin "
48659
- spinning={false}
48677
+ <div
48678
+ className="common-test-and-preview-notification-container"
48679
+ style={
48680
+ Object {
48681
+ "height": "100%",
48682
+ "position": "relative",
48683
+ }
48684
+ }
48660
48685
  >
48661
- <CapRow
48662
- className="test-preview-container"
48686
+ <CapSpin
48687
+ className="common-test-preview-lookup-spin "
48688
+ spinning={false}
48663
48689
  >
48664
48690
  <CapRow
48665
- className="test-and-preview-panels"
48691
+ className="test-preview-container"
48666
48692
  >
48667
48693
  <CapRow
48668
- className="left-panel"
48694
+ className="test-and-preview-panels"
48669
48695
  >
48670
- <LeftPanelContent
48671
- customers={Immutable.List []}
48672
- enableCustomerSearch={true}
48673
- enableTagExtraction={true}
48674
- error7078Message={null}
48675
- extractedTags={Immutable.List []}
48676
- handleClearSelection={[Function]}
48677
- handleCustomerSelect={[Function]}
48678
- handleExtractTags={[Function]}
48679
- handleSearchCustomer={[Function]}
48680
- isExtractingTags={false}
48681
- isSearchingCustomer={false}
48682
- renderCustomValuesEditor={[Function]}
48683
- selectedCustomer={null}
48684
- tagsExtracted={false}
48685
- />
48686
- <CapDivider
48687
- className="panel-divider"
48688
- />
48689
48696
  <CapRow
48690
- className="panel-section send-test-section"
48697
+ className="left-panel"
48691
48698
  >
48692
- <SendTestMessage
48693
- channel="RCS"
48694
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
48695
- deliverySettings={Object {}}
48696
- formData={
48697
- Object {
48698
- "suggestions": Array [
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={
48726
+ 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
+ }
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 [
48699
48759
  Object {
48700
- "index": 0,
48701
- "isSaved": true,
48702
- "phoneNumber": "",
48703
- "postback": "stop",
48704
- "text": "stop",
48705
- "type": "QUICK_REPLY",
48706
- "url": null,
48760
+ "children": Immutable.List [],
48761
+ "selectable": false,
48762
+ "title": "Groups",
48763
+ "value": "groups-node",
48707
48764
  },
48708
- ],
48709
- "templateHeader": "",
48710
- "templateMessage": "",
48765
+ Object {
48766
+ "children": Immutable.List [],
48767
+ "selectable": false,
48768
+ "title": "Individuals",
48769
+ "value": "customers-node",
48770
+ },
48771
+ ]
48711
48772
  }
48712
- }
48713
- formatMessage={[Function]}
48714
- handleSendTestMessage={[Function]}
48715
- handleTestEntitiesChange={[Function]}
48716
- isFetchingTestCustomers={false}
48717
- isFetchingTestGroups={false}
48718
- isLoadingSenderDetails={false}
48719
- isSendingTestMessage={false}
48720
- onSaveDeliverySettings={[Function]}
48721
- registeredSenderIds={Array []}
48722
- renderAddTestCustomerButton={[Function]}
48723
- searchValue=""
48724
- selectedTestEntities={Array []}
48725
- senderDetailsOptions={Array []}
48726
- setSearchValue={[Function]}
48727
- smsTraiDltEnabled={false}
48728
- testEntitiesTreeData={
48729
- Array [
48730
- Object {
48731
- "children": Immutable.List [],
48732
- "selectable": false,
48733
- "title": "Groups",
48734
- "value": "groups-node",
48735
- },
48736
- Object {
48737
- "children": Immutable.List [],
48738
- "selectable": false,
48739
- "title": "Individuals",
48740
- "value": "customers-node",
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": "",
48741
48801
  },
48742
- ]
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
+ }
48743
48812
  }
48744
- wecrmAccounts={Array []}
48745
48813
  />
48746
48814
  </CapRow>
48747
- <CapDivider
48748
- className="panel-divider"
48749
- />
48750
- </CapRow>
48751
- <CapRow
48752
- className="right-panel"
48753
- >
48754
- <PreviewSection
48755
- unifiedPreviewProps={
48756
- Object {
48757
- "channel": "RCS",
48758
- "content": Object {
48759
- "suggestions": Array [
48760
- Object {
48761
- "index": 0,
48762
- "isSaved": true,
48763
- "phoneNumber": "",
48764
- "postback": "stop",
48765
- "text": "stop",
48766
- "type": "QUICK_REPLY",
48767
- "url": null,
48768
- },
48769
- ],
48770
- "templateHeader": "",
48771
- "templateMessage": "",
48772
- },
48773
- "device": "desktop",
48774
- "error": null,
48775
- "formatMessage": [Function],
48776
- "isUpdating": false,
48777
- "lastModified": undefined,
48778
- "onDeviceChange": [Function],
48779
- "selectedCustomer": null,
48780
- "showDeviceToggle": true,
48781
- "updatedByName": undefined,
48782
- }
48783
- }
48784
- />
48785
48815
  </CapRow>
48786
48816
  </CapRow>
48787
- </CapRow>
48788
- </CapSpin>
48817
+ </CapSpin>
48818
+ </div>
48789
48819
  }
48790
48820
  handleClose={[Function]}
48791
48821
  header={
@@ -65826,138 +65856,148 @@ new message content.",
65826
65856
  closeIconSize="m"
65827
65857
  closeIconType="close"
65828
65858
  content={
65829
- <CapSpin
65830
- className="common-test-preview-lookup-spin "
65831
- spinning={false}
65859
+ <div
65860
+ className="common-test-and-preview-notification-container"
65861
+ style={
65862
+ Object {
65863
+ "height": "100%",
65864
+ "position": "relative",
65865
+ }
65866
+ }
65832
65867
  >
65833
- <CapRow
65834
- className="test-preview-container"
65868
+ <CapSpin
65869
+ className="common-test-preview-lookup-spin "
65870
+ spinning={false}
65835
65871
  >
65836
65872
  <CapRow
65837
- className="test-and-preview-panels"
65873
+ className="test-preview-container"
65838
65874
  >
65839
65875
  <CapRow
65840
- className="left-panel"
65876
+ className="test-and-preview-panels"
65841
65877
  >
65842
- <LeftPanelContent
65843
- customers={Immutable.List []}
65844
- enableCustomerSearch={true}
65845
- enableTagExtraction={true}
65846
- error7078Message={null}
65847
- extractedTags={Immutable.List []}
65848
- handleClearSelection={[Function]}
65849
- handleCustomerSelect={[Function]}
65850
- handleExtractTags={[Function]}
65851
- handleSearchCustomer={[Function]}
65852
- isExtractingTags={false}
65853
- isSearchingCustomer={false}
65854
- renderCustomValuesEditor={[Function]}
65855
- selectedCustomer={null}
65856
- tagsExtracted={false}
65857
- />
65858
- <CapDivider
65859
- className="panel-divider"
65860
- />
65861
65878
  <CapRow
65862
- className="panel-section send-test-section"
65879
+ className="left-panel"
65863
65880
  >
65864
- <SendTestMessage
65865
- channel="RCS"
65866
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
65867
- deliverySettings={Object {}}
65868
- formData={
65869
- Object {
65870
- "suggestions": Array [
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={
65908
+ Object {
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 [
65871
65941
  Object {
65872
- "index": 0,
65873
- "isSaved": true,
65874
- "phoneNumber": "",
65875
- "postback": "stop",
65876
- "text": "stop",
65877
- "type": "QUICK_REPLY",
65878
- "url": null,
65942
+ "children": Immutable.List [],
65943
+ "selectable": false,
65944
+ "title": "Groups",
65945
+ "value": "groups-node",
65879
65946
  },
65880
- ],
65881
- "templateHeader": "",
65882
- "templateMessage": "",
65947
+ Object {
65948
+ "children": Immutable.List [],
65949
+ "selectable": false,
65950
+ "title": "Individuals",
65951
+ "value": "customers-node",
65952
+ },
65953
+ ]
65883
65954
  }
65884
- }
65885
- formatMessage={[Function]}
65886
- handleSendTestMessage={[Function]}
65887
- handleTestEntitiesChange={[Function]}
65888
- isFetchingTestCustomers={false}
65889
- isFetchingTestGroups={false}
65890
- isLoadingSenderDetails={false}
65891
- isSendingTestMessage={false}
65892
- onSaveDeliverySettings={[Function]}
65893
- registeredSenderIds={Array []}
65894
- renderAddTestCustomerButton={[Function]}
65895
- searchValue=""
65896
- selectedTestEntities={Array []}
65897
- senderDetailsOptions={Array []}
65898
- setSearchValue={[Function]}
65899
- smsTraiDltEnabled={false}
65900
- testEntitiesTreeData={
65901
- Array [
65902
- Object {
65903
- "children": Immutable.List [],
65904
- "selectable": false,
65905
- "title": "Groups",
65906
- "value": "groups-node",
65907
- },
65908
- Object {
65909
- "children": Immutable.List [],
65910
- "selectable": false,
65911
- "title": "Individuals",
65912
- "value": "customers-node",
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": "",
65913
65983
  },
65914
- ]
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
+ }
65915
65994
  }
65916
- wecrmAccounts={Array []}
65917
65995
  />
65918
65996
  </CapRow>
65919
- <CapDivider
65920
- className="panel-divider"
65921
- />
65922
- </CapRow>
65923
- <CapRow
65924
- className="right-panel"
65925
- >
65926
- <PreviewSection
65927
- unifiedPreviewProps={
65928
- Object {
65929
- "channel": "RCS",
65930
- "content": Object {
65931
- "suggestions": Array [
65932
- Object {
65933
- "index": 0,
65934
- "isSaved": true,
65935
- "phoneNumber": "",
65936
- "postback": "stop",
65937
- "text": "stop",
65938
- "type": "QUICK_REPLY",
65939
- "url": null,
65940
- },
65941
- ],
65942
- "templateHeader": "",
65943
- "templateMessage": "",
65944
- },
65945
- "device": "desktop",
65946
- "error": null,
65947
- "formatMessage": [Function],
65948
- "isUpdating": false,
65949
- "lastModified": undefined,
65950
- "onDeviceChange": [Function],
65951
- "selectedCustomer": null,
65952
- "showDeviceToggle": true,
65953
- "updatedByName": undefined,
65954
- }
65955
- }
65956
- />
65957
65997
  </CapRow>
65958
65998
  </CapRow>
65959
- </CapRow>
65960
- </CapSpin>
65999
+ </CapSpin>
66000
+ </div>
65961
66001
  }
65962
66002
  handleClose={[Function]}
65963
66003
  header={
@@ -81928,138 +81968,148 @@ new message content.",
81928
81968
  closeIconSize="m"
81929
81969
  closeIconType="close"
81930
81970
  content={
81931
- <CapSpin
81932
- className="common-test-preview-lookup-spin "
81933
- spinning={false}
81971
+ <div
81972
+ className="common-test-and-preview-notification-container"
81973
+ style={
81974
+ Object {
81975
+ "height": "100%",
81976
+ "position": "relative",
81977
+ }
81978
+ }
81934
81979
  >
81935
- <CapRow
81936
- className="test-preview-container"
81980
+ <CapSpin
81981
+ className="common-test-preview-lookup-spin "
81982
+ spinning={false}
81937
81983
  >
81938
81984
  <CapRow
81939
- className="test-and-preview-panels"
81985
+ className="test-preview-container"
81940
81986
  >
81941
81987
  <CapRow
81942
- className="left-panel"
81988
+ className="test-and-preview-panels"
81943
81989
  >
81944
- <LeftPanelContent
81945
- customers={Immutable.List []}
81946
- enableCustomerSearch={true}
81947
- enableTagExtraction={true}
81948
- error7078Message={null}
81949
- extractedTags={Immutable.List []}
81950
- handleClearSelection={[Function]}
81951
- handleCustomerSelect={[Function]}
81952
- handleExtractTags={[Function]}
81953
- handleSearchCustomer={[Function]}
81954
- isExtractingTags={false}
81955
- isSearchingCustomer={false}
81956
- renderCustomValuesEditor={[Function]}
81957
- selectedCustomer={null}
81958
- tagsExtracted={false}
81959
- />
81960
- <CapDivider
81961
- className="panel-divider"
81962
- />
81963
81990
  <CapRow
81964
- className="panel-section send-test-section"
81991
+ className="left-panel"
81965
81992
  >
81966
- <SendTestMessage
81967
- channel="RCS"
81968
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
81969
- deliverySettings={Object {}}
81970
- formData={
81971
- Object {
81972
- "suggestions": Array [
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={
82020
+ Object {
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 [
81973
82053
  Object {
81974
- "index": 0,
81975
- "isSaved": true,
81976
- "phoneNumber": "",
81977
- "postback": "stop",
81978
- "text": "stop",
81979
- "type": "QUICK_REPLY",
81980
- "url": null,
82054
+ "children": Immutable.List [],
82055
+ "selectable": false,
82056
+ "title": "Groups",
82057
+ "value": "groups-node",
81981
82058
  },
81982
- ],
81983
- "templateHeader": "",
81984
- "templateMessage": "",
82059
+ Object {
82060
+ "children": Immutable.List [],
82061
+ "selectable": false,
82062
+ "title": "Individuals",
82063
+ "value": "customers-node",
82064
+ },
82065
+ ]
81985
82066
  }
81986
- }
81987
- formatMessage={[Function]}
81988
- handleSendTestMessage={[Function]}
81989
- handleTestEntitiesChange={[Function]}
81990
- isFetchingTestCustomers={false}
81991
- isFetchingTestGroups={false}
81992
- isLoadingSenderDetails={false}
81993
- isSendingTestMessage={false}
81994
- onSaveDeliverySettings={[Function]}
81995
- registeredSenderIds={Array []}
81996
- renderAddTestCustomerButton={[Function]}
81997
- searchValue=""
81998
- selectedTestEntities={Array []}
81999
- senderDetailsOptions={Array []}
82000
- setSearchValue={[Function]}
82001
- smsTraiDltEnabled={false}
82002
- testEntitiesTreeData={
82003
- Array [
82004
- Object {
82005
- "children": Immutable.List [],
82006
- "selectable": false,
82007
- "title": "Groups",
82008
- "value": "groups-node",
82009
- },
82010
- Object {
82011
- "children": Immutable.List [],
82012
- "selectable": false,
82013
- "title": "Individuals",
82014
- "value": "customers-node",
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": "",
82015
82095
  },
82016
- ]
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
+ }
82017
82106
  }
82018
- wecrmAccounts={Array []}
82019
82107
  />
82020
82108
  </CapRow>
82021
- <CapDivider
82022
- className="panel-divider"
82023
- />
82024
- </CapRow>
82025
- <CapRow
82026
- className="right-panel"
82027
- >
82028
- <PreviewSection
82029
- unifiedPreviewProps={
82030
- Object {
82031
- "channel": "RCS",
82032
- "content": Object {
82033
- "suggestions": Array [
82034
- Object {
82035
- "index": 0,
82036
- "isSaved": true,
82037
- "phoneNumber": "",
82038
- "postback": "stop",
82039
- "text": "stop",
82040
- "type": "QUICK_REPLY",
82041
- "url": null,
82042
- },
82043
- ],
82044
- "templateHeader": "",
82045
- "templateMessage": "",
82046
- },
82047
- "device": "desktop",
82048
- "error": null,
82049
- "formatMessage": [Function],
82050
- "isUpdating": false,
82051
- "lastModified": undefined,
82052
- "onDeviceChange": [Function],
82053
- "selectedCustomer": null,
82054
- "showDeviceToggle": true,
82055
- "updatedByName": undefined,
82056
- }
82057
- }
82058
- />
82059
82109
  </CapRow>
82060
82110
  </CapRow>
82061
- </CapRow>
82062
- </CapSpin>
82111
+ </CapSpin>
82112
+ </div>
82063
82113
  }
82064
82114
  handleClose={[Function]}
82065
82115
  header={
@@ -101346,138 +101396,148 @@ new message content.",
101346
101396
  closeIconSize="m"
101347
101397
  closeIconType="close"
101348
101398
  content={
101349
- <CapSpin
101350
- className="common-test-preview-lookup-spin "
101351
- spinning={false}
101399
+ <div
101400
+ className="common-test-and-preview-notification-container"
101401
+ style={
101402
+ Object {
101403
+ "height": "100%",
101404
+ "position": "relative",
101405
+ }
101406
+ }
101352
101407
  >
101353
- <CapRow
101354
- className="test-preview-container"
101408
+ <CapSpin
101409
+ className="common-test-preview-lookup-spin "
101410
+ spinning={false}
101355
101411
  >
101356
101412
  <CapRow
101357
- className="test-and-preview-panels"
101413
+ className="test-preview-container"
101358
101414
  >
101359
101415
  <CapRow
101360
- className="left-panel"
101416
+ className="test-and-preview-panels"
101361
101417
  >
101362
- <LeftPanelContent
101363
- customers={Immutable.List []}
101364
- enableCustomerSearch={true}
101365
- enableTagExtraction={true}
101366
- error7078Message={null}
101367
- extractedTags={Immutable.List []}
101368
- handleClearSelection={[Function]}
101369
- handleCustomerSelect={[Function]}
101370
- handleExtractTags={[Function]}
101371
- handleSearchCustomer={[Function]}
101372
- isExtractingTags={false}
101373
- isSearchingCustomer={false}
101374
- renderCustomValuesEditor={[Function]}
101375
- selectedCustomer={null}
101376
- tagsExtracted={false}
101377
- />
101378
- <CapDivider
101379
- className="panel-divider"
101380
- />
101381
101418
  <CapRow
101382
- className="panel-section send-test-section"
101419
+ className="left-panel"
101383
101420
  >
101384
- <SendTestMessage
101385
- channel="RCS"
101386
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
101387
- deliverySettings={Object {}}
101388
- formData={
101389
- Object {
101390
- "suggestions": Array [
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={
101448
+ Object {
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 [
101391
101481
  Object {
101392
- "index": 0,
101393
- "isSaved": true,
101394
- "phoneNumber": "",
101395
- "postback": "stop",
101396
- "text": "stop",
101397
- "type": "QUICK_REPLY",
101398
- "url": null,
101482
+ "children": Immutable.List [],
101483
+ "selectable": false,
101484
+ "title": "Groups",
101485
+ "value": "groups-node",
101399
101486
  },
101400
- ],
101401
- "templateHeader": "",
101402
- "templateMessage": "",
101487
+ Object {
101488
+ "children": Immutable.List [],
101489
+ "selectable": false,
101490
+ "title": "Individuals",
101491
+ "value": "customers-node",
101492
+ },
101493
+ ]
101403
101494
  }
101404
- }
101405
- formatMessage={[Function]}
101406
- handleSendTestMessage={[Function]}
101407
- handleTestEntitiesChange={[Function]}
101408
- isFetchingTestCustomers={false}
101409
- isFetchingTestGroups={false}
101410
- isLoadingSenderDetails={false}
101411
- isSendingTestMessage={false}
101412
- onSaveDeliverySettings={[Function]}
101413
- registeredSenderIds={Array []}
101414
- renderAddTestCustomerButton={[Function]}
101415
- searchValue=""
101416
- selectedTestEntities={Array []}
101417
- senderDetailsOptions={Array []}
101418
- setSearchValue={[Function]}
101419
- smsTraiDltEnabled={false}
101420
- testEntitiesTreeData={
101421
- Array [
101422
- Object {
101423
- "children": Immutable.List [],
101424
- "selectable": false,
101425
- "title": "Groups",
101426
- "value": "groups-node",
101427
- },
101428
- Object {
101429
- "children": Immutable.List [],
101430
- "selectable": false,
101431
- "title": "Individuals",
101432
- "value": "customers-node",
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": "",
101433
101523
  },
101434
- ]
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
+ }
101435
101534
  }
101436
- wecrmAccounts={Array []}
101437
101535
  />
101438
101536
  </CapRow>
101439
- <CapDivider
101440
- className="panel-divider"
101441
- />
101442
- </CapRow>
101443
- <CapRow
101444
- className="right-panel"
101445
- >
101446
- <PreviewSection
101447
- unifiedPreviewProps={
101448
- Object {
101449
- "channel": "RCS",
101450
- "content": Object {
101451
- "suggestions": Array [
101452
- Object {
101453
- "index": 0,
101454
- "isSaved": true,
101455
- "phoneNumber": "",
101456
- "postback": "stop",
101457
- "text": "stop",
101458
- "type": "QUICK_REPLY",
101459
- "url": null,
101460
- },
101461
- ],
101462
- "templateHeader": "",
101463
- "templateMessage": "",
101464
- },
101465
- "device": "desktop",
101466
- "error": null,
101467
- "formatMessage": [Function],
101468
- "isUpdating": false,
101469
- "lastModified": undefined,
101470
- "onDeviceChange": [Function],
101471
- "selectedCustomer": null,
101472
- "showDeviceToggle": true,
101473
- "updatedByName": undefined,
101474
- }
101475
- }
101476
- />
101477
101537
  </CapRow>
101478
101538
  </CapRow>
101479
- </CapRow>
101480
- </CapSpin>
101539
+ </CapSpin>
101540
+ </div>
101481
101541
  }
101482
101542
  handleClose={[Function]}
101483
101543
  header={
@@ -120764,138 +120824,148 @@ new message content.",
120764
120824
  closeIconSize="m"
120765
120825
  closeIconType="close"
120766
120826
  content={
120767
- <CapSpin
120768
- className="common-test-preview-lookup-spin "
120769
- spinning={false}
120827
+ <div
120828
+ className="common-test-and-preview-notification-container"
120829
+ style={
120830
+ Object {
120831
+ "height": "100%",
120832
+ "position": "relative",
120833
+ }
120834
+ }
120770
120835
  >
120771
- <CapRow
120772
- className="test-preview-container"
120836
+ <CapSpin
120837
+ className="common-test-preview-lookup-spin "
120838
+ spinning={false}
120773
120839
  >
120774
120840
  <CapRow
120775
- className="test-and-preview-panels"
120841
+ className="test-preview-container"
120776
120842
  >
120777
120843
  <CapRow
120778
- className="left-panel"
120844
+ className="test-and-preview-panels"
120779
120845
  >
120780
- <LeftPanelContent
120781
- customers={Immutable.List []}
120782
- enableCustomerSearch={true}
120783
- enableTagExtraction={true}
120784
- error7078Message={null}
120785
- extractedTags={Immutable.List []}
120786
- handleClearSelection={[Function]}
120787
- handleCustomerSelect={[Function]}
120788
- handleExtractTags={[Function]}
120789
- handleSearchCustomer={[Function]}
120790
- isExtractingTags={false}
120791
- isSearchingCustomer={false}
120792
- renderCustomValuesEditor={[Function]}
120793
- selectedCustomer={null}
120794
- tagsExtracted={false}
120795
- />
120796
- <CapDivider
120797
- className="panel-divider"
120798
- />
120799
120846
  <CapRow
120800
- className="panel-section send-test-section"
120847
+ className="left-panel"
120801
120848
  >
120802
- <SendTestMessage
120803
- channel="RCS"
120804
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
120805
- deliverySettings={Object {}}
120806
- formData={
120807
- Object {
120808
- "suggestions": Array [
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={
120876
+ Object {
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 [
120809
120909
  Object {
120810
- "index": 0,
120811
- "isSaved": true,
120812
- "phoneNumber": "",
120813
- "postback": "stop",
120814
- "text": "stop",
120815
- "type": "QUICK_REPLY",
120816
- "url": null,
120910
+ "children": Immutable.List [],
120911
+ "selectable": false,
120912
+ "title": "Groups",
120913
+ "value": "groups-node",
120817
120914
  },
120818
- ],
120819
- "templateHeader": "",
120820
- "templateMessage": "",
120915
+ Object {
120916
+ "children": Immutable.List [],
120917
+ "selectable": false,
120918
+ "title": "Individuals",
120919
+ "value": "customers-node",
120920
+ },
120921
+ ]
120821
120922
  }
120822
- }
120823
- formatMessage={[Function]}
120824
- handleSendTestMessage={[Function]}
120825
- handleTestEntitiesChange={[Function]}
120826
- isFetchingTestCustomers={false}
120827
- isFetchingTestGroups={false}
120828
- isLoadingSenderDetails={false}
120829
- isSendingTestMessage={false}
120830
- onSaveDeliverySettings={[Function]}
120831
- registeredSenderIds={Array []}
120832
- renderAddTestCustomerButton={[Function]}
120833
- searchValue=""
120834
- selectedTestEntities={Array []}
120835
- senderDetailsOptions={Array []}
120836
- setSearchValue={[Function]}
120837
- smsTraiDltEnabled={false}
120838
- testEntitiesTreeData={
120839
- Array [
120840
- Object {
120841
- "children": Immutable.List [],
120842
- "selectable": false,
120843
- "title": "Groups",
120844
- "value": "groups-node",
120845
- },
120846
- Object {
120847
- "children": Immutable.List [],
120848
- "selectable": false,
120849
- "title": "Individuals",
120850
- "value": "customers-node",
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": "",
120851
120951
  },
120852
- ]
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
+ }
120853
120962
  }
120854
- wecrmAccounts={Array []}
120855
120963
  />
120856
120964
  </CapRow>
120857
- <CapDivider
120858
- className="panel-divider"
120859
- />
120860
- </CapRow>
120861
- <CapRow
120862
- className="right-panel"
120863
- >
120864
- <PreviewSection
120865
- unifiedPreviewProps={
120866
- Object {
120867
- "channel": "RCS",
120868
- "content": Object {
120869
- "suggestions": Array [
120870
- Object {
120871
- "index": 0,
120872
- "isSaved": true,
120873
- "phoneNumber": "",
120874
- "postback": "stop",
120875
- "text": "stop",
120876
- "type": "QUICK_REPLY",
120877
- "url": null,
120878
- },
120879
- ],
120880
- "templateHeader": "",
120881
- "templateMessage": "",
120882
- },
120883
- "device": "desktop",
120884
- "error": null,
120885
- "formatMessage": [Function],
120886
- "isUpdating": false,
120887
- "lastModified": undefined,
120888
- "onDeviceChange": [Function],
120889
- "selectedCustomer": null,
120890
- "showDeviceToggle": true,
120891
- "updatedByName": undefined,
120892
- }
120893
- }
120894
- />
120895
120965
  </CapRow>
120896
120966
  </CapRow>
120897
- </CapRow>
120898
- </CapSpin>
120967
+ </CapSpin>
120968
+ </div>
120899
120969
  }
120900
120970
  handleClose={[Function]}
120901
120971
  header={
@@ -140850,138 +140920,148 @@ new message content.",
140850
140920
  closeIconSize="m"
140851
140921
  closeIconType="close"
140852
140922
  content={
140853
- <CapSpin
140854
- className="common-test-preview-lookup-spin "
140855
- spinning={false}
140923
+ <div
140924
+ className="common-test-and-preview-notification-container"
140925
+ style={
140926
+ Object {
140927
+ "height": "100%",
140928
+ "position": "relative",
140929
+ }
140930
+ }
140856
140931
  >
140857
- <CapRow
140858
- className="test-preview-container"
140932
+ <CapSpin
140933
+ className="common-test-preview-lookup-spin "
140934
+ spinning={false}
140859
140935
  >
140860
140936
  <CapRow
140861
- className="test-and-preview-panels"
140937
+ className="test-preview-container"
140862
140938
  >
140863
140939
  <CapRow
140864
- className="left-panel"
140940
+ className="test-and-preview-panels"
140865
140941
  >
140866
- <LeftPanelContent
140867
- customers={Immutable.List []}
140868
- enableCustomerSearch={true}
140869
- enableTagExtraction={true}
140870
- error7078Message={null}
140871
- extractedTags={Immutable.List []}
140872
- handleClearSelection={[Function]}
140873
- handleCustomerSelect={[Function]}
140874
- handleExtractTags={[Function]}
140875
- handleSearchCustomer={[Function]}
140876
- isExtractingTags={false}
140877
- isSearchingCustomer={false}
140878
- renderCustomValuesEditor={[Function]}
140879
- selectedCustomer={null}
140880
- tagsExtracted={false}
140881
- />
140882
- <CapDivider
140883
- className="panel-divider"
140884
- />
140885
140942
  <CapRow
140886
- className="panel-section send-test-section"
140943
+ className="left-panel"
140887
140944
  >
140888
- <SendTestMessage
140889
- channel="RCS"
140890
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
140891
- deliverySettings={Object {}}
140892
- formData={
140893
- Object {
140894
- "suggestions": Array [
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={
140972
+ Object {
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 [
140895
141005
  Object {
140896
- "index": 0,
140897
- "isSaved": true,
140898
- "phoneNumber": "",
140899
- "postback": "stop",
140900
- "text": "stop",
140901
- "type": "QUICK_REPLY",
140902
- "url": null,
141006
+ "children": Immutable.List [],
141007
+ "selectable": false,
141008
+ "title": "Groups",
141009
+ "value": "groups-node",
140903
141010
  },
140904
- ],
140905
- "templateHeader": "",
140906
- "templateMessage": "",
141011
+ Object {
141012
+ "children": Immutable.List [],
141013
+ "selectable": false,
141014
+ "title": "Individuals",
141015
+ "value": "customers-node",
141016
+ },
141017
+ ]
140907
141018
  }
140908
- }
140909
- formatMessage={[Function]}
140910
- handleSendTestMessage={[Function]}
140911
- handleTestEntitiesChange={[Function]}
140912
- isFetchingTestCustomers={false}
140913
- isFetchingTestGroups={false}
140914
- isLoadingSenderDetails={false}
140915
- isSendingTestMessage={false}
140916
- onSaveDeliverySettings={[Function]}
140917
- registeredSenderIds={Array []}
140918
- renderAddTestCustomerButton={[Function]}
140919
- searchValue=""
140920
- selectedTestEntities={Array []}
140921
- senderDetailsOptions={Array []}
140922
- setSearchValue={[Function]}
140923
- smsTraiDltEnabled={false}
140924
- testEntitiesTreeData={
140925
- Array [
140926
- Object {
140927
- "children": Immutable.List [],
140928
- "selectable": false,
140929
- "title": "Groups",
140930
- "value": "groups-node",
140931
- },
140932
- Object {
140933
- "children": Immutable.List [],
140934
- "selectable": false,
140935
- "title": "Individuals",
140936
- "value": "customers-node",
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": "",
140937
141047
  },
140938
- ]
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
+ }
140939
141058
  }
140940
- wecrmAccounts={Array []}
140941
141059
  />
140942
141060
  </CapRow>
140943
- <CapDivider
140944
- className="panel-divider"
140945
- />
140946
- </CapRow>
140947
- <CapRow
140948
- className="right-panel"
140949
- >
140950
- <PreviewSection
140951
- unifiedPreviewProps={
140952
- Object {
140953
- "channel": "RCS",
140954
- "content": Object {
140955
- "suggestions": Array [
140956
- Object {
140957
- "index": 0,
140958
- "isSaved": true,
140959
- "phoneNumber": "",
140960
- "postback": "stop",
140961
- "text": "stop",
140962
- "type": "QUICK_REPLY",
140963
- "url": null,
140964
- },
140965
- ],
140966
- "templateHeader": "",
140967
- "templateMessage": "",
140968
- },
140969
- "device": "desktop",
140970
- "error": null,
140971
- "formatMessage": [Function],
140972
- "isUpdating": false,
140973
- "lastModified": undefined,
140974
- "onDeviceChange": [Function],
140975
- "selectedCustomer": null,
140976
- "showDeviceToggle": true,
140977
- "updatedByName": undefined,
140978
- }
140979
- }
140980
- />
140981
141061
  </CapRow>
140982
141062
  </CapRow>
140983
- </CapRow>
140984
- </CapSpin>
141063
+ </CapSpin>
141064
+ </div>
140985
141065
  }
140986
141066
  handleClose={[Function]}
140987
141067
  header={
@@ -156952,138 +157032,148 @@ new message content.",
156952
157032
  closeIconSize="m"
156953
157033
  closeIconType="close"
156954
157034
  content={
156955
- <CapSpin
156956
- className="common-test-preview-lookup-spin "
156957
- spinning={false}
157035
+ <div
157036
+ className="common-test-and-preview-notification-container"
157037
+ style={
157038
+ Object {
157039
+ "height": "100%",
157040
+ "position": "relative",
157041
+ }
157042
+ }
156958
157043
  >
156959
- <CapRow
156960
- className="test-preview-container"
157044
+ <CapSpin
157045
+ className="common-test-preview-lookup-spin "
157046
+ spinning={false}
156961
157047
  >
156962
157048
  <CapRow
156963
- className="test-and-preview-panels"
157049
+ className="test-preview-container"
156964
157050
  >
156965
157051
  <CapRow
156966
- className="left-panel"
157052
+ className="test-and-preview-panels"
156967
157053
  >
156968
- <LeftPanelContent
156969
- customers={Immutable.List []}
156970
- enableCustomerSearch={true}
156971
- enableTagExtraction={true}
156972
- error7078Message={null}
156973
- extractedTags={Immutable.List []}
156974
- handleClearSelection={[Function]}
156975
- handleCustomerSelect={[Function]}
156976
- handleExtractTags={[Function]}
156977
- handleSearchCustomer={[Function]}
156978
- isExtractingTags={false}
156979
- isSearchingCustomer={false}
156980
- renderCustomValuesEditor={[Function]}
156981
- selectedCustomer={null}
156982
- tagsExtracted={false}
156983
- />
156984
- <CapDivider
156985
- className="panel-divider"
156986
- />
156987
157054
  <CapRow
156988
- className="panel-section send-test-section"
157055
+ className="left-panel"
156989
157056
  >
156990
- <SendTestMessage
156991
- channel="RCS"
156992
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
156993
- deliverySettings={Object {}}
156994
- formData={
156995
- Object {
156996
- "suggestions": Array [
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={
157084
+ Object {
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 [
156997
157117
  Object {
156998
- "index": 0,
156999
- "isSaved": true,
157000
- "phoneNumber": "",
157001
- "postback": "stop",
157002
- "text": "stop",
157003
- "type": "QUICK_REPLY",
157004
- "url": null,
157118
+ "children": Immutable.List [],
157119
+ "selectable": false,
157120
+ "title": "Groups",
157121
+ "value": "groups-node",
157005
157122
  },
157006
- ],
157007
- "templateHeader": "",
157008
- "templateMessage": "",
157123
+ Object {
157124
+ "children": Immutable.List [],
157125
+ "selectable": false,
157126
+ "title": "Individuals",
157127
+ "value": "customers-node",
157128
+ },
157129
+ ]
157009
157130
  }
157010
- }
157011
- formatMessage={[Function]}
157012
- handleSendTestMessage={[Function]}
157013
- handleTestEntitiesChange={[Function]}
157014
- isFetchingTestCustomers={false}
157015
- isFetchingTestGroups={false}
157016
- isLoadingSenderDetails={false}
157017
- isSendingTestMessage={false}
157018
- onSaveDeliverySettings={[Function]}
157019
- registeredSenderIds={Array []}
157020
- renderAddTestCustomerButton={[Function]}
157021
- searchValue=""
157022
- selectedTestEntities={Array []}
157023
- senderDetailsOptions={Array []}
157024
- setSearchValue={[Function]}
157025
- smsTraiDltEnabled={false}
157026
- testEntitiesTreeData={
157027
- Array [
157028
- Object {
157029
- "children": Immutable.List [],
157030
- "selectable": false,
157031
- "title": "Groups",
157032
- "value": "groups-node",
157033
- },
157034
- Object {
157035
- "children": Immutable.List [],
157036
- "selectable": false,
157037
- "title": "Individuals",
157038
- "value": "customers-node",
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": "",
157039
157159
  },
157040
- ]
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
+ }
157041
157170
  }
157042
- wecrmAccounts={Array []}
157043
157171
  />
157044
157172
  </CapRow>
157045
- <CapDivider
157046
- className="panel-divider"
157047
- />
157048
- </CapRow>
157049
- <CapRow
157050
- className="right-panel"
157051
- >
157052
- <PreviewSection
157053
- unifiedPreviewProps={
157054
- Object {
157055
- "channel": "RCS",
157056
- "content": Object {
157057
- "suggestions": Array [
157058
- Object {
157059
- "index": 0,
157060
- "isSaved": true,
157061
- "phoneNumber": "",
157062
- "postback": "stop",
157063
- "text": "stop",
157064
- "type": "QUICK_REPLY",
157065
- "url": null,
157066
- },
157067
- ],
157068
- "templateHeader": "",
157069
- "templateMessage": "",
157070
- },
157071
- "device": "desktop",
157072
- "error": null,
157073
- "formatMessage": [Function],
157074
- "isUpdating": false,
157075
- "lastModified": undefined,
157076
- "onDeviceChange": [Function],
157077
- "selectedCustomer": null,
157078
- "showDeviceToggle": true,
157079
- "updatedByName": undefined,
157080
- }
157081
- }
157082
- />
157083
157173
  </CapRow>
157084
157174
  </CapRow>
157085
- </CapRow>
157086
- </CapSpin>
157175
+ </CapSpin>
157176
+ </div>
157087
157177
  }
157088
157178
  handleClose={[Function]}
157089
157179
  header={
@@ -173054,138 +173144,148 @@ new message content.",
173054
173144
  closeIconSize="m"
173055
173145
  closeIconType="close"
173056
173146
  content={
173057
- <CapSpin
173058
- className="common-test-preview-lookup-spin "
173059
- spinning={false}
173147
+ <div
173148
+ className="common-test-and-preview-notification-container"
173149
+ style={
173150
+ Object {
173151
+ "height": "100%",
173152
+ "position": "relative",
173153
+ }
173154
+ }
173060
173155
  >
173061
- <CapRow
173062
- className="test-preview-container"
173156
+ <CapSpin
173157
+ className="common-test-preview-lookup-spin "
173158
+ spinning={false}
173063
173159
  >
173064
173160
  <CapRow
173065
- className="test-and-preview-panels"
173161
+ className="test-preview-container"
173066
173162
  >
173067
173163
  <CapRow
173068
- className="left-panel"
173164
+ className="test-and-preview-panels"
173069
173165
  >
173070
- <LeftPanelContent
173071
- customers={Immutable.List []}
173072
- enableCustomerSearch={true}
173073
- enableTagExtraction={true}
173074
- error7078Message={null}
173075
- extractedTags={Immutable.List []}
173076
- handleClearSelection={[Function]}
173077
- handleCustomerSelect={[Function]}
173078
- handleExtractTags={[Function]}
173079
- handleSearchCustomer={[Function]}
173080
- isExtractingTags={false}
173081
- isSearchingCustomer={false}
173082
- renderCustomValuesEditor={[Function]}
173083
- selectedCustomer={null}
173084
- tagsExtracted={false}
173085
- />
173086
- <CapDivider
173087
- className="panel-divider"
173088
- />
173089
173166
  <CapRow
173090
- className="panel-section send-test-section"
173167
+ className="left-panel"
173091
173168
  >
173092
- <SendTestMessage
173093
- channel="RCS"
173094
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
173095
- deliverySettings={Object {}}
173096
- formData={
173097
- Object {
173098
- "suggestions": Array [
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={
173196
+ Object {
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 [
173099
173229
  Object {
173100
- "index": 0,
173101
- "isSaved": true,
173102
- "phoneNumber": "",
173103
- "postback": "stop",
173104
- "text": "stop",
173105
- "type": "QUICK_REPLY",
173106
- "url": null,
173230
+ "children": Immutable.List [],
173231
+ "selectable": false,
173232
+ "title": "Groups",
173233
+ "value": "groups-node",
173107
173234
  },
173108
- ],
173109
- "templateHeader": "",
173110
- "templateMessage": "",
173235
+ Object {
173236
+ "children": Immutable.List [],
173237
+ "selectable": false,
173238
+ "title": "Individuals",
173239
+ "value": "customers-node",
173240
+ },
173241
+ ]
173111
173242
  }
173112
- }
173113
- formatMessage={[Function]}
173114
- handleSendTestMessage={[Function]}
173115
- handleTestEntitiesChange={[Function]}
173116
- isFetchingTestCustomers={false}
173117
- isFetchingTestGroups={false}
173118
- isLoadingSenderDetails={false}
173119
- isSendingTestMessage={false}
173120
- onSaveDeliverySettings={[Function]}
173121
- registeredSenderIds={Array []}
173122
- renderAddTestCustomerButton={[Function]}
173123
- searchValue=""
173124
- selectedTestEntities={Array []}
173125
- senderDetailsOptions={Array []}
173126
- setSearchValue={[Function]}
173127
- smsTraiDltEnabled={false}
173128
- testEntitiesTreeData={
173129
- Array [
173130
- Object {
173131
- "children": Immutable.List [],
173132
- "selectable": false,
173133
- "title": "Groups",
173134
- "value": "groups-node",
173135
- },
173136
- Object {
173137
- "children": Immutable.List [],
173138
- "selectable": false,
173139
- "title": "Individuals",
173140
- "value": "customers-node",
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": "",
173141
173271
  },
173142
- ]
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
+ }
173143
173282
  }
173144
- wecrmAccounts={Array []}
173145
173283
  />
173146
173284
  </CapRow>
173147
- <CapDivider
173148
- className="panel-divider"
173149
- />
173150
- </CapRow>
173151
- <CapRow
173152
- className="right-panel"
173153
- >
173154
- <PreviewSection
173155
- unifiedPreviewProps={
173156
- Object {
173157
- "channel": "RCS",
173158
- "content": Object {
173159
- "suggestions": Array [
173160
- Object {
173161
- "index": 0,
173162
- "isSaved": true,
173163
- "phoneNumber": "",
173164
- "postback": "stop",
173165
- "text": "stop",
173166
- "type": "QUICK_REPLY",
173167
- "url": null,
173168
- },
173169
- ],
173170
- "templateHeader": "",
173171
- "templateMessage": "",
173172
- },
173173
- "device": "desktop",
173174
- "error": null,
173175
- "formatMessage": [Function],
173176
- "isUpdating": false,
173177
- "lastModified": undefined,
173178
- "onDeviceChange": [Function],
173179
- "selectedCustomer": null,
173180
- "showDeviceToggle": true,
173181
- "updatedByName": undefined,
173182
- }
173183
- }
173184
- />
173185
173285
  </CapRow>
173186
173286
  </CapRow>
173187
- </CapRow>
173188
- </CapSpin>
173287
+ </CapSpin>
173288
+ </div>
173189
173289
  }
173190
173290
  handleClose={[Function]}
173191
173291
  header={
@@ -189156,138 +189256,148 @@ new message content.",
189156
189256
  closeIconSize="m"
189157
189257
  closeIconType="close"
189158
189258
  content={
189159
- <CapSpin
189160
- className="common-test-preview-lookup-spin "
189161
- spinning={false}
189259
+ <div
189260
+ className="common-test-and-preview-notification-container"
189261
+ style={
189262
+ Object {
189263
+ "height": "100%",
189264
+ "position": "relative",
189265
+ }
189266
+ }
189162
189267
  >
189163
- <CapRow
189164
- className="test-preview-container"
189268
+ <CapSpin
189269
+ className="common-test-preview-lookup-spin "
189270
+ spinning={false}
189165
189271
  >
189166
189272
  <CapRow
189167
- className="test-and-preview-panels"
189273
+ className="test-preview-container"
189168
189274
  >
189169
189275
  <CapRow
189170
- className="left-panel"
189276
+ className="test-and-preview-panels"
189171
189277
  >
189172
- <LeftPanelContent
189173
- customers={Immutable.List []}
189174
- enableCustomerSearch={true}
189175
- enableTagExtraction={true}
189176
- error7078Message={null}
189177
- extractedTags={Immutable.List []}
189178
- handleClearSelection={[Function]}
189179
- handleCustomerSelect={[Function]}
189180
- handleExtractTags={[Function]}
189181
- handleSearchCustomer={[Function]}
189182
- isExtractingTags={false}
189183
- isSearchingCustomer={false}
189184
- renderCustomValuesEditor={[Function]}
189185
- selectedCustomer={null}
189186
- tagsExtracted={false}
189187
- />
189188
- <CapDivider
189189
- className="panel-divider"
189190
- />
189191
189278
  <CapRow
189192
- className="panel-section send-test-section"
189279
+ className="left-panel"
189193
189280
  >
189194
- <SendTestMessage
189195
- channel="RCS"
189196
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\",\\"suggestions\\":[{\\"index\\":0,\\"type\\":\\"QUICK_REPLY\\",\\"text\\":\\"stop\\",\\"phoneNumber\\":\\"\\",\\"url\\":null,\\"postback\\":\\"stop\\",\\"isSaved\\":true}]}"
189197
- deliverySettings={Object {}}
189198
- formData={
189199
- Object {
189200
- "suggestions": Array [
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={
189308
+ Object {
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 [
189201
189341
  Object {
189202
- "index": 0,
189203
- "isSaved": true,
189204
- "phoneNumber": "",
189205
- "postback": "stop",
189206
- "text": "stop",
189207
- "type": "QUICK_REPLY",
189208
- "url": null,
189342
+ "children": Immutable.List [],
189343
+ "selectable": false,
189344
+ "title": "Groups",
189345
+ "value": "groups-node",
189209
189346
  },
189210
- ],
189211
- "templateHeader": "",
189212
- "templateMessage": "",
189347
+ Object {
189348
+ "children": Immutable.List [],
189349
+ "selectable": false,
189350
+ "title": "Individuals",
189351
+ "value": "customers-node",
189352
+ },
189353
+ ]
189213
189354
  }
189214
- }
189215
- formatMessage={[Function]}
189216
- handleSendTestMessage={[Function]}
189217
- handleTestEntitiesChange={[Function]}
189218
- isFetchingTestCustomers={false}
189219
- isFetchingTestGroups={false}
189220
- isLoadingSenderDetails={false}
189221
- isSendingTestMessage={false}
189222
- onSaveDeliverySettings={[Function]}
189223
- registeredSenderIds={Array []}
189224
- renderAddTestCustomerButton={[Function]}
189225
- searchValue=""
189226
- selectedTestEntities={Array []}
189227
- senderDetailsOptions={Array []}
189228
- setSearchValue={[Function]}
189229
- smsTraiDltEnabled={false}
189230
- testEntitiesTreeData={
189231
- Array [
189232
- Object {
189233
- "children": Immutable.List [],
189234
- "selectable": false,
189235
- "title": "Groups",
189236
- "value": "groups-node",
189237
- },
189238
- Object {
189239
- "children": Immutable.List [],
189240
- "selectable": false,
189241
- "title": "Individuals",
189242
- "value": "customers-node",
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": "",
189243
189383
  },
189244
- ]
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
+ }
189245
189394
  }
189246
- wecrmAccounts={Array []}
189247
189395
  />
189248
189396
  </CapRow>
189249
- <CapDivider
189250
- className="panel-divider"
189251
- />
189252
- </CapRow>
189253
- <CapRow
189254
- className="right-panel"
189255
- >
189256
- <PreviewSection
189257
- unifiedPreviewProps={
189258
- Object {
189259
- "channel": "RCS",
189260
- "content": Object {
189261
- "suggestions": Array [
189262
- Object {
189263
- "index": 0,
189264
- "isSaved": true,
189265
- "phoneNumber": "",
189266
- "postback": "stop",
189267
- "text": "stop",
189268
- "type": "QUICK_REPLY",
189269
- "url": null,
189270
- },
189271
- ],
189272
- "templateHeader": "",
189273
- "templateMessage": "",
189274
- },
189275
- "device": "desktop",
189276
- "error": null,
189277
- "formatMessage": [Function],
189278
- "isUpdating": false,
189279
- "lastModified": undefined,
189280
- "onDeviceChange": [Function],
189281
- "selectedCustomer": null,
189282
- "showDeviceToggle": true,
189283
- "updatedByName": undefined,
189284
- }
189285
- }
189286
- />
189287
189397
  </CapRow>
189288
189398
  </CapRow>
189289
- </CapRow>
189290
- </CapSpin>
189399
+ </CapSpin>
189400
+ </div>
189291
189401
  }
189292
189402
  handleClose={[Function]}
189293
189403
  header={
@@ -201747,116 +201857,126 @@ new message content.",
201747
201857
  closeIconSize="m"
201748
201858
  closeIconType="close"
201749
201859
  content={
201750
- <CapSpin
201751
- className="common-test-preview-lookup-spin "
201752
- spinning={false}
201860
+ <div
201861
+ className="common-test-and-preview-notification-container"
201862
+ style={
201863
+ Object {
201864
+ "height": "100%",
201865
+ "position": "relative",
201866
+ }
201867
+ }
201753
201868
  >
201754
- <CapRow
201755
- className="test-preview-container"
201869
+ <CapSpin
201870
+ className="common-test-preview-lookup-spin "
201871
+ spinning={false}
201756
201872
  >
201757
201873
  <CapRow
201758
- className="test-and-preview-panels"
201874
+ className="test-preview-container"
201759
201875
  >
201760
201876
  <CapRow
201761
- className="left-panel"
201877
+ className="test-and-preview-panels"
201762
201878
  >
201763
- <LeftPanelContent
201764
- customers={Immutable.List []}
201765
- enableCustomerSearch={true}
201766
- enableTagExtraction={true}
201767
- error7078Message={null}
201768
- extractedTags={Immutable.List []}
201769
- handleClearSelection={[Function]}
201770
- handleCustomerSelect={[Function]}
201771
- handleExtractTags={[Function]}
201772
- handleSearchCustomer={[Function]}
201773
- isExtractingTags={false}
201774
- isSearchingCustomer={false}
201775
- renderCustomValuesEditor={[Function]}
201776
- selectedCustomer={null}
201777
- tagsExtracted={false}
201778
- />
201779
- <CapDivider
201780
- className="panel-divider"
201781
- />
201782
201879
  <CapRow
201783
- className="panel-section send-test-section"
201880
+ className="left-panel"
201784
201881
  >
201785
- <SendTestMessage
201786
- channel="RCS"
201787
- content="{\\"templateHeader\\":\\"\\",\\"templateMessage\\":\\"\\"}"
201788
- deliverySettings={Object {}}
201789
- formData={
201790
- Object {
201791
- "templateHeader": "",
201792
- "templateMessage": "",
201793
- }
201794
- }
201795
- formatMessage={[Function]}
201796
- handleSendTestMessage={[Function]}
201797
- handleTestEntitiesChange={[Function]}
201798
- isFetchingTestCustomers={false}
201799
- isFetchingTestGroups={false}
201800
- isLoadingSenderDetails={false}
201801
- isSendingTestMessage={false}
201802
- onSaveDeliverySettings={[Function]}
201803
- registeredSenderIds={Array []}
201804
- renderAddTestCustomerButton={[Function]}
201805
- searchValue=""
201806
- selectedTestEntities={Array []}
201807
- senderDetailsOptions={Array []}
201808
- setSearchValue={[Function]}
201809
- smsTraiDltEnabled={false}
201810
- testEntitiesTreeData={
201811
- Array [
201812
- Object {
201813
- "children": Immutable.List [],
201814
- "selectable": false,
201815
- "title": "Groups",
201816
- "value": "groups-node",
201817
- },
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={
201818
201909
  Object {
201819
- "children": Immutable.List [],
201820
- "selectable": false,
201821
- "title": "Individuals",
201822
- "value": "customers-node",
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={
201957
+ Object {
201958
+ "channel": "RCS",
201959
+ "content": Object {
201960
+ "templateHeader": "",
201961
+ "templateMessage": "",
201823
201962
  },
201824
- ]
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
+ }
201825
201973
  }
201826
- wecrmAccounts={Array []}
201827
201974
  />
201828
201975
  </CapRow>
201829
- <CapDivider
201830
- className="panel-divider"
201831
- />
201832
- </CapRow>
201833
- <CapRow
201834
- className="right-panel"
201835
- >
201836
- <PreviewSection
201837
- unifiedPreviewProps={
201838
- Object {
201839
- "channel": "RCS",
201840
- "content": Object {
201841
- "templateHeader": "",
201842
- "templateMessage": "",
201843
- },
201844
- "device": "desktop",
201845
- "error": null,
201846
- "formatMessage": [Function],
201847
- "isUpdating": false,
201848
- "lastModified": undefined,
201849
- "onDeviceChange": [Function],
201850
- "selectedCustomer": null,
201851
- "showDeviceToggle": true,
201852
- "updatedByName": undefined,
201853
- }
201854
- }
201855
- />
201856
201976
  </CapRow>
201857
201977
  </CapRow>
201858
- </CapRow>
201859
- </CapSpin>
201978
+ </CapSpin>
201979
+ </div>
201860
201980
  }
201861
201981
  handleClose={[Function]}
201862
201982
  header={