@capillarytech/creatives-library 1.0.2 → 2.0.0

package/components/organisms/ScopeSlidebox/constants.js

@@ -1,21 +0,0 @@
-import { LOYALTY_TYPE, EVENT_SOURCE } from '../../pages/App/constants';
-
-export const LOYALTY_USER = 'loyalty';
-export const NON_LOYALTY_USER = 'nonLoyalty';
-
-export const INTIAL_ADDED = [LOYALTY_TYPE, EVENT_SOURCE];
-
-export const IS_INCLUDED_SELECTED = { isIncluded: true, selected: [] };
-
-export const CLUSTER_SELECTED = { isIncluded: true, selected: '' };
-
-export const INTITAL_DATE_RANGE = {
-  startDate: {},
-  endDate: {},
-};
-
-export const INITIAL_STORE = { isIncluded: true, file: null, selected: null };
-
-export const DATE_FORMAT = 'YYYY-MM-DD HH:mm:ss';
-
-export const ACTIVE_CLUSTER = 'ACTIVE';

package/components/organisms/ScopeSlidebox/index.js

@@ -1 +0,0 @@
-export {default} from './ScopeSlidebox';

package/components/organisms/ScopeSlidebox/messages.js

@@ -1,84 +0,0 @@
-/*
- * ScopeSlidebox Messages
- *
- * This contains all the text for the ScopeSlidebox component.
- */
-
-import { defineMessages } from 'react-intl';
-
-export const scope = 'loyaltyPlus.components.organisms.ScopeSlidebox';
-
-export default defineMessages({
-  loyaltyUser: {
-    id: `${scope}.loyaltyUser`,
-    defaultMessage: 'Loyalty user',
-  },
-  nonLoyaltyUser: {
-    id: `${scope}.nonLoyaltyUser`,
-    defaultMessage: 'Non-loyalty User',
-  },
-  addScope: {
-    id: `${scope}.addScope`,
-    defaultMessage: 'Add scope',
-  },
-  storeCodeCsv: {
-    id: `${scope}.storeCodeCsv`,
-    defaultMessage: 'Store code CSV',
-  },
-  startDate: {
-    id: `${scope}.startDate`,
-    defaultMessage: 'Start date and time',
-  },
-  endDate: {
-    id: `${scope}.endDate`,
-    defaultMessage: 'End date and time',
-  },
-  concept: {
-    id: `${scope}.concept`,
-    defaultMessage: 'Concept',
-  },
-  zone: {
-    id: `${scope}.zone`,
-    defaultMessage: 'Zone',
-  },
-  store: {
-    id: `${scope}.store`,
-    defaultMessage: 'Store',
-  },
-  clusterValue: {
-    id: `${scope}.clusterValue`,
-    defaultMessage: 'Cluster value',
-  },
-  clusterName: {
-    id: `${scope}.clusterName`,
-    defaultMessage: 'Cluster name',
-  },
-  eventSource: {
-    id: `${scope}.eventSource`,
-    defaultMessage: 'Event source',
-  },
-  startDateError: {
-    id: `${scope}.startDateError`,
-    defaultMessage: 'Start date or time cannot be empty',
-  },
-  endDateError: {
-    id: `${scope}.endDateError`,
-    defaultMessage: 'End date or time cannot be empty',
-  },
-  timeDifferenceError: {
-    id: `${scope}.timeDifferenceError`,
-    defaultMessage: 'End date cannot be greater then or equal to start date',
-  },
-  emptyScopeError: {
-    id: `${scope}.emptyScopeError`,
-    defaultMessage: 'Scope cannot be empty !!',
-  },
-  storeIdsError: {
-    id: `${scope}.storeIdsError`,
-    defaultMessage: 'One or more Store Ids from file is invalid !!',
-  },
-  somthingWentWrong: {
-    id: `${scope}.somthingWentWrong`,
-    defaultMessage: 'Something went wrong. Please try again after sometime',
-  },
-});

package/components/organisms/SelectLabelWorkflowAction/SelectLabelWorkflowAction.js

