window.parent.postMessage({

[66500] Fix | Delete

action: 'resize',

[66501] Fix | Delete

width: clientBoundingRect.width,

[66502] Fix | Delete

height: clientBoundingRect.height

[66503] Fix | Delete

}, '*');

[66504] Fix | Delete

}

[66505] Fix | Delete

const observer = new MutationObserver(sendResize);

[66506] Fix | Delete

observer.observe(document.body, {

[66507] Fix | Delete

attributes: true,

[66508] Fix | Delete

attributeOldValue: false,

[66509] Fix | Delete

characterData: true,

[66510] Fix | Delete

characterDataOldValue: false,

[66511] Fix | Delete

childList: true,

[66512] Fix | Delete

subtree: true

[66513] Fix | Delete

});

[66514] Fix | Delete

window.addEventListener('load', sendResize, true);

[66515] Fix | Delete

[66516] Fix | Delete

// Hack: Remove viewport unit styles, as these are relative

[66517] Fix | Delete

// the iframe root and interfere with our mechanism for

[66518] Fix | Delete

// determining the unconstrained page bounds.

[66519] Fix | Delete

function removeViewportStyles(ruleOrNode) {

[66520] Fix | Delete

if (ruleOrNode.style) {

[66521] Fix | Delete

['width', 'height', 'minHeight', 'maxHeight'].forEach(function (style) {

[66522] Fix | Delete

if (/^\\d+(vw|vh|svw|lvw|dvw|svh|lvh|dvh|vi|svi|lvi|dvi|vb|svb|lvb|dvb|vmin|svmin|lvmin|dvmin|vmax|svmax|lvmax|dvmax)$/.test(ruleOrNode.style[style])) {

[66523] Fix | Delete

ruleOrNode.style[style] = '';

[66524] Fix | Delete

}

[66525] Fix | Delete

});

[66526] Fix | Delete

}

[66527] Fix | Delete

}

[66528] Fix | Delete

Array.prototype.forEach.call(document.querySelectorAll('[style]'), removeViewportStyles);

[66529] Fix | Delete

Array.prototype.forEach.call(document.styleSheets, function (stylesheet) {

[66530] Fix | Delete

Array.prototype.forEach.call(stylesheet.cssRules || stylesheet.rules, removeViewportStyles);

[66531] Fix | Delete

});

[66532] Fix | Delete

document.body.style.position = 'absolute';

[66533] Fix | Delete

document.body.style.width = '100%';

[66534] Fix | Delete

document.body.setAttribute('data-resizable-iframe-connected', '');

[66535] Fix | Delete

sendResize();

[66536] Fix | Delete

[66537] Fix | Delete

// Resize events can change the width of elements with 100% width, but we don't

[66538] Fix | Delete

// get an DOM mutations for that, so do the resize when the window is resized, too.

[66539] Fix | Delete

window.addEventListener('resize', sendResize, true);

[66540] Fix | Delete

};

[66541] Fix | Delete

[66542] Fix | Delete

// TODO: These styles shouldn't be coupled with WordPress.

[66543] Fix | Delete

const style = `

[66544] Fix | Delete

body {

[66545] Fix | Delete

margin: 0;

[66546] Fix | Delete

}

[66547] Fix | Delete

html,

[66548] Fix | Delete

body,

[66549] Fix | Delete

body > div {

[66550] Fix | Delete

width: 100%;

[66551] Fix | Delete

}

[66552] Fix | Delete

html.wp-has-aspect-ratio,

[66553] Fix | Delete

body.wp-has-aspect-ratio,

[66554] Fix | Delete

body.wp-has-aspect-ratio > div,

[66555] Fix | Delete

body.wp-has-aspect-ratio > div iframe {

[66556] Fix | Delete

width: 100%;

[66557] Fix | Delete

height: 100%;

[66558] Fix | Delete

overflow: hidden; /* If it has an aspect ratio, it shouldn't scroll. */

[66559] Fix | Delete

}

[66560] Fix | Delete

body > div > * {

[66561] Fix | Delete

margin-top: 0 !important; /* Has to have !important to override inline styles. */

[66562] Fix | Delete

margin-bottom: 0 !important;

[66563] Fix | Delete

}

[66564] Fix | Delete

`;

