@zohodesk/dot 1.0.0-temp-230.3 → 1.0.0-temp-232

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/README.md +2 -11
  2. package/es/ActionButton/__tests__/ActionButton.spec.js +4 -5
  3. package/es/AttachmentViewer/AttachmentImage.js +1 -3
  4. package/es/AttachmentViewer/AttachmentViewer.js +254 -359
  5. package/es/AttachmentViewer/AttachmentViewer.module.css +15 -8
  6. package/es/AttachmentViewer/props/defaultProps.js +2 -4
  7. package/es/AttachmentViewer/props/propTypes.js +2 -8
  8. package/es/AttachmentViewer/utils.js +6 -7
  9. package/es/AudioPlayer/utils/utils.js +2 -5
  10. package/es/DotProvider/hooks/useDotProvider.js +14 -15
  11. package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +21 -16
  12. package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +3 -4
  13. package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +4 -5
  14. package/es/DotProvider/utils/errorValidation.js +5 -6
  15. package/es/DotProvider/utils/getAssetsImportPromises.js +4 -5
  16. package/es/Drawer/Drawer.js +6 -8
  17. package/es/FreezeLayer/css/cssJSLogic.js +4 -5
  18. package/es/Hooks/Dragger/useDragger.js +5 -6
  19. package/es/Hooks/Dragger/utils/DraggerUtil.js +7 -8
  20. package/es/Hooks/useFreezeLayer.js +4 -5
  21. package/es/Link/Link.js +3 -4
  22. package/es/Link/props/propTypes.js +0 -1
  23. package/es/Onboarding/CarouselDots/CarouselDots.js +29 -32
  24. package/es/Onboarding/Onboarding.js +23 -24
  25. package/es/Onboarding/hooks/useOnboarding.js +4 -5
  26. package/es/Onboarding/hooks/useOnboardingSlider.js +5 -6
  27. package/es/deprecated/SelectDropdown/SelectDropdown.js +43 -47
  28. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +214 -225
  29. package/es/errorstate/Inconvenience/Inconvenience.js +32 -36
  30. package/es/errorstate/NoRequestFound/NoRequestFound.js +32 -36
  31. package/es/errorstate/PermissionPlay/PermissionPlay.js +31 -35
  32. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +32 -36
  33. package/es/errorstate/UnableToProcess/UnableToProcess.js +32 -36
  34. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +32 -36
  35. package/es/errorstate/WillBack/WillBack.js +30 -34
  36. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +81 -85
  37. package/es/list/status/StatusDropdown/StatusDropdown.js +109 -113
  38. package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +3 -4
  39. package/es/lookup/header/Search/Search.js +4 -5
  40. package/es/lookup/header/Search/__tests__/Search.spec.js +3 -4
  41. package/es/lookup/header/ViewDropDown/ViewDropDown.js +67 -75
  42. package/es/utils/General.js +2 -7
  43. package/es/utils/editorUtils.js +1 -5
  44. package/es/version2/lookup/AlertHeader/AlertHeader.js +5 -3
  45. package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +24 -0
  46. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +34 -0
  47. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +4 -5
  48. package/es/version2/lookup/AlertHeader/props/propTypes.js +2 -1
  49. package/es/version2/notification/DesktopNotification/DesktopNotification.js +59 -63
  50. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +40 -44
  51. package/lib/AttachmentViewer/AttachmentImage.js +1 -3
  52. package/lib/AttachmentViewer/AttachmentViewer.js +85 -187
  53. package/lib/AttachmentViewer/AttachmentViewer.module.css +15 -8
  54. package/lib/AttachmentViewer/props/defaultProps.js +2 -6
  55. package/lib/AttachmentViewer/props/propTypes.js +2 -8
  56. package/lib/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +9 -3
  57. package/lib/Link/Link.js +3 -4
  58. package/lib/Link/props/propTypes.js +0 -1
  59. package/lib/version2/lookup/AlertHeader/AlertHeader.js +5 -2
  60. package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +26 -0
  61. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +34 -0
  62. package/lib/version2/lookup/AlertHeader/props/propTypes.js +2 -1
  63. package/package.json +7 -7
