@zohodesk/dot 1.0.0-temp-61 → 1.0.0-temp-64

package/README.md

@@ -2,6 +2,20 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.210
+
+- TextEditor => editor laoding issue fix
+
+# 1.0.0-beta.209
+
+- ActionButton => removeChildrenTooltip prop added , Loader Bg Fixed for Primary Palette
+- AlertLookup,AlertLookup v2 => onEsc Prop added
+
+# 1.0.0-beta.208
+
+- Read-only and disable class and style added in All Fields like TextBoxField, MultiSelect Field etc..
+- isCopyTextEnabled prop added in Ripple Effect component.
+
 # 1.0.0-beta.207
 - Linear Gradient - to Left direction fixed
 - TicketHeader/ViewDropdown ->  block layout fix

package/es/ActionButton/ActionButton.js

@@ -46,7 +46,8 @@ export class ActionButton extends React.Component {
       dropBoxClass,
       isBoxPaddingNeed,
       getContainerRef,
-      getTargetRef
+      getTargetRef,
+      removeChildrenTooltip
     } = this.props;
     return /*#__PURE__*/React.createElement(Container, {
       alignBox: "row",
@@ -64,7 +65,8 @@ export class ActionButton extends React.Component {
       size: "medium",
       customClass: {
         customButton: style.btn
-      }
+      },
+      text: text
     })) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Box, {
       flexible: true,
       onClick: onClick,
@@ -86,9 +88,9 @@ export class ActionButton extends React.Component {
     }) : null, text ? /*#__PURE__*/React.createElement(Box, {
       shrink: true,
       className: style.txt,
-      "data-title": text
+      "data-title": removeChildrenTooltip ? null : text
     }, text) : null)), subText ? /*#__PURE__*/React.createElement(Box, {
-      "data-title": subText,
+      "data-title": removeChildrenTooltip ? null : subText,
       className: style.subTxt
     }, subText) : null)), children ? /*#__PURE__*/React.createElement(Box, {
       onClick: onClick ? !onHover && this.handleTogglePopup : undefined,
@@ -130,7 +132,8 @@ ActionButton.defaultProps = {
   dropBoxClass: '',
   arrowBoxSize: 'medium',
   isBoxPaddingNeed: true,
-  palette: 'primaryFilled'
+  palette: 'primaryFilled',
+  removeChildrenTooltip: false
 };
 ActionButton.propTypes = {
   arrowBoxDataId: PropTypes.string,
@@ -157,7 +160,8 @@ ActionButton.propTypes = {
   subText: PropTypes.string,
   text: PropTypes.string,
   getContainerRef: PropTypes.func,
-  getTargetRef: PropTypes.func
+  getTargetRef: PropTypes.func,
+  removeChildrenTooltip: PropTypes.bool
 };
 ActionButton.docs = {
   componentGroup: 'Atom'

package/es/ActionButton/ActionButton.module.css

@@ -119,6 +119,7 @@
 .btn {
   height: 100%;
   width: 100%;
+  color:var(--dot_mirror)
 }
 .popupWrapper {
   padding: var(--zd_size10) 0;

package/es/Drawer/Drawer.js

@@ -205,9 +205,10 @@ export default class Drawer extends React.Component {
     }, childrenWithProps)));
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       uptoTablet: mediaQueryOR([{
         maxWidth: 768
@@ -233,9 +234,10 @@ export default class Drawer extends React.Component {
     return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc,
       responsiveId: responsiveId
-    }, ({
-      uptoTablet
-    }) => {
+    }, _ref2 => {
+      let {
+        uptoTablet
+      } = _ref2;
       let styleByResolutions = `${subDrawerClass} ${style.secondDrawer} ${uptoTablet ? `${style.secondMobDrawer} ${style.mbleSize}` : `${style[subDrawerSize]}`} `;
       return needFreeze ? /*#__PURE__*/React.createElement(FreezeLayer, {
         onClick: onClose,

package/es/ExternalLink/__tests__/ExternalLink.spec.js

@@ -1,4 +1,3 @@
-import "core-js/modules/web.url.to-json";
 import React from 'react';
 import ExternalLink from '../ExternalLink';
 import renderer from 'react-test-renderer';

package/es/Link/Link.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React from 'react';
 import PropTypes from 'prop-types';
 import style from './Link.module.css';
-import LinkContext from './LinkContext.js';
+import LinkContext from './LinkContext';
 export default class Link extends React.Component {
   constructor(props, context) {
     super(props, context);

package/es/alert/AlertLookup/AlertLookup.js

@@ -34,16 +34,19 @@ export default class AlertLookup extends Component {
     document.removeEventListener('keydown', this.documentKeydownHandler);
   }
 
-  documentKeydownHandler(e = {}) {
+  documentKeydownHandler() {
+    let e = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     let {
       onSubmitClick,
       onCancelClick,
-      isActive
+      isActive,
+      onEsc,
+      onClose
     } = this.props;
 
     if (e.keyCode === 27 && isActive) {
       e && e.preventDefault && e.preventDefault();
-      onCancelClick && onCancelClick(e);
+      onEsc == 'close' ? onClose && onClose(e) : onCancelClick && onCancelClick(e);
     } else if (e.keyCode === 13 && isActive) {
       e && e.preventDefault && e.preventDefault();
       onSubmitClick && onSubmitClick(e);
@@ -168,7 +171,8 @@ AlertLookup.propTypes = {
     AlertHeaderProps: PropTypes.object,
     PrimaryButtonProps: PropTypes.object,
     SecondaryButtonProps: PropTypes.object
-  })
+  }),
+  onEsc: PropTypes.oneOf(['close', 'cancel'])
 };
 AlertLookup.defaultProps = {
   isActive: false,
@@ -180,7 +184,8 @@ AlertLookup.defaultProps = {
   dataId: 'alertPopup',
   customClass: '',
   isDefaultFocus: true,
-  customProps: {}
+  customProps: {},
+  onEsc: 'cancel'
 };
 
 if (false) {

package/es/dropdown/ToggleDropDown/ToggleDropDown.js

@@ -177,11 +177,17 @@ export class ToggleDropDown extends Component {
 
     if (this.props.from == 'activityFilter') {
       //Temproary
-      const results = this.props.options.filter(({
-        isDisabled: id1
-      }) => !prevProps.options.some(({
-        isDisabled: id2
-      }) => id2 === id1));
+      const results = this.props.options.filter(_ref => {
+        let {
+          isDisabled: id1
+        } = _ref;
+        return !prevProps.options.some(_ref2 => {
+          let {
+            isDisabled: id2
+          } = _ref2;
+          return id2 === id1;
+        });
+      });
 
       if (results.length > 0) {
         this.setState({

package/es/errorstate/Inconvenience/Inconvenience.js

@@ -12,9 +12,10 @@ export default class Inconvenience extends React.Component {
     this.responsiveFunc = this.responsiveFunc.bind(this);
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tablet: mediaQueryOR([{
         minWidth: 481,
@@ -39,35 +40,38 @@ export default class Inconvenience extends React.Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc
-    }, ({
-      tablet,
-      uptoMobile
-    }) => /*#__PURE__*/React.createElement(Container, {
-      className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-      dataId: dataId,
-      scroll: "vertical"
-    }, /*#__PURE__*/React.createElement(Box, {
-      className: commonStyle.top
-    }, title ? /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-    }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-    }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-      className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
-    }, /*#__PURE__*/React.createElement(InconvenienceSVG, {
-      isFluid: true,
-      dataId: `${dataId}_svg`
-    })), /*#__PURE__*/React.createElement(Box, {
-      className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
-    }, /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-    }, description), /*#__PURE__*/React.createElement(LinkText, {
-      text: urlText,
-      href: url,
-      onClick: onClick,
-      dataId: `${dataId}_link`,
-      customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-    }))));
+    }, _ref2 => {
+      let {
+        tablet,
+        uptoMobile
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(Container, {
+        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
+        dataId: dataId,
+        scroll: "vertical"
+      }, /*#__PURE__*/React.createElement(Box, {
+        className: commonStyle.top
+      }, title ? /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
+      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
+      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
+        className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
+      }, /*#__PURE__*/React.createElement(InconvenienceSVG, {
+        isFluid: true,
+        dataId: `${dataId}_svg`
+      })), /*#__PURE__*/React.createElement(Box, {
+        className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
+      }, /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
+      }, description), /*#__PURE__*/React.createElement(LinkText, {
+        text: urlText,
+        href: url,
+        onClick: onClick,
+        dataId: `${dataId}_link`,
+        customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
+      })));
+    });
   }
 
 }

package/es/errorstate/NoRequestFound/NoRequestFound.js

@@ -12,9 +12,10 @@ export default class NoRequestFound extends React.Component {
     this.responsiveFunc = this.responsiveFunc.bind(this);
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tablet: mediaQueryOR([{
         minWidth: 481,
@@ -39,35 +40,38 @@ export default class NoRequestFound extends React.Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc
-    }, ({
-      tablet,
-      uptoMobile
-    }) => /*#__PURE__*/React.createElement(Container, {
-      className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-      dataId: dataId,
-      scroll: "vertical"
-    }, /*#__PURE__*/React.createElement(Box, {
-      className: commonStyle.top
-    }, title ? /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-    }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-    }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-      className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
-    }, /*#__PURE__*/React.createElement(NoRequestFoundSVG, {
-      isFluid: true,
-      dataId: `${dataId}_svg`
-    })), /*#__PURE__*/React.createElement(Box, {
-      className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
-    }, /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-    }, description), /*#__PURE__*/React.createElement(LinkText, {
-      text: urlText,
-      href: url,
-      onClick: onClick,
-      dataId: `${dataId}_link`,
-      customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-    }))));
+    }, _ref2 => {
+      let {
+        tablet,
+        uptoMobile
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(Container, {
+        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
+        dataId: dataId,
+        scroll: "vertical"
+      }, /*#__PURE__*/React.createElement(Box, {
+        className: commonStyle.top
+      }, title ? /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
+      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
+      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
+        className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
+      }, /*#__PURE__*/React.createElement(NoRequestFoundSVG, {
+        isFluid: true,
+        dataId: `${dataId}_svg`
+      })), /*#__PURE__*/React.createElement(Box, {
+        className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
+      }, /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
+      }, description), /*#__PURE__*/React.createElement(LinkText, {
+        text: urlText,
+        href: url,
+        onClick: onClick,
+        dataId: `${dataId}_link`,
+        customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
+      })));
+    });
   }
 
 }