@@ -1,70 +0,0 @@
-import React, { useState } from 'react';
-import { injectIntl, intlShape } from 'react-intl';
-import PropTypes from 'prop-types';
-import CapSlideBox from '@capillarytech/cap-ui-library/CapSlideBox';
-import CapHeader from '@capillarytech/cap-ui-library/CapHeader';
-import CapSelect from '@capillarytech/cap-ui-library/CapSelect';
-
-import TriggerAction from '../../atoms/TriggerAction';
-import globalMessages from '../../pages/Cap/messages';
-import withErrorBoundary from 'utils/withErrorBoundary';
-
-const EbillWorkflowAction = ({
-  intl: { formatMessage },
-  title,
-  closeSlidebox,
-  saveSlidebox,
-  isSaveDisabled,
-}) => {
-  const [selected, setSelected] = useState([]);
-
-  const changeSelected = value => setSelected(value);
-
-  const selectedProps = {
-    value: selected,
-    label: formatMessage(globalMessages.labels),
-    onChange: changeSelected,
-    options: [],
-    showSearch: false,
-    showArrow: true,
-  };
-
-  const sliderContent = (
-    <CapSelect style={{ width: '330px' }} {...selectedProps} />
-  );
-
-  const slideBoxFooter = (
-    <TriggerAction
-      title={formatMessage(globalMessages.save)}
-      triggerAction={saveSlidebox}
-      isDisabled={isSaveDisabled}
-    />
-  );
-
-  return (
-    <CapSlideBox
-      show
-      header={<CapHeader size="h1" title={title} />}
-      content={sliderContent}
-      footer={slideBoxFooter}
-      handleClose={closeSlidebox}
-      size="size-s"
-    />
-  );
-};
-
-EbillWorkflowAction.propTypes = {
-  intl: intlShape.isRequired,
-  closeSlidebox: PropTypes.func,
-  saveSlidebox: PropTypes.func,
-  isSaveDisabled: PropTypes.bool,
-};
-
-EbillWorkflowAction.defaultProps = {
-  intl: { formatMessage: () => {} },
-  closeSlidebox: () => {},
-  saveSlidebox: () => {},
-  isSaveDisabled: true,
-};
-
-export default withErrorBoundary(injectIntl(EbillWorkflowAction));

package/components/organisms/SelectLabelWorkflowAction/index.js

@@ -1 +0,0 @@
-export {default} from './SelectLabelWorkflowAction';

package/components/organisms/SendEmailWorkflowAction/SendEmailWorkflowAction.js