package/es/errorstate/Inconvenience/Inconvenience.js CHANGED
@@ -13,10 +13,9 @@ export default class Inconvenience extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc(_ref) {
17
- let {
18
- mediaQueryOR
19
- } = _ref;
16
+ responsiveFunc({
17
+ mediaQueryOR
18
+ }) {
20
19
  return {
21
20
  tablet: mediaQueryOR([{
22
21
  minWidth: 481,
@@ -41,38 +40,35 @@ export default class Inconvenience extends React.Component {
41
40
  } = this.props;
42
41
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
43
42
  query: this.responsiveFunc
44
- }, _ref2 => {
45
- let {
46
- tablet,
47
- uptoMobile
48
- } = _ref2;
49
- return /*#__PURE__*/React.createElement(Container, {
50
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
51
- dataId: dataId,
52
- scroll: "vertical"
53
- }, /*#__PURE__*/React.createElement(Box, {
54
- className: commonStyle.top
55
- }, title ? /*#__PURE__*/React.createElement("div", {
56
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
57
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
58
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
59
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
60
- className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
61
- }, /*#__PURE__*/React.createElement(InconvenienceSVG, {
62
- isFluid: true,
63
- dataId: `${dataId}_svg`
64
- })), /*#__PURE__*/React.createElement(Box, {
65
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
66
- }, /*#__PURE__*/React.createElement("div", {
67
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
68
- }, description), /*#__PURE__*/React.createElement(LinkText, {
69
- text: urlText,
70
- href: url,
71
- onClick: onClick,
72
- dataId: `${dataId}_link`,
73
- customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
74
- })));
75
- });
43
+ }, ({
44
+ tablet,
45
+ uptoMobile
46
+ }) => /*#__PURE__*/React.createElement(Container, {
47
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
48
+ dataId: dataId,
49
+ scroll: "vertical"
50
+ }, /*#__PURE__*/React.createElement(Box, {
51
+ className: commonStyle.top
52
+ }, title ? /*#__PURE__*/React.createElement("div", {
53
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
54
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
55
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
56
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
57
+ className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
58
+ }, /*#__PURE__*/React.createElement(InconvenienceSVG, {
59
+ isFluid: true,
60
+ dataId: `${dataId}_svg`
61
+ })), /*#__PURE__*/React.createElement(Box, {
62
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
63
+ }, /*#__PURE__*/React.createElement("div", {
64
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
65
+ }, description), /*#__PURE__*/React.createElement(LinkText, {
66
+ text: urlText,
67
+ href: url,
68
+ onClick: onClick,
69
+ dataId: `${dataId}_link`,
70
+ customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
71
+ }))));
76
72
  }
77
73
 
78
74
  }
package/es/errorstate/NoRequestFound/NoRequestFound.js CHANGED
@@ -13,10 +13,9 @@ export default class NoRequestFound extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc(_ref) {
17
- let {
18
- mediaQueryOR
19
- } = _ref;
16
+ responsiveFunc({
17
+ mediaQueryOR
18
+ }) {
20
19
  return {
21
20
  tablet: mediaQueryOR([{
22
21
  minWidth: 481,
@@ -41,38 +40,35 @@ export default class NoRequestFound extends React.Component {
41
40
  } = this.props;
42
41
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
43
42
  query: this.responsiveFunc
44
- }, _ref2 => {
45
- let {
46
- tablet,
47
- uptoMobile
48
- } = _ref2;
49
- return /*#__PURE__*/React.createElement(Container, {
50
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
51
- dataId: dataId,
52
- scroll: "vertical"
53
- }, /*#__PURE__*/React.createElement(Box, {
54
- className: commonStyle.top
55
- }, title ? /*#__PURE__*/React.createElement("div", {
56
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
57
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
58
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
59
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
60
- className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
61
- }, /*#__PURE__*/React.createElement(NoRequestFoundSVG, {
62
- isFluid: true,
63
- dataId: `${dataId}_svg`
64
- })), /*#__PURE__*/React.createElement(Box, {
65
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
66
- }, /*#__PURE__*/React.createElement("div", {
67
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
68
- }, description), /*#__PURE__*/React.createElement(LinkText, {
69
- text: urlText,
70
- href: url,
71
- onClick: onClick,
72
- dataId: `${dataId}_link`,
73
- customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
74
- })));
75
- });
43
+ }, ({
44
+ tablet,
45
+ uptoMobile
46
+ }) => /*#__PURE__*/React.createElement(Container, {
47
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
48
+ dataId: dataId,
49
+ scroll: "vertical"
50
+ }, /*#__PURE__*/React.createElement(Box, {
51
+ className: commonStyle.top
52
+ }, title ? /*#__PURE__*/React.createElement("div", {
53
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
54
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
55
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
56
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
57
+ className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
58
+ }, /*#__PURE__*/React.createElement(NoRequestFoundSVG, {
59
+ isFluid: true,
60
+ dataId: `${dataId}_svg`
61
+ })), /*#__PURE__*/React.createElement(Box, {
62
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
63
+ }, /*#__PURE__*/React.createElement("div", {
64
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
65
+ }, description), /*#__PURE__*/React.createElement(LinkText, {
66
+ text: urlText,
67
+ href: url,
68
+ onClick: onClick,
69
+ dataId: `${dataId}_link`,
70
+ customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
71
+ }))));
76
72
  }
77
73
 
78
74
  }
package/es/errorstate/PermissionPlay/PermissionPlay.js CHANGED
@@ -13,10 +13,9 @@ export default class PermissionPlay extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc(_ref) {
17
- let {
18
- mediaQueryOR
19
- } = _ref;
16
+ responsiveFunc({
17
+ mediaQueryOR
18
+ }) {
20
19
  return {
21
20
  tablet: mediaQueryOR([{
22
21
  minWidth: 481,
@@ -41,37 +40,34 @@ export default class PermissionPlay extends React.Component {
41
40
  } = this.props;
42
41
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
43
42
  query: this.responsiveFunc
44
- }, _ref2 => {
45
- let {
46
- tablet,
47
- uptoMobile
48
- } = _ref2;
49
- return /*#__PURE__*/React.createElement(Container, {
50
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
51
- dataId: dataId,
52
- scroll: "vertical"
53
- }, /*#__PURE__*/React.createElement(Box, {
54
- className: commonStyle.top
55
- }, title ? /*#__PURE__*/React.createElement("div", {
56
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
57
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
58
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
59
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
60
- className: uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer
61
- }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
62
- isFluid: true,
63
- dataId: `${dataId}_svg`
64
- })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
65
- className: `${style.lastBox} ${tablet || uptoMobile ? style.max : style.min}`
66
- }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
67
- className: style.lineText
68
- }, /*#__PURE__*/React.createElement(LinkText, {
69
- text: urlText,
70
- href: url,
71
- onClick: onClick,
72
- dataId: `${dataId}_link`
73
- })))));
74
- });
43
+ }, ({
44
+ tablet,
45
+ uptoMobile
46
+ }) => /*#__PURE__*/React.createElement(Container, {
47
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
48
+ dataId: dataId,
49
+ scroll: "vertical"
50
+ }, /*#__PURE__*/React.createElement(Box, {
51
+ className: commonStyle.top
52
+ }, title ? /*#__PURE__*/React.createElement("div", {
53
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
54
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
55
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
56
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
57
+ className: uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer
58
+ }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
59
+ isFluid: true,
60
+ dataId: `${dataId}_svg`
61
+ })), /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement("div", {
62
+ className: `${style.lastBox} ${tablet || uptoMobile ? style.max : style.min}`
63
+ }, /*#__PURE__*/React.createElement("span", null, description), /*#__PURE__*/React.createElement("span", {
64
+ className: style.lineText
65
+ }, /*#__PURE__*/React.createElement(LinkText, {
66
+ text: urlText,
67
+ href: url,
68
+ onClick: onClick,
69
+ dataId: `${dataId}_link`
70
+ }))))));
75
71
  }
