@zohodesk/dot 1.2.1 → 1.2.3

package/es/v1/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -30,6 +30,7 @@ export default function CommonEmptyState(props) {
     "data-id": dataId,
     "data-test-id": dataId
   }, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/React.createElement("div", {
+    tabIndex: "0",
     className: `${style.title} ${titleClass}`
   }, title) : null, description ? /*#__PURE__*/React.createElement("div", {
     className: style.linkWrapper

package/es/v1/errorstate/Inconvenience/Inconvenience.js

@@ -0,0 +1,86 @@
+import React from 'react';
+import { defaultProps } from '../../../errorstate/Inconvenience/props/defaultProps';
+import { propTypes } from '../../../errorstate/Inconvenience/props/propTypes';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import LinkText from '../LinkText/LinkText';
+import InconvenienceSVG from '@zohodesk/svg/lib/errorstate/version1/EmptyInconvenience';
+import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import commonStyle from '../../../errorstate/EmptyStates.module.css';
+import style from '../../../errorstate/Inconvenience/Inconvenience.module.css';
+export default class Inconvenience extends React.Component {
+  constructor(props) {
+    super(props);
+    this.responsiveFunc = this.responsiveFunc.bind(this);
+  }
+
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
+    return {
+      tablet: mediaQueryOR([{
+        minWidth: 481,
+        maxWidth: 768
+      }]),
+      uptoMobile: mediaQueryOR([{
+        maxWidth: 480
+      }])
+    };
+  }
+
+  render() {
+    let {
+      title,
+      subtitle,
+      description,
+      urlText,
+      url,
+      onClick,
+      dataId,
+      customClass
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+      query: this.responsiveFunc
+    }, _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 : ''
+      })));
+    });
+  }
+
+}
+Inconvenience.propTypes = propTypes;
+Inconvenience.defaultProps = defaultProps;
+
+if (false) {
+  Inconvenience.docs = {
+    componentGroup: 'errorStates'
+  };
+}

package/es/v1/errorstate/LinkText/LinkText.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { defaultProps } from '../../../errorstate/LinkText/props/defaultProps';
+import { propTypes } from '../../../errorstate/LinkText/props/propTypes';
+import Link from '../../Link/Link';
+import style from '../../../errorstate/LinkText/LinkText.module.css';
+export default class LinkText extends React.Component {
+  render() {
+    let {
+      text,
+      href,
+      onClick,
+      dataId,
+      customClass
+    } = this.props;
+    return /*#__PURE__*/React.createElement(Link, {
+      href: href ? href : 'javascript:void(0)',
+      className: `${style.text} ${customClass} `,
+      onClick: onClick,
+      dataId: dataId
+    }, text);
+  }
+
+}
+LinkText.propTypes = propTypes;
+LinkText.defaultProps = defaultProps; // if (__DOCS__) {
+//   LinkText.docs = {
+//     componentGroup: 'errorStates'
+//   };
+// }

package/es/v1/errorstate/NoRequestFound/NoRequestFound.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import { defaultProps } from '../../../errorstate/NoRequestFound/props/defaultProps';
+import { propTypes } from '../../../errorstate/NoRequestFound/props/propTypes';
+import commonStyle from '../../../errorstate/EmptyStates.module.css';
+import NoRequestFoundSVG from '@zohodesk/svg/lib/errorstate/version1/NoRequestFound';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import LinkText from '../LinkText/LinkText';
+import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import style from '../../../errorstate/NoRequestFound/NoRequestFound.module.css';
+export default class NoRequestFound extends React.Component {
+  constructor(props) {
+    super(props);
+    this.responsiveFunc = this.responsiveFunc.bind(this);
+  }
+
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
+    return {
+      tablet: mediaQueryOR([{
+        minWidth: 481,
+        maxWidth: 768
+      }]),
+      uptoMobile: mediaQueryOR([{
+        maxWidth: 480
+      }])
+    };
+  }
+
+  render() {
+    let {
+      title,
+      subtitle,
+      description,
+      urlText,
+      url,
+      onClick,
+      dataId,
+      customClass
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+      query: this.responsiveFunc
+    }, _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 : ''
+      })));
+    });
+  }
+
+}
+NoRequestFound.propTypes = propTypes;
+NoRequestFound.defaultProps = defaultProps; // if (__DOCS__) {
+//   NoRequestFound.docs = {
+//     componentGroup: 'errorStates'
+//   };
+// }

package/es/v1/errorstate/PermissionPlay/PermissionPlay.js

