@shopgate/pwa-ui-shared 7.30.0-alpha.6 → 7.30.0-alpha.8

package/FavoritesButton/spec.js

@@ -1,6 +1,124 @@
-import React from'react';import{Provider}from'react-redux';import configureStore from'redux-mock-store';import{mount}from'enzyme';import mockRenderOptions from'@shopgate/pwa-common/helpers/mocks/mockRenderOptions';import appConfig from'@shopgate/pwa-common/helpers/config';import FavoritesButton from"./index";import{mockedStateEmpty,mockedStateOnList,mockedStateNotOnList}from"./mock";var mockedStore=configureStore();var dispatcher=jest.fn();jest.mock('@shopgate/pwa-common/helpers/config');jest.mock('@shopgate/pwa-common-commerce/favorites/selectors/index',function(){return{isFetching:function isFetching(){return false;}};});beforeEach(function(){jest.resetModules();});describe('<FavoritesButton />',function(){var component=null;/**
+import React from 'react';
+import { Provider } from 'react-redux';
+import configureStore from 'redux-mock-store';
+import { mount } from 'enzyme';
+import mockRenderOptions from '@shopgate/pwa-common/helpers/mocks/mockRenderOptions';
+import appConfig from '@shopgate/pwa-common/helpers/config';
+import FavoritesButton from "./index";
+import { mockedStateEmpty, mockedStateOnList, mockedStateNotOnList } from "./mock";
+const mockedStore = configureStore();
+const dispatcher = jest.fn();
+jest.mock('@shopgate/pwa-common/helpers/config');
+jest.mock('@shopgate/pwa-common-commerce/favorites/selectors/index', () => ({
+  isFetching: () => false
+}));
+beforeEach(() => {
+  jest.resetModules();
+});
+describe('<FavoritesButton />', () => {
+  let component = null;
+
+  /**
    * Creates component with provided store state.
    * @param {Object} mockedState Mocked stage.
    * @param {Object} props Additional props.
    * @return {ReactWrapper}
-   */var createComponent=function createComponent(mockedState){var props=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{active:false};var store=mockedStore(mockedState);store.dispatch=dispatcher;return mount(React.createElement(Provider,{store:store},React.createElement(FavoritesButton,props)),mockRenderOptions);};beforeEach(function(){dispatcher.mockReset();});it('should only render when no favorites set',function(){component=createComponent(mockedStateEmpty);expect(component).toMatchSnapshot();expect(component.find('Heart').exists()).toBe(false);expect(component.find('HeartOutline').exists()).toBe(true);component.find('button').simulate('click');});it('should render when favorites set',function(){component=createComponent(mockedStateOnList,{active:true});expect(component).toMatchSnapshot();expect(component.find('Heart').exists()).toBe(true);expect(component.find('HeartOutline').exists()).toBe(false);});it('should add to favorites on click',function(){component=createComponent(mockedStateNotOnList,{productId:'1',active:false});expect(component.find('Heart').exists()).toBe(false);expect(component.find('HeartOutline').exists()).toBe(true);component.find('button').simulate('click');component.update();expect(dispatcher).toHaveBeenCalled();});it('should remove from favorites on click',function(done){component=createComponent(mockedStateOnList,{productId:'1',active:true});expect(component.find('Heart').exists()).toBe(true);expect(component.find('HeartOutline').exists()).toBe(false);component.find('button').simulate('click');component.update();setTimeout(function(){expect(dispatcher).toHaveBeenCalled();done();},0);});it('should process ripple complete callback',function(){var onRippleComplete=jest.fn();component=createComponent(mockedStateOnList,{productId:'1',active:true,onRippleComplete:onRippleComplete});component.find('Ripple').instance().props.onComplete();component.update();expect(onRippleComplete).toHaveBeenCalled();});it('should only react on first click',function(done){component=createComponent(mockedStateOnList,{once:true,productId:'1',active:false});component.find('button').simulate('click');component.update();component.find('button').simulate('click');component.update();setTimeout(function(){expect(dispatcher.mock.calls.length).toBe(1);done();},1);});it('should only react on both clicks',function(done){component=createComponent(mockedStateOnList,{productId:'1',active:false});component.find('button').simulate('click');component.update();component.find('button').simulate('click');component.update();setTimeout(function(){expect(dispatcher.mock.calls.length).toBe(2);done();},1);});it('should render null when feature flag is off',function(){jest.spyOn(appConfig,'hasFavorites','get').mockReturnValue(false);component=createComponent(mockedStateOnList);expect(component.isEmptyRender()).toBe(true);});});
+   */
+  const createComponent = (mockedState, props = {
+    active: false
+  }) => {
+    const store = mockedStore(mockedState);
+    store.dispatch = dispatcher;
+    return mount(/*#__PURE__*/React.createElement(Provider, {
+      store: store
+    }, /*#__PURE__*/React.createElement(FavoritesButton, props)), mockRenderOptions);
+  };
+  beforeEach(() => {
+    dispatcher.mockReset();
+  });
+  it('should only render when no favorites set', () => {
+    component = createComponent(mockedStateEmpty);
+    expect(component).toMatchSnapshot();
+    expect(component.find('Heart').exists()).toBe(false);
+    expect(component.find('HeartOutline').exists()).toBe(true);
+    component.find('button').simulate('click');
+  });
+  it('should render when favorites set', () => {
+    component = createComponent(mockedStateOnList, {
+      active: true
+    });
+    expect(component).toMatchSnapshot();
+    expect(component.find('Heart').exists()).toBe(true);
+    expect(component.find('HeartOutline').exists()).toBe(false);
+  });
+  it('should add to favorites on click', () => {
+    component = createComponent(mockedStateNotOnList, {
+      productId: '1',
+      active: false
+    });
+    expect(component.find('Heart').exists()).toBe(false);
+    expect(component.find('HeartOutline').exists()).toBe(true);
+    component.find('button').simulate('click');
+    component.update();
+    expect(dispatcher).toHaveBeenCalled();
+  });
+  it('should remove from favorites on click', done => {
+    component = createComponent(mockedStateOnList, {
+      productId: '1',
+      active: true
+    });
+    expect(component.find('Heart').exists()).toBe(true);
+    expect(component.find('HeartOutline').exists()).toBe(false);
+    component.find('button').simulate('click');
+    component.update();
+    setTimeout(() => {
+      expect(dispatcher).toHaveBeenCalled();
+      done();
+    }, 0);
+  });
+  it('should process ripple complete callback', () => {
+    const onRippleComplete = jest.fn();
+    component = createComponent(mockedStateOnList, {
+      productId: '1',
+      active: true,
+      onRippleComplete
+    });
+    component.find('Ripple').instance().props.onComplete();
+    component.update();
+    expect(onRippleComplete).toHaveBeenCalled();
+  });
+  it('should only react on first click', done => {
+    component = createComponent(mockedStateOnList, {
+      once: true,
+      productId: '1',
+      active: false
+    });
+    component.find('button').simulate('click');
+    component.update();
+    component.find('button').simulate('click');
+    component.update();
+    setTimeout(() => {
+      expect(dispatcher.mock.calls.length).toBe(1);
+      done();
+    }, 1);
+  });
+  it('should only react on both clicks', done => {
+    component = createComponent(mockedStateOnList, {
+      productId: '1',
+      active: false
+    });
+    component.find('button').simulate('click');
+    component.update();
+    component.find('button').simulate('click');
+    component.update();
+    setTimeout(() => {
+      expect(dispatcher.mock.calls.length).toBe(2);
+      done();
+    }, 1);
+  });
+  it('should render null when feature flag is off', () => {
+    jest.spyOn(appConfig, 'hasFavorites', 'get').mockReturnValue(false);
+    component = createComponent(mockedStateOnList);
+    expect(component.isEmptyRender()).toBe(true);
+  });
+});