@@ -1,147 +0,0 @@
-import React, { useState, useEffect, useMemo } from 'react';
-import { injectIntl, intlShape } from 'react-intl';
-import PropTypes from 'prop-types';
-import { compose, bindActionCreators } from 'redux';
-import { createStructuredSelector } from 'reselect';
-import { connect } from 'react-redux';
-import CapSpin from '@capillarytech/cap-ui-library/CapSpin';
-import CapSlideBox from '@capillarytech/cap-ui-library/CapSlideBox';
-
-import {
-  getEmailSaveData,
-  getEmailCreativesData,
-  isChannelEmpty,
-} from 'utils/workflow';
-import withErrorBoundary from 'utils/withErrorBoundary';
-import TriggerAction from '../../atoms/TriggerAction';
-import globalMessages from '../../pages/Cap/messages';
-import { CHANNEL_EMAIL, REQUEST } from '../../pages/App/constants';
-import DelayCreatives from '../../molecules/DelayCreatives';
-import * as globalActions from '../../pages/Cap/actions';
-import { makeSelectUpsertAction } from '../../pages/Cap/selectors';
-import ActionTitle from '../../molecules/ActionTitle';
-import { CreativesDelayErrorLabel } from '../../pages/Cap/style';
-
-const SendEmailWorkflowAction = ({
-  globalActions,
-  closeSlidebox,
-  updateRuleSet,
-  actionData = {},
-  intl: { formatMessage },
-  actionDetailsData: { upsertActionStatus } = {},
-  eventType,
-  className,
-}) => {
-  const {
-    actionType,
-    addTrackerTags = false,
-    setShowSenderInformation,
-  } = actionData;
-  const [dataSource, setDataSource] = useState({});
-  const showSpin = upsertActionStatus === REQUEST;
-
-  const isSaveDisabled = useMemo(
-    () =>
-      showSpin ||
-      isChannelEmpty(CHANNEL_EMAIL, dataSource) ||
-      !!dataSource.delayError,
-    [showSpin, dataSource],
-  );
-
-  const saveSlidebox = () => {
-    const { programId, actionType } = actionData;
-    if (programId && actionType) {
-      const payload = getEmailSaveData({
-        dataSource: { ...actionData, ...dataSource },
-      });
-      globalActions.upsertAction(programId, actionType, payload, responseData =>
-        updateRuleSet(actionData, responseData),
-      );
-    }
-  };
-
-  useEffect(
-    () => {
-      const processedDataSource = getEmailCreativesData(actionData);
-      setDataSource(processedDataSource);
-    },
-    [JSON.stringify(actionData)],
-  );
-
-  const onChangeDataSource = changedSource => setDataSource(changedSource);
-
-  const sliderContent = (
-    <CapSpin spinning={showSpin}>
-      <DelayCreatives
-        dataSource={dataSource}
-        currentChannel={CHANNEL_EMAIL}
-        onChangeCreatives={onChangeDataSource}
-        mode={eventType}
-        actionType={actionType}
-        addTrackerTags={addTrackerTags}
-        setShowSenderInformation={setShowSenderInformation}
-      />
-      {dataSource.delayError && (
-        <CreativesDelayErrorLabel type="label2">
-          {formatMessage(globalMessages.delayCreativesErrorMessage)}
-        </CreativesDelayErrorLabel>
-      )}
-    </CapSpin>
-  );
-
-  const slideBoxFooter = (
-    <TriggerAction
-      title={formatMessage(globalMessages.save)}
-      triggerAction={saveSlidebox}
-      isDisabled={isSaveDisabled}
-    />
-  );
-
-  return (
-    <CapSlideBox
-      className={className}
-      showShadow
-      show
-      header={<ActionTitle actionData={actionData} />}
-      content={sliderContent}
-      footer={slideBoxFooter}
-      handleClose={closeSlidebox}
-      size="size-s"
-    />
-  );
-};
-
-SendEmailWorkflowAction.propTypes = {
-  intl: intlShape.isRequired,
-  closeSlidebox: PropTypes.func,
-  globalActions: PropTypes.object,
-  actionDetailsData: PropTypes.object,
-  actionData: PropTypes.object,
-  updateRuleSet: PropTypes.func,
-};
-
-SendEmailWorkflowAction.defaultProps = {
-  intl: { formatMessage: () => {} },
-  closeSlidebox: () => {},
-  updateRuleSet: () => {},
-};
-
-const mapStateToProps = createStructuredSelector({
-  actionDetailsData: makeSelectUpsertAction(),
-});
-
-function mapDispatchToProps(dispatch) {
-  return {
-    globalActions: bindActionCreators(globalActions, dispatch),
-  };
-}
-
-const withConnect = connect(
-  mapStateToProps,
-  mapDispatchToProps,
-);
-
-export default compose(
-  withErrorBoundary,
-  withConnect,
-)(injectIntl(SendEmailWorkflowAction));

package/components/organisms/SendEmailWorkflowAction/index.js

@@ -1 +0,0 @@
-export {default} from './SendEmailWorkflowAction';

package/components/organisms/SendMessagesWorkflowAction/SendMessagesWorkflowAction.js

