newspack-components 2.2.0 → 3.0.0-alpha.1

package/dist/cjs/action-card/index.js

@@ -30,8 +30,8 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
  */
 
 class ActionCard extends _element.Component {
-  constructor() {
-    super(...arguments);
+  constructor(...args) {
+    super(...args);
     (0, _defineProperty2.default)(this, "state", {
       expanded: false
     });
@@ -226,5 +226,4 @@ class ActionCard extends _element.Component {
 ActionCard.defaultProps = {
   toggleChecked: false
 };
-var _default = ActionCard;
-exports.default = _default;
+var _default = exports.default = ActionCard;

package/dist/cjs/autocomplete-tokenfield/index.js

@@ -70,6 +70,31 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
     }
   }
 
+  /**
+   * When the component updates, fetch information about the tokens so we can populate
+   * the tokens with the correct labels.
+   */
+  componentDidUpdate(prevProps) {
+    const {
+      tokens,
+      fetchSavedInfo
+    } = this.props;
+    if (tokens !== prevProps.tokens && this.isFetchingInfoOnLoad()) {
+      fetchSavedInfo(tokens).then(results => {
+        const {
+          validValues
+        } = this.state;
+        results.forEach(suggestion => {
+          validValues[suggestion.value] = suggestion.label;
+        });
+        this.setState({
+          validValues,
+          loading: false
+        });
+      });
+    }
+  }
+
   /**
    * Clean up any unfinished autocomplete api call requests.
    */
@@ -116,8 +141,10 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
       return labels.reduce((acc, label) => {
         Object.keys(validValues).forEach(key => {
           if (validValues[key] === label) {
+            // Preserve numeric or string type of values. Object.keys will convert numbers to strings.
+            const value = isNaN(parseInt(key)) ? key.toString() : parseInt(key);
             acc.push({
-              value: key,
+              value,
               label
             });
           }
@@ -125,7 +152,7 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
         return acc;
       }, []);
     }
-    return labels.map(label => Object.keys(validValues).find(key => validValues[key] === label));
+    return labels.map(label => Object.keys(validValues).map(key => isNaN(parseInt(key)) ? key.toString() : parseInt(key)).find(key => validValues[key] === label));
   }
 
   /**
@@ -151,14 +178,16 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
         if (this.suggestionsRequest !== request) {
           return;
         }
+        const {
+          validValues
+        } = this.state;
         const currentSuggestions = [...suggestions];
-        const currentValidValues = {};
         suggestions.forEach(suggestion => {
-          currentValidValues[suggestion.value] = suggestion.label;
+          validValues[suggestion.value] = suggestion.label;
         });
         this.setState({
           suggestions: currentSuggestions,
-          validValues: currentValidValues,
+          validValues,
           loading: false
         });
       }).catch(() => {
@@ -203,27 +232,35 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
     const {
       help,
       label = '',
+      placeholder = '',
       maxLength
     } = this.props;
     const {
       suggestions,
       loading
     } = this.state;
+    const classNames = ['newspack-autocomplete-tokenfield__input-container'];
+    if (label) {
+      classNames.push('has-label');
+    }
     return (0, _jsxRuntime.jsxs)("div", {
       className: "newspack-autocomplete-tokenfield",
-      children: [(0, _jsxRuntime.jsx)(_components.FormTokenField, {
-        value: this.getTokens(),
-        suggestions: suggestions.map(suggestion => suggestion.label),
-        onChange: tokens => this.handleOnChange(tokens),
-        onInputChange: input => this.debouncedUpdateSuggestions(input),
-        label: label,
-        maxLength: maxLength
-      }), loading && (0, _jsxRuntime.jsx)(_components.Spinner, {}), help && (0, _jsxRuntime.jsx)("p", {
+      children: [(0, _jsxRuntime.jsxs)("div", {
+        className: classNames.join(' '),
+        children: [(0, _jsxRuntime.jsx)(_components.FormTokenField, {
+          value: this.getTokens(),
+          suggestions: suggestions.map(suggestion => suggestion.label),
+          onChange: tokens => this.handleOnChange(tokens),
+          onInputChange: input => this.debouncedUpdateSuggestions(input),
+          label: label,
+          maxLength: maxLength,
+          placeholder: placeholder
+        }), loading && (0, _jsxRuntime.jsx)(_components.Spinner, {})]
+      }), help && (0, _jsxRuntime.jsx)("p", {
         className: "newspack-autocomplete-tokenfield__help",
         children: help
       })]
     });
   }
 }
-var _default = AutocompleteTokenField;
-exports.default = _default;
+var _default = exports.default = AutocompleteTokenField;

package/dist/cjs/autocomplete-tokenfield/style.scss

@@ -5,13 +5,19 @@
 @use '~@wordpress/base-styles/colors' as wp-colors;
 
 .newspack-autocomplete-tokenfield {
-	position: relative;
-
 	.components-spinner {
-		margin: 8px;
+		margin: 0;
 		position: absolute;
-		right: 0;
-		top: calc( 1.4em + 8px );
+		right: 8px;
+		top: 8px;
+	}
+
+	&__input-container {
+		position: relative;
+
+		&.has-label .components-spinner {
+			top: 32px;
+		}
 	}
 
 	/* Workaround for hard-coded help text in FormTokenField. */

package/dist/cjs/autocomplete-with-suggestions/index.js

@@ -22,39 +22,38 @@ const __ = _i18n.__,
 /**
  * External dependencies.
  */
-const AutocompleteWithSuggestions = _ref => {
-  let {
-    fetchSavedPosts = false,
-    // If passed, will use this function to fetch saved data.
-    fetchSuggestions = false,
-    // If passed, will use this function to fetch suggestions data.
-    help = __('Begin typing search term, click autocomplete result to select.', 'newspack'),
-    hideHelp = false,
-    // If true, all help text will be hidden.
-    label = __('Search', 'newspack'),
-    maxItemsToSuggest = 0,
-    // If passed, will be used to determine "load more" state. Necessary if you want "load more" functionality when using a custom `fetchSuggestions` function.
-    multiSelect = false,
-    // If true, component can select multiple values at once.
-    onChange = false,
-    // Function to call when selections change.
-    onPostTypeChange = false,
-    // Funciton to call when the post type selector is changed.
-    postTypes = [{
-      slug: 'post',
-      label: 'Post'
-    }],
-    // If passed, will render a selector to change the post type queried for suggestions.
-    postTypeLabel = __('item', 'newspack'),
-    // String to describe the data being shown.
-    postTypeLabelPlural = __('items', 'newspack'),
-    // Plural string to describe the data being shown.
-    selectedItems = [],
-    // Array of saved items.
-    selectedPost = 0,
-    // Legacy prop when single-select was the only option.
-    suggestionsToFetch = 10 // Number of suggestions to fetch per query.
-  } = _ref;
+const AutocompleteWithSuggestions = ({
+  fetchSavedPosts = false,
+  // If passed, will use this function to fetch saved data.
+  fetchSuggestions = false,
+  // If passed, will use this function to fetch suggestions data.
+  help = __('Begin typing search term, click autocomplete result to select.', 'newspack-plugin'),
+  hideHelp = false,
+  // If true, all help text will be hidden.
+  label = __('Search', 'newspack-plugin'),
+  maxItemsToSuggest = 0,
+  // If passed, will be used to determine "load more" state. Necessary if you want "load more" functionality when using a custom `fetchSuggestions` function.
+  multiSelect = false,
+  // If true, component can select multiple values at once.
+  onChange = false,
+  // Function to call when selections change.
+  onPostTypeChange = false,
+  // Funciton to call when the post type selector is changed.
+  postTypes = [{
+    slug: 'post',
+    label: 'Post'
+  }],
+  // If passed, will render a selector to change the post type queried for suggestions.
+  postTypeLabel = __('item', 'newspack-plugin'),
+  // String to describe the data being shown.
+  postTypeLabelPlural = __('items', 'newspack-plugin'),
+  // Plural string to describe the data being shown.
+  selectedItems = [],
+  // Array of saved items.
+  selectedPost = 0,
+  // Legacy prop when single-select was the only option.
+  suggestionsToFetch = 10 // Number of suggestions to fetch per query.
+}) => {
   const [isLoading, setIsLoading] = (0, _element.useState)(true);
   const [isLoadingMore, setIsLoadingMore] = (0, _element.useState)(false);
   const [suggestions, setSuggestions] = (0, _element.useState)([]);
@@ -96,9 +95,7 @@ const AutocompleteWithSuggestions = _ref => {
   /**
    * If passed a `fetchSavedPosts` prop, use that, otherwise, build it based on the selected post type.
    */
-  const handleFetchSaved = fetchSavedPosts ? fetchSavedPosts : async function () {
-    let postIds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let searchSlug = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  const handleFetchSaved = fetchSavedPosts ? fetchSavedPosts : async (postIds = [], searchSlug = null) => {
     const postTypeSlug = searchSlug || postTypeToSearch;
     const endpoint = 'post' === postTypeSlug || 'page' === postTypeSlug ? postTypeSlug + 's' // Default post type endpoints are plural.
     : postTypeSlug; // Custom post type endpoints are singular.
@@ -111,17 +108,14 @@ const AutocompleteWithSuggestions = _ref => {
     });
     return posts.map(post => ({
       value: parseInt(post.id),
-      label: (0, _htmlEntities.decodeEntities)(post.title) || __('(no title)', 'newspack')
+      label: (0, _htmlEntities.decodeEntities)(post.title) || __('(no title)', 'newspack-plugin')
     }));
   };
 
   /**
    * If passed a `fetchSuggestions` prop, use that, otherwise, build it based on the selected post type.
    */
-  const handleFetchSuggestions = fetchSuggestions ? fetchSuggestions : async function () {
-    let search = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
-    let offset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-    let searchSlug = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+  const handleFetchSuggestions = fetchSuggestions ? fetchSuggestions : async (search = null, offset = 0, searchSlug = null) => {
     const postTypeSlug = searchSlug || postTypeToSearch;
     const endpoint = 'post' === postTypeSlug || 'page' === postTypeSlug ? postTypeSlug + 's' // Default post type endpoints are plural.
     : postTypeSlug; // Custom post type endpoints are singular.
@@ -142,7 +136,7 @@ const AutocompleteWithSuggestions = _ref => {
     return posts.reduce((acc, post) => {
       acc.push({
         value: parseInt(post.id),
-        label: (0, _htmlEntities.decodeEntities)(post?.title.rendered) || __('(no title)', 'newspack')
+        label: (0, _htmlEntities.decodeEntities)(post?.title.rendered) || __('(no title)', 'newspack-plugin')
       });
       return acc;
     }, []);
@@ -187,18 +181,18 @@ const AutocompleteWithSuggestions = _ref => {
     const selections = selectedPost ? [...selectedItems, selectedPost] : selectedItems;
     const selectedMessage = multiSelect ? (0, _i18n.sprintf)(
     // Translators: %1: the length of selections. %2: the selection leabel.
-    __('%1$s %2$s selected', 'newspack'), selections.length, selections.length > 1 ? postTypeLabelPlural : postTypeLabel) :
+    __('%1$s %2$s selected', 'newspack-plugin'), selections.length, selections.length > 1 ? postTypeLabelPlural : postTypeLabel) :
     // Translators: %s: The label for the selection.
-    (0, _i18n.sprintf)(__('Selected %s', 'newspack'), postTypeLabel);
+    (0, _i18n.sprintf)(__('Selected %s', 'newspack-plugin'), postTypeLabel);
     return (0, _jsxRuntime.jsxs)("div", {
       className: "newspack-autocomplete-with-suggestions__selected-items",
       children: [(0, _jsxRuntime.jsxs)("p", {
         className: "newspack-autocomplete-with-suggestions__label",
-        children: [selectedMessage, 1 < selections.length && _x(' – ', 'separator character', 'newspack'), 1 < selections.length && (0, _jsxRuntime.jsx)(_components.Button, {
+        children: [selectedMessage, 1 < selections.length && _x(' – ', 'separator character', 'newspack-plugin'), 1 < selections.length && (0, _jsxRuntime.jsx)(_components.Button, {
           onClick: () => onChange([]),
           isLink: true,
           isDestructive: true,
-          children: __('Clear all', 'newspack')
+          children: __('Clear all', 'newspack-plugin')
         })]
       }), selections.map(selection => (0, _jsxRuntime.jsx)(_components.Button, {
         className: "newspack-autocomplete-with-suggestions__selected-item-button",
@@ -216,7 +210,7 @@ const AutocompleteWithSuggestions = _ref => {
     return (0, _jsxRuntime.jsx)(_components.SelectControl, {
       label: (0, _i18n.sprintf)(
       // Translators: %s: The name of the type.
-      __('%s type', 'newspack'), postTypeLabel.charAt(0).toUpperCase() + postTypeLabel.slice(1)),
+      __('%s type', 'newspack-plugin'), postTypeLabel.charAt(0).toUpperCase() + postTypeLabel.slice(1)),
       value: postTypeToSearch,
       options: postTypes.map(postTypeOption => ({
         label: postTypeOption.label,
@@ -252,12 +246,6 @@ const AutocompleteWithSuggestions = _ref => {
    * Render a list of suggestions that can be clicked to select instead of searching by title.
    */
   const renderSuggestions = () => {
-    if (isLoading) {
-      return (0, _jsxRuntime.jsx)("div", {
-        className: "newspack-autocomplete-with-suggestions__suggestions-spinner",
-        children: (0, _jsxRuntime.jsx)(_components.Spinner, {})
-      });
-    }
     if (0 === suggestions.length) {
       return null;
     }
@@ -265,14 +253,14 @@ const AutocompleteWithSuggestions = _ref => {
     return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [!hideHelp && (0, _jsxRuntime.jsx)("p", {
         className: "newspack-autocomplete-with-suggestions__label",
-        children: /* Translators: %s: the name of a post type. */(0, _i18n.sprintf)(__('Or, select a recent %s:', 'newspack'), postTypeLabel)
+        children: /* Translators: %s: the name of a post type. */(0, _i18n.sprintf)(__('Or, select a recent %s:', 'newspack-plugin'), postTypeLabel)
       }), (0, _jsxRuntime.jsxs)("div", {
         className: className,
         children: [suggestions.map(renderSuggestion), suggestions.length < (maxItemsToSuggest || maxSuggestions) && (0, _jsxRuntime.jsx)(_components.Button, {
           disabled: isLoadingMore,
           isSecondary: true,
           onClick: () => setIsLoadingMore(true),
-          children: isLoadingMore ? __('Loading…', 'newspack') : __('Load more', 'newspack')
+          children: isLoadingMore ? __('Loading…', 'newspack-plugin') : __('Load more', 'newspack-plugin')
         })]
       })]
     });
@@ -285,10 +273,10 @@ const AutocompleteWithSuggestions = _ref => {
       fetchSuggestions: async search => handleFetchSuggestions(search, 0, postTypeToSearch),
       fetchSavedInfo: postIds => handleFetchSaved(postIds),
       label: label,
+      loading: isLoading,
       help: !hideHelp && help,
       returnFullObjects: true
     }), renderSuggestions()]
   });
 };
-var _default = AutocompleteWithSuggestions;
-exports.default = _default;
+var _default = exports.default = AutocompleteWithSuggestions;

package/dist/cjs/autocomplete-with-suggestions/style.scss

@@ -15,13 +15,6 @@
 			margin-top: 16px;
 		}
 	}
-
-	.components-spinner {
-		margin: 8px;
-		right: 0;
-		top: calc( 1.4em + 8px );
-	}
-
 	.components-select-control__input {
 		max-width: none;
 	}
@@ -119,8 +112,7 @@
 		border-radius: 2px;
 		border: 1px solid wp-colors.$gray-700;
 		max-height: 178px;
-		overflow-x: visible;
-		overflow-y: auto;
+		overflow: visible auto;
 		padding: 8px 8px 0;
 
 		.components-button {

package/dist/cjs/button/index.js

@@ -25,12 +25,11 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 const {
   useHistory
 } = _router.default;
-const Button = _ref => {
-  let {
-    href,
-    onClick,
-    ...otherProps
-  } = _ref;
+const Button = ({
+  href,
+  onClick,
+  ...otherProps
+}) => {
   const history = useHistory();
   const [isAwaitingOnClick, setIsAwaitingOnClick] = (0, _element.useState)(false);
 
@@ -40,7 +39,7 @@ const Button = _ref => {
       setIsAwaitingOnClick(true);
       await onClick();
       setIsAwaitingOnClick(false);
-      history.push(href.replace('#', ''));
+      history.push((href || '').replace('#', ''));
     };
   } else {
     otherProps.href = href;
@@ -49,9 +48,9 @@ const Button = _ref => {
   if (isAwaitingOnClick) {
     otherProps.disabled = true;
   }
+  // @ts-ignore - @wordpress/components' Button can only have either href or onClick, not both.
   return (0, _jsxRuntime.jsx)(_components.Button, {
     ...otherProps
   });
 };
-var _default = Button;
-exports.default = _default;
+var _default = exports.default = Button;

package/dist/cjs/button-card/index.js

@@ -69,5 +69,4 @@ class ButtonCard extends _element.Component {
     });
   }
 }
-var _default = ButtonCard;
-exports.default = _default;
+var _default = exports.default = ButtonCard;

package/dist/cjs/card/index.js

@@ -48,5 +48,4 @@ class Card extends _element.Component {
     });
   }
 }
-var _default = Card;
-exports.default = _default;
+var _default = exports.default = Card;

package/dist/cjs/category-autocomplete/index.js

@@ -77,12 +77,9 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
         }
         return acc;
       }, []);
-      const availableSuggestions = (0, _filter.default)(suggestions, _ref => {
-        let {
-          id
-        } = _ref;
-        return selectedIds.indexOf(id) === -1;
-      });
+      const availableSuggestions = (0, _filter.default)(suggestions, ({
+        id
+      }) => selectedIds.indexOf(id) === -1);
       return availableSuggestions.map(v => v.name);
     });
     this.debouncedUpdateSuggestions = (0, _debounce.default)(this.updateSuggestions, 100);
@@ -187,5 +184,4 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 CategoryAutocomplete.defaultProps = {
   taxonomy: 'categories'
 };
-var _default = CategoryAutocomplete;
-exports.default = _default;
+var _default = exports.default = CategoryAutocomplete;

package/dist/cjs/color-picker/index.js

@@ -30,13 +30,12 @@ var _jsxRuntime = require("@emotion/react/jsx-runtime");
 const {
   InteractiveDiv
 } = _utils.default;
-const ColorPicker = _ref => {
-  let {
-    label,
-    color = '#fff',
-    onChange,
-    className
-  } = _ref;
+const ColorPicker = ({
+  label,
+  color = '#fff',
+  onChange,
+  className
+}) => {
   const [isExpanded, setIsExpanded] = (0, _element.useState)(false);
   const ref = (0, _element.useRef)();
   const colordColor = (0, _colord.colord)(color);
@@ -65,5 +64,4 @@ const ColorPicker = _ref => {
     })]
   });
 };
-var _default = ColorPicker;
-exports.default = _default;
+var _default = exports.default = ColorPicker;

package/dist/cjs/consts.js

@@ -3,10 +3,5 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.NEWSPACK_SUPPORT_URL = exports.NEWSPACK_SITE_URL = exports.HANDOFF_KEY = void 0;
-const NEWSPACK_SITE_URL = 'https://newspack.com';
-exports.NEWSPACK_SITE_URL = NEWSPACK_SITE_URL;
-const NEWSPACK_SUPPORT_URL = `${NEWSPACK_SITE_URL}/support`;
-exports.NEWSPACK_SUPPORT_URL = NEWSPACK_SUPPORT_URL;
-const HANDOFF_KEY = 'newspack_wizard_handoff_message';
-exports.HANDOFF_KEY = HANDOFF_KEY;
+exports.HANDOFF_KEY = void 0;
+const HANDOFF_KEY = exports.HANDOFF_KEY = 'newspack_wizard_handoff_message';

package/dist/cjs/custom-select-control/index.js

@@ -42,5 +42,4 @@ class CustomSelectControl extends _element.Component {
     });
   }
 }
-var _default = CustomSelectControl;
-exports.default = _default;
+var _default = exports.default = CustomSelectControl;

package/dist/cjs/footer/index.js

@@ -19,10 +19,9 @@ const __ = _i18n.__;
 /**
  * Internal dependencies.
  */
-const Footer = _ref => {
-  let {
-    simple
-  } = _ref;
+const Footer = ({
+  simple
+}) => {
   const {
     components_demo: componentsDemo = false,
     support = false,
@@ -39,41 +38,41 @@ const Footer = _ref => {
     url: 'https://newspack.com/category/release-notes/',
     external: true
   }, {
-    label: __('About', 'newspack'),
+    label: __('About', 'newspack-plugin'),
     url: 'https://newspack.com/',
     external: true
   }, {
-    label: __('Documentation', 'newspack'),
+    label: __('Documentation', 'newspack-plugin'),
     url: support,
     external: true
   }];
   if (componentsDemo) {
     footerElements.push({
-      label: __('Components Demo', 'newspack'),
+      label: __('Components Demo', 'newspack-plugin'),
       url: componentsDemo
     });
   }
   if (setupWizard) {
     footerElements.push({
-      label: __('Setup Wizard', 'newspack'),
+      label: __('Setup Wizard', 'newspack-plugin'),
       url: setupWizard
     });
   }
   if (resetUrl) {
     footerElements.push({
-      label: __('Reset Newspack', 'newspack'),
+      label: __('Reset Newspack', 'newspack-plugin'),
       url: resetUrl
     });
   }
   if (removeStarterContent) {
     footerElements.push({
-      label: __('Remove Starter Content', 'newspack'),
+      label: __('Remove Starter Content', 'newspack-plugin'),
       url: removeStarterContent
     });
   }
   if (supportEmail) {
     footerElements.push({
-      label: __('Contact Support', 'newspack'),
+      label: __('Contact Support', 'newspack-plugin'),
       url: `mailto:${supportEmail}`
     });
   }
@@ -82,22 +81,19 @@ const Footer = _ref => {
     children: [!simple && (0, _jsxRuntime.jsx)("div", {
       className: "newspack-footer__inner",
       children: (0, _jsxRuntime.jsx)("ul", {
-        children: footerElements.map((_ref2, index) => {
-          let {
-            url,
-            label,
-            external
-          } = _ref2;
-          return (0, _jsxRuntime.jsx)("li", {
-            children: external ? (0, _jsxRuntime.jsx)(_components.ExternalLink, {
-              href: url,
-              children: label
-            }) : (0, _jsxRuntime.jsx)("a", {
-              href: url,
-              children: label
-            })
-          }, index);
-        })
+        children: footerElements.map(({
+          url,
+          label,
+          external
+        }, index) => (0, _jsxRuntime.jsx)("li", {
+          children: external ? (0, _jsxRuntime.jsx)(_components.ExternalLink, {
+            href: url,
+            children: label
+          }) : (0, _jsxRuntime.jsx)("a", {
+            href: url,
+            children: label
+          })
+        }, index))
       })
     }), (0, _jsxRuntime.jsx)("div", {
       className: "newspack-footer__logo",
@@ -105,5 +101,4 @@ const Footer = _ref => {
     })]
   });
 };
-var _default = Footer;
-exports.default = _default;
+var _default = exports.default = Footer;

package/dist/cjs/form-token-field/index.js

@@ -54,5 +54,4 @@ class FormTokenField extends _element.Component {
     });
   }
 }
-var _default = FormTokenField;
-exports.default = _default;
+var _default = exports.default = FormTokenField;

package/dist/cjs/global-notices/index.js

@@ -34,5 +34,4 @@ const GlobalNotices = () => {
     }, i);
   });
 };
-var _default = GlobalNotices;
-exports.default = _default;
+var _default = exports.default = GlobalNotices;