[66565] Fix | Delete

[66566] Fix | Delete

/**

[66567] Fix | Delete

* This component provides an isolated environment for arbitrary HTML via iframes.

[66568] Fix | Delete

*

[66569] Fix | Delete

* ```jsx

[66570] Fix | Delete

* import { SandBox } from '@wordpress/components';

[66571] Fix | Delete

*

[66572] Fix | Delete

* const MySandBox = () => (

[66573] Fix | Delete

* <SandBox html="<p>Content</p>" title="SandBox" type="embed" />

[66574] Fix | Delete

* );

[66575] Fix | Delete

* ```

[66576] Fix | Delete

*/

[66577] Fix | Delete

function SandBox({

[66578] Fix | Delete

html = '',

[66579] Fix | Delete

title = '',

[66580] Fix | Delete

type,

[66581] Fix | Delete

styles = [],

[66582] Fix | Delete

scripts = [],

[66583] Fix | Delete

onFocus,

[66584] Fix | Delete

tabIndex

[66585] Fix | Delete

}) {

[66586] Fix | Delete

const ref = (0,external_wp_element_namespaceObject.useRef)();

[66587] Fix | Delete

const [width, setWidth] = (0,external_wp_element_namespaceObject.useState)(0);

[66588] Fix | Delete

const [height, setHeight] = (0,external_wp_element_namespaceObject.useState)(0);

[66589] Fix | Delete

function isFrameAccessible() {

[66590] Fix | Delete

try {

[66591] Fix | Delete

return !!ref.current?.contentDocument?.body;

[66592] Fix | Delete

} catch (e) {

[66593] Fix | Delete

return false;

[66594] Fix | Delete

}

[66595] Fix | Delete

}

[66596] Fix | Delete

function trySandBox(forceRerender = false) {

[66597] Fix | Delete

if (!isFrameAccessible()) {

[66598] Fix | Delete

return;

[66599] Fix | Delete

}

[66600] Fix | Delete

const {

[66601] Fix | Delete

contentDocument,

[66602] Fix | Delete

ownerDocument

[66603] Fix | Delete

} = ref.current;

[66604] Fix | Delete

if (!forceRerender && null !== contentDocument?.body.getAttribute('data-resizable-iframe-connected')) {

[66605] Fix | Delete

return;

[66606] Fix | Delete

}

[66607] Fix | Delete

[66608] Fix | Delete

// Put the html snippet into a html document, and then write it to the iframe's document

[66609] Fix | Delete

// we can use this in the future to inject custom styles or scripts.

[66610] Fix | Delete

// Scripts go into the body rather than the head, to support embedded content such as Instagram

[66611] Fix | Delete

// that expect the scripts to be part of the body.

[66612] Fix | Delete

const htmlDoc = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("html", {

[66613] Fix | Delete

lang: ownerDocument.documentElement.lang,

[66614] Fix | Delete

className: type,

[66615] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("head", {

[66616] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("title", {

[66617] Fix | Delete

children: title

[66618] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("style", {

[66619] Fix | Delete

dangerouslySetInnerHTML: {

[66620] Fix | Delete

__html: style

[66621] Fix | Delete

}

[66622] Fix | Delete

}), styles.map((rules, i) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("style", {

[66623] Fix | Delete

dangerouslySetInnerHTML: {

[66624] Fix | Delete

__html: rules

[66625] Fix | Delete

}

[66626] Fix | Delete

}, i))]

[66627] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("body", {

[66628] Fix | Delete

"data-resizable-iframe-connected": "data-resizable-iframe-connected",

[66629] Fix | Delete

className: type,

[66630] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[66631] Fix | Delete

dangerouslySetInnerHTML: {

[66632] Fix | Delete

__html: html

[66633] Fix | Delete

}

[66634] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("script", {

[66635] Fix | Delete

type: "text/javascript",

[66636] Fix | Delete

dangerouslySetInnerHTML: {

[66637] Fix | Delete

__html: `(${observeAndResizeJS.toString()})();`

[66638] Fix | Delete

}

[66639] Fix | Delete

}), scripts.map(src => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("script", {

[66640] Fix | Delete

src: src

[66641] Fix | Delete

}, src))]

[66642] Fix | Delete

})]

[66643] Fix | Delete

});

[66644] Fix | Delete

[66645] Fix | Delete

// Writing the document like this makes it act in the same way as if it was

[66646] Fix | Delete

// loaded over the network, so DOM creation and mutation, script execution, etc.

[66647] Fix | Delete

// all work as expected.

[66648] Fix | Delete

contentDocument.open();

[66649] Fix | Delete

contentDocument.write('<!DOCTYPE html>' + (0,external_wp_element_namespaceObject.renderToString)(htmlDoc));

[66650] Fix | Delete

contentDocument.close();

[66651] Fix | Delete

}

[66652] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[66653] Fix | Delete

trySandBox();

[66654] Fix | Delete

function tryNoForceSandBox() {

[66655] Fix | Delete

trySandBox(false);

[66656] Fix | Delete

}

[66657] Fix | Delete

function checkMessageForResize(event) {

[66658] Fix | Delete

const iframe = ref.current;

[66659] Fix | Delete

[66660] Fix | Delete

// Verify that the mounted element is the source of the message.

[66661] Fix | Delete

if (!iframe || iframe.contentWindow !== event.source) {

[66662] Fix | Delete

return;

[66663] Fix | Delete

}

[66664] Fix | Delete

[66665] Fix | Delete

// Attempt to parse the message data as JSON if passed as string.

[66666] Fix | Delete

let data = event.data || {};

[66667] Fix | Delete

if ('string' === typeof data) {

[66668] Fix | Delete

try {

[66669] Fix | Delete

data = JSON.parse(data);

[66670] Fix | Delete

} catch (e) {}

[66671] Fix | Delete

}

[66672] Fix | Delete

[66673] Fix | Delete

// Update the state only if the message is formatted as we expect,

[66674] Fix | Delete

// i.e. as an object with a 'resize' action.

[66675] Fix | Delete

if ('resize' !== data.action) {

[66676] Fix | Delete

return;

[66677] Fix | Delete

}

[66678] Fix | Delete

setWidth(data.width);

[66679] Fix | Delete

setHeight(data.height);

[66680] Fix | Delete

}

[66681] Fix | Delete

const iframe = ref.current;

[66682] Fix | Delete

const defaultView = iframe?.ownerDocument?.defaultView;

[66683] Fix | Delete

[66684] Fix | Delete

// This used to be registered using <iframe onLoad={} />, but it made the iframe blank

[66685] Fix | Delete

// after reordering the containing block. See these two issues for more details:

[66686] Fix | Delete

// https://github.com/WordPress/gutenberg/issues/6146

[66687] Fix | Delete

// https://github.com/facebook/react/issues/18752

[66688] Fix | Delete

iframe?.addEventListener('load', tryNoForceSandBox, false);

[66689] Fix | Delete

defaultView?.addEventListener('message', checkMessageForResize);

[66690] Fix | Delete

return () => {

[66691] Fix | Delete

iframe?.removeEventListener('load', tryNoForceSandBox, false);

[66692] Fix | Delete

defaultView?.removeEventListener('message', checkMessageForResize);

[66693] Fix | Delete

};

[66694] Fix | Delete

// Ignore reason: passing `exhaustive-deps` will likely involve a more detailed refactor.

[66695] Fix | Delete

// See https://github.com/WordPress/gutenberg/pull/44378

[66696] Fix | Delete

// eslint-disable-next-line react-hooks/exhaustive-deps

[66697] Fix | Delete

}, []);