@@ -1,193 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { injectIntl, intlShape } from 'react-intl';
-import PropTypes from 'prop-types';
-import { compose, bindActionCreators } from 'redux';
-import { createStructuredSelector } from 'reselect';
-import { connect } from 'react-redux';
-import CapSpin from '@capillarytech/cap-ui-library/CapSpin';
-import CapSlideBox from '@capillarytech/cap-ui-library/CapSlideBox';
-import {
-  getAllChannelPayload,
-  getSmsCreativesData,
-  getEmailCreativesData,
-  handleCreativesChange,
-  getMPushCreativesData,
-  getWeChatCreativesData,
-  getMandatoryPriorityData,
-  getCommChannelsDisableStatus,
-} from 'utils/workflow';
-
-import * as style from './style';
-import globalMessages from '../../pages/Cap/messages';
-import MandatoryAndPriorityChannel from '../MandatoryAndPriorityChannel';
-import TriggerAction from '../../atoms/TriggerAction';
-import { REQUEST, FAILURE } from '../../pages/App/constants';
-import * as globalActions from '../../pages/Cap/actions';
-import { makeSelectUpsertAction } from '../../pages/Cap/selectors';
-import ActionTitle from '../../molecules/ActionTitle';
-import withErrorBoundary from 'utils/withErrorBoundary';
-
-const { CapRowWithSpacing } = style;
-const SendMessagesWorflowAction = ({
-  intl: { formatMessage },
-  closeSlidebox,
-  globalActions,
-  updateRuleSet,
-  actionData = {},
-  actionDetailsData: { upsertActionStatus } = {},
-  allowedChannels = [],
-  eventType = '',
-}) => {
-  const { actionType, addTrackerTags = false } = actionData;
-  const [priorityChannels, setPriorityChannels] = useState([]);
-  const [mandatoryChannels, setMandatoryChannels] = useState([]);
-  const [smsDataSource, setSmsDataSource] = useState({});
-  const [emailDataSource, setEmailDataSource] = useState({});
-  const [weChatDataSource, setWeChatDataSource] = useState({});
-  const [mPushDataSource, setMPushDataSource] = useState({});
-
-  const showSpin = upsertActionStatus === REQUEST;
-
-  useEffect(
-    () => {
-      const sms = getSmsCreativesData(actionData);
-      const email = getEmailCreativesData(actionData);
-      const wechat = getWeChatCreativesData(actionData);
-      const mPush = getMPushCreativesData(actionData);
-      const { priorityChannels, mandatoryChannels } = getMandatoryPriorityData(
-        actionData,
-      );
-      setSmsDataSource(sms);
-      setEmailDataSource(email);
-      setMPushDataSource(mPush);
-      setWeChatDataSource(wechat);
-      setPriorityChannels(priorityChannels);
-      setMandatoryChannels(mandatoryChannels);
-    },
-    [JSON.stringify(actionData)],
-  );
-
-  const saveSlidebox = () => {
-    const { programId, actionType } = actionData;
-    if (programId && actionType) {
-      const payload = getAllChannelPayload({
-        actionData,
-        sms: smsDataSource,
-        email: emailDataSource,
-        weChat: weChatDataSource,
-        mPush: mPushDataSource,
-        priorityChannels,
-        mandatoryChannels,
-        allowedChannels,
-      });
-      globalActions.upsertAction(programId, actionType, payload, responseData =>
-        updateRuleSet(actionData, responseData),
-      );
-    }
-  };
-
-  const onChangeCreatives = (channel, changedSource) =>
-    handleCreativesChange({
-      channel,
-      changedSource,
-      setSmsDataSource,
-      setEmailDataSource,
-      setWeChatDataSource,
-      setMPushDataSource,
-    });
-
-  const mandatoryProps = {
-    value: mandatoryChannels,
-    onChange: setMandatoryChannels,
-  };
-
-  const priorityProps = {
-    value: priorityChannels,
-    onChange: setPriorityChannels,
-  };
-
-  const sliderContent = (
-    <CapSpin spinning={showSpin}>
-      <CapRowWithSpacing margin="32px">
-        <MandatoryAndPriorityChannel
-          sms={smsDataSource}
-          email={emailDataSource}
-          weChat={weChatDataSource}
-          mPush={mPushDataSource}
-          priorityProps={priorityProps}
-          mandatoryProps={mandatoryProps}
-          onChangeCreatives={onChangeCreatives}
-          allowedChannels={allowedChannels}
-          mode={eventType}
-          actionType={actionType}
-          addTrackerTags={addTrackerTags}
-        />
-      </CapRowWithSpacing>
-    </CapSpin>
-  );
-
-  const isCommSaveDisabled = getCommChannelsDisableStatus({
-    mandatoryChannels,
-    priorityChannels,
-    smsDataSource,
-    emailDataSource,
-    weChatDataSource,
-    mPushDataSource,
-  });
-  const slideBoxFooter = (
-    <TriggerAction
-      title={formatMessage(globalMessages.save)}
-      triggerAction={saveSlidebox}
-      isDisabled={isCommSaveDisabled || showSpin}
-    />
-  );
-
-  return (
-    <CapSlideBox
-      showShadow
-      show
-      header={<ActionTitle actionData={actionData} />}
-      content={sliderContent}
-      footer={slideBoxFooter}
-      handleClose={closeSlidebox}
-      size="size-l"
-    />
-  );
-};
-
-SendMessagesWorflowAction.propTypes = {
-  intl: intlShape.isRequired,
-  closeSlidebox: PropTypes.func,
-  actionData: PropTypes.object,
-  actionDetailsData: PropTypes.object,
-  globalActions: PropTypes.object,
-  updateRuleSet: PropTypes.func,
-  allowedChannels: PropTypes.array,
-};
-
-SendMessagesWorflowAction.defaultProps = {
-  intl: { formatMessage: () => {} },
-  closeSlidebox: () => {},
-  updateRuleSet: () => {},
-  allowedChannels: [],
-};
-
-const mapStateToProps = createStructuredSelector({
-  actionDetailsData: makeSelectUpsertAction(),
-});
-
-function mapDispatchToProps(dispatch) {
-  return {
-    globalActions: bindActionCreators(globalActions, dispatch),
-  };
-}
-
-const withConnect = connect(
-  mapStateToProps,
-  mapDispatchToProps,
-);
-
-export default compose(
-  withErrorBoundary,
-  withConnect,
-)(injectIntl(SendMessagesWorflowAction));

