@commercetools-frontend/application-shell 22.25.1 → 22.27.0

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 (71) hide show
  1. package/dist/commercetools-frontend-application-shell.cjs.dev.js +2 -2
  2. package/dist/commercetools-frontend-application-shell.cjs.prod.js +2 -2
  3. package/dist/commercetools-frontend-application-shell.esm.js +2 -2
  4. package/dist/{custom-view-dev-host-6d8b077d.cjs.prod.js → custom-view-dev-host-53b9b5a9.cjs.prod.js} +2 -2
  5. package/dist/{custom-view-dev-host-2534f0fa.cjs.dev.js → custom-view-dev-host-740ffe8f.cjs.dev.js} +2 -2
  6. package/dist/{custom-view-dev-host-66be541a.esm.js → custom-view-dev-host-fae074ef.esm.js} +2 -2
  7. package/dist/declarations/src/components/project-container/index.d.ts +0 -1
  8. package/dist/declarations/src/constants.d.ts +0 -3
  9. package/dist/declarations/src/types/generated/ctp.d.ts +385 -19
  10. package/dist/declarations/src/types/generated/mc.d.ts +7 -1
  11. package/dist/declarations/src/types/generated/settings.d.ts +50 -0
  12. package/dist/{index-ef8dc465.esm.js → index-0c321c18.esm.js} +16 -17
  13. package/dist/{index-919185d5.cjs.dev.js → index-4b70f04c.cjs.dev.js} +16 -17
  14. package/dist/{index-5fd09358.cjs.prod.js → index-f6d833f1.cjs.prod.js} +16 -17
  15. package/dist/{navbar-db5e6256.cjs.prod.js → navbar-3649f5c8.cjs.prod.js} +1 -1
  16. package/dist/{navbar-80778cfd.esm.js → navbar-8c94b919.esm.js} +1 -1
  17. package/dist/{navbar-cbac6cf5.cjs.dev.js → navbar-db5e99fc.cjs.dev.js} +1 -1
  18. package/dist/{oidc-527b8b2c.cjs.dev.js → oidc-63e926e1.cjs.dev.js} +0 -4
  19. package/dist/{oidc-callback-a2cee7dd.esm.js → oidc-callback-35d1c596.esm.js} +2 -2
  20. package/dist/{oidc-callback-b794a931.cjs.prod.js → oidc-callback-3abce368.cjs.prod.js} +2 -2
  21. package/dist/{oidc-callback-c9f14e12.cjs.dev.js → oidc-callback-7f2de816.cjs.dev.js} +2 -2
  22. package/dist/{oidc-72a01b56.cjs.prod.js → oidc-cfa56c46.cjs.prod.js} +0 -4
  23. package/dist/{oidc-731e806d.esm.js → oidc-ff53dfd3.esm.js} +1 -4
  24. package/dist/{project-container-5b4deb2c.esm.js → project-container-5ec16e3d.esm.js} +6 -6
  25. package/dist/{project-container-c60de533.cjs.dev.js → project-container-b95e46a6.cjs.dev.js} +6 -6
  26. package/dist/{project-container-f8a556f8.cjs.prod.js → project-container-ea69ee50.cjs.prod.js} +6 -6
  27. package/dist/{project-expired-33e1cb01.esm.js → project-expired-5729f8ae.esm.js} +3 -3
  28. package/dist/{project-expired-7c996b01.cjs.prod.js → project-expired-64c23c2c.cjs.prod.js} +3 -3
  29. package/dist/{project-expired-6950c661.cjs.dev.js → project-expired-dde9e78d.cjs.dev.js} +3 -3
  30. package/dist/{project-not-found-1c9d459c.cjs.dev.js → project-not-found-0f55a615.cjs.dev.js} +3 -3
  31. package/dist/{project-not-found-e8a9b3a0.esm.js → project-not-found-0fe560d3.esm.js} +3 -3
  32. package/dist/{project-not-found-0f12c5ee.cjs.prod.js → project-not-found-cc6cecdb.cjs.prod.js} +3 -3
  33. package/dist/{project-not-initialized-0781aaac.cjs.prod.js → project-not-initialized-66442e62.cjs.prod.js} +3 -3
  34. package/dist/{project-not-initialized-888e0bfd.cjs.dev.js → project-not-initialized-ae070b3f.cjs.dev.js} +3 -3
  35. package/dist/{project-not-initialized-318f4f85.esm.js → project-not-initialized-f691e8d8.esm.js} +3 -3
  36. package/dist/{project-suspended-d2195566.cjs.dev.js → project-suspended-13bee47c.cjs.dev.js} +3 -3
  37. package/dist/{project-suspended-3481c479.cjs.prod.js → project-suspended-a2ef69de.cjs.prod.js} +3 -3
  38. package/dist/{project-suspended-a2324981.esm.js → project-suspended-b34875fc.esm.js} +3 -3
  39. package/dist/{quick-access-f7ae6b06.cjs.prod.js → quick-access-056b3679.cjs.prod.js} +2 -2
  40. package/dist/{quick-access-47649375.esm.js → quick-access-225a3670.esm.js} +2 -2
  41. package/dist/{quick-access-6c557032.cjs.dev.js → quick-access-37ed0019.cjs.dev.js} +2 -2
  42. package/dist/{redirect-to-login-fef124ba.esm.js → redirect-to-login-5615df08.esm.js} +1 -1
  43. package/dist/{redirect-to-login-90c7f12c.cjs.dev.js → redirect-to-login-5e78faae.cjs.dev.js} +1 -1
  44. package/dist/{redirect-to-login-4d8f6f3c.cjs.prod.js → redirect-to-login-ad874fb5.cjs.prod.js} +1 -1
  45. package/dist/{redirect-to-logout-c69c97a0.esm.js → redirect-to-logout-880d9cf2.esm.js} +2 -2
  46. package/dist/{redirect-to-logout-2e125739.cjs.prod.js → redirect-to-logout-8e578d56.cjs.prod.js} +2 -2
  47. package/dist/{redirect-to-logout-9c951587.cjs.dev.js → redirect-to-logout-e2911a3e.cjs.dev.js} +2 -2
  48. package/dist/{requests-in-flight-loader-bc73e7bd.cjs.prod.js → requests-in-flight-loader-3de29cf8.cjs.prod.js} +2 -2
  49. package/dist/{requests-in-flight-loader-e4c1e359.cjs.dev.js → requests-in-flight-loader-77ec4325.cjs.dev.js} +2 -2
  50. package/dist/{requests-in-flight-loader-005908b7.esm.js → requests-in-flight-loader-ad161876.esm.js} +2 -2
  51. package/dist/{service-page-project-switcher-6125827d.cjs.prod.js → service-page-project-switcher-059aee39.cjs.prod.js} +1 -1
  52. package/dist/{service-page-project-switcher-8fea5b40.esm.js → service-page-project-switcher-7161c41e.esm.js} +1 -1
  53. package/dist/{service-page-project-switcher-31b54fba.cjs.dev.js → service-page-project-switcher-ce0675b5.cjs.dev.js} +1 -1
  54. package/dist/{user-settings-menu-a862f3d1.esm.js → user-settings-menu-36bea559.esm.js} +1 -1
  55. package/dist/{user-settings-menu-7a7ab350.cjs.prod.js → user-settings-menu-3f86267c.cjs.prod.js} +1 -1
  56. package/dist/{user-settings-menu-b26399ad.cjs.dev.js → user-settings-menu-bbc43c88.cjs.dev.js} +1 -1
  57. package/dist/{version-tracker-d09ca4cb.cjs.dev.js → version-tracker-63b443e8.cjs.dev.js} +2 -2
  58. package/dist/{version-tracker-5fba1a57.cjs.prod.js → version-tracker-69701fbd.cjs.prod.js} +2 -2
  59. package/dist/{version-tracker-9a2f436b.esm.js → version-tracker-6a17d4da.esm.js} +2 -2
  60. package/package.json +23 -23
  61. package/ssr/dist/commercetools-frontend-application-shell-ssr.cjs.dev.js +1 -1
  62. package/ssr/dist/commercetools-frontend-application-shell-ssr.cjs.prod.js +1 -1
  63. package/ssr/dist/commercetools-frontend-application-shell-ssr.esm.js +1 -1
  64. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.dev.js +0 -1
  65. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.cjs.prod.js +0 -1
  66. package/test-utils/dist/commercetools-frontend-application-shell-test-utils.esm.js +0 -1
  67. package/dist/declarations/src/components/theme-switcher/messages.d.ts +0 -11
  68. package/dist/declarations/src/components/theme-switcher/new-colors-schema-announcement-dialog.d.ts +0 -2
  69. package/dist/new-colors-schema-announcement-dialog-61de0991.cjs.dev.js +0 -82
  70. package/dist/new-colors-schema-announcement-dialog-661fb5e5.cjs.prod.js +0 -82
  71. package/dist/new-colors-schema-announcement-dialog-d3c05dce.esm.js +0 -66