[66698] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[66699] Fix | Delete

trySandBox();

[66700] Fix | Delete

// Ignore reason: passing `exhaustive-deps` will likely involve a more detailed refactor.

[66701] Fix | Delete

// See https://github.com/WordPress/gutenberg/pull/44378

[66702] Fix | Delete

// eslint-disable-next-line react-hooks/exhaustive-deps

[66703] Fix | Delete

}, [title, styles, scripts]);

[66704] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[66705] Fix | Delete

trySandBox(true);

[66706] Fix | Delete

// Ignore reason: passing `exhaustive-deps` will likely involve a more detailed refactor.

[66707] Fix | Delete

// See https://github.com/WordPress/gutenberg/pull/44378

[66708] Fix | Delete

// eslint-disable-next-line react-hooks/exhaustive-deps

[66709] Fix | Delete

}, [html, type]);

[66710] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("iframe", {

[66711] Fix | Delete

ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([ref, (0,external_wp_compose_namespaceObject.useFocusableIframe)()]),

[66712] Fix | Delete

title: title,

[66713] Fix | Delete

tabIndex: tabIndex,

[66714] Fix | Delete

className: "components-sandbox",

[66715] Fix | Delete

sandbox: "allow-scripts allow-same-origin allow-presentation",

[66716] Fix | Delete

onFocus: onFocus,

[66717] Fix | Delete

width: Math.ceil(width),

[66718] Fix | Delete

height: Math.ceil(height)

[66719] Fix | Delete

});

