@capillarytech/creatives-library 9.0.33 → 9.0.34-alpha.2

package/v2Containers/TemplatesV2/index.js

@@ -10,7 +10,7 @@ import { connect } from 'react-redux';
 import { injectIntl, intlShape, FormattedMessage } from 'react-intl';
 import { createStructuredSelector } from 'reselect';
 import { bindActionCreators, compose } from 'redux';
-import { CapTab, CapCustomCard, CapButton, CapHeader, CapIcon, CapSpin, CapTooltip } from '@capillarytech/cap-ui-library';
+import { CapTab, CapCustomCard, CapButton, CapIcon, CapSpin, CapTooltip } from '@capillarytech/cap-ui-library';
 import { find, get, pick } from 'lodash';
 import Helmet from 'react-helmet';
 
@@ -443,14 +443,6 @@ export class TemplatesV2 extends React.Component { // eslint-disable-line react/
             />
           )}
           <section className="component-wrapper">
-            {isFullMode && (
-              <CapHeader
-                title={<FormattedMessage {...messages.creatives} />}
-                {...(!useLocalTemplates && {
-                  description: <FormattedMessage {...messages.creativesDesc} />,
-                })}
-              />
-            )}
             {hideChannelTabsForLocalSms ? (
               <section className="templates-v2-local-sms-pane">{activeLocalPane?.content}</section>
             ) : (

package/v2Containers/Viber/constants.js

@@ -47,7 +47,24 @@ export const VIBER_MEDIA_TYPES = {
   TEXT: 'TEXT',
   IMAGE: 'IMAGE',
   VIDEO: 'VIDEO',
+  CAROUSEL: 'CAROUSEL',
 };
+export const VIBER_CAROUSEL_MIN_CARDS = 2;
+export const VIBER_CAROUSEL_MAX_CARDS = 5;
+export const VIBER_CAROUSEL_MAX_BUTTONS = 2;
+export const VIBER_CAROUSEL_CARD_TITLE_MIN_LENGTH = 2;
+export const VIBER_CAROUSEL_CARD_TITLE_MAX_LENGTH = 38;
+export const VIBER_CAROUSEL_FIRST_BUTTON_TITLE_MAX_LENGTH = 10;
+export const VIBER_CAROUSEL_SECOND_BUTTON_TITLE_MAX_LENGTH = 12;
+export const VIBER_CAROUSEL_BUTTON_URL_MAX_LENGTH = 1000;
+export const STATIC_URL = 'STATIC_URL';
+export const DYNAMIC_URL = 'DYNAMIC_URL';
+/** Recommended / validated carousel image height in pixels (passed to image upload). */
+export const VIBER_CAROUSEL_IMG_HEIGHT = 600;
+/** Recommended / validated carousel image width in pixels (passed to image upload). */
+export const VIBER_CAROUSEL_IMG_WIDTH = 696;
+/** Maximum carousel image file size (bytes). 10_000_000 ≈ 10 MB (decimal). */
+export const VIBER_CAROUSEL_IMG_SIZE = 10000000;
 export const ALLOWED_IMAGE_EXTENSIONS_REGEX_VIBER = /\.(jpe?g|png)$/i;
 export const ALLOWED_EXTENSIONS_VIDEO_REGEX_VIBER = /\.(mp4|3gp|m4v|mov)$/i;
 export const NONE = 'NONE';
@@ -69,6 +86,10 @@ export const mediaRadioOptions = [
     value: VIBER_MEDIA_TYPES.VIDEO,
     label: <FormattedMessage {...messages.mediaVideo} />,
   },
+  {
+    value: VIBER_MEDIA_TYPES.CAROUSEL,
+    label: <FormattedMessage {...messages.mediaCarousel} />,
+  },
 ];
 
 export const buttonRadioOptions = [