package/es/errorstate/PermissionPlay/PermissionPlay.js

@@ -12,9 +12,10 @@ export default class PermissionPlay extends React.Component {
     this.responsiveFunc = this.responsiveFunc.bind(this);
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tablet: mediaQueryOR([{
         minWidth: 481,
@@ -39,34 +40,37 @@ export default class PermissionPlay extends React.Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc
-    }, ({
-      tablet,
-      uptoMobile
-    }) => /*#__PURE__*/React.createElement(Container, {
-      className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-      dataId: dataId,
-      scroll: "vertical"
-    }, /*#__PURE__*/React.createElement(Box, {
-      className: commonStyle.top
-    }, title ? /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-    }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-    }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-      className: uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer
-    }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
-      isFluid: true,
-      dataId: `${dataId}_svg`
-    })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
-      className: `${style.lastBox} ${tablet || uptoMobile ? style.max : style.min}`
-    }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
-      className: style.lineText
-    }, /*#__PURE__*/React.createElement(LinkText, {
-      text: urlText,
-      href: url,
-      onClick: onClick,
-      dataId: `${dataId}_link`
-    }))))));
+    }, _ref2 => {
+      let {
+        tablet,
+        uptoMobile
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(Container, {
+        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
+        dataId: dataId,
+        scroll: "vertical"
+      }, /*#__PURE__*/React.createElement(Box, {
+        className: commonStyle.top
+      }, title ? /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
+      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
+      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
+        className: uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer
+      }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
+        isFluid: true,
+        dataId: `${dataId}_svg`
+      })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
+        className: `${style.lastBox} ${tablet || uptoMobile ? style.max : style.min}`
+      }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
+        className: style.lineText
+      }, /*#__PURE__*/React.createElement(LinkText, {
+        text: urlText,
+        href: url,
+        onClick: onClick,
+        dataId: `${dataId}_link`
+      })))));
+    });
   }
 
 }

