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

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 (67) hide show
  1. package/README.md +14 -2
  2. package/es/ActionButton/__tests__/ActionButton.spec.js +5 -4
  3. package/es/AttachmentViewer/AttachmentImage.js +3 -1
  4. package/es/AttachmentViewer/AttachmentViewer.js +340 -265
  5. package/es/AttachmentViewer/AttachmentViewer.module.css +8 -15
  6. package/es/AttachmentViewer/__tests__/AttachmentViewer.spec.js +104 -100
  7. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +778 -1
  8. package/es/AttachmentViewer/props/defaultProps.js +4 -2
  9. package/es/AttachmentViewer/props/propTypes.js +9 -2
  10. package/es/AttachmentViewer/utils.js +7 -6
  11. package/es/AudioPlayer/utils/utils.js +5 -2
  12. package/es/DotProvider/hooks/useDotProvider.js +15 -14
  13. package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +16 -21
  14. package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +4 -3
  15. package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +5 -4
  16. package/es/DotProvider/utils/errorValidation.js +6 -5
  17. package/es/DotProvider/utils/getAssetsImportPromises.js +5 -4
  18. package/es/Drawer/Drawer.js +8 -6
  19. package/es/FreezeLayer/css/cssJSLogic.js +5 -4
  20. package/es/Hooks/Dragger/useDragger.js +6 -5
  21. package/es/Hooks/Dragger/utils/DraggerUtil.js +8 -7
  22. package/es/Hooks/useFreezeLayer.js +5 -4
  23. package/es/Link/Link.js +4 -3
  24. package/es/Link/props/propTypes.js +1 -0
  25. package/es/Onboarding/CarouselDots/CarouselDots.js +32 -29
  26. package/es/Onboarding/Onboarding.js +24 -23
  27. package/es/Onboarding/hooks/useOnboarding.js +5 -4
  28. package/es/Onboarding/hooks/useOnboardingSlider.js +6 -5
  29. package/es/deprecated/SelectDropdown/SelectDropdown.js +47 -43
  30. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +225 -214
  31. package/es/errorstate/Inconvenience/Inconvenience.js +36 -32
  32. package/es/errorstate/NoRequestFound/NoRequestFound.js +36 -32
  33. package/es/errorstate/PermissionPlay/PermissionPlay.js +35 -31
  34. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +36 -32
  35. package/es/errorstate/UnableToProcess/UnableToProcess.js +36 -32
  36. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +36 -32
  37. package/es/errorstate/WillBack/WillBack.js +34 -30
  38. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +85 -81
  39. package/es/list/status/StatusDropdown/StatusDropdown.js +113 -109
  40. package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +4 -3
  41. package/es/lookup/header/Search/Search.js +5 -4
  42. package/es/lookup/header/Search/__tests__/Search.spec.js +4 -3
  43. package/es/lookup/header/ViewDropDown/ViewDropDown.js +75 -67
  44. package/es/utils/General.js +7 -2
  45. package/es/utils/editorUtils.js +5 -1
  46. package/es/version2/lookup/AlertHeader/AlertHeader.js +3 -5
  47. package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +0 -24
  48. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +0 -34
  49. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +5 -4
  50. package/es/version2/lookup/AlertHeader/props/propTypes.js +1 -2
  51. package/es/version2/notification/DesktopNotification/DesktopNotification.js +63 -59
  52. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +44 -40
  53. package/lib/AttachmentViewer/AttachmentImage.js +3 -1
  54. package/lib/AttachmentViewer/AttachmentViewer.js +164 -97
  55. package/lib/AttachmentViewer/AttachmentViewer.module.css +8 -15
  56. package/lib/AttachmentViewer/__tests__/AttachmentViewer.spec.js +100 -100
  57. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +778 -1
  58. package/lib/AttachmentViewer/props/defaultProps.js +6 -2
  59. package/lib/AttachmentViewer/props/propTypes.js +9 -2
  60. package/lib/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +3 -9
  61. package/lib/Link/Link.js +4 -3
  62. package/lib/Link/props/propTypes.js +1 -0
  63. package/lib/version2/lookup/AlertHeader/AlertHeader.js +2 -5
  64. package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +0 -26
  65. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +0 -34
  66. package/lib/version2/lookup/AlertHeader/props/propTypes.js +1 -2
  67. package/package.json +5 -5