[66720] Fix | Delete

}

[66721] Fix | Delete

/* harmony default export */ const sandbox = (SandBox);

[66722] Fix | Delete

[66723] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/snackbar/index.js

[66724] Fix | Delete

/**

[66725] Fix | Delete

* External dependencies

[66726] Fix | Delete

*/

[66727] Fix | Delete

[66728] Fix | Delete

[66729] Fix | Delete

[66730] Fix | Delete

/**

[66731] Fix | Delete

* WordPress dependencies

[66732] Fix | Delete

*/

[66733] Fix | Delete

[66734] Fix | Delete

[66735] Fix | Delete

[66736] Fix | Delete

[66737] Fix | Delete

[66738] Fix | Delete

/**

[66739] Fix | Delete

* Internal dependencies

[66740] Fix | Delete

*/

[66741] Fix | Delete

[66742] Fix | Delete

[66743] Fix | Delete

[66744] Fix | Delete

const NOTICE_TIMEOUT = 10000;

[66745] Fix | Delete

[66746] Fix | Delete

/**

[66747] Fix | Delete

* Custom hook which announces the message with the given politeness, if a

[66748] Fix | Delete

* valid message is provided.

[66749] Fix | Delete

*

[66750] Fix | Delete

* @param message Message to announce.

[66751] Fix | Delete

* @param politeness Politeness to announce.

[66752] Fix | Delete

*/

[66753] Fix | Delete

function snackbar_useSpokenMessage(message, politeness) {

[66754] Fix | Delete

const spokenMessage = typeof message === 'string' ? message : (0,external_wp_element_namespaceObject.renderToString)(message);

[66755] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[66756] Fix | Delete

if (spokenMessage) {

[66757] Fix | Delete

(0,external_wp_a11y_namespaceObject.speak)(spokenMessage, politeness);

[66758] Fix | Delete

}

[66759] Fix | Delete

}, [spokenMessage, politeness]);

[66760] Fix | Delete

}

[66761] Fix | Delete