package/FavoritesButton/style.js

@@ -1 +1,26 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import{css}from'glamor';import{themeShadows,themeColors}from'@shopgate/pwa-common/helpers/config';var buttonProto={display:'block',position:'relative',background:themeColors.light,borderRadius:'50%',padding:0,fontSize:20,lineHeight:1,color:"var(--color-secondary, ".concat(themeColors.accent,")"),outline:0};var buttonFlat=css(buttonProto).toString();var button=css(_extends({},buttonProto,{boxShadow:themeShadows.buttons.elevated})).toString();var ripple=css({padding:6}).toString();export default{buttonFlat:buttonFlat,button:button,ripple:ripple};
+import { css } from 'glamor';
+import { themeShadows, themeColors } from '@shopgate/pwa-common/helpers/config';
+const buttonProto = {
+  display: 'block',
+  position: 'relative',
+  background: themeColors.light,
+  borderRadius: '50%',
+  padding: 0,
+  fontSize: 20,
+  lineHeight: 1,
+  color: `var(--color-secondary, ${themeColors.accent})`,
+  outline: 0
+};
+const buttonFlat = css(buttonProto).toString();
+const button = css({
+  ...buttonProto,
+  boxShadow: themeShadows.buttons.elevated
+}).toString();
+const ripple = css({
+  padding: 6
+}).toString();
+export default {
+  buttonFlat,
+  button,
+  ripple
+};

