@capillarytech/creatives-library 1.0.1-alpha.0 → 1.0.2

package/components/molecules/DowngradeTier/constants.js

@@ -1,18 +0,0 @@
-export const MONTH_NAMES = [
-  'January',
-  'February',
-  'March',
-  'April',
-  'May',
-  'June',
-  'July',
-  'August',
-  'September',
-  'October',
-  'November',
-  'December',
-];
-
-export const LAST_CALENDAR_YEAR = 'LAST_CALENDAR_YEAR';
-export const CUSTOM_PERIOD = 'CUSTOM_PERIOD';
-export const FIXED_DATE_BASED = 'FIXED_DATE_BASED';

package/components/molecules/DowngradeTier/messages.js

@@ -36,88 +36,4 @@ export default defineMessages({
     defaultMessage:
       'The first validity check will be performed on this selected date. Subsequent checks will be performed as per the validity period of each tier calculated from this fixed date',
   },
-  months: {
-    id: `${scope}.months`,
-    defaultMessage: 'Month(s)',
-  },
-  exampleMonthInput: {
-    id: `${scope}.exampleMonthInput`,
-    defaultMessage: 'Eg. 12',
-  },
-  validityInfoDescription: {
-    id: `${scope}.validityInfoDescription`,
-    defaultMessage:
-      'Default validity of a tier is until next tier upgrade, toggle on to define the fixed duration.',
-  },
-  redirectToAdvancedSettingsText: {
-    id: `${scope}.redirectToAdvancedSettingsText`,
-    defaultMessage:
-      "This option is disabled as it will be same for all tiers, 'Go to Advance settings: tiers' to change it across the program",
-  },
-  redirectToAdvancedSettingsLink: {
-    id: `${scope}.redirectToAdvancedSettingsLink`,
-    defaultMessage: 'Go to advance settings: tiers',
-  },
-  extensionNoteFixedDuration: {
-    id: `${scope}.extensionNoteFixedDuration`,
-    defaultMessage:
-      'When the validity period is "Until Fixed date", the tier would renew on the selected fixed date & it will be valid till the next fixed date.',
-  },
-  extensionNoteRenewalPeriodDuration: {
-    id: `${scope}.extensionNoteRenewalPeriodDuration`,
-    defaultMessage:
-      'Renewal conditions checking period can be defined at each tier level, by default it will be 12 months from fixed date for all tiers.',
-  },
-  extensionNoteCustomerRegistration: {
-    id: `${scope}.extensionNoteCustomerRegistration`,
-    defaultMessage:
-      'When the validity period is "Till Next Registration Date of Customer",it would renew on next registration date of customer & it will be valid till next registration date(12 months).',
-  },
-  redirectToAdvancedSettingsTextValiditySwitch: {
-    id: `${scope}.redirectToAdvancedSettingsTextValiditySwitch`,
-    defaultMessage:
-      "This option is disabled as validity period isn't 'Fixed duration' type Go to 'Advance settings: tiers' to change it across the program",
-  },
-  addMinimumDuration: {
-    id: `${scope}.addMinimumDuration`,
-    defaultMessage: 'Add Minimum Duration',
-  },
-  fromSelectedFixedText: {
-    id: `${scope}.fromSelectedFixedText`,
-    defaultMessage: 'from selected fixed date',
-  },
-  renewalConditionCheckHeading: {
-    id: `${scope}.renewalConditionCheckHeading`,
-    defaultMessage: 'Renewal conditions check period',
-  },
-  renewalConditionCheckDesc: {
-    id: `${scope}.renewalConditionCheckDesc`,
-    defaultMessage:
-      'Define the time period in which the renewal conditions will be checked',
-  },
-  renewalCalendarYear: {
-    id: `${scope}.renewalCalendarYear`,
-    defaultMessage: 'calendar year',
-  },
-  customPeriodPreText: {
-    id: `${scope}.customPeriodPreText`,
-    defaultMessage: 'Custom period is',
-  },
-  checkStartsText: {
-    id: `${scope}.checkStartsText`,
-    defaultMessage: 'where checks starts from',
-  },
-  renewalCheckHeading: {
-    id: `${scope}.renewalCheckHeading`,
-    defaultMessage: 'Renewal conditions checking period',
-  },
-  numberofMonthsLimitErrorMsg: {
-    id: `${scope}.numberofMonthsLimitErrorMsg`,
-    defaultMessage: 'Max value: 36',
-  },
-  renewalInfo: {
-    id: `${scope}.renewalInfo`,
-    defaultMessage:
-      'Define time period in which the renewal conditions need to be checked',
-  },
 });

package/components/molecules/EmptyStateIllustration/EmptyStateIllustration.js