function UnforwardedSnackbar({

[66762] Fix | Delete

className,

[66763] Fix | Delete

children,

[66764] Fix | Delete

spokenMessage = children,

[66765] Fix | Delete

politeness = 'polite',

[66766] Fix | Delete

actions = [],

[66767] Fix | Delete

onRemove,

[66768] Fix | Delete

icon = null,

[66769] Fix | Delete

explicitDismiss = false,

[66770] Fix | Delete

// onDismiss is a callback executed when the snackbar is dismissed.

[66771] Fix | Delete

// It is distinct from onRemove, which _looks_ like a callback but is

[66772] Fix | Delete

// actually the function to call to remove the snackbar from the UI.

[66773] Fix | Delete

onDismiss,

[66774] Fix | Delete

listRef

[66775] Fix | Delete

}, ref) {

[66776] Fix | Delete

function dismissMe(event) {

[66777] Fix | Delete

if (event && event.preventDefault) {

[66778] Fix | Delete

event.preventDefault();

[66779] Fix | Delete

}

[66780] Fix | Delete

[66781] Fix | Delete

// Prevent focus loss by moving it to the list element.

[66782] Fix | Delete

listRef?.current?.focus();

[66783] Fix | Delete

onDismiss?.();

[66784] Fix | Delete

onRemove?.();

[66785] Fix | Delete

}

[66786] Fix | Delete

function onActionClick(event, onClick) {

[66787] Fix | Delete

event.stopPropagation();

[66788] Fix | Delete

onRemove?.();

[66789] Fix | Delete

if (onClick) {

[66790] Fix | Delete

onClick(event);

[66791] Fix | Delete

}

[66792] Fix | Delete

}

[66793] Fix | Delete

snackbar_useSpokenMessage(spokenMessage, politeness);

[66794] Fix | Delete

[66795] Fix | Delete

// The `onDismiss/onRemove` can have unstable references,

[66796] Fix | Delete

// trigger side-effect cleanup, and reset timers.

[66797] Fix | Delete

const callbackRefs = (0,external_wp_element_namespaceObject.useRef)({

[66798] Fix | Delete

onDismiss,

[66799] Fix | Delete

onRemove

[66800] Fix | Delete

});

[66801] Fix | Delete

(0,external_wp_element_namespaceObject.useLayoutEffect)(() => {

[66802] Fix | Delete

callbackRefs.current = {

[66803] Fix | Delete

onDismiss,

[66804] Fix | Delete

onRemove

[66805] Fix | Delete

};

[66806] Fix | Delete

});

[66807] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[66808] Fix | Delete

// Only set up the timeout dismiss if we're not explicitly dismissing.

[66809] Fix | Delete

const timeoutHandle = setTimeout(() => {

[66810] Fix | Delete

if (!explicitDismiss) {

[66811] Fix | Delete

callbackRefs.current.onDismiss?.();

[66812] Fix | Delete

callbackRefs.current.onRemove?.();

[66813] Fix | Delete

}

[66814] Fix | Delete

}, NOTICE_TIMEOUT);

[66815] Fix | Delete

return () => clearTimeout(timeoutHandle);

[66816] Fix | Delete

}, [explicitDismiss]);

[66817] Fix | Delete

const classes = dist_clsx(className, 'components-snackbar', {

[66818] Fix | Delete

'components-snackbar-explicit-dismiss': !!explicitDismiss

[66819] Fix | Delete

});

[66820] Fix | Delete

if (actions && actions.length > 1) {

[66821] Fix | Delete

// We need to inform developers that snackbar only accepts 1 action.

[66822] Fix | Delete

true ? external_wp_warning_default()('Snackbar can only have one action. Use Notice if your message requires many actions.') : 0;

[66823] Fix | Delete

// return first element only while keeping it inside an array

[66824] Fix | Delete

actions = [actions[0]];

[66825] Fix | Delete

}

[66826] Fix | Delete

const snackbarContentClassnames = dist_clsx('components-snackbar__content', {

[66827] Fix | Delete

'components-snackbar__content-with-icon': !!icon

[66828] Fix | Delete

});

[66829] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[66830] Fix | Delete

ref: ref,

[66831] Fix | Delete

className: classes,

[66832] Fix | Delete

onClick: !explicitDismiss ? dismissMe : undefined,

[66833] Fix | Delete

tabIndex: 0,

[66834] Fix | Delete

role: !explicitDismiss ? 'button' : undefined,

[66835] Fix | Delete

onKeyPress: !explicitDismiss ? dismissMe : undefined,

[66836] Fix | Delete

"aria-label": !explicitDismiss ? (0,external_wp_i18n_namespaceObject.__)('Dismiss this notice') : undefined,