package/Form/Builder/builders/buildCountryList.js

@@ -1,10 +1,44 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import{logger}from'@shopgate/pwa-core/helpers';import iso3166 from"../iso-3166-2";/**
+import "core-js/modules/es.array.reduce.js";
+import { logger } from '@shopgate/pwa-core/helpers';
+import iso3166 from "../iso-3166-2";
+
+/**
  * Get country list for
  * @param {Object} countryElement Configuration of which form fields to render
  * @param {?Object} optional object to prepend optional choice
  * @return {Object}
- */export default(function(countryElement){var optional=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;// Check validity of the country element options list "countries"
-if(countryElement.countries!==null&&countryElement.countries!==undefined&&!Array.isArray(countryElement.countries)){logger.error("Error: Invalid property type 'countries' in element "+"'".concat(countryElement.id,"'. Must be 'array', 'null' or 'undefined'"));return{};}// Build country display list for the country element (whitelist)
-// For 'null', 'undefined' and '[]' it shows all countries
-var countryKeys;if(countryElement.countries.length>0){countryKeys=countryElement.countries;}else{countryKeys=Object.keys(iso3166);}var countryList=countryKeys.reduce(function(reducer,countryCode){if(!iso3166[countryCode]){logger.error("Error: unknown country code [".concat(countryCode,"]"));return reducer;}return _extends({},reducer,_defineProperty({},countryCode,iso3166[countryCode].name));},{});// Add a "no selection" element
-if(countryElement.required){return countryList;}return _extends({},optional,{},countryList);});
+ */
+export default (countryElement, optional = null) => {
+  // Check validity of the country element options list "countries"
+  if (countryElement.countries !== null && countryElement.countries !== undefined && !Array.isArray(countryElement.countries)) {
+    logger.error("Error: Invalid property type 'countries' in element " + `'${countryElement.id}'. Must be 'array', 'null' or 'undefined'`);
+    return {};
+  }
+  // Build country display list for the country element (whitelist)
+  // For 'null', 'undefined' and '[]' it shows all countries
+  let countryKeys;
+  if (countryElement.countries.length > 0) {
+    countryKeys = countryElement.countries;
+  } else {
+    countryKeys = Object.keys(iso3166);
+  }
+  const countryList = countryKeys.reduce((reducer, countryCode) => {
+    if (!iso3166[countryCode]) {
+      logger.error(`Error: unknown country code [${countryCode}]`);
+      return reducer;
+    }
+    return {
+      ...reducer,
+      [countryCode]: iso3166[countryCode].name
+    };
+  }, {});
+
+  // Add a "no selection" element
+  if (countryElement.required) {
+    return countryList;
+  }
+  return {
+    ...optional,
+    ...countryList
+  };
+};