@@ -20,36 +20,19 @@ const EmptyStateIllustration = ({
   className,
   intl: { formatMessage },
   title,
-  titleClassName,
   description,
-  descriptionClassName,
-  emptyStateImage,
-  showButton,
-  buttonLabel,
-  descriptionPosition,
-  onClick,
-  disabled = false,
-  accessForbiddenMsg,
-  hasAccess = true,
 }) => {
   const getIllustrationProps = hasAccess => ({
-    illustrationImage:  emptyStateImage || addEventIllustration,
+    illustrationImage: addEventIllustration,
     title: title || formatMessage(messages.nothingConfigured),
-    titleClassName,
     description: description || formatMessage(messages.nothingConfiguredDesc),
-    descriptionClassName,
     hasAccess,
-    buttonClassName: !showButton ? 'empty-state-button' : '',
-    buttonLabel: showButton && buttonLabel,
-    descriptionPosition: descriptionPosition,
-    onClick: onClick,
-    disabled,
-    accessForbiddenMsg,
+    buttonClassName: 'empty-state-button',
   });
 
   return (
     <CapRow className={className}>
-      <CapIllustration {...getIllustrationProps(hasAccess)} />
+      <CapIllustration {...getIllustrationProps(true)} />
     </CapRow>
   );
 };
@@ -59,11 +42,6 @@ EmptyStateIllustration.propTypes = {
   className: PropTypes.string,
   title: PropTypes.string,
   description: PropTypes.string,
-  titleClassName: PropTypes.string,
-  descriptionClassName: PropTypes.string,
-  disabled: PropTypes.bool,
-  accessForbiddenMsg: PropTypes.any,
-  hasAccess: PropTypes.bool,
 };
 
 export default injectIntl(withStyles(EmptyStateIllustration, styles));

package/components/molecules/EmptyStateIllustration/tests/index.test.js

@@ -0,0 +1,11 @@
+// import React from 'react';
+// import { mount } from 'enzyme';
+// import { enzymeFind } from 'styled-components/test-utils';
+
+// import EmptyStateIllustration from '../index';
+
+describe('<EmptyStateIllustration />', () => {
+  it('Expect to have unit tests specified', () => {
+    expect(true).toEqual(true);
+  });
+});

package/components/molecules/FileSelector/FileSelector.js