[66837] Fix | Delete

"data-testid": "snackbar",

[66838] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[66839] Fix | Delete

className: snackbarContentClassnames,

[66840] Fix | Delete

children: [icon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[66841] Fix | Delete

className: "components-snackbar__icon",

[66842] Fix | Delete

children: icon

[66843] Fix | Delete

}), children, actions.map(({

[66844] Fix | Delete

label,

[66845] Fix | Delete

onClick,

[66846] Fix | Delete

url

[66847] Fix | Delete

}, index) => {

[66848] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[66849] Fix | Delete

href: url,

[66850] Fix | Delete

variant: "tertiary",

[66851] Fix | Delete

onClick: event => onActionClick(event, onClick),

[66852] Fix | Delete

className: "components-snackbar__action",

[66853] Fix | Delete

children: label

[66854] Fix | Delete

}, index);

[66855] Fix | Delete

}), explicitDismiss && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {

[66856] Fix | Delete

role: "button",

[66857] Fix | Delete

"aria-label": (0,external_wp_i18n_namespaceObject.__)('Dismiss this notice'),

[66858] Fix | Delete

tabIndex: 0,

[66859] Fix | Delete

className: "components-snackbar__dismiss-button",

[66860] Fix | Delete

onClick: dismissMe,

[66861] Fix | Delete

onKeyPress: dismissMe,

[66862] Fix | Delete

children: "\u2715"

[66863] Fix | Delete

})]

[66864] Fix | Delete

})

[66865] Fix | Delete

});

[66866] Fix | Delete

}

[66867] Fix | Delete

[66868] Fix | Delete

/**

[66869] Fix | Delete

* A Snackbar displays a succinct message that is cleared out after a small delay.

[66870] Fix | Delete

*

[66871] Fix | Delete

* It can also offer the user options, like viewing a published post.

[66872] Fix | Delete

* But these options should also be available elsewhere in the UI.

[66873] Fix | Delete

*

[66874] Fix | Delete

* ```jsx

[66875] Fix | Delete

* const MySnackbarNotice = () => (

[66876] Fix | Delete

* <Snackbar>Post published successfully.</Snackbar>

[66877] Fix | Delete

* );

[66878] Fix | Delete

* ```

[66879] Fix | Delete

*/

[66880] Fix | Delete

const Snackbar = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedSnackbar);

[66881] Fix | Delete

/* harmony default export */ const snackbar = (Snackbar);

[66882] Fix | Delete

[66883] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/snackbar/list.js

[66884] Fix | Delete

/**

[66885] Fix | Delete

* External dependencies

[66886] Fix | Delete

*/

[66887] Fix | Delete

[66888] Fix | Delete

[66889] Fix | Delete

/**

[66890] Fix | Delete

* WordPress dependencies

[66891] Fix | Delete

*/

[66892] Fix | Delete

[66893] Fix | Delete

[66894] Fix | Delete

[66895] Fix | Delete

/**

[66896] Fix | Delete

* Internal dependencies

[66897] Fix | Delete

*/

[66898] Fix | Delete

[66899] Fix | Delete

[66900] Fix | Delete

[66901] Fix | Delete

[66902] Fix | Delete

const SNACKBAR_VARIANTS = {

[66903] Fix | Delete

init: {

[66904] Fix | Delete

height: 0,

[66905] Fix | Delete

opacity: 0

[66906] Fix | Delete

},

[66907] Fix | Delete

open: {

[66908] Fix | Delete

height: 'auto',

[66909] Fix | Delete

opacity: 1,

[66910] Fix | Delete

transition: {

[66911] Fix | Delete

height: {

[66912] Fix | Delete

type: 'tween',

[66913] Fix | Delete

duration: 0.3,

[66914] Fix | Delete

ease: [0, 0, 0.2, 1]

[66915] Fix | Delete

},

[66916] Fix | Delete

opacity: {

[66917] Fix | Delete

type: 'tween',

[66918] Fix | Delete

duration: 0.25,

[66919] Fix | Delete

delay: 0.05,

[66920] Fix | Delete

ease: [0, 0, 0.2, 1]

[66921] Fix | Delete

}

[66922] Fix | Delete

}

[66923] Fix | Delete

},

[66924] Fix | Delete

exit: {

[66925] Fix | Delete

opacity: 0,

[66926] Fix | Delete

transition: {

[66927] Fix | Delete

type: 'tween',

[66928] Fix | Delete

duration: 0.1,

[66929] Fix | Delete

ease: [0, 0, 0.2, 1]

[66930] Fix | Delete

}

[66931] Fix | Delete

}

[66932] Fix | Delete

};