package/Form/Builder/builders/buildFormDefaults.js

@@ -1,10 +1,39 @@
-function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import{ELEMENT_TYPE_CHECKBOX,ELEMENT_TYPE_SELECT}from"../elementTypes";/**
+import { ELEMENT_TYPE_CHECKBOX, ELEMENT_TYPE_SELECT } from "../elementTypes";
+
+/**
  * Prepare state of formData for form builder
  * @param {Object} formElements form elements
  * @param {Object} defaults form defaults
  * @returns {Object}
- */export default(function(){var formElements=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var defaults=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};var formDefaults={};// Take only those defaults from props, that are actually represented by an element
-formElements.forEach(function(element){var defaultState=element.type===ELEMENT_TYPE_CHECKBOX?false:'';if(element.type===ELEMENT_TYPE_SELECT&&!element["default"]){var _Object$keys=Object.keys(element.options);var _Object$keys2=_slicedToArray(_Object$keys,1);defaultState=_Object$keys2[0];}// Use default from element config as a base
-if(element["default"]!==undefined&&element["default"]!==null){defaultState=element["default"];}// Take defaults from "customAttributes" property or from the higher level, based on element
-if(element.custom&&defaults.customAttributes!==undefined){if(defaults.customAttributes[element.id]!==undefined){defaultState=defaults.customAttributes[element.id];}}else if(!element.custom&&defaults[element.id]!==undefined){defaultState=defaults[element.id];}// Save default into the form state and into defaults property if one was set
-if(defaultState!==undefined){formDefaults[element.id]=defaultState;}});return formDefaults;});
+ */
+export default (formElements = [], defaults = {}) => {
+  const formDefaults = {};
+
+  // Take only those defaults from props, that are actually represented by an element
+  formElements.forEach(element => {
+    let defaultState = element.type === ELEMENT_TYPE_CHECKBOX ? false : '';
+    if (element.type === ELEMENT_TYPE_SELECT && !element.default) {
+      [defaultState] = Object.keys(element.options);
+    }
+
+    // Use default from element config as a base
+    if (element.default !== undefined && element.default !== null) {
+      defaultState = element.default;
+    }
+
+    // Take defaults from "customAttributes" property or from the higher level, based on element
+    if (element.custom && defaults.customAttributes !== undefined) {
+      if (defaults.customAttributes[element.id] !== undefined) {
+        defaultState = defaults.customAttributes[element.id];
+      }
+    } else if (!element.custom && defaults[element.id] !== undefined) {
+      defaultState = defaults[element.id];
+    }
+
+    // Save default into the form state and into defaults property if one was set
+    if (defaultState !== undefined) {
+      formDefaults[element.id] = defaultState;
+    }
+  });
+  return formDefaults;
+};

package/Form/Builder/builders/buildFormElements.js