package/es/errorstate/NoRequestFound/NoRequestFound.js CHANGED
@@ -13,9 +13,10 @@ export default class NoRequestFound extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc({
17
- mediaQueryOR
18
- }) {
16
+ responsiveFunc(_ref) {
17
+ let {
18
+ mediaQueryOR
19
+ } = _ref;
19
20
  return {
20
21
  tablet: mediaQueryOR([{
21
22
  minWidth: 481,
@@ -40,35 +41,38 @@ export default class NoRequestFound extends React.Component {
40
41
  } = this.props;
41
42
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
43
  query: this.responsiveFunc
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
- }))));
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
+ });
72
76
  }
73
77
 
74
78
  }
package/es/errorstate/PermissionPlay/PermissionPlay.js CHANGED
@@ -13,9 +13,10 @@ export default class PermissionPlay extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc({
17
- mediaQueryOR
18
- }) {
16
+ responsiveFunc(_ref) {
17
+ let {
18
+ mediaQueryOR
19
+ } = _ref;
19
20
  return {
20
21
  tablet: mediaQueryOR([{
21
22
  minWidth: 481,
@@ -40,34 +41,37 @@ export default class PermissionPlay extends React.Component {
40
41
  } = this.props;
41
42
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
43
  query: this.responsiveFunc
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
- }))))));
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
+ });
71
75
  }
72
76
 
73
77
  }
package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js CHANGED
@@ -13,9 +13,10 @@ export default class RequestUrlNotFound extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc({
17
- mediaQueryOR
18
- }) {
16
+ responsiveFunc(_ref) {
17
+ let {
18
+ mediaQueryOR
19
+ } = _ref;
19
20
  return {
20
21
  tablet: mediaQueryOR([{
21
22
  minWidth: 481,
@@ -40,35 +41,38 @@ export default class RequestUrlNotFound extends React.Component {
40
41
  } = this.props;
41
42
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
43
  query: this.responsiveFunc
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
- }))));
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
+ });
72
76
  }
73
77
 
74
78
  }
package/es/errorstate/UnableToProcess/UnableToProcess.js CHANGED
@@ -13,9 +13,10 @@ export default class UnableToProcess extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc({
17
- mediaQueryOR
18
- }) {
16
+ responsiveFunc(_ref) {
17
+ let {
18
+ mediaQueryOR
19
+ } = _ref;
19
20
  return {
20
21
  tablet: mediaQueryOR([{
21
22
  minWidth: 481,
@@ -40,35 +41,38 @@ export default class UnableToProcess extends React.Component {
40
41
  } = this.props;
41
42
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
43
  query: this.responsiveFunc
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
- }))));
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
+ });
72
76
  }
73
77
 
74
78
  }
package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js CHANGED
@@ -13,9 +13,10 @@ export default class UnauthorizedLogin extends React.Component {
13
13
  this.responsiveFunc = this.responsiveFunc.bind(this);
14
14
  }
15
15
 
16
- responsiveFunc({
17
- mediaQueryOR
18
- }) {
16
+ responsiveFunc(_ref) {
17
+ let {
18
+ mediaQueryOR
19
+ } = _ref;
19
20
  return {
20
21
  tablet: mediaQueryOR([{
21
22
  minWidth: 481,
@@ -40,35 +41,38 @@ export default class UnauthorizedLogin extends React.Component {
40
41
  } = this.props;
41
42
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
42
43
  query: this.responsiveFunc
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
- }))));
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
+ });
72
76
  }
73
77
 
74
78
  }
package/es/errorstate/WillBack/WillBack.js CHANGED
@@ -12,9 +12,10 @@ export default class WillBack extends React.Component {
12
12
  this.responsiveFunc = this.responsiveFunc.bind(this);
13
13
  }
14
14
 
15
- responsiveFunc({
16
- mediaQueryOR
17
- }) {
15
+ responsiveFunc(_ref) {
16
+ let {
17
+ mediaQueryOR
18
+ } = _ref;
18
19
  return {
19
20
  tablet: mediaQueryOR([{
20
21
  minWidth: 481,
@@ -33,33 +34,36 @@ export default class WillBack extends React.Component {
33
34
  } = this.props;
34
35
  return /*#__PURE__*/React.createElement(ResponsiveReceiver, {
35
36
  query: this.responsiveFunc
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."))));
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
+ });
63
67
  }
64
68
 
65
69
  }