package/components/organisms/SendMessagesWorkflowAction/index.js

@@ -1 +0,0 @@
-export {default} from './SendMessagesWorkflowAction';

package/components/organisms/SendMessagesWorkflowAction/style.js

@@ -1,17 +0,0 @@
-import styled from 'styled-components';
-import StyledVars from '@capillarytech/cap-ui-library/styled';
-import CapRow from '@capillarytech/cap-ui-library/CapRow';
-
-const { CAP_SPACE_44, CAP_SPACE_24 } = StyledVars;
-
-export const CapRowWithSpacing = styled(CapRow)`
-  > * {
-    margin-bottom: ${CAP_SPACE_24};
-  }
-  .add-offer-issue-coupon {
-    margin-top: ${CAP_SPACE_44} !important;
-  }
-  .cap-custom-select-selection {
-    width: 556px !important;
-  }
-`;

package/components/organisms/SendMobilePushWorkflowAction/SendMobilePushWorkflowAction.js

@@ -1,145 +0,0 @@
-import React, { useState, useEffect, useMemo } from 'react';
-import { injectIntl, intlShape } from 'react-intl';
-import PropTypes from 'prop-types';
-import withStyles from 'utils/withStyles';
-import { compose, bindActionCreators } from 'redux';
-import { createStructuredSelector } from 'reselect';
-import { connect } from 'react-redux';
-
-import CapSpin from '@capillarytech/cap-ui-library/CapSpin';
-import CapSlideBox from '@capillarytech/cap-ui-library/CapSlideBox';
-
-import {
-  getMPushSaveData,
-  getMPushCreativesData,
-  isChannelEmpty,
-} from 'utils/workflow';
-import withErrorBoundary from 'utils/withErrorBoundary';
-import TriggerAction from '../../atoms/TriggerAction';
-import globalMessages from '../../pages/Cap/messages';
-import { CHANNEL_MPUSH, REQUEST } from '../../pages/App/constants';
-import DelayCreatives from '../../molecules/DelayCreatives';
-import * as globalActions from '../../pages/Cap/actions';
-import { makeSelectUpsertAction } from '../../pages/Cap/selectors';
-import ActionTitle from '../../molecules/ActionTitle';
-import { CreativesDelayErrorLabel } from '../../pages/Cap/style';
-
-const SendMobilePushWorkflowAction = ({
-  intl: { formatMessage },
-  globalActions,
-  updateRuleSet,
-  closeSlidebox,
-  actionData = {},
-  className,
-  actionDetailsData: { upsertActionStatus } = {},
-  eventType,
-}) => {
-  const { actionType, addTrackerTags = false } = actionData;
-  const [dataSource, setDataSource] = useState({});
-
-  const showSpin = upsertActionStatus === REQUEST;
-
-  const isSaveDisabled = useMemo(
-    () =>
-      showSpin ||
-      isChannelEmpty(CHANNEL_MPUSH, dataSource) ||
-      !!dataSource.delayError,
-    [showSpin, dataSource],
-  );
-
-  useEffect(
-    () => {
-      const processedDataSource = getMPushCreativesData(actionData);
-      setDataSource(processedDataSource);
-    },
-    [JSON.stringify(actionData)],
-  );
-
-  const saveSlidebox = () => {
-    const { programId, actionType } = actionData;
-    if (programId && actionType) {
-      const payload = getMPushSaveData({
-        dataSource: { ...actionData, ...dataSource },
-      });
-      globalActions.upsertAction(programId, actionType, payload, responseData =>
-        updateRuleSet(actionData, responseData),
-      );
-    }
-  };
-
-  const onChangeDataSource = changedSource => setDataSource(changedSource);
-
-  const sliderContent = (
-    <CapSpin spinning={showSpin}>
-      <DelayCreatives
-        dataSource={dataSource}
-        currentChannel={CHANNEL_MPUSH}
-        onChangeCreatives={onChangeDataSource}
-        mode={eventType}
-        actionType={actionType}
-        addTrackerTags={addTrackerTags}
-      />
-      {dataSource.delayError && (
-        <CreativesDelayErrorLabel type="label2">
-          {formatMessage(globalMessages.delayCreativesErrorMessage)}
-        </CreativesDelayErrorLabel>
-      )}
-    </CapSpin>
-  );
-
-  const slideBoxFooter = (
-    <TriggerAction
-      title={formatMessage(globalMessages.save)}
-      triggerAction={saveSlidebox}
-      isDisabled={isSaveDisabled}
-    />
-  );
-
-  return (
-    <CapSlideBox
-      className={className}
-      showShadow
-      show
-      header={<ActionTitle actionData={actionData} />}
-      content={sliderContent}
-      footer={slideBoxFooter}
-      handleClose={closeSlidebox}
-      size="size-s"
-    />
-  );
-};
-
-SendMobilePushWorkflowAction.propTypes = {
-  intl: intlShape.isRequired,
-  closeSlidebox: PropTypes.func,
-  globalActions: PropTypes.object,
-  actionDetailsData: PropTypes.object,
-  actionData: PropTypes.object,
-  updateRuleSet: PropTypes.func,
-};
-
-SendMobilePushWorkflowAction.defaultProps = {
-  intl: { formatMessage: () => {} },
-  closeSlidebox: () => {},
-  updateRuleSet: () => {},
-};
-
-const mapStateToProps = createStructuredSelector({
-  actionDetailsData: makeSelectUpsertAction(),
-});
-
-function mapDispatchToProps(dispatch) {
-  return {
-    globalActions: bindActionCreators(globalActions, dispatch),
-  };
-}
-
-const withConnect = connect(
-  mapStateToProps,
-  mapDispatchToProps,
-);
-
-export default compose(
-  withErrorBoundary,
-  withConnect,
-)(injectIntl(SendMobilePushWorkflowAction));

package/components/organisms/SendMobilePushWorkflowAction/index.js

@@ -1 +0,0 @@
-export {default} from './SendMobilePushWorkflowAction';