[66933] Fix | Delete

[66934] Fix | Delete

/**

[66935] Fix | Delete

* Renders a list of notices.

[66936] Fix | Delete

*

[66937] Fix | Delete

* ```jsx

[66938] Fix | Delete

* const MySnackbarListNotice = () => (

[66939] Fix | Delete

* <SnackbarList

[66940] Fix | Delete

* notices={ notices }

[66941] Fix | Delete

* onRemove={ removeNotice }

[66942] Fix | Delete

* />

[66943] Fix | Delete

* );

[66944] Fix | Delete

* ```

[66945] Fix | Delete

*/

[66946] Fix | Delete

function SnackbarList({

[66947] Fix | Delete

notices,

[66948] Fix | Delete

className,

[66949] Fix | Delete

children,

[66950] Fix | Delete

onRemove

[66951] Fix | Delete

}) {

[66952] Fix | Delete

const listRef = (0,external_wp_element_namespaceObject.useRef)(null);

[66953] Fix | Delete

const isReducedMotion = (0,external_wp_compose_namespaceObject.useReducedMotion)();

[66954] Fix | Delete

className = dist_clsx('components-snackbar-list', className);

[66955] Fix | Delete

const removeNotice = notice => () => onRemove?.(notice.id);

[66956] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[66957] Fix | Delete

className: className,

[66958] Fix | Delete

tabIndex: -1,

[66959] Fix | Delete

ref: listRef,

[66960] Fix | Delete

"data-testid": "snackbar-list",

[66961] Fix | Delete

children: [children, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(AnimatePresence, {

[66962] Fix | Delete

children: notices.map(notice => {

[66963] Fix | Delete

const {

[66964] Fix | Delete

content,

[66965] Fix | Delete

...restNotice

[66966] Fix | Delete

} = notice;

[66967] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(motion.div, {

[66968] Fix | Delete

layout: !isReducedMotion // See https://www.framer.com/docs/animation/#layout-animations

[66969] Fix | Delete

,

[66970] Fix | Delete

initial: "init",

[66971] Fix | Delete

animate: "open",

[66972] Fix | Delete

exit: "exit",

[66973] Fix | Delete

variants: isReducedMotion ? undefined : SNACKBAR_VARIANTS,

[66974] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[66975] Fix | Delete

className: "components-snackbar-list__notice-container",

[66976] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(snackbar, {

[66977] Fix | Delete

...restNotice,

[66978] Fix | Delete

onRemove: removeNotice(notice),

[66979] Fix | Delete

listRef: listRef,

[66980] Fix | Delete

children: notice.content

[66981] Fix | Delete

})

[66982] Fix | Delete

})

[66983] Fix | Delete

}, notice.id);

[66984] Fix | Delete

})

[66985] Fix | Delete

})]

[66986] Fix | Delete

});

[66987] Fix | Delete

}

[66988] Fix | Delete

/* harmony default export */ const snackbar_list = (SnackbarList);

[66989] Fix | Delete

[66990] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/spinner/styles.js

[66991] Fix | Delete

[66992] Fix | Delete

function spinner_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

[66993] Fix | Delete

/**

[66994] Fix | Delete

* External dependencies

[66995] Fix | Delete

*/

[66996] Fix | Delete

[66997] Fix | Delete

[66998] Fix | Delete

[66999] Fix | Delete