@@ -1,4 +1,10 @@
-var _excluded=["custom"];function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import{logger}from'@shopgate/pwa-core/helpers';import{ELEMENT_TYPE_COUNTRY,ELEMENT_TYPE_PROVINCE}from"../elementTypes";/** Noop function */var noop=function noop(){};/**
+import { logger } from '@shopgate/pwa-core/helpers';
+import { ELEMENT_TYPE_COUNTRY, ELEMENT_TYPE_PROVINCE } from "../elementTypes";
+
+/** Noop function */
+const noop = () => {};
+
+/**
  * @typedef {Object} FormElement
  * @property {string} id
  * @property {boolean} custom
@@ -11,21 +17,73 @@ var _excluded=["custom"];function _objectWithoutProperties(source,excluded){if(s
  * @property {boolean|null|undefined} required
  * @property {boolean|null|undefined} visible
  * @property {FormFieldAction[]|null|undefined} actions
- */ /**
+ */
+
+/**
  * Takes a list of which elements to render based on the respective element type
  *
  * @param {Form} formConfig Configuration of which form fields to render
  * @param {Function} elementChangeHandler change handler
  * @return {FormElement[]}
- */export default(function(formConfig){var elementChangeHandler=arguments.length>1&&arguments[1]!==undefined?arguments[1]:noop;/**
+ */
+export default (formConfig, elementChangeHandler = noop) => {
+  /**
    * @type {FormElement[]}
-   */var elementList=[];var hasCountryElement=false;var hasProvinceElement=false;/**
+   */
+  const elementList = [];
+  let hasCountryElement = false;
+  let hasProvinceElement = false;
+
+  /**
    * @param {string} id id
    * @param {AnyFormField} field field
    * @param {boolean} custom custom
-   */var addFormElement=function addFormElement(id,field){var custom=arguments.length>2&&arguments[2]!==undefined?arguments[2]:false;// The "custom" field is just a placeholder for more fields
-if(typeof field.type!=='string'){return;}// Make sure country and province elements are only added once
-if(field.type===ELEMENT_TYPE_COUNTRY){if(hasCountryElement){logger.error("Error: Can not add multiple elements of type '".concat(field.type,"'"));return;}hasCountryElement=true;}if(field.type===ELEMENT_TYPE_PROVINCE){if(hasProvinceElement){logger.error("Error: Can not add multiple elements of type '".concat(field.type,"'"));return;}hasProvinceElement=true;}elementList.push(_extends({id:id},field,{custom:custom,handleChange:function handleChange(value){return elementChangeHandler(id,value);}}));};// Extract custom fields, do not mix with normal fields
-var _formConfig$fields=formConfig.fields,custom=_formConfig$fields.custom,restFields=_objectWithoutProperties(_formConfig$fields,_excluded);// Add all non-custom attributes and mark them as such
-Object.keys(restFields).forEach(function(id){addFormElement(id,formConfig.fields[id]);});// Add custom fields to the element list
-if(custom){Object.keys(custom).forEach(function(id){addFormElement(id,formConfig.fields.custom[id],true);});}return elementList;});
+   */
+  const addFormElement = (id, field, custom = false) => {
+    // The "custom" field is just a placeholder for more fields
+    if (typeof field.type !== 'string') {
+      return;
+    }
+
+    // Make sure country and province elements are only added once
+    if (field.type === ELEMENT_TYPE_COUNTRY) {
+      if (hasCountryElement) {
+        logger.error(`Error: Can not add multiple elements of type '${field.type}'`);
+        return;
+      }
+      hasCountryElement = true;
+    }
+    if (field.type === ELEMENT_TYPE_PROVINCE) {
+      if (hasProvinceElement) {
+        logger.error(`Error: Can not add multiple elements of type '${field.type}'`);
+        return;
+      }
+      hasProvinceElement = true;
+    }
+    elementList.push({
+      id,
+      ...field,
+      custom,
+      handleChange: value => elementChangeHandler(id, value)
+    });
+  };
+
+  // Extract custom fields, do not mix with normal fields
+  const {
+    custom,
+    ...restFields
+  } = formConfig.fields;
+
+  // Add all non-custom attributes and mark them as such
+  Object.keys(restFields).forEach(id => {
+    addFormElement(id, formConfig.fields[id]);
+  });
+
+  // Add custom fields to the element list
+  if (custom) {
+    Object.keys(custom).forEach(id => {
+      addFormElement(id, formConfig.fields.custom[id], true);
+    });
+  }
+  return elementList;
+};

package/Form/Builder/builders/buildProvinceList.js

@@ -1,7 +1,24 @@
-function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import iso3166 from"../iso-3166-2";/**
+import iso3166 from "../iso-3166-2";
+
+/**
  * Returns a list of provinces based on the given country id
  *
  * @param {string} countryCode Country code of the country to fetch provinces from
  * @param {?Object} optional object to prepend optional choice
  * @return {Object}
- */export default(function(countryCode){var optional=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;if(!iso3166){return{};}/** @property {iso3166} divisions */var provinceList=iso3166[countryCode]?iso3166[countryCode].divisions:{};if(!optional){return provinceList;}return _extends({},optional,{},provinceList);});
+ */
+export default (countryCode, optional = null) => {
+  if (!iso3166) {
+    return {};
+  }
+
+  /** @property {iso3166} divisions */
+  const provinceList = iso3166[countryCode] ? iso3166[countryCode].divisions : {};
+  if (!optional) {
+    return provinceList;
+  }
+  return {
+    ...optional,
+    ...provinceList
+  };
+};