@@ -0,0 +1,83 @@
+import React from 'react';
+import { defaultProps } from '../../../errorstate/PermissionPlay/props/defaultProps';
+import { propTypes } from '../../../errorstate/PermissionPlay/props/propTypes';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import LinkText from '../LinkText/LinkText';
+import UnauthorizedLoginSVG from '@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin';
+import commonStyle from '../../../errorstate/EmptyStates.module.css';
+import style from '../../../errorstate/PermissionPlay/PermissionPlay.module.css';
+import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+export default class PermissionPlay extends React.Component {
+  constructor(props) {
+    super(props);
+    this.responsiveFunc = this.responsiveFunc.bind(this);
+  }
+
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
+    return {
+      tablet: mediaQueryOR([{
+        minWidth: 481,
+        maxWidth: 768
+      }]),
+      uptoMobile: mediaQueryOR([{
+        maxWidth: 480
+      }])
+    };
+  }
+
+  render() {
+    let {
+      subtitle,
+      title,
+      description,
+      urlText,
+      url,
+      onClick,
+      dataId,
+      customClass
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+      query: this.responsiveFunc
+    }, _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`
+      })))));
+    });
+  }
+
+}
+PermissionPlay.propTypes = propTypes;
+PermissionPlay.defaultProps = defaultProps; // if (__DOCS__) {
+//   PermissionPlay.docs = {
+//     componentGroup: 'errorStates'
+//   };
+// }

package/es/v1/errorstate/RequestUrlNotFound/RequestUrlNotFound.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import { defaultProps } from '../../../errorstate/RequestUrlNotFound/props/defaultProps';
+import { propTypes } from '../../../errorstate/RequestUrlNotFound/props/propTypes';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import UrlNotFound from '@zohodesk/svg/lib/errorstate/version1/UrlNotFound';
+import LinkText from '../LinkText/LinkText';
+import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import commonStyle from '../../../errorstate/EmptyStates.module.css';
+import style from '../../../errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css';
+export default class RequestUrlNotFound extends React.Component {
+  constructor(props) {
+    super(props);
+    this.responsiveFunc = this.responsiveFunc.bind(this);
+  }
+
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
+    return {
+      tablet: mediaQueryOR([{
+        minWidth: 481,
+        maxWidth: 768
+      }]),
+      uptoMobile: mediaQueryOR([{
+        maxWidth: 480
+      }])
+    };
+  }
+
+  render() {
+    let {
+      title,
+      subtitle,
+      description,
+      urlText,
+      url,
+      onClick,
+      dataId,
+      customClass
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+      query: this.responsiveFunc
+    }, _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 : ''
+      })));
+    });
+  }
+
+}
+RequestUrlNotFound.propTypes = propTypes;
+RequestUrlNotFound.defaultProps = defaultProps; // if (__DOCS__) {
+//   RequestUrlNotFound.docs = {
+//     componentGroup: 'errorStates'
+//   };
+// }

package/es/v1/errorstate/UnableToProcess/UnableToProcess.js

@@ -0,0 +1,86 @@
+import React from 'react';
+import { defaultProps } from '../../../errorstate/UnableToProcess/props/defaultProps';
+import { propTypes } from '../../../errorstate/UnableToProcess/props/propTypes';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import LinkText from '../LinkText/LinkText';
+import UnableToProcessRequest from '@zohodesk/svg/lib/errorstate/version1/UnableToProcessRequest';
+import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import commonStyle from '../../../errorstate/EmptyStates.module.css';
+import style from '../../../errorstate/UnableToProcess/UnableToProcess.module.css';
+export default class UnableToProcess extends React.Component {
+  constructor(props) {
+    super(props);
+    this.responsiveFunc = this.responsiveFunc.bind(this);
+  }
+
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
+    return {
+      tablet: mediaQueryOR([{
+        minWidth: 481,
+        maxWidth: 768
+      }]),
+      uptoMobile: mediaQueryOR([{
+        maxWidth: 480
+      }])
+    };
+  }
+
+  render() {
+    let {
+      title,
+      subtitle,
+      description,
+      urlText,
+      url,
+      onClick,
+      dataId,
+      customClass
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+      query: this.responsiveFunc
+    }, _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 : ''
+      })));
+    });
+  }
+
+}
+UnableToProcess.propTypes = propTypes;
+UnableToProcess.defaultProps = defaultProps;
+
+if (false) {
+  UnableToProcess.docs = {
+    componentGroup: 'errorStates'
+  };
+}

package/es/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js

@@ -0,0 +1,84 @@
+import React from 'react';
+import { defaultProps } from '../../../errorstate/UnauthorizedLogin/props/defaultProps';
+import { propTypes } from '../../../errorstate/UnauthorizedLogin/props/propTypes';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import LinkText from '../LinkText/LinkText';
+import UnauthorizedLoginSVG from '@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin';
+import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import commonStyle from '../../../errorstate/EmptyStates.module.css';
+import style from '../../../errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css';
+export default class UnauthorizedLogin extends React.Component {
+  constructor(props) {
+    super(props);
+    this.responsiveFunc = this.responsiveFunc.bind(this);
+  }
+
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
+    return {
+      tablet: mediaQueryOR([{
+        minWidth: 481,
+        maxWidth: 768
+      }]),
+      uptoMobile: mediaQueryOR([{
+        maxWidth: 480
+      }])
+    };
+  }
+
+  render() {
+    let {
+      title,
+      subtitle,
+      description,
+      urlText,
+      url,
+      onClick,
+      dataId,
+      customClass
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+      query: this.responsiveFunc
+    }, _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(UnauthorizedLoginSVG, {
+        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 : ''
+      })));
+    });
+  }
+
+}
+UnauthorizedLogin.propTypes = propTypes;
+UnauthorizedLogin.defaultProps = defaultProps; // if (__DOCS__) {
+//   UnauthorizedLogin.docs = {
+//     componentGroup: 'errorStates'
+//   };
+// }

package/es/v1/errorstate/WillBack/WillBack.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import { defaultProps } from '../../../errorstate/WillBack/props/defaultProps';
+import { propTypes } from '../../../errorstate/WillBack/props/propTypes';
+import { Container, Box } from '@zohodesk/components/lib/Layout';
+import WillBeRightBack from '@zohodesk/svg/lib/errorstate/version1/WillBeRightBack';
+import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import commonStyle from '../../../errorstate/EmptyStates.module.css';
+import style from '../../../errorstate/WillBack/WillBack.module.css';
+export default class WillBack extends React.Component {
+  constructor(props) {
+    super(props);
+    this.responsiveFunc = this.responsiveFunc.bind(this);
+  }
+
+  responsiveFunc(_ref) {
+    let {
+      mediaQueryOR
+    } = _ref;
+    return {
+      tablet: mediaQueryOR([{
+        minWidth: 481,
+        maxWidth: 768
+      }]),
+      uptoMobile: mediaQueryOR([{
+        maxWidth: 480
+      }])
+    };
+  }
+
+  render() {
+    let {
+      dataId,
+      customClass
+    } = this.props;
+    return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
+      query: this.responsiveFunc
+    }, _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
+      }, /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile || tablet ? '' : `${commonStyle.header} ${style.header} `
+      }, /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile ? style.mobileTitle : tablet ? style.tabletTitle : style.title
+      }, "We'll be right back !"))), /*#__PURE__*/React.createElement(Box, {
+        className: uptoMobile ? style.mobileImageContainer : tablet ? style.tabletImageContainer : style.imageContainer
+      }, /*#__PURE__*/React.createElement(WillBeRightBack, {
+        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
+      }, "Our Service is temporarity unavailable. We are currently working to restore it."), /*#__PURE__*/React.createElement("div", {
+        className: `${uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText} ${style.bottomSpace} `
+      }, "Please try again later or report this issue"), /*#__PURE__*/React.createElement("div", {
+        className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
+      }, "2013, Zoho Corp, All rights reserved.")));
+    });
+  }
+
+}
+WillBack.propTypes = propTypes;
+WillBack.defaultProps = defaultProps; // if (__DOCS__) {
+//   WillBack.docs = {
+//     componentGroup: 'errorStates'
+//   };
+// }

package/es/v1/errorstate/index.js

@@ -0,0 +1,8 @@
+export { default as Inconvenience } from './Inconvenience/Inconvenience';
+export { default as LinkText } from './LinkText/LinkText';
+export { default as NoRequestFound } from './NoRequestFound/NoRequestFound';
+export { default as PermissionPlay } from './PermissionPlay/PermissionPlay';
+export { default as RequestUrlNotFound } from './RequestUrlNotFound/RequestUrlNotFound';
+export { default as UnableToProcess } from './UnableToProcess/UnableToProcess';
+export { default as UnauthorizedLogin } from './UnauthorizedLogin/UnauthorizedLogin';
+export { default as WillBack } from './WillBack/WillBack';