@capillarytech/creatives-library 8.0.232 → 8.0.233

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 (4) hide show
  1. package/package.json +1 -1
  2. package/v2Containers/Templates/index.js +17 -10
  3. package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap +108 -100
  4. package/v2Containers/TemplatesV2/TemplatesV2.style.js +1 -1
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@capillarytech/creatives-library",
3
3
  "author": "meharaj",
4
- "version": "8.0.232",
4
+ "version": "8.0.233",
5
5
  "description": "Capillary creatives ui",
6
6
  "main": "./index.js",
7
7
  "module": "./index.es.js",
package/v2Containers/Templates/index.js CHANGED
@@ -169,6 +169,10 @@ const InlineDiv = styled.div`
169
169
  }
170
170
  }
171
171
  `;
172
+ const AccountScrollDiv = styled.div`
173
+ overflow: scroll;
174
+ height: calc(100vh - 300px);
175
+ `;
172
176
  const ACCOUNT_SELECTION_MODE = "accountSelectionMode";
173
177
  const ACCOUNT_CHANGE_MODE = 'accountChangeMode';
174
178
  const TEMPLATES_MODE = "templatesMode";
@@ -3068,6 +3072,7 @@ return (<div>
3068
3072
  if (channel === WECHAT && !commonUtil.hasWechatFeatureEnabled()) {
3069
3073
  showNoAccountHeader = true;
3070
3074
  }
3075
+ console.log('accountOptions: ', accountOptions)
3071
3076
  return (<CapSkeleton loading={fetchingWeCrmAccounts || isDomainPropertiesLoading} active paragraph={{ rows: 10 }}>
3072
3077
  {showNoAccountHeader ? <FormattedMessage {...noAccountHeader} /> :
3073
3078
  <div style={{ overflowX: "auto", paddingBottom: CAP_SPACE_16 }}>
@@ -3077,16 +3082,18 @@ return (<div>
3077
3082
  size="regular"
3078
3083
  className="select-account-header"
3079
3084
  />
3080
- <CapRadioCard
3081
- className="select-account"
3082
- onChange={this.onAccountSelect}
3083
- panes={accountOptions}
3084
- cardHeight="48px"
3085
- cardWidth="276px"
3086
- size="small"
3087
- defaultValue={selectedAccount}
3088
- selected={selectedAccount}
3089
- />
3085
+ <AccountScrollDiv>
3086
+ <CapRadioCard
3087
+ className="select-account"
3088
+ onChange={this.onAccountSelect}
3089
+ panes={accountOptions}
3090
+ cardHeight="48px"
3091
+ cardWidth="276px"
3092
+ size="small"
3093
+ defaultValue={selectedAccount}
3094
+ selected={selectedAccount}
3095
+ />
3096
+ </AccountScrollDiv>
3090
3097
  </div>
3091
3098
  }
3092
3099
  </CapSkeleton>);
package/v2Containers/Templates/tests/__snapshots__/index.test.js.snap CHANGED
@@ -45,31 +45,33 @@ exports[`Test Templates container Should render correct component for whatsapp c
45
45
  title="Whatsapp account"
46
46
  titleClass=""
47
47
  />
48
- <CapRadioCard
49
- cardHeight="48px"
50
- cardWidth="276px"
51
- className="select-account"
52
- defaultValue=""
53
- onChange={[Function]}
54
- panes={
55
- Array [
56
- Object {
57
- "icon": <CapIconAvatar
58
- backgroundProps={Object {}}
59
- height="2rem"
60
- labelProps={Object {}}
61
- text="W"
62
- width="auto"
63
- />,
64
- "key": "abc12",
65
- "title": "WhatsappAccount",
66
- "value": "WhatsappAccount",
67
- },
68
- ]
69
- }
70
- selected=""
71
- size="small"
72
- />
48
+ <Templates__AccountScrollDiv>
49
+ <CapRadioCard
50
+ cardHeight="48px"
51
+ cardWidth="276px"
52
+ className="select-account"
53
+ defaultValue=""
54
+ onChange={[Function]}
55
+ panes={
56
+ Array [
57
+ Object {
58
+ "icon": <CapIconAvatar
59
+ backgroundProps={Object {}}
60
+ height="2rem"
61
+ labelProps={Object {}}
62
+ text="W"
63
+ width="auto"
64
+ />,
65
+ "key": "abc12",
66
+ "title": "WhatsappAccount",
67
+ "value": "WhatsappAccount",
68
+ },
69
+ ]
70
+ }
71
+ selected=""
72
+ size="small"
73
+ />
74
+ </Templates__AccountScrollDiv>
73
75
  </div>
74
76
  </CapSkeleton>
75
77
  `;
@@ -101,31 +103,33 @@ exports[`Test Templates container Should render correct component for zalo chann
101
103
  title="Zalo account"
102
104
  titleClass=""
103
105
  />
104
- <CapRadioCard
105
- cardHeight="48px"
106
- cardWidth="276px"
107
- className="select-account"
108
- defaultValue=""
109
- onChange={[Function]}
110
- panes={
111
- Array [
112
- Object {
113
- "icon": <CapIconAvatar
114
- backgroundProps={Object {}}
115
- height="2rem"
116
- labelProps={Object {}}
117
- text="c"
118
- width="auto"
119
- />,
120
- "key": "fa66f53ca2bb4b93b02dfc5bd265e2fd",
121
- "title": "capillary_zns",
122
- "value": "capillary_zns",
123
- },
124
- ]
125
- }
126
- selected=""
127
- size="small"
128
- />
106
+ <Templates__AccountScrollDiv>
107
+ <CapRadioCard
108
+ cardHeight="48px"
109
+ cardWidth="276px"
110
+ className="select-account"
111
+ defaultValue=""
112
+ onChange={[Function]}
113
+ panes={
114
+ Array [
115
+ Object {
116
+ "icon": <CapIconAvatar
117
+ backgroundProps={Object {}}
118
+ height="2rem"
119
+ labelProps={Object {}}
120
+ text="c"
121
+ width="auto"
122
+ />,
123
+ "key": "fa66f53ca2bb4b93b02dfc5bd265e2fd",
124
+ "title": "capillary_zns",
125
+ "value": "capillary_zns",
126
+ },
127
+ ]
128
+ }
129
+ selected=""
130
+ size="small"
131
+ />
132
+ </Templates__AccountScrollDiv>
129
133
  </div>
130
134
  </CapSkeleton>
131
135
  `;
@@ -332,31 +336,33 @@ exports[`Test Templates container Should render temlates when Zalo templates are
332
336
  title="Zalo account"
333
337
  titleClass=""
334
338
  />
335
- <CapRadioCard
336
- cardHeight="48px"
337
- cardWidth="276px"
338
- className="select-account"
339
- defaultValue=""
340
- onChange={[Function]}
341
- panes={
342
- Array [
343
- Object {
344
- "icon": <CapIconAvatar
345
- backgroundProps={Object {}}
346
- height="2rem"
347
- labelProps={Object {}}
348
- text="c"
349
- width="auto"
350
- />,
351
- "key": "fa66f53ca2bb4b93b02dfc5bd265e2fd",
352
- "title": "capillary_zns",
353
- "value": "capillary_zns",
354
- },
355
- ]
356
- }
357
- selected=""
358
- size="small"
359
- />
339
+ <Templates__AccountScrollDiv>
340
+ <CapRadioCard
341
+ cardHeight="48px"
342
+ cardWidth="276px"
343
+ className="select-account"
344
+ defaultValue=""
345
+ onChange={[Function]}
346
+ panes={
347
+ Array [
348
+ Object {
349
+ "icon": <CapIconAvatar
350
+ backgroundProps={Object {}}
351
+ height="2rem"
352
+ labelProps={Object {}}
353
+ text="c"
354
+ width="auto"
355
+ />,
356
+ "key": "fa66f53ca2bb4b93b02dfc5bd265e2fd",
357
+ "title": "capillary_zns",
358
+ "value": "capillary_zns",
359
+ },
360
+ ]
361
+ }
362
+ selected=""
363
+ size="small"
364
+ />
365
+ </Templates__AccountScrollDiv>
360
366
  </div>
361
367
  </CapSkeleton>
362
368
  `;
@@ -976,31 +982,33 @@ exports[`Test Templates container Should render temlates when zalo templates are
976
982
  title="Zalo account"
977
983
  titleClass=""
978
984
  />
979
- <CapRadioCard
980
- cardHeight="48px"
981
- cardWidth="276px"
982
- className="select-account"
983
- defaultValue=""
984
- onChange={[Function]}
985
- panes={
986
- Array [
987
- Object {
988
- "icon": <CapIconAvatar
989
- backgroundProps={Object {}}
990
- height="2rem"
991
- labelProps={Object {}}
992
- text="c"
993
- width="auto"
994
- />,
995
- "key": "fa66f53ca2bb4b93b02dfc5bd265e2fd",
996
- "title": "capillary_zns",
997
- "value": "capillary_zns",
998
- },
999
- ]
1000
- }
1001
- selected=""
1002
- size="small"
1003
- />
985
+ <Templates__AccountScrollDiv>
986
+ <CapRadioCard
987
+ cardHeight="48px"
988
+ cardWidth="276px"
989
+ className="select-account"
990
+ defaultValue=""
991
+ onChange={[Function]}
992
+ panes={
993
+ Array [
994
+ Object {
995
+ "icon": <CapIconAvatar
996
+ backgroundProps={Object {}}
997
+ height="2rem"
998
+ labelProps={Object {}}
999
+ text="c"
1000
+ width="auto"
1001
+ />,
1002
+ "key": "fa66f53ca2bb4b93b02dfc5bd265e2fd",
1003
+ "title": "capillary_zns",
1004
+ "value": "capillary_zns",
1005
+ },
1006
+ ]
1007
+ }
1008
+ selected=""
1009
+ size="small"
1010
+ />
1011
+ </Templates__AccountScrollDiv>
1004
1012
  </div>
1005
1013
  </CapSkeleton>
1006
1014
  `;
package/v2Containers/TemplatesV2/TemplatesV2.style.js CHANGED
@@ -18,7 +18,7 @@ export default css`
18
18
  margin-top: ${CAP_SPACE_16}
19
19
  }
20
20
  ` : `.cap-tab-v2 {
21
- height: calc(100vh - 118px);
21
+ height: calc(100vh - 180px);
22
22
  } `}
23
23
  }
24
24
  `;