package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js

@@ -12,9 +12,10 @@ export default class RequestUrlNotFound extends React.Component {
     this.responsiveFunc = this.responsiveFunc.bind(this);
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tablet: mediaQueryOR([{
         minWidth: 481,
@@ -39,35 +40,38 @@ export default class RequestUrlNotFound extends React.Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc
-    }, ({
-      tablet,
-      uptoMobile
-    }) => /*#__PURE__*/React.createElement(Container, {
-      className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-      dataId: dataId,
-      scroll: "vertical"
-    }, /*#__PURE__*/React.createElement(Box, {
-      className: commonStyle.top
-    }, title ? /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-    }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-    }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-      className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
-    }, /*#__PURE__*/React.createElement(UrlNotFound, {
-      isFluid: true,
-      dataId: `${dataId}_svg`
-    })), /*#__PURE__*/React.createElement(Box, {
-      className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
-    }, /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-    }, description), /*#__PURE__*/React.createElement(LinkText, {
-      text: urlText,
-      href: url,
-      onClick: onClick,
-      dataId: `${dataId}_link`,
-      customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-    }))));
+    }, _ref2 => {
+      let {
+        tablet,
+        uptoMobile
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(Container, {
+        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
+        dataId: dataId,
+        scroll: "vertical"
+      }, /*#__PURE__*/React.createElement(Box, {
+        className: commonStyle.top
+      }, title ? /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
+      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
+      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
+        className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
+      }, /*#__PURE__*/React.createElement(UrlNotFound, {
+        isFluid: true,
+        dataId: `${dataId}_svg`
+      })), /*#__PURE__*/React.createElement(Box, {
+        className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
+      }, /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
+      }, description), /*#__PURE__*/React.createElement(LinkText, {
+        text: urlText,
+        href: url,
+        onClick: onClick,
+        dataId: `${dataId}_link`,
+        customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
+      })));
+    });
   }
 
 }