@@ -26,12 +26,10 @@ const FileSelector = ({
   width,
   onChange,
   fileList,
-  fileType,
-  fileTypeLabel,
 }) => {
   const draggerProps = {
     name: 'csv-file',
-    accept: fileType,
+    accept: '.csv',
     multiple: false,
     onChange,
     fileList,
@@ -46,8 +44,9 @@ const FileSelector = ({
       content={
         <CapDragger {...draggerProps}>
           <CapRow className="text-container">
+            <CapImage src={fileSelector} />
             <CapHeading className="section-spacing" type="h2">
-              {formatMessage(messages.dropCSVFile, {fileType: fileTypeLabel || 'CSV'})}
+              {formatMessage(messages.dropCSVFile)}
             </CapHeading>
             <CapHeading>
               {formatMessage(globalMessages.or).toUpperCase()}

package/components/molecules/FileSelector/messages.js

@@ -11,10 +11,30 @@ export const scope = 'loyaltyPlus.components.organisms.FileSelector';
 export default defineMessages({
   dropCSVFile : {
     id: `${scope}.dropCSVFile`,
-    defaultMessage: 'Drag and drop a {fileType} file here',
+    defaultMessage: 'Drag and drop a CSV file here',
   },
   selectFileFromComputer: {
     id: `${scope}.selectFileFromComputer`,
     defaultMessage: 'Select a file from your computer',
   },
+  nonLoyaltyUser: {
+    id: `${scope}.nonLoyaltyUser`,
+    defaultMessage: 'Non-loyalty User',
+  },
+  eventSource: {
+    id: `${scope}.eventSource`,
+    defaultMessage: 'Event source',
+  },
+  addScope: {
+    id: `${scope}.addScope`,
+    defaultMessage: 'Add scope',
+  },
+  include: {
+    id: `${scope}.include`,
+    defaultMessage: 'Include',
+  },
+  storeCodeCsv: {
+    id: `${scope}.storeCodeCsv`,
+    defaultMessage: 'Store code CSV',
+  },
 });

package/components/molecules/FileSelector/style.js

@@ -4,11 +4,11 @@ import StyledVars from '@capillarytech/cap-ui-library/styled';
 const {CAP_SPACE_16, CAP_SPACE_28, CAP_SPACE_36} = StyledVars;
 
 export default css`
-  height: 170px !important;
   .text-container {
     text-align: center;
+    margin: ${CAP_SPACE_36} ${CAP_SPACE_28} !important;
   }
   .section-spacing {
     margin-top: ${CAP_SPACE_16};
   }
-`;
+`;

package/components/molecules/HeaderWithInput/HeaderWithInput.js

@@ -1,10 +1,8 @@
-import React, { Fragment } from 'react';
+import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 
 import CapDivider from '@capillarytech/cap-ui-library/CapDivider';
-import CapTooltip from '@capillarytech/cap-ui-library/CapTooltip';
-
 import withStyles from 'utils/withStyles';
 import styles from './style';
 import PrimarySelect from '../../atoms/PrimarySelect';
@@ -23,39 +21,28 @@ const HeaderWithInput = ({
   disabled,
   isRequired,
   dividerProps,
-  showTooltip,
-  tooltipContent,
-  tooltipPlacement,
-  tooltipProps,
   ...rest
-}) => {
-  const WrapperComponent = showTooltip ? CapTooltip : Fragment;
-  return (
-    <WrapperComponent
-      title={tooltipContent}
-      placement={tooltipPlacement}
-      {...tooltipProps}
-    >
-      <PrimarySelect
-        style={{ width: selectWidth }}
-        showArrow
-        className={classnames(className, {
-          'custom-select-disabled': disabled,
-        })}
-        label={titleHeader}
-        inductiveText={titleDescription}
-        placeholder={selectPlaceholder}
-        options={options}
-        value={value}
-        onChange={onSelectChange}
-        disabled={disabled}
-        isRequired={isRequired}
-        {...rest}
-      />
-      {isDivider && <CapDivider {...dividerProps} />}
-    </WrapperComponent>
-  );
-};
+}) => (
+  <>
+    <PrimarySelect
+      style={{ width: selectWidth }}
+      showArrow
+      className={classnames(className, {
+        'custom-select-disabled': disabled,
+      })}
+      label={titleHeader}
+      inductiveText={titleDescription}
+      placeholder={selectPlaceholder}
+      options={options}
+      value={value}
+      onChange={onSelectChange}
+      disabled={disabled}
+      isRequired={isRequired}
+      {...rest}
+    />
+    {isDivider && <CapDivider {...dividerProps} />}
+  </>
+);
 
 HeaderWithInput.defaultProps = {
   titleDescription: '',
@@ -71,8 +58,6 @@ HeaderWithInput.defaultProps = {
   disabled: false,
   isRequired: false,
   dividerProps: {},
-  showTooltip: false,
-  tooltipPlacement: 'bottom',
 };
 
 HeaderWithInput.propTypes = {
@@ -89,10 +74,6 @@ HeaderWithInput.propTypes = {
   disabled: PropTypes.bool,
   isRequired: PropTypes.bool,
   dividerProps: PropTypes.object,
-  showTooltip: PropTypes.bool,
-  tooltipContent: PropTypes.element,
-  tooltipPlacement: PropTypes.string,
-  tooltipProps: PropTypes.object,
 };
 
 export default withStyles(HeaderWithInput, styles);

package/components/molecules/InfoBanner/InfoBanner.js

@@ -15,9 +15,8 @@ const InfoBanner = ({
   actionDescription,
   actions,
   showAction,
-  ...rest
 }) => (
-  <Banner {...rest}>
+  <Banner>
     <CapIcon className="icon" type={iconType} />
     <CapHeading className="title">{title}</CapHeading>
     <CapHeading className="description" type="h6">

package/components/molecules/InfoBanner/style.js

@@ -9,7 +9,6 @@ const {
   CAP_SPACE_24,
   FONT_WEIGHT_MEDIUM,
   CAP_SPACE_08,
-  FONT_COLOR_01
 } = StyledVars;
 
 export const Banner = styled.div`
@@ -33,7 +32,6 @@ export const Banner = styled.div`
   }
   .description {
     font-size: ${CAP_SPACE_12};
-    color: ${FONT_COLOR_01};
   }
   .link-action {
     margin-left: auto;

package/components/molecules/InputToInput/InputToInput.js

@@ -19,7 +19,7 @@ const InputToInput = ({ className, commonClassName, inputs = [] }) => (
     {React.Children.toArray(
       inputs.map(
         (
-          { inputType, value, label, placeholder, elementClassName, isError, errorMessage, ...rest },
+          { inputType, value, label, placeholder, elementClassName, ...rest },
           index,
         ) => (
           <PrimaryInput
@@ -32,8 +32,6 @@ const InputToInput = ({ className, commonClassName, inputs = [] }) => (
               commonClassName,
               elementClassName,
             )}
-            isError={isError}
-            errorMessage={errorMessage}
             {...rest}
           />
         ),

package/components/molecules/LabelWithDivider/LabelWithDivider.js

@@ -8,24 +8,11 @@ import PropTypes from 'prop-types';
 
 import CapHeading from '@capillarytech/cap-ui-library/CapHeading';
 import CapDivider from '@capillarytech/cap-ui-library/CapDivider';
-import CapLabel from '@capillarytech/cap-ui-library/CapLabel';
 
-const LabelWithDivider = ({
-  title,
-  dividerProps,
-  isDivider,
-  isDescription,
-  description,
-  ...rest
-}) => (
+const LabelWithDivider = ({ title, dividerProps, ...rest }) => (
   <>
     <CapHeading {...rest}>{title}</CapHeading>
-    {isDescription && (
-      <CapLabel type="label3" className="eligibility-settings-desc">
-        {description}
-      </CapLabel>
-    )}
-    {isDivider && <CapDivider {...dividerProps} />}
+    <CapDivider {...dividerProps} />
   </>
 );
 
@@ -37,9 +24,6 @@ LabelWithDivider.propTypes = {
 LabelWithDivider.defaultProps = {
   dividerStyle: {},
   title: '',
-  isDivider: true,
-  isDescription: false,
-  description: '',
 };
 
 export default LabelWithDivider;