@capillarytech/creatives-library 3.9.21 → 3.10.0

package/v2Containers/Line/CreateWrapper/index.js

@@ -1,117 +0,0 @@
-/*
- *
- * CreateLineWrapper
- *
- */
-import React, {useState} from 'react';
-import { injectIntl, FormattedMessage, intlShape } from 'react-intl';
-import PropTypes from 'prop-types';
-import { CapRadioCard, CapLabel, CapButton } from '@capillarytech/cap-ui-library';
-import ComponentWithLabelHOC from '@capillarytech/cap-ui-library/assets/HOCs/ComponentWithLabelHOC';
-import styled from 'styled-components';
-import { CAP_SPACE_04, CAP_SPACE_08, CAP_SPACE_16 } from '@capillarytech/cap-ui-library/styled/variables';
-import messages from './messages';
-import mapTemplateImage from "../../../assets/mapTemplate.png";
-import lineImageTemplate from "../../../assets/lineImageTemplate.png";
-import { TEXT, IMAGE } from './constants';
-import LineCreate from '../Create';
-
-const CapRadioCardWithLabel = ComponentWithLabelHOC(CapRadioCard);
-const CardContainer = styled.div`
-  margin-top: ${CAP_SPACE_16};
-  .component-with-label-label{
-    margin-bottom: unset;
-  }
-  .ant-radio-group{
-    .ant-radio-button-wrapper{
-      &:first-child{
-        margin-left: unset;
-        margin-top: unset;
-      }
-    }
-    
-  }
-`;
-
-const CreateLineWrapper = (props) => {
-  const { intl: { formatMessage }, selectedAccount } = props;
-
-  const getModes = (modeList) => (
-    modeList.map(({ label, imageSrc, type, title }) => ({
-      title: <FormattedMessage {...messages[title]}/>,
-      content: (
-        <>
-          <CapLabel type="label1" style={{ paddingTop: CAP_SPACE_04, paddingBottom: CAP_SPACE_08 }}>
-            {formatMessage(messages[label])}
-          </CapLabel>
-          <img alt="" className="template-image" src={imageSrc} />
-        </>
-      ),
-      value: type,
-    }))
-  );
-
-  const modes = [
-    {
-      title: 'textTemplateTitle',
-      label: 'textTemplateDescription',
-      imageSrc: mapTemplateImage,
-      type: TEXT,
-    },
-    {
-      title: 'imageTemplateTitle',
-      label: 'imageTemplateDescription',
-      imageSrc: lineImageTemplate,
-      type: IMAGE,
-    },
-  ];
-
-  const [selectedLineTemplateOption, updateSelectedLineTemplateOption] = useState();
-  const [showOptions, onSelectContinue] = useState(true);
-
-  const onOptionSelect = (event) => updateSelectedLineTemplateOption(event.target.value);
-
-  if (showOptions) {
-    return (
-      <>
-        <CardContainer>
-          <CapRadioCardWithLabel
-            label={<FormattedMessage {...messages.templateType}/>}
-            panes={getModes(modes)}
-            cardHeight={"364px"}
-            onChange={onOptionSelect}
-            selected={selectedLineTemplateOption}
-          />
-        </CardContainer>
-        {
-          selectedLineTemplateOption && (
-            <CapButton
-              key="submit"
-              type="primary"
-              onClick={() => onSelectContinue(false)}
-              style={{marginTop: 10}}
-            >
-              <FormattedMessage {...messages.continue} />
-            </CapButton>
-          )
-        }
-      </>
-    );
-  }
-
-  return (
-    <LineCreate
-      {...props}
-      params={{mode: selectedLineTemplateOption}}
-      route={{name: selectedLineTemplateOption}}
-      selectedAccount={selectedAccount}
-    />
-  );
-};
-
-CreateLineWrapper.propTypes = {
-  intl: intlShape.isRequired,
-  selectedAccount: PropTypes.object,
-};
-
-export default injectIntl(CreateLineWrapper);

package/v2Containers/Line/CreateWrapper/messages.js

@@ -1,55 +0,0 @@
-/*
- * Create Line Messages
- *
- * This contains all the text for the Create component.
- */
-import { defineMessages } from 'react-intl';
-
-const prefix = 'creatives.containersV2.Line.CreateWrapper';
-
-export default defineMessages({
-  "textTemplateTitle": {
-    id: `${prefix}.textTemplateTitle`,
-    defaultMessage: 'Text template',
-  },
-  "textTemplateDescription": {
-    id: `${prefix}.textTemplateDescription`,
-    defaultMessage: 'Used for announcing offers and transaction related information',
-  },
-  "imageTemplateTitle": {
-    id: `${prefix}.imageTemplateTitle`,
-    defaultMessage: 'Image/video template',
-  },
-  "imageTemplateDescription": {
-    id: `${prefix}.imageTemplateDescription`,
-    defaultMessage: 'Used for creating image or video content',
-  },
-  "hybridTemplateTitle": {
-    id: `${prefix}.hybridTemplateTitle`,
-    defaultMessage: 'Hybrid',
-  },
-  "hybridTemplateDescription": {
-    id: `${prefix}.hybridTemplateDescription`,
-    defaultMessage: 'Used to create combined text & image or video content',
-  },
-  "templateType": {
-    id: `${prefix}.templateType`,
-    defaultMessage: 'Select the type of content',
-  },
-  "continue": {
-    id: `${prefix}.continue`,
-    defaultMessage: 'Continue',
-  },
-  "accountLineListTitle": {
-    id: `${prefix}.accountLineListTitle`,
-    defaultMessage: 'Line accounts',
-  },
-  "accountLineListDescription": {
-    id: `${prefix}.accountLineListDescription`,
-    defaultMessage: 'Choose the account to send content',
-  },
-  "accountLineNoListTitle": {
-    id: `${prefix}.accountLineNoListTitle`,
-    defaultMessage: 'No line accounts present',
-  },
-});