package/es/errorstate/UnableToProcess/UnableToProcess.js

@@ -12,9 +12,10 @@ export default class UnableToProcess extends React.Component {
     this.responsiveFunc = this.responsiveFunc.bind(this);
   }
 
-  responsiveFunc({
-    mediaQueryOR
-  }) {
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
     return {
       tablet: mediaQueryOR([{
         minWidth: 481,
@@ -39,35 +40,38 @@ export default class UnableToProcess extends React.Component {
     } = this.props;
     return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
       query: this.responsiveFunc
-    }, ({
-      tablet,
-      uptoMobile
-    }) => /*#__PURE__*/React.createElement(Container, {
-      className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
-      dataId: dataId,
-      scroll: "vertical"
-    }, /*#__PURE__*/React.createElement(Box, {
-      className: commonStyle.top
-    }, title ? /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
-    }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
-    }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
-      className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
-    }, /*#__PURE__*/React.createElement(UnableToProcessRequest, {
-      isFluid: true,
-      dataId: `${dataId}_svg`
-    })), /*#__PURE__*/React.createElement(Box, {
-      className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
-    }, /*#__PURE__*/React.createElement("div", {
-      className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
-    }, description), /*#__PURE__*/React.createElement(LinkText, {
-      text: urlText,
-      href: url,
-      onClick: onClick,
-      dataId: `${dataId}_link`,
-      customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
-    }))));
+    }, _ref2 => {
+      let {
+        tablet,
+        uptoMobile
+      } = _ref2;
+      return /*#__PURE__*/React.createElement(Container, {
+        className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
+        dataId: dataId,
+        scroll: "vertical"
+      }, /*#__PURE__*/React.createElement(Box, {
+        className: commonStyle.top
+      }, title ? /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
+      }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
+      }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
+        className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
+      }, /*#__PURE__*/React.createElement(UnableToProcessRequest, {
+        isFluid: true,
+        dataId: `${dataId}_svg`
+      })), /*#__PURE__*/React.createElement(Box, {
+        className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
+      }, /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
+      }, description), /*#__PURE__*/React.createElement(LinkText, {
+        text: urlText,
+        href: url,
+        onClick: onClick,
+        dataId: `${dataId}_link`,
+        customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
+      })));
+    });
   }
 
 }