@@ -1,82 +0,0 @@
1
- 'use strict';
2
-
3
- var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
4
- var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
5
- var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
6
- var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
7
- var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
8
- var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
9
- var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
10
- var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
11
- var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
- var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
13
- var react = require('react');
14
- var reactIntl = require('react-intl');
15
- var applicationComponents = require('@commercetools-frontend/application-components');
16
- var mcRecolouringAnnouncementSVG = require('@commercetools-frontend/assets/images/mc-recolouring-announcement.svg');
17
- var Spacings = require('@commercetools-uikit/spacings');
18
- var Text = require('@commercetools-uikit/text');
19
- var oidc = require('./oidc-527b8b2c.cjs.dev.js');
20
- var jsxRuntime = require('@emotion/react/jsx-runtime');
21
- require('@babel/runtime-corejs3/core-js-stable/instance/concat');
22
- require('@babel/runtime-corejs3/core-js-stable/instance/map');
23
-
24
- function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
25
-
26
- var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
27
- var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
28
- var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
29
- var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
30
- var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
31
- var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
32
- var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
33
- var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
34
- var mcRecolouringAnnouncementSVG__default = /*#__PURE__*/_interopDefault(mcRecolouringAnnouncementSVG);
35
- var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
36
- var Text__default = /*#__PURE__*/_interopDefault(Text);
37
-
38
- var messages = reactIntl.defineMessages({
39
- title: {
40
- id: 'NewColoursSchemaAnnouncementDialog.title',
41
- defaultMessage: "We've refreshed our Merchant Center!"
42
- },
43
- content: {
44
- id: 'NewColoursSchemaAnnouncementDialog.content',
45
- defaultMessage: "From the new colors to an updated navigation, we've made a few changes to improve your experience within Merchant Center. You will also find that we are taking steps to ensure a consistent look and feel across all of our user tooling, from the Merchant Center to the Frontend Studio. Check out the updates!"
46
- }
47
- });
48
-
49
- function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
50
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
51
- const NewColoursSchemaAnnouncementDialog = () => {
52
- const intl = reactIntl.useIntl();
53
- const _useState = react.useState(window.localStorage.getItem(oidc.STORAGE_KEYS.IS_RECOLOURING_NOTIFICATION_CLOSED) === 'true'),
54
- _useState2 = _slicedToArray(_useState, 2),
55
- hasUserSeenRecolouringNotificationDialog = _useState2[0],
56
- setHasUserSeenRecolouringNotificationDialog = _useState2[1];
57
- const handleCloseDialog = () => {
58
- window.localStorage.setItem(oidc.STORAGE_KEYS.IS_RECOLOURING_NOTIFICATION_CLOSED, 'true');
59
- setHasUserSeenRecolouringNotificationDialog(true);
60
- };
61
- return !hasUserSeenRecolouringNotificationDialog ? jsxRuntime.jsx(applicationComponents.InfoDialog, {
62
- title: intl.formatMessage(messages.title),
63
- isOpen: true,
64
- onClose: handleCloseDialog,
65
- size: "l",
66
- children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
67
- scale: "xl",
68
- children: [jsxRuntime.jsx("img", {
69
- style: {
70
- height: '300px',
71
- padding: '16px 16px 0'
72
- },
73
- src: mcRecolouringAnnouncementSVG__default["default"],
74
- alt: "merchant center redesign announcement"
75
- }), jsxRuntime.jsx(Text__default["default"].Body, {
76
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.content))
77
- })]
78
- })
79
- }) : null;
80
- };
81
-
82
- exports["default"] = NewColoursSchemaAnnouncementDialog;
@@ -1,82 +0,0 @@
1
- 'use strict';
2
-
3
- var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
4
- var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
5
- var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
6
- var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
7
- var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
8
- var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
9
- var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
10
- var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
11
- var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
12
- var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
13
- var react = require('react');
14
- var reactIntl = require('react-intl');
15
- var applicationComponents = require('@commercetools-frontend/application-components');
16
- var mcRecolouringAnnouncementSVG = require('@commercetools-frontend/assets/images/mc-recolouring-announcement.svg');
17
- var Spacings = require('@commercetools-uikit/spacings');
18
- var Text = require('@commercetools-uikit/text');
19
- var oidc = require('./oidc-72a01b56.cjs.prod.js');
20
- var jsxRuntime = require('@emotion/react/jsx-runtime');
21
- require('@babel/runtime-corejs3/core-js-stable/instance/concat');
22
- require('@babel/runtime-corejs3/core-js-stable/instance/map');
23
-
24
- function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
25
-
26
- var _Object$keys__default = /*#__PURE__*/_interopDefault(_Object$keys);
27
- var _Object$getOwnPropertySymbols__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertySymbols);
28
- var _filterInstanceProperty__default = /*#__PURE__*/_interopDefault(_filterInstanceProperty);
29
- var _Object$getOwnPropertyDescriptor__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptor);
30
- var _forEachInstanceProperty__default = /*#__PURE__*/_interopDefault(_forEachInstanceProperty);
31
- var _Object$getOwnPropertyDescriptors__default = /*#__PURE__*/_interopDefault(_Object$getOwnPropertyDescriptors);
32
- var _Object$defineProperties__default = /*#__PURE__*/_interopDefault(_Object$defineProperties);
33
- var _Object$defineProperty__default = /*#__PURE__*/_interopDefault(_Object$defineProperty);
34
- var mcRecolouringAnnouncementSVG__default = /*#__PURE__*/_interopDefault(mcRecolouringAnnouncementSVG);
35
- var Spacings__default = /*#__PURE__*/_interopDefault(Spacings);
36
- var Text__default = /*#__PURE__*/_interopDefault(Text);
37
-
38
- var messages = reactIntl.defineMessages({
39
- title: {
40
- id: 'NewColoursSchemaAnnouncementDialog.title',
41
- defaultMessage: "We've refreshed our Merchant Center!"
42
- },
43
- content: {
44
- id: 'NewColoursSchemaAnnouncementDialog.content',
45
- defaultMessage: "From the new colors to an updated navigation, we've made a few changes to improve your experience within Merchant Center. You will also find that we are taking steps to ensure a consistent look and feel across all of our user tooling, from the Merchant Center to the Frontend Studio. Check out the updates!"
46
- }
47
- });
48
-
49
- function ownKeys(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
50
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
51
- const NewColoursSchemaAnnouncementDialog = () => {
52
- const intl = reactIntl.useIntl();
53
- const _useState = react.useState(window.localStorage.getItem(oidc.STORAGE_KEYS.IS_RECOLOURING_NOTIFICATION_CLOSED) === 'true'),
54
- _useState2 = _slicedToArray(_useState, 2),
55
- hasUserSeenRecolouringNotificationDialog = _useState2[0],
56
- setHasUserSeenRecolouringNotificationDialog = _useState2[1];
57
- const handleCloseDialog = () => {
58
- window.localStorage.setItem(oidc.STORAGE_KEYS.IS_RECOLOURING_NOTIFICATION_CLOSED, 'true');
59
- setHasUserSeenRecolouringNotificationDialog(true);
60
- };
61
- return !hasUserSeenRecolouringNotificationDialog ? jsxRuntime.jsx(applicationComponents.InfoDialog, {
62
- title: intl.formatMessage(messages.title),
63
- isOpen: true,
64
- onClose: handleCloseDialog,
65
- size: "l",
66
- children: jsxRuntime.jsxs(Spacings__default["default"].Stack, {
67
- scale: "xl",
68
- children: [jsxRuntime.jsx("img", {
69
- style: {
70
- height: '300px',
71
- padding: '16px 16px 0'
72
- },
73
- src: mcRecolouringAnnouncementSVG__default["default"],
74
- alt: "merchant center redesign announcement"
75
- }), jsxRuntime.jsx(Text__default["default"].Body, {
76
- children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread({}, messages.content))
77
- })]
78
- })
79
- }) : null;
80
- };
81
-
82
- exports["default"] = NewColoursSchemaAnnouncementDialog;
@@ -1,66 +0,0 @@
1
- import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
2
- import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
3
- import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
4
- import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
5
- import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
6
- import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
7
- import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
8
- import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
9
- import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
10
- import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
11
- import { useState } from 'react';
12
- import { defineMessages, useIntl, FormattedMessage } from 'react-intl';
13
- import { InfoDialog } from '@commercetools-frontend/application-components';
14
- import mcRecolouringAnnouncementSVG from '@commercetools-frontend/assets/images/mc-recolouring-announcement.svg';
15
- import Spacings from '@commercetools-uikit/spacings';
16
- import Text from '@commercetools-uikit/text';
17
- import { c as STORAGE_KEYS } from './oidc-731e806d.esm.js';
18
- import { jsx, jsxs } from '@emotion/react/jsx-runtime';
19
- import '@babel/runtime-corejs3/core-js-stable/instance/concat';
20
- import '@babel/runtime-corejs3/core-js-stable/instance/map';
21
-
22
- var messages = defineMessages({
23
- title: {
24
- id: 'NewColoursSchemaAnnouncementDialog.title',
25
- defaultMessage: "We've refreshed our Merchant Center!"
26
- },
27
- content: {
28
- id: 'NewColoursSchemaAnnouncementDialog.content',
29
- defaultMessage: "From the new colors to an updated navigation, we've made a few changes to improve your experience within Merchant Center. You will also find that we are taking steps to ensure a consistent look and feel across all of our user tooling, from the Merchant Center to the Frontend Studio. Check out the updates!"
30
- }
31
- });
32
-
33
- function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
34
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
35
- const NewColoursSchemaAnnouncementDialog = () => {
36
- const intl = useIntl();
37
- const _useState = useState(window.localStorage.getItem(STORAGE_KEYS.IS_RECOLOURING_NOTIFICATION_CLOSED) === 'true'),
38
- _useState2 = _slicedToArray(_useState, 2),
39
- hasUserSeenRecolouringNotificationDialog = _useState2[0],
40
- setHasUserSeenRecolouringNotificationDialog = _useState2[1];
41
- const handleCloseDialog = () => {
42
- window.localStorage.setItem(STORAGE_KEYS.IS_RECOLOURING_NOTIFICATION_CLOSED, 'true');
43
- setHasUserSeenRecolouringNotificationDialog(true);
44
- };
45
- return !hasUserSeenRecolouringNotificationDialog ? jsx(InfoDialog, {
46
- title: intl.formatMessage(messages.title),
47
- isOpen: true,
48
- onClose: handleCloseDialog,
49
- size: "l",
50
- children: jsxs(Spacings.Stack, {
51
- scale: "xl",
52
- children: [jsx("img", {
53
- style: {
54
- height: '300px',
55
- padding: '16px 16px 0'
56
- },
57
- src: mcRecolouringAnnouncementSVG,
58
- alt: "merchant center redesign announcement"
59
- }), jsx(Text.Body, {
60
- children: jsx(FormattedMessage, _objectSpread({}, messages.content))
61
- })]
62
- })
63
- }) : null;
64
- };
65
-
66
- export { NewColoursSchemaAnnouncementDialog as default };