76
72
 
77
73
  }
package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js CHANGED
@@ -13,10 +13,9 @@ export default class RequestUrlNotFound extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc(_ref) {
17
- let {
18
- mediaQueryOR
19
- } = _ref;
16
+ responsiveFunc({
17
+ mediaQueryOR
18
+ }) {
20
19
  return {
21
20
  tablet: mediaQueryOR([{
22
21
  minWidth: 481,
@@ -41,38 +40,35 @@ export default class RequestUrlNotFound extends React.Component {
41
40
  } = this.props;
42
41
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
43
42
  query: this.responsiveFunc
44
- }, _ref2 => {
45
- let {
46
- tablet,
47
- uptoMobile
48
- } = _ref2;
49
- return /*#__PURE__*/React.createElement(Container, {
50
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
51
- dataId: dataId,
52
- scroll: "vertical"
53
- }, /*#__PURE__*/React.createElement(Box, {
54
- className: commonStyle.top
55
- }, title ? /*#__PURE__*/React.createElement("div", {
56
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
57
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
58
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
59
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
60
- className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
61
- }, /*#__PURE__*/React.createElement(UrlNotFound, {
62
- isFluid: true,
63
- dataId: `${dataId}_svg`
64
- })), /*#__PURE__*/React.createElement(Box, {
65
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
66
- }, /*#__PURE__*/React.createElement("div", {
67
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
68
- }, description), /*#__PURE__*/React.createElement(LinkText, {
69
- text: urlText,
70
- href: url,
71
- onClick: onClick,
72
- dataId: `${dataId}_link`,
73
- customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
74
- })));
75
- });
43
+ }, ({
44
+ tablet,
45
+ uptoMobile
46
+ }) => /*#__PURE__*/React.createElement(Container, {
47
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
48
+ dataId: dataId,
49
+ scroll: "vertical"
50
+ }, /*#__PURE__*/React.createElement(Box, {
51
+ className: commonStyle.top
52
+ }, title ? /*#__PURE__*/React.createElement("div", {
53
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
54
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
55
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
56
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
57
+ className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : tablet ? commonStyle.tabletImageContainer : commonStyle.imageContainer}`
58
+ }, /*#__PURE__*/React.createElement(UrlNotFound, {
59
+ isFluid: true,
60
+ dataId: `${dataId}_svg`
61
+ })), /*#__PURE__*/React.createElement(Box, {
62
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
63
+ }, /*#__PURE__*/React.createElement("div", {
64
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
65
+ }, description), /*#__PURE__*/React.createElement(LinkText, {
66
+ text: urlText,
67
+ href: url,
68
+ onClick: onClick,
69
+ dataId: `${dataId}_link`,
70
+ customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
71
+ }))));
76
72
  }
77
73
 
78
74
  }
package/es/errorstate/UnableToProcess/UnableToProcess.js CHANGED
@@ -13,10 +13,9 @@ export default class UnableToProcess extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc(_ref) {
17
- let {
18
- mediaQueryOR
19
- } = _ref;
16
+ responsiveFunc({
17
+ mediaQueryOR
18
+ }) {
20
19
  return {
21
20
  tablet: mediaQueryOR([{
22
21
  minWidth: 481,
@@ -41,38 +40,35 @@ export default class UnableToProcess extends React.Component {
41
40
  } = this.props;
42
41
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
43
42
  query: this.responsiveFunc
44
- }, _ref2 => {
45
- let {
46
- tablet,
47
- uptoMobile
48
- } = _ref2;
49
- return /*#__PURE__*/React.createElement(Container, {
50
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
51
- dataId: dataId,
52
- scroll: "vertical"
53
- }, /*#__PURE__*/React.createElement(Box, {
54
- className: commonStyle.top
55
- }, title ? /*#__PURE__*/React.createElement("div", {
56
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
57
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
58
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
59
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
60
- className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
61
- }, /*#__PURE__*/React.createElement(UnableToProcessRequest, {
62
- isFluid: true,
63
- dataId: `${dataId}_svg`
64
- })), /*#__PURE__*/React.createElement(Box, {
65
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
66
- }, /*#__PURE__*/React.createElement("div", {
67
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
68
- }, description), /*#__PURE__*/React.createElement(LinkText, {
69
- text: urlText,
70
- href: url,
71
- onClick: onClick,
72
- dataId: `${dataId}_link`,
73
- customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
74
- })));
75
- });
43
+ }, ({
44
+ tablet,
45
+ uptoMobile
46
+ }) => /*#__PURE__*/React.createElement(Container, {
47
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
48
+ dataId: dataId,
49
+ scroll: "vertical"
50
+ }, /*#__PURE__*/React.createElement(Box, {
51
+ className: commonStyle.top
52
+ }, title ? /*#__PURE__*/React.createElement("div", {
53
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
54
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
55
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
56
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
57
+ className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
58
+ }, /*#__PURE__*/React.createElement(UnableToProcessRequest, {
59
+ isFluid: true,
60
+ dataId: `${dataId}_svg`
61
+ })), /*#__PURE__*/React.createElement(Box, {
62
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
63
+ }, /*#__PURE__*/React.createElement("div", {
64
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
65
+ }, description), /*#__PURE__*/React.createElement(LinkText, {
66
+ text: urlText,
67
+ href: url,
68
+ onClick: onClick,
69
+ dataId: `${dataId}_link`,
70
+ customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
71
+ }))));
76
72
  }
77
73
 
78
74
  }
package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js CHANGED
@@ -13,10 +13,9 @@ export default class UnauthorizedLogin extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc(_ref) {
17
- let {
18
- mediaQueryOR
19
- } = _ref;
16
+ responsiveFunc({
17
+ mediaQueryOR
18
+ }) {
20
19
  return {
21
20
  tablet: mediaQueryOR([{
22
21
  minWidth: 481,
@@ -41,38 +40,35 @@ export default class UnauthorizedLogin extends React.Component {
41
40
  } = this.props;
42
41
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
43
42
  query: this.responsiveFunc
44
- }, _ref2 => {
45
- let {
46
- tablet,
47
- uptoMobile
48
- } = _ref2;
49
- return /*#__PURE__*/React.createElement(Container, {
50
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
51
- dataId: dataId,
52
- scroll: "vertical"
53
- }, /*#__PURE__*/React.createElement(Box, {
54
- className: commonStyle.top
55
- }, title ? /*#__PURE__*/React.createElement("div", {
56
- className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
57
- }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
58
- className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
59
- }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
60
- className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
61
- }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
62
- isFluid: true,
63
- dataId: `${dataId}_svg`
64
- })), /*#__PURE__*/React.createElement(Box, {
65
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
66
- }, /*#__PURE__*/React.createElement("div", {
67
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
68
- }, description), /*#__PURE__*/React.createElement(LinkText, {
69
- text: urlText,
70
- href: url,
71
- onClick: onClick,
72
- dataId: `${dataId}_link`,
73
- customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
74
- })));
75
- });
43
+ }, ({
44
+ tablet,
45
+ uptoMobile
46
+ }) => /*#__PURE__*/React.createElement(Container, {
47
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
48
+ dataId: dataId,
49
+ scroll: "vertical"
50
+ }, /*#__PURE__*/React.createElement(Box, {
51
+ className: commonStyle.top
52
+ }, title ? /*#__PURE__*/React.createElement("div", {
53
+ className: uptoMobile ? commonStyle.mobileTitle : tablet ? commonStyle.tabletTitle : commonStyle.title
54
+ }, title) : null, subtitle ? /*#__PURE__*/React.createElement("div", {
55
+ className: uptoMobile ? commonStyle.mobileSubTitle : tablet ? commonStyle.tabletSubTitle : commonStyle.subtitle
56
+ }, subtitle) : null), /*#__PURE__*/React.createElement(Box, {
57
+ className: `${style.imageContainer} ${uptoMobile ? commonStyle.mobileImageContainer : commonStyle.tabletImageContainer}`
58
+ }, /*#__PURE__*/React.createElement(UnauthorizedLoginSVG, {
59
+ isFluid: true,
60
+ dataId: `${dataId}_svg`
61
+ })), /*#__PURE__*/React.createElement(Box, {
62
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
63
+ }, /*#__PURE__*/React.createElement("div", {
64
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
65
+ }, description), /*#__PURE__*/React.createElement(LinkText, {
66
+ text: urlText,
67
+ href: url,
68
+ onClick: onClick,
69
+ dataId: `${dataId}_link`,
70
+ customClass: uptoMobile || tablet ? commonStyle.tabletBtmText : ''
71
+ }))));
76
72
  }
77
73
 
78
74
  }
package/es/errorstate/WillBack/WillBack.js CHANGED
@@ -12,10 +12,9 @@ export default class WillBack extends React.Component {
12
12
  this.responsiveFunc = this.responsiveFunc.bind(this);
13
13
  }
14
14
 
15
- responsiveFunc(_ref) {
16
- let {
17
- mediaQueryOR
18
- } = _ref;
15
+ responsiveFunc({
16
+ mediaQueryOR
17
+ }) {
19
18
  return {
20
19
  tablet: mediaQueryOR([{
21
20
  minWidth: 481,
@@ -34,36 +33,33 @@ export default class WillBack extends React.Component {
34
33
  } = this.props;
35
34
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
36
35
  query: this.responsiveFunc
37
- }, _ref2 => {
38
- let {
39
- tablet,
40
- uptoMobile
41
- } = _ref2;
42
- return /*#__PURE__*/React.createElement(Container, {
43
- className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
44
- dataId: dataId,
45
- scroll: "vertical"
46
- }, /*#__PURE__*/React.createElement(Box, {
47
- className: commonStyle.top
48
- }, /*#__PURE__*/React.createElement("div", {
49
- className: uptoMobile || tablet ? '' : `${commonStyle.header} ${style.header} `
50
- }, /*#__PURE__*/React.createElement("div", {
51
- className: uptoMobile ? style.mobileTitle : tablet ? style.tabletTitle : style.title
52
- }, "We'll be right back !"))), /*#__PURE__*/React.createElement(Box, {
53
- className: uptoMobile ? style.mobileImageContainer : tablet ? style.tabletImageContainer : style.imageContainer
54
- }, /*#__PURE__*/React.createElement(WillBeRightBack, {
55
- isFluid: true,
56
- dataId: `${dataId}_svg`
57
- })), /*#__PURE__*/React.createElement(Box, {
58
- className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
59
- }, /*#__PURE__*/React.createElement("div", {
60
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
61
- }, "Our Service is temporarity unavailable. We are currently working to restore it."), /*#__PURE__*/React.createElement("div", {
62
- className: `${uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText} ${style.bottomSpace} `
63
- }, "Please try again later or report this issue"), /*#__PURE__*/React.createElement("div", {
64
- className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
65
- }, "2013, Zoho Corp, All rights reserved.")));
66
- });
36
+ }, ({
37
+ tablet,
38
+ uptoMobile
39
+ }) => /*#__PURE__*/React.createElement(Container, {
40
+ className: `${uptoMobile || tablet ? commonStyle.tabletContainer : commonStyle.container} ${customClass}`,
41
+ dataId: dataId,
42
+ scroll: "vertical"
43
+ }, /*#__PURE__*/React.createElement(Box, {
44
+ className: commonStyle.top
45
+ }, /*#__PURE__*/React.createElement("div", {
46
+ className: uptoMobile || tablet ? '' : `${commonStyle.header} ${style.header} `
47
+ }, /*#__PURE__*/React.createElement("div", {
48
+ className: uptoMobile ? style.mobileTitle : tablet ? style.tabletTitle : style.title
49
+ }, "We'll be right back !"))), /*#__PURE__*/React.createElement(Box, {
50
+ className: uptoMobile ? style.mobileImageContainer : tablet ? style.tabletImageContainer : style.imageContainer
51
+ }, /*#__PURE__*/React.createElement(WillBeRightBack, {
52
+ isFluid: true,
53
+ dataId: `${dataId}_svg`
54
+ })), /*#__PURE__*/React.createElement(Box, {
55
+ className: `${uptoMobile || tablet ? '' : commonStyle.footerWidth} ${commonStyle.footer}`
56
+ }, /*#__PURE__*/React.createElement("div", {
57
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
58
+ }, "Our Service is temporarity unavailable. We are currently working to restore it."), /*#__PURE__*/React.createElement("div", {
59
+ className: `${uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText} ${style.bottomSpace} `
60
+ }, "Please try again later or report this issue"), /*#__PURE__*/React.createElement("div", {
61
+ className: uptoMobile || tablet ? commonStyle.tabletBtmText : commonStyle.btmText
62
+ }, "2013, Zoho Corp, All rights reserved."))));
67
63
  }
68
64
 
69
65
  }