package/Form/Builder/builders/buildValidationErrorList.js

@@ -1,5 +1,10 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}/**
+import "core-js/modules/es.array.reduce.js";
+/**
  * Builds an Object, that contains all validation errors given as array of objects
  * @param {{path: string, message: string}[]} validationErrors Associated object containing errors
  * @return {Object}
- */export default(function(validationErrors){return validationErrors.reduce(function(result,validationError){return _extends({},result,_defineProperty({},validationError.path,validationError.message));},{});});
+ */
+export default validationErrors => validationErrors.reduce((result, validationError) => ({
+  ...result,
+  [validationError.path]: validationError.message
+}), {});

package/Form/Builder/classes/ActionListener/constants.js

@@ -1,2 +1,22 @@
-function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}export var ACTION_TYPE_UPDATE_PROVINCE_ELEMENT='updateProvinceElement';export var ACTION_TYPE_SET_VISIBILITY='setVisibility';export var ACTION_TYPE_SET_VALUE='setValue';export var ACTION_TYPE_TRANSFORM='transform';export var ACTION_SET_VALUE_FIXED='fixed';export var ACTION_SET_VALUE_COPY_FROM='copyFrom';export var ACTION_SET_VALUE_LENGTH_OF='lengthOf';export var ACTION_RULE_TYPE_NOT_IN='notIn';export var ACTION_RULE_TYPE_ONE_OF='oneOf';export var ACTION_RULE_TYPE_BOOLEAN='boolean';export var ACTION_RULE_TYPE_REGEX='regex';// Rule data is formatted as array
-export var ACTION_RULE_DATA_TYPES=_defineProperty(_defineProperty(_defineProperty(_defineProperty({},ACTION_RULE_TYPE_NOT_IN,'array'),ACTION_RULE_TYPE_ONE_OF,'array'),ACTION_RULE_TYPE_BOOLEAN,'boolean'),ACTION_RULE_TYPE_REGEX,'string');export var ACTION_RULES_CONCAT_METHOD_ALL='all';export var ACTION_RULES_CONCAT_METHOD_ANY='any';export var ACTION_RULES_CONCAT_METHOD_NONE='none';
+export const ACTION_TYPE_UPDATE_PROVINCE_ELEMENT = 'updateProvinceElement';
+export const ACTION_TYPE_SET_VISIBILITY = 'setVisibility';
+export const ACTION_TYPE_SET_VALUE = 'setValue';
+export const ACTION_TYPE_TRANSFORM = 'transform';
+export const ACTION_SET_VALUE_FIXED = 'fixed';
+export const ACTION_SET_VALUE_COPY_FROM = 'copyFrom';
+export const ACTION_SET_VALUE_LENGTH_OF = 'lengthOf';
+export const ACTION_RULE_TYPE_NOT_IN = 'notIn';
+export const ACTION_RULE_TYPE_ONE_OF = 'oneOf';
+export const ACTION_RULE_TYPE_BOOLEAN = 'boolean';
+export const ACTION_RULE_TYPE_REGEX = 'regex';
+
+// Rule data is formatted as array
+export const ACTION_RULE_DATA_TYPES = {
+  [ACTION_RULE_TYPE_NOT_IN]: 'array',
+  [ACTION_RULE_TYPE_ONE_OF]: 'array',
+  [ACTION_RULE_TYPE_BOOLEAN]: 'boolean',
+  [ACTION_RULE_TYPE_REGEX]: 'string'
+};
+export const ACTION_RULES_CONCAT_METHOD_ALL = 'all';
+export const ACTION_RULES_CONCAT_METHOD_ANY = 'any';
+export const ACTION_RULES_CONCAT_METHOD_NONE = 'none';