@capillarytech/creatives-library 2.0.93 → 2.0.94

package/components/SmsPreviewV2/index.js

@@ -1,69 +0,0 @@
-/**
-*
-* SmsPreviewV2
-*
-*/
-
-import React from 'react';
-// import styled from 'styled-components';
-
-import { FormattedMessage } from 'react-intl';
-import messages from './messages';
-import {CapColumn, CapRow, CapHeading} from '@capillarytech/cap-ui-library';
-import androidPhoneImage from '../../assets/android-message-gui-2.svg';
-
-class SmsPreviewV2 extends React.Component { // eslint-disable-line react/prefer-stateless-function
-  render() {
-    let content = [this.props.content];
-    const channel = this.props.channel;
-    let smsDetails = {};
-    if (this.props.content && this.props.charCounterEnabled) {
-      smsDetails = updateCharCount(this.props.content, this.props.unicodeEnabled);
-      content = [];
-      for (let i = 0, limit = 0; i < smsDetails.parts; i += 1, limit += smsDetails.chars_sms) {
-        content.push(smsDetails.char_list.slice(limit, smsDetails.chars_sms * (i + 1)));
-      }
-      if (document.getElementById("msg_count") && this.props.showCount) {
-        document.getElementById("msg_count").val = smsDetails.parts;
-      }
-    }
-    const type = this.props.location && this.props.location.query.type ? this.props.location.query.type : '';
-    return (
-      <CapRow>
-        {this.props.showCount && <CapColumn span={16}>
-          {channel && channel.toLowerCase() === 'sms' && <CapHeading type="h3">
-            <FormattedMessage {...messages.charactersTotal} values={{smsCount: smsDetails.parts, charCount: smsDetails.chars_used}}/>
-            {smsDetails.unicode &&
-              <FormattedMessage {...messages.smsFormatType}/>
-            }
-          </CapHeading>}
-        </CapColumn>}
-        <CapColumn span={this.props.showCount ? 8 : 24}>
-          <div className={`preview-container ${type === 'embedded' ? 'embedded-preview' : ''}`}>
-            { channel && channel.toLowerCase() === 'sms' &&
-              <div className="shell align-center" id="sms-preview">
-                <img className="preview-image sms" src={smsBody} alt="Preview is being generated"/>
-                <div className="msgContainer sms">
-                  <img className="sms-icon" src={smsIcon} alt="Sms icon" />
-                  <div className={"message-pop sms"}>
-                    {content && content.length && content.map((msg, index) =>
-                      <CapColumn key={`"message-pop-content-${index}`} className="message-pop-item align-left" style={{ background: '#3F51B5', color: '#ffffff'}}>
-                        {msg}
-                      </CapColumn>)
-                }
-                  </div>
-                </div>
-              </div>
-            }
-          </div>
-        </CapColumn>
-      </CapRow>
-    );
-  }
-}
-
-SmsPreviewV2.propTypes = {
-
-};
-
-export default SmsPreviewV2;

package/components/SmsPreviewV2/messages.js

@@ -1,13 +0,0 @@
-/*
- * SmsPreviewV2 Messages
- *
- * This contains all the text for the SmsPreviewV2 component.
- */
-import { defineMessages } from 'react-intl';
-
-export default defineMessages({
-  header: {
-    id: 'app.components.SmsPreviewV2.header',
-    defaultMessage: 'This is the SmsPreviewV2 component !',
-  },
-});

package/components/SmsPreviewV2/tests/index.test.js

@@ -1,10 +0,0 @@
-// import React from 'react';
-// import { shallow } from 'enzyme';
-
-// import SmsPreviewV2 from '../index';
-
-describe('<SmsPreviewV2 />', () => {
-  it('Expect to have unit tests specified', () => {
-    expect(true).toEqual(false);
-  });
-});