@wordpress/customize-widgets 5.32.0 → 5.32.1-next.ff1cebbba.0

package/build/components/sidebar-block-editor/use-sidebar-block-editor.js

@@ -1,100 +1,121 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_sidebar_block_editor_exports = {};
+__export(use_sidebar_block_editor_exports, {
+  default: () => useSidebarBlockEditor
 });
-exports.default = useSidebarBlockEditor;
-var _es = _interopRequireDefault(require("fast-deep-equal/es6"));
-var _element = require("@wordpress/element");
-var _isShallowEqual = _interopRequireDefault(require("@wordpress/is-shallow-equal"));
-var _widgets = require("@wordpress/widgets");
-var _utils = require("../../utils");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(use_sidebar_block_editor_exports);
+var import_es6 = __toESM(require("fast-deep-equal/es6"));
+var import_element = require("@wordpress/element");
+var import_is_shallow_equal = __toESM(require("@wordpress/is-shallow-equal"));
+var import_widgets = require("@wordpress/widgets");
+var import_utils = require("../../utils");
 function widgetsToBlocks(widgets) {
-  return widgets.map(widget => (0, _utils.widgetToBlock)(widget));
+  return widgets.map((widget) => (0, import_utils.widgetToBlock)(widget));
 }
 function useSidebarBlockEditor(sidebar) {
-  const [blocks, setBlocks] = (0, _element.useState)(() => widgetsToBlocks(sidebar.getWidgets()));
-  (0, _element.useEffect)(() => {
+  const [blocks, setBlocks] = (0, import_element.useState)(
+    () => widgetsToBlocks(sidebar.getWidgets())
+  );
+  (0, import_element.useEffect)(() => {
     return sidebar.subscribe((prevWidgets, nextWidgets) => {
-      setBlocks(prevBlocks => {
-        const prevWidgetsMap = new Map(prevWidgets.map(widget => [widget.id, widget]));
-        const prevBlocksMap = new Map(prevBlocks.map(block => [(0, _widgets.getWidgetIdFromBlock)(block), block]));
-        const nextBlocks = nextWidgets.map(nextWidget => {
+      setBlocks((prevBlocks) => {
+        const prevWidgetsMap = new Map(
+          prevWidgets.map((widget) => [widget.id, widget])
+        );
+        const prevBlocksMap = new Map(
+          prevBlocks.map((block) => [
+            (0, import_widgets.getWidgetIdFromBlock)(block),
+            block
+          ])
+        );
+        const nextBlocks = nextWidgets.map((nextWidget) => {
           const prevWidget = prevWidgetsMap.get(nextWidget.id);
-
-          // Bail out updates.
           if (prevWidget && prevWidget === nextWidget) {
             return prevBlocksMap.get(nextWidget.id);
           }
-          return (0, _utils.widgetToBlock)(nextWidget);
+          return (0, import_utils.widgetToBlock)(nextWidget);
         });
-
-        // Bail out updates.
-        if ((0, _isShallowEqual.default)(prevBlocks, nextBlocks)) {
+        if ((0, import_is_shallow_equal.default)(prevBlocks, nextBlocks)) {
           return prevBlocks;
         }
         return nextBlocks;
       });
     });
   }, [sidebar]);
-  const onChangeBlocks = (0, _element.useCallback)(nextBlocks => {
-    setBlocks(prevBlocks => {
-      if ((0, _isShallowEqual.default)(prevBlocks, nextBlocks)) {
-        return prevBlocks;
-      }
-      const prevBlocksMap = new Map(prevBlocks.map(block => [(0, _widgets.getWidgetIdFromBlock)(block), block]));
-      const nextWidgets = nextBlocks.map(nextBlock => {
-        const widgetId = (0, _widgets.getWidgetIdFromBlock)(nextBlock);
-
-        // Update existing widgets.
-        if (widgetId && prevBlocksMap.has(widgetId)) {
-          const prevBlock = prevBlocksMap.get(widgetId);
-          const prevWidget = sidebar.getWidget(widgetId);
-
-          // Bail out updates by returning the previous widgets.
-          // Deep equality is necessary until the block editor's internals changes.
-          if ((0, _es.default)(nextBlock, prevBlock) && prevWidget) {
-            return prevWidget;
-          }
-          return (0, _utils.blockToWidget)(nextBlock, prevWidget);
+  const onChangeBlocks = (0, import_element.useCallback)(
+    (nextBlocks) => {
+      setBlocks((prevBlocks) => {
+        if ((0, import_is_shallow_equal.default)(prevBlocks, nextBlocks)) {
+          return prevBlocks;
         }
-
-        // Add a new widget.
-        return (0, _utils.blockToWidget)(nextBlock);
-      });
-
-      // Bail out updates if the updated widgets are the same.
-      if ((0, _isShallowEqual.default)(sidebar.getWidgets(), nextWidgets)) {
-        return prevBlocks;
-      }
-      const addedWidgetIds = sidebar.setWidgets(nextWidgets);
-      return nextBlocks.reduce((updatedNextBlocks, nextBlock, index) => {
-        const addedWidgetId = addedWidgetIds[index];
-        if (addedWidgetId !== null) {
-          // Only create a new instance if necessary to prevent
-          // the whole editor from re-rendering on every edit.
-          if (updatedNextBlocks === nextBlocks) {
-            updatedNextBlocks = nextBlocks.slice();
+        const prevBlocksMap = new Map(
+          prevBlocks.map((block) => [
+            (0, import_widgets.getWidgetIdFromBlock)(block),
+            block
+          ])
+        );
+        const nextWidgets = nextBlocks.map((nextBlock) => {
+          const widgetId = (0, import_widgets.getWidgetIdFromBlock)(nextBlock);
+          if (widgetId && prevBlocksMap.has(widgetId)) {
+            const prevBlock = prevBlocksMap.get(widgetId);
+            const prevWidget = sidebar.getWidget(widgetId);
+            if ((0, import_es6.default)(nextBlock, prevBlock) && prevWidget) {
+              return prevWidget;
+            }
+            return (0, import_utils.blockToWidget)(nextBlock, prevWidget);
           }
-          updatedNextBlocks[index] = (0, _widgets.addWidgetIdToBlock)(nextBlock, addedWidgetId);
+          return (0, import_utils.blockToWidget)(nextBlock);
+        });
+        if ((0, import_is_shallow_equal.default)(sidebar.getWidgets(), nextWidgets)) {
+          return prevBlocks;
         }
-        return updatedNextBlocks;
-      }, nextBlocks);
-    });
-  }, [sidebar]);
+        const addedWidgetIds = sidebar.setWidgets(nextWidgets);
+        return nextBlocks.reduce(
+          (updatedNextBlocks, nextBlock, index) => {
+            const addedWidgetId = addedWidgetIds[index];
+            if (addedWidgetId !== null) {
+              if (updatedNextBlocks === nextBlocks) {
+                updatedNextBlocks = nextBlocks.slice();
+              }
+              updatedNextBlocks[index] = (0, import_widgets.addWidgetIdToBlock)(
+                nextBlock,
+                addedWidgetId
+              );
+            }
+            return updatedNextBlocks;
+          },
+          nextBlocks
+        );
+      });
+    },
+    [sidebar]
+  );
   return [blocks, onChangeBlocks, onChangeBlocks];
 }
-//# sourceMappingURL=use-sidebar-block-editor.js.map
+//# sourceMappingURL=use-sidebar-block-editor.js.map

package/build/components/sidebar-block-editor/use-sidebar-block-editor.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_es","_interopRequireDefault","require","_element","_isShallowEqual","_widgets","_utils","widgetsToBlocks","widgets","map","widget","widgetToBlock","useSidebarBlockEditor","sidebar","blocks","setBlocks","useState","getWidgets","useEffect","subscribe","prevWidgets","nextWidgets","prevBlocks","prevWidgetsMap","Map","id","prevBlocksMap","block","getWidgetIdFromBlock","nextBlocks","nextWidget","prevWidget","get","isShallowEqual","onChangeBlocks","useCallback","nextBlock","widgetId","has","prevBlock","getWidget","fastDeepEqual","blockToWidget","addedWidgetIds","setWidgets","reduce","updatedNextBlocks","index","addedWidgetId","slice","addWidgetIdToBlock"],"sources":["@wordpress/customize-widgets/src/components/sidebar-block-editor/use-sidebar-block-editor.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useCallback } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\nimport { getWidgetIdFromBlock, addWidgetIdToBlock } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { blockToWidget, widgetToBlock } from '../../utils';\n\nfunction widgetsToBlocks( widgets ) {\n\treturn widgets.map( ( widget ) => widgetToBlock( widget ) );\n}\n\nexport default function useSidebarBlockEditor( sidebar ) {\n\tconst [ blocks, setBlocks ] = useState( () =>\n\t\twidgetsToBlocks( sidebar.getWidgets() )\n\t);\n\n\tuseEffect( () => {\n\t\treturn sidebar.subscribe( ( prevWidgets, nextWidgets ) => {\n\t\t\tsetBlocks( ( prevBlocks ) => {\n\t\t\t\tconst prevWidgetsMap = new Map(\n\t\t\t\t\tprevWidgets.map( ( widget ) => [ widget.id, widget ] )\n\t\t\t\t);\n\t\t\t\tconst prevBlocksMap = new Map(\n\t\t\t\t\tprevBlocks.map( ( block ) => [\n\t\t\t\t\t\tgetWidgetIdFromBlock( block ),\n\t\t\t\t\t\tblock,\n\t\t\t\t\t] )\n\t\t\t\t);\n\n\t\t\t\tconst nextBlocks = nextWidgets.map( ( nextWidget ) => {\n\t\t\t\t\tconst prevWidget = prevWidgetsMap.get( nextWidget.id );\n\n\t\t\t\t\t// Bail out updates.\n\t\t\t\t\tif ( prevWidget && prevWidget === nextWidget ) {\n\t\t\t\t\t\treturn prevBlocksMap.get( nextWidget.id );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn widgetToBlock( nextWidget );\n\t\t\t\t} );\n\n\t\t\t\t// Bail out updates.\n\t\t\t\tif ( isShallowEqual( prevBlocks, nextBlocks ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\treturn nextBlocks;\n\t\t\t} );\n\t\t} );\n\t}, [ sidebar ] );\n\n\tconst onChangeBlocks = useCallback(\n\t\t( nextBlocks ) => {\n\t\t\tsetBlocks( ( prevBlocks ) => {\n\t\t\t\tif ( isShallowEqual( prevBlocks, nextBlocks ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\tconst prevBlocksMap = new Map(\n\t\t\t\t\tprevBlocks.map( ( block ) => [\n\t\t\t\t\t\tgetWidgetIdFromBlock( block ),\n\t\t\t\t\t\tblock,\n\t\t\t\t\t] )\n\t\t\t\t);\n\n\t\t\t\tconst nextWidgets = nextBlocks.map( ( nextBlock ) => {\n\t\t\t\t\tconst widgetId = getWidgetIdFromBlock( nextBlock );\n\n\t\t\t\t\t// Update existing widgets.\n\t\t\t\t\tif ( widgetId && prevBlocksMap.has( widgetId ) ) {\n\t\t\t\t\t\tconst prevBlock = prevBlocksMap.get( widgetId );\n\t\t\t\t\t\tconst prevWidget = sidebar.getWidget( widgetId );\n\n\t\t\t\t\t\t// Bail out updates by returning the previous widgets.\n\t\t\t\t\t\t// Deep equality is necessary until the block editor's internals changes.\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tfastDeepEqual( nextBlock, prevBlock ) &&\n\t\t\t\t\t\t\tprevWidget\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\treturn prevWidget;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn blockToWidget( nextBlock, prevWidget );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Add a new widget.\n\t\t\t\t\treturn blockToWidget( nextBlock );\n\t\t\t\t} );\n\n\t\t\t\t// Bail out updates if the updated widgets are the same.\n\t\t\t\tif ( isShallowEqual( sidebar.getWidgets(), nextWidgets ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\tconst addedWidgetIds = sidebar.setWidgets( nextWidgets );\n\n\t\t\t\treturn nextBlocks.reduce(\n\t\t\t\t\t( updatedNextBlocks, nextBlock, index ) => {\n\t\t\t\t\t\tconst addedWidgetId = addedWidgetIds[ index ];\n\n\t\t\t\t\t\tif ( addedWidgetId !== null ) {\n\t\t\t\t\t\t\t// Only create a new instance if necessary to prevent\n\t\t\t\t\t\t\t// the whole editor from re-rendering on every edit.\n\t\t\t\t\t\t\tif ( updatedNextBlocks === nextBlocks ) {\n\t\t\t\t\t\t\t\tupdatedNextBlocks = nextBlocks.slice();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tupdatedNextBlocks[ index ] = addWidgetIdToBlock(\n\t\t\t\t\t\t\t\tnextBlock,\n\t\t\t\t\t\t\t\taddedWidgetId\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn updatedNextBlocks;\n\t\t\t\t\t},\n\t\t\t\t\tnextBlocks\n\t\t\t\t);\n\t\t\t} );\n\t\t},\n\t\t[ sidebar ]\n\t);\n\n\treturn [ blocks, onChangeBlocks, onChangeBlocks ];\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-block-editor/use-sidebar-block-editor.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport fastDeepEqual from 'fast-deep-equal/es6';\n\n/**\n * WordPress dependencies\n */\nimport { useState, useEffect, useCallback } from '@wordpress/element';\nimport isShallowEqual from '@wordpress/is-shallow-equal';\nimport { getWidgetIdFromBlock, addWidgetIdToBlock } from '@wordpress/widgets';\n\n/**\n * Internal dependencies\n */\nimport { blockToWidget, widgetToBlock } from '../../utils';\n\nfunction widgetsToBlocks( widgets ) {\n\treturn widgets.map( ( widget ) => widgetToBlock( widget ) );\n}\n\nexport default function useSidebarBlockEditor( sidebar ) {\n\tconst [ blocks, setBlocks ] = useState( () =>\n\t\twidgetsToBlocks( sidebar.getWidgets() )\n\t);\n\n\tuseEffect( () => {\n\t\treturn sidebar.subscribe( ( prevWidgets, nextWidgets ) => {\n\t\t\tsetBlocks( ( prevBlocks ) => {\n\t\t\t\tconst prevWidgetsMap = new Map(\n\t\t\t\t\tprevWidgets.map( ( widget ) => [ widget.id, widget ] )\n\t\t\t\t);\n\t\t\t\tconst prevBlocksMap = new Map(\n\t\t\t\t\tprevBlocks.map( ( block ) => [\n\t\t\t\t\t\tgetWidgetIdFromBlock( block ),\n\t\t\t\t\t\tblock,\n\t\t\t\t\t] )\n\t\t\t\t);\n\n\t\t\t\tconst nextBlocks = nextWidgets.map( ( nextWidget ) => {\n\t\t\t\t\tconst prevWidget = prevWidgetsMap.get( nextWidget.id );\n\n\t\t\t\t\t// Bail out updates.\n\t\t\t\t\tif ( prevWidget && prevWidget === nextWidget ) {\n\t\t\t\t\t\treturn prevBlocksMap.get( nextWidget.id );\n\t\t\t\t\t}\n\n\t\t\t\t\treturn widgetToBlock( nextWidget );\n\t\t\t\t} );\n\n\t\t\t\t// Bail out updates.\n\t\t\t\tif ( isShallowEqual( prevBlocks, nextBlocks ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\treturn nextBlocks;\n\t\t\t} );\n\t\t} );\n\t}, [ sidebar ] );\n\n\tconst onChangeBlocks = useCallback(\n\t\t( nextBlocks ) => {\n\t\t\tsetBlocks( ( prevBlocks ) => {\n\t\t\t\tif ( isShallowEqual( prevBlocks, nextBlocks ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\tconst prevBlocksMap = new Map(\n\t\t\t\t\tprevBlocks.map( ( block ) => [\n\t\t\t\t\t\tgetWidgetIdFromBlock( block ),\n\t\t\t\t\t\tblock,\n\t\t\t\t\t] )\n\t\t\t\t);\n\n\t\t\t\tconst nextWidgets = nextBlocks.map( ( nextBlock ) => {\n\t\t\t\t\tconst widgetId = getWidgetIdFromBlock( nextBlock );\n\n\t\t\t\t\t// Update existing widgets.\n\t\t\t\t\tif ( widgetId && prevBlocksMap.has( widgetId ) ) {\n\t\t\t\t\t\tconst prevBlock = prevBlocksMap.get( widgetId );\n\t\t\t\t\t\tconst prevWidget = sidebar.getWidget( widgetId );\n\n\t\t\t\t\t\t// Bail out updates by returning the previous widgets.\n\t\t\t\t\t\t// Deep equality is necessary until the block editor's internals changes.\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tfastDeepEqual( nextBlock, prevBlock ) &&\n\t\t\t\t\t\t\tprevWidget\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\treturn prevWidget;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn blockToWidget( nextBlock, prevWidget );\n\t\t\t\t\t}\n\n\t\t\t\t\t// Add a new widget.\n\t\t\t\t\treturn blockToWidget( nextBlock );\n\t\t\t\t} );\n\n\t\t\t\t// Bail out updates if the updated widgets are the same.\n\t\t\t\tif ( isShallowEqual( sidebar.getWidgets(), nextWidgets ) ) {\n\t\t\t\t\treturn prevBlocks;\n\t\t\t\t}\n\n\t\t\t\tconst addedWidgetIds = sidebar.setWidgets( nextWidgets );\n\n\t\t\t\treturn nextBlocks.reduce(\n\t\t\t\t\t( updatedNextBlocks, nextBlock, index ) => {\n\t\t\t\t\t\tconst addedWidgetId = addedWidgetIds[ index ];\n\n\t\t\t\t\t\tif ( addedWidgetId !== null ) {\n\t\t\t\t\t\t\t// Only create a new instance if necessary to prevent\n\t\t\t\t\t\t\t// the whole editor from re-rendering on every edit.\n\t\t\t\t\t\t\tif ( updatedNextBlocks === nextBlocks ) {\n\t\t\t\t\t\t\t\tupdatedNextBlocks = nextBlocks.slice();\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tupdatedNextBlocks[ index ] = addWidgetIdToBlock(\n\t\t\t\t\t\t\t\tnextBlock,\n\t\t\t\t\t\t\t\taddedWidgetId\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn updatedNextBlocks;\n\t\t\t\t\t},\n\t\t\t\t\tnextBlocks\n\t\t\t\t);\n\t\t\t} );\n\t\t},\n\t\t[ sidebar ]\n\t);\n\n\treturn [ blocks, onChangeBlocks, onChangeBlocks ];\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,iBAA0B;AAK1B,qBAAiD;AACjD,8BAA2B;AAC3B,qBAAyD;AAKzD,mBAA6C;AAE7C,SAAS,gBAAiB,SAAU;AACnC,SAAO,QAAQ,IAAK,CAAE,eAAY,4BAAe,MAAO,CAAE;AAC3D;AAEe,SAAR,sBAAwC,SAAU;AACxD,QAAM,CAAE,QAAQ,SAAU,QAAI;AAAA,IAAU,MACvC,gBAAiB,QAAQ,WAAW,CAAE;AAAA,EACvC;AAEA,gCAAW,MAAM;AAChB,WAAO,QAAQ,UAAW,CAAE,aAAa,gBAAiB;AACzD,gBAAW,CAAE,eAAgB;AAC5B,cAAM,iBAAiB,IAAI;AAAA,UAC1B,YAAY,IAAK,CAAE,WAAY,CAAE,OAAO,IAAI,MAAO,CAAE;AAAA,QACtD;AACA,cAAM,gBAAgB,IAAI;AAAA,UACzB,WAAW,IAAK,CAAE,UAAW;AAAA,gBAC5B,qCAAsB,KAAM;AAAA,YAC5B;AAAA,UACD,CAAE;AAAA,QACH;AAEA,cAAM,aAAa,YAAY,IAAK,CAAE,eAAgB;AACrD,gBAAM,aAAa,eAAe,IAAK,WAAW,EAAG;AAGrD,cAAK,cAAc,eAAe,YAAa;AAC9C,mBAAO,cAAc,IAAK,WAAW,EAAG;AAAA,UACzC;AAEA,qBAAO,4BAAe,UAAW;AAAA,QAClC,CAAE;AAGF,gBAAK,wBAAAA,SAAgB,YAAY,UAAW,GAAI;AAC/C,iBAAO;AAAA,QACR;AAEA,eAAO;AAAA,MACR,CAAE;AAAA,IACH,CAAE;AAAA,EACH,GAAG,CAAE,OAAQ,CAAE;AAEf,QAAM,qBAAiB;AAAA,IACtB,CAAE,eAAgB;AACjB,gBAAW,CAAE,eAAgB;AAC5B,gBAAK,wBAAAA,SAAgB,YAAY,UAAW,GAAI;AAC/C,iBAAO;AAAA,QACR;AAEA,cAAM,gBAAgB,IAAI;AAAA,UACzB,WAAW,IAAK,CAAE,UAAW;AAAA,gBAC5B,qCAAsB,KAAM;AAAA,YAC5B;AAAA,UACD,CAAE;AAAA,QACH;AAEA,cAAM,cAAc,WAAW,IAAK,CAAE,cAAe;AACpD,gBAAM,eAAW,qCAAsB,SAAU;AAGjD,cAAK,YAAY,cAAc,IAAK,QAAS,GAAI;AAChD,kBAAM,YAAY,cAAc,IAAK,QAAS;AAC9C,kBAAM,aAAa,QAAQ,UAAW,QAAS;AAI/C,oBACC,WAAAC,SAAe,WAAW,SAAU,KACpC,YACC;AACD,qBAAO;AAAA,YACR;AAEA,uBAAO,4BAAe,WAAW,UAAW;AAAA,UAC7C;AAGA,qBAAO,4BAAe,SAAU;AAAA,QACjC,CAAE;AAGF,gBAAK,wBAAAD,SAAgB,QAAQ,WAAW,GAAG,WAAY,GAAI;AAC1D,iBAAO;AAAA,QACR;AAEA,cAAM,iBAAiB,QAAQ,WAAY,WAAY;AAEvD,eAAO,WAAW;AAAA,UACjB,CAAE,mBAAmB,WAAW,UAAW;AAC1C,kBAAM,gBAAgB,eAAgB,KAAM;AAE5C,gBAAK,kBAAkB,MAAO;AAG7B,kBAAK,sBAAsB,YAAa;AACvC,oCAAoB,WAAW,MAAM;AAAA,cACtC;AAEA,gCAAmB,KAAM,QAAI;AAAA,gBAC5B;AAAA,gBACA;AAAA,cACD;AAAA,YACD;AAEA,mBAAO;AAAA,UACR;AAAA,UACA;AAAA,QACD;AAAA,MACD,CAAE;AAAA,IACH;AAAA,IACA,CAAE,OAAQ;AAAA,EACX;AAEA,SAAO,CAAE,QAAQ,gBAAgB,cAAe;AACjD;",
+  "names": ["isShallowEqual", "fastDeepEqual"]
+}

package/build/components/sidebar-controls/index.js

@@ -1,44 +1,58 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var sidebar_controls_exports = {};
+__export(sidebar_controls_exports, {
+  SidebarControlsContext: () => SidebarControlsContext,
+  default: () => SidebarControls,
+  useActiveSidebarControl: () => useActiveSidebarControl,
+  useSidebarControls: () => useSidebarControls
 });
-exports.SidebarControlsContext = void 0;
-exports.default = SidebarControls;
-exports.useActiveSidebarControl = useActiveSidebarControl;
-exports.useSidebarControls = useSidebarControls;
-var _element = require("@wordpress/element");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-const SidebarControlsContext = exports.SidebarControlsContext = (0, _element.createContext)();
-SidebarControlsContext.displayName = 'SidebarControlsContext';
+module.exports = __toCommonJS(sidebar_controls_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_element = require("@wordpress/element");
+const SidebarControlsContext = (0, import_element.createContext)();
+SidebarControlsContext.displayName = "SidebarControlsContext";
 function SidebarControls({
   sidebarControls,
   activeSidebarControl,
   children
 }) {
-  const context = (0, _element.useMemo)(() => ({
-    sidebarControls,
-    activeSidebarControl
-  }), [sidebarControls, activeSidebarControl]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SidebarControlsContext.Provider, {
-    value: context,
-    children: children
-  });
+  const context = (0, import_element.useMemo)(
+    () => ({
+      sidebarControls,
+      activeSidebarControl
+    }),
+    [sidebarControls, activeSidebarControl]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SidebarControlsContext.Provider, { value: context, children });
 }
 function useSidebarControls() {
-  const {
-    sidebarControls
-  } = (0, _element.useContext)(SidebarControlsContext);
+  const { sidebarControls } = (0, import_element.useContext)(SidebarControlsContext);
   return sidebarControls;
 }
 function useActiveSidebarControl() {
-  const {
-    activeSidebarControl
-  } = (0, _element.useContext)(SidebarControlsContext);
+  const { activeSidebarControl } = (0, import_element.useContext)(SidebarControlsContext);
   return activeSidebarControl;
 }
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SidebarControlsContext,
+  useActiveSidebarControl,
+  useSidebarControls
+});
+//# sourceMappingURL=index.js.map

package/build/components/sidebar-controls/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_jsxRuntime","SidebarControlsContext","exports","createContext","displayName","SidebarControls","sidebarControls","activeSidebarControl","children","context","useMemo","jsx","Provider","value","useSidebarControls","useContext","useActiveSidebarControl"],"sources":["@wordpress/customize-widgets/src/components/sidebar-controls/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useMemo, useContext } from '@wordpress/element';\n\nexport const SidebarControlsContext = createContext();\nSidebarControlsContext.displayName = 'SidebarControlsContext';\n\nexport default function SidebarControls( {\n\tsidebarControls,\n\tactiveSidebarControl,\n\tchildren,\n} ) {\n\tconst context = useMemo(\n\t\t() => ( {\n\t\t\tsidebarControls,\n\t\t\tactiveSidebarControl,\n\t\t} ),\n\t\t[ sidebarControls, activeSidebarControl ]\n\t);\n\n\treturn (\n\t\t<SidebarControlsContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</SidebarControlsContext.Provider>\n\t);\n}\n\nexport function useSidebarControls() {\n\tconst { sidebarControls } = useContext( SidebarControlsContext );\n\n\treturn sidebarControls;\n}\n\nexport function useActiveSidebarControl() {\n\tconst { activeSidebarControl } = useContext( SidebarControlsContext );\n\n\treturn activeSidebarControl;\n}\n"],"mappings":";;;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAAwE,IAAAC,WAAA,GAAAD,OAAA;AAHxE;AACA;AACA;;AAGO,MAAME,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,sBAAa,EAAC,CAAC;AACrDF,sBAAsB,CAACG,WAAW,GAAG,wBAAwB;AAE9C,SAASC,eAAeA,CAAE;EACxCC,eAAe;EACfC,oBAAoB;EACpBC;AACD,CAAC,EAAG;EACH,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EACtB,OAAQ;IACPJ,eAAe;IACfC;EACD,CAAC,CAAE,EACH,CAAED,eAAe,EAAEC,oBAAoB,CACxC,CAAC;EAED,oBACC,IAAAP,WAAA,CAAAW,GAAA,EAACV,sBAAsB,CAACW,QAAQ;IAACC,KAAK,EAAGJ,OAAS;IAAAD,QAAA,EAC/CA;EAAQ,CACsB,CAAC;AAEpC;AAEO,SAASM,kBAAkBA,CAAA,EAAG;EACpC,MAAM;IAAER;EAAgB,CAAC,GAAG,IAAAS,mBAAU,EAAEd,sBAAuB,CAAC;EAEhE,OAAOK,eAAe;AACvB;AAEO,SAASU,uBAAuBA,CAAA,EAAG;EACzC,MAAM;IAAET;EAAqB,CAAC,GAAG,IAAAQ,mBAAU,EAAEd,sBAAuB,CAAC;EAErE,OAAOM,oBAAoB;AAC5B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/sidebar-controls/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useMemo, useContext } from '@wordpress/element';\n\nexport const SidebarControlsContext = createContext();\nSidebarControlsContext.displayName = 'SidebarControlsContext';\n\nexport default function SidebarControls( {\n\tsidebarControls,\n\tactiveSidebarControl,\n\tchildren,\n} ) {\n\tconst context = useMemo(\n\t\t() => ( {\n\t\t\tsidebarControls,\n\t\t\tactiveSidebarControl,\n\t\t} ),\n\t\t[ sidebarControls, activeSidebarControl ]\n\t);\n\n\treturn (\n\t\t<SidebarControlsContext.Provider value={ context }>\n\t\t\t{ children }\n\t\t</SidebarControlsContext.Provider>\n\t);\n}\n\nexport function useSidebarControls() {\n\tconst { sidebarControls } = useContext( SidebarControlsContext );\n\n\treturn sidebarControls;\n}\n\nexport function useActiveSidebarControl() {\n\tconst { activeSidebarControl } = useContext( SidebarControlsContext );\n\n\treturn activeSidebarControl;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBE;AAnBF,qBAAmD;AAE5C,MAAM,6BAAyB,8BAAc;AACpD,uBAAuB,cAAc;AAEtB,SAAR,gBAAkC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AACD,GAAI;AACH,QAAM,cAAU;AAAA,IACf,OAAQ;AAAA,MACP;AAAA,MACA;AAAA,IACD;AAAA,IACA,CAAE,iBAAiB,oBAAqB;AAAA,EACzC;AAEA,SACC,4CAAC,uBAAuB,UAAvB,EAAgC,OAAQ,SACtC,UACH;AAEF;AAEO,SAAS,qBAAqB;AACpC,QAAM,EAAE,gBAAgB,QAAI,2BAAY,sBAAuB;AAE/D,SAAO;AACR;AAEO,SAAS,0BAA0B;AACzC,QAAM,EAAE,qBAAqB,QAAI,2BAAY,sBAAuB;AAEpE,SAAO;AACR;",
+  "names": []
+}

package/build/components/welcome-guide/index.js

@@ -1,67 +1,95 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var welcome_guide_exports = {};
+__export(welcome_guide_exports, {
+  default: () => WelcomeGuide
 });
-exports.default = WelcomeGuide;
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _data = require("@wordpress/data");
-var _preferences = require("@wordpress/preferences");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-function WelcomeGuide({
-  sidebar
-}) {
-  const {
-    toggle
-  } = (0, _data.useDispatch)(_preferences.store);
-  const isEntirelyBlockWidgets = sidebar.getWidgets().every(widget => widget.id.startsWith('block-'));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "customize-widgets-welcome-guide",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "customize-widgets-welcome-guide__image__wrapper",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("picture", {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("source", {
+module.exports = __toCommonJS(welcome_guide_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_components = require("@wordpress/components");
+var import_data = require("@wordpress/data");
+var import_preferences = require("@wordpress/preferences");
+function WelcomeGuide({ sidebar }) {
+  const { toggle } = (0, import_data.useDispatch)(import_preferences.store);
+  const isEntirelyBlockWidgets = sidebar.getWidgets().every((widget) => widget.id.startsWith("block-"));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "customize-widgets-welcome-guide", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "customize-widgets-welcome-guide__image__wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("picture", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "source",
+        {
           srcSet: "https://s.w.org/images/block-editor/welcome-editor.svg",
           media: "(prefers-reduced-motion: reduce)"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
           className: "customize-widgets-welcome-guide__image",
           src: "https://s.w.org/images/block-editor/welcome-editor.gif",
           width: "312",
           height: "240",
           alt: ""
-        })]
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
-      className: "customize-widgets-welcome-guide__heading",
-      children: (0, _i18n.__)('Welcome to block Widgets')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: "customize-widgets-welcome-guide__text",
-      children: isEntirelyBlockWidgets ? (0, _i18n.__)('Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.') : (0, _i18n.__)('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
-      size: "compact",
-      variant: "primary",
-      onClick: () => toggle('core/customize-widgets', 'welcomeGuide'),
-      children: (0, _i18n.__)('Got it')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
-      className: "customize-widgets-welcome-guide__separator"
-    }), !isEntirelyBlockWidgets && /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-      className: "customize-widgets-welcome-guide__more-info",
-      children: [(0, _i18n.__)('Want to stick with the old widgets?'), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-        href: (0, _i18n.__)('https://wordpress.org/plugins/classic-widgets/'),
-        children: (0, _i18n.__)('Get the Classic Widgets plugin.')
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-      className: "customize-widgets-welcome-guide__more-info",
-      children: [(0, _i18n.__)('New to the block editor?'), /*#__PURE__*/(0, _jsxRuntime.jsx)("br", {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-        href: (0, _i18n.__)('https://wordpress.org/documentation/article/wordpress-block-editor/'),
-        children: (0, _i18n.__)("Here's a detailed guide.")
-      })]
-    })]
-  });
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", { className: "customize-widgets-welcome-guide__heading", children: (0, import_i18n.__)("Welcome to block Widgets") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "customize-widgets-welcome-guide__text", children: isEntirelyBlockWidgets ? (0, import_i18n.__)(
+      "Your theme provides different \u201Cblock\u201D areas for you to add and edit content.\xA0Try adding a search bar, social icons, or other types of blocks here and see how they\u2019ll look on your site."
+    ) : (0, import_i18n.__)(
+      "You can now add any block to your site\u2019s widget areas. Don\u2019t worry, all of your favorite widgets still work flawlessly."
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.Button,
+      {
+        size: "compact",
+        variant: "primary",
+        onClick: () => toggle("core/customize-widgets", "welcomeGuide"),
+        children: (0, import_i18n.__)("Got it")
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("hr", { className: "customize-widgets-welcome-guide__separator" }),
+    !isEntirelyBlockWidgets && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "customize-widgets-welcome-guide__more-info", children: [
+      (0, import_i18n.__)("Want to stick with the old widgets?"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.ExternalLink,
+        {
+          href: (0, import_i18n.__)(
+            "https://wordpress.org/plugins/classic-widgets/"
+          ),
+          children: (0, import_i18n.__)("Get the Classic Widgets plugin.")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: "customize-widgets-welcome-guide__more-info", children: [
+      (0, import_i18n.__)("New to the block editor?"),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_components.ExternalLink,
+        {
+          href: (0, import_i18n.__)(
+            "https://wordpress.org/documentation/article/wordpress-block-editor/"
+          ),
+          children: (0, import_i18n.__)("Here's a detailed guide.")
+        }
+      )
+    ] })
+  ] });
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/components/welcome-guide/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_components","_data","_preferences","_jsxRuntime","WelcomeGuide","sidebar","toggle","useDispatch","preferencesStore","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","jsxs","className","children","jsx","srcSet","media","src","width","height","alt","__","Button","size","variant","onClick","ExternalLink","href"],"sources":["@wordpress/customize-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, ExternalLink } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuide( { sidebar } ) {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isEntirelyBlockWidgets = sidebar\n\t\t.getWidgets()\n\t\t.every( ( widget ) => widget.id.startsWith( 'block-' ) );\n\n\treturn (\n\t\t<div className=\"customize-widgets-welcome-guide\">\n\t\t\t<div className=\"customize-widgets-welcome-guide__image__wrapper\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source\n\t\t\t\t\t\tsrcSet=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t\t\t/>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"customize-widgets-welcome-guide__image\"\n\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</picture>\n\t\t\t</div>\n\t\t\t<h1 className=\"customize-widgets-welcome-guide__heading\">\n\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t</h1>\n\t\t\t<p className=\"customize-widgets-welcome-guide__text\">\n\t\t\t\t{ isEntirelyBlockWidgets\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.'\n\t\t\t\t\t  )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t  ) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ () =>\n\t\t\t\t\ttoggle( 'core/customize-widgets', 'welcomeGuide' )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ __( 'Got it' ) }\n\t\t\t</Button>\n\t\t\t<hr className=\"customize-widgets-welcome-guide__separator\" />\n\t\t\t{ ! isEntirelyBlockWidgets && (\n\t\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t\t{ __( 'Want to stick with the old widgets?' ) }\n\t\t\t\t\t<br />\n\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Get the Classic Widgets plugin.' ) }\n\t\t\t\t\t</ExternalLink>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t{ __( 'New to the block editor?' ) }\n\t\t\t\t<br />\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AANnE;AACA;AACA;;AAMe,SAASK,YAAYA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,sBAAsB,GAAGJ,OAAO,CACpCK,UAAU,CAAC,CAAC,CACZC,KAAK,CAAIC,MAAM,IAAMA,MAAM,CAACC,EAAE,CAACC,UAAU,CAAE,QAAS,CAAE,CAAC;EAEzD,oBACC,IAAAX,WAAA,CAAAY,IAAA;IAAKC,SAAS,EAAC,iCAAiC;IAAAC,QAAA,gBAC/C,IAAAd,WAAA,CAAAe,GAAA;MAAKF,SAAS,EAAC,iDAAiD;MAAAC,QAAA,eAC/D,IAAAd,WAAA,CAAAY,IAAA;QAAAE,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA;UACCC,MAAM,EAAC,wDAAwD;UAC/DC,KAAK,EAAC;QAAkC,CACxC,CAAC,eACF,IAAAjB,WAAA,CAAAe,GAAA;UACCF,SAAS,EAAC,wCAAwC;UAClDK,GAAG,EAAC,wDAAwD;UAC5DC,KAAK,EAAC,KAAK;UACXC,MAAM,EAAC,KAAK;UACZC,GAAG,EAAC;QAAE,CACN,CAAC;MAAA,CACM;IAAC,CACN,CAAC,eACN,IAAArB,WAAA,CAAAe,GAAA;MAAIF,SAAS,EAAC,0CAA0C;MAAAC,QAAA,EACrD,IAAAQ,QAAE,EAAE,0BAA2B;IAAC,CAC/B,CAAC,eACL,IAAAtB,WAAA,CAAAe,GAAA;MAAGF,SAAS,EAAC,uCAAuC;MAAAC,QAAA,EACjDR,sBAAsB,GACrB,IAAAgB,QAAE,EACF,0LACA,CAAC,GACD,IAAAA,QAAE,EACF,yHACA;IAAC,CACF,CAAC,eACJ,IAAAtB,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA0B,MAAM;MACNC,IAAI,EAAC,SAAS;MACdC,OAAO,EAAC,SAAS;MACjBC,OAAO,EAAGA,CAAA,KACTvB,MAAM,CAAE,wBAAwB,EAAE,cAAe,CACjD;MAAAW,QAAA,EAEC,IAAAQ,QAAE,EAAE,QAAS;IAAC,CACT,CAAC,eACT,IAAAtB,WAAA,CAAAe,GAAA;MAAIF,SAAS,EAAC;IAA4C,CAAE,CAAC,EAC3D,CAAEP,sBAAsB,iBACzB,IAAAN,WAAA,CAAAY,IAAA;MAAGC,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtD,IAAAQ,QAAE,EAAE,qCAAsC,CAAC,eAC7C,IAAAtB,WAAA,CAAAe,GAAA,UAAK,CAAC,eACN,IAAAf,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA8B,YAAY;QACZC,IAAI,EAAG,IAAAN,QAAE,EACR,gDACD,CAAG;QAAAR,QAAA,EAED,IAAAQ,QAAE,EAAE,iCAAkC;MAAC,CAC5B,CAAC;IAAA,CACb,CACH,eACD,IAAAtB,WAAA,CAAAY,IAAA;MAAGC,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtD,IAAAQ,QAAE,EAAE,0BAA2B,CAAC,eAClC,IAAAtB,WAAA,CAAAe,GAAA,UAAK,CAAC,eACN,IAAAf,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA8B,YAAY;QACZC,IAAI,EAAG,IAAAN,QAAE,EACR,qEACD,CAAG;QAAAR,QAAA,EAED,IAAAQ,QAAE,EAAE,0BAA2B;MAAC,CACrB,CAAC;IAAA,CACb,CAAC;EAAA,CACA,CAAC;AAER","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/welcome-guide/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, ExternalLink } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuide( { sidebar } ) {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isEntirelyBlockWidgets = sidebar\n\t\t.getWidgets()\n\t\t.every( ( widget ) => widget.id.startsWith( 'block-' ) );\n\n\treturn (\n\t\t<div className=\"customize-widgets-welcome-guide\">\n\t\t\t<div className=\"customize-widgets-welcome-guide__image__wrapper\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source\n\t\t\t\t\t\tsrcSet=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t\t\t/>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"customize-widgets-welcome-guide__image\"\n\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</picture>\n\t\t\t</div>\n\t\t\t<h1 className=\"customize-widgets-welcome-guide__heading\">\n\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t</h1>\n\t\t\t<p className=\"customize-widgets-welcome-guide__text\">\n\t\t\t\t{ isEntirelyBlockWidgets\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Your theme provides different \u201Cblock\u201D areas for you to add and edit content.\u00A0Try adding a search bar, social icons, or other types of blocks here and see how they\u2019ll look on your site.'\n\t\t\t\t\t  )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'You can now add any block to your site\u2019s widget areas. Don\u2019t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t  ) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tsize=\"compact\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ () =>\n\t\t\t\t\ttoggle( 'core/customize-widgets', 'welcomeGuide' )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ __( 'Got it' ) }\n\t\t\t</Button>\n\t\t\t<hr className=\"customize-widgets-welcome-guide__separator\" />\n\t\t\t{ ! isEntirelyBlockWidgets && (\n\t\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t\t{ __( 'Want to stick with the old widgets?' ) }\n\t\t\t\t\t<br />\n\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Get the Classic Widgets plugin.' ) }\n\t\t\t\t\t</ExternalLink>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t{ __( 'New to the block editor?' ) }\n\t\t\t\t<br />\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBI;AAfJ,kBAAmB;AACnB,wBAAqC;AACrC,kBAA4B;AAC5B,yBAA0C;AAE3B,SAAR,aAA+B,EAAE,QAAQ,GAAI;AACnD,QAAM,EAAE,OAAO,QAAI,yBAAa,mBAAAA,KAAiB;AAEjD,QAAM,yBAAyB,QAC7B,WAAW,EACX,MAAO,CAAE,WAAY,OAAO,GAAG,WAAY,QAAS,CAAE;AAExD,SACC,6CAAC,SAAI,WAAU,mCACd;AAAA,gDAAC,SAAI,WAAU,mDACd,uDAAC,aACA;AAAA;AAAA,QAAC;AAAA;AAAA,UACA,QAAO;AAAA,UACP,OAAM;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACA,WAAU;AAAA,UACV,KAAI;AAAA,UACJ,OAAM;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA;AAAA,MACL;AAAA,OACD,GACD;AAAA,IACA,4CAAC,QAAG,WAAU,4CACX,8BAAI,0BAA2B,GAClC;AAAA,IACA,4CAAC,OAAE,WAAU,yCACV,uCACC;AAAA,MACA;AAAA,IACA,QACA;AAAA,MACA;AAAA,IACA,GACJ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACA,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAAU,MACT,OAAQ,0BAA0B,cAAe;AAAA,QAGhD,8BAAI,QAAS;AAAA;AAAA,IAChB;AAAA,IACA,4CAAC,QAAG,WAAU,8CAA6C;AAAA,IACzD,CAAE,0BACH,6CAAC,OAAE,WAAU,8CACV;AAAA,0BAAI,qCAAsC;AAAA,MAC5C,4CAAC,QAAG;AAAA,MACJ;AAAA,QAAC;AAAA;AAAA,UACA,UAAO;AAAA,YACN;AAAA,UACD;AAAA,UAEE,8BAAI,iCAAkC;AAAA;AAAA,MACzC;AAAA,OACD;AAAA,IAED,6CAAC,OAAE,WAAU,8CACV;AAAA,0BAAI,0BAA2B;AAAA,MACjC,4CAAC,QAAG;AAAA,MACJ;AAAA,QAAC;AAAA;AAAA,UACA,UAAO;AAAA,YACN;AAAA,UACD;AAAA,UAEE,8BAAI,0BAA2B;AAAA;AAAA,MAClC;AAAA,OACD;AAAA,KACD;AAEF;",
+  "names": ["preferencesStore"]
+}