/******/ (() => { // webpackBootstrap

/******/ 	"use strict";

/******/ 	var __webpack_modules__ = ({

/***/ 7734:

/***/ ((module) => {

// do not edit .js files directly - edit src/index.jst

  var envHasBigInt64Array = typeof BigInt64Array !== 'undefined';

module.exports = function equal(a, b) {

  if (a === b) return true;

  if (a && b && typeof a == 'object' && typeof b == 'object') {

    if (a.constructor !== b.constructor) return false;

    var length, i, keys;

    if (Array.isArray(a)) {

      length = a.length;

      if (length != b.length) return false;

      for (i = length; i-- !== 0;)

        if (!equal(a[i], b[i])) return false;

      return true;

    }

    if ((a instanceof Map) && (b instanceof Map)) {

      if (a.size !== b.size) return false;

      for (i of a.entries())

        if (!b.has(i[0])) return false;

      for (i of a.entries())

        if (!equal(i[1], b.get(i[0]))) return false;

      return true;

    }

    if ((a instanceof Set) && (b instanceof Set)) {

      if (a.size !== b.size) return false;

      for (i of a.entries())

        if (!b.has(i[0])) return false;

      return true;

    }

    if (ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {

      length = a.length;

      if (length != b.length) return false;

      for (i = length; i-- !== 0;)

        if (a[i] !== b[i]) return false;

      return true;

    }

    if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;

    if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();

    if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();

    keys = Object.keys(a);

    length = keys.length;

    if (length !== Object.keys(b).length) return false;

    for (i = length; i-- !== 0;)

      if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;

    for (i = length; i-- !== 0;) {

      var key = keys[i];

      if (!equal(a[key], b[key])) return false;

    }

    return true;

  }

  // true if both NaN, false otherwise

  return a!==a && b!==b;

};

/***/ })

/******/ 	});

/************************************************************************/

/******/ 	// The module cache

/******/ 	var __webpack_module_cache__ = {};

/******/ 	

/******/ 	// The require function

/******/ 	function __webpack_require__(moduleId) {

/******/ 		// Check if module is in cache

/******/ 		var cachedModule = __webpack_module_cache__[moduleId];

/******/ 		if (cachedModule !== undefined) {

/******/ 			return cachedModule.exports;

/******/ 		}

/******/ 		// Create a new module (and put it into the cache)

/******/ 		var module = __webpack_module_cache__[moduleId] = {

/******/ 			// no module.id needed

/******/ 			// no module.loaded needed

/******/ 			exports: {}

/******/ 		};

/******/ 	

/******/ 		// Execute the module function

/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);

/******/ 	

/******/ 		// Return the exports of the module

/******/ 		return module.exports;

/******/ 	}

/******/ 	

/************************************************************************/

/******/ 	/* webpack/runtime/compat get default export */

/******/ 	(() => {

/******/ 		// getDefaultExport function for compatibility with non-harmony modules

/******/ 		__webpack_require__.n = (module) => {

/******/ 			var getter = module && module.__esModule ?

/******/ 				() => (module['default']) :

/******/ 				() => (module);

/******/ 			__webpack_require__.d(getter, { a: getter });

/******/ 			return getter;

/******/ 		};

/******/ 	})();

/******/ 	

/******/ 	/* webpack/runtime/define property getters */

/******/ 	(() => {

/******/ 		// define getter functions for harmony exports

/******/ 		__webpack_require__.d = (exports, definition) => {

/******/ 			for(var key in definition) {

/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {

/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });

/******/ 				}

/******/ 			}

/******/ 		};

/******/ 	})();

/******/ 	

/******/ 	/* webpack/runtime/hasOwnProperty shorthand */

/******/ 	(() => {

/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))

/******/ 	})();

/******/ 	

/************************************************************************/

var __webpack_exports__ = {};

// EXPORTS

__webpack_require__.d(__webpack_exports__, {

  "default": () => (/* binding */ build_module)

});

;// external ["wp","element"]

const external_wp_element_namespaceObject = window["wp"]["element"];

;// external ["wp","data"]

const external_wp_data_namespaceObject = window["wp"]["data"];

// EXTERNAL MODULE: ./node_modules/fast-deep-equal/es6/index.js

var es6 = __webpack_require__(7734);

var es6_default = /*#__PURE__*/__webpack_require__.n(es6);

;// external ["wp","compose"]

const external_wp_compose_namespaceObject = window["wp"]["compose"];

;// external ["wp","i18n"]

const external_wp_i18n_namespaceObject = window["wp"]["i18n"];

;// external ["wp","apiFetch"]

const external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"];

var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_namespaceObject);

;// external ["wp","url"]

const external_wp_url_namespaceObject = window["wp"]["url"];

;// external ["wp","components"]

const external_wp_components_namespaceObject = window["wp"]["components"];

;// external ["wp","blocks"]

const external_wp_blocks_namespaceObject = window["wp"]["blocks"];

;// external "ReactJSXRuntime"

const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"];

;// ./node_modules/@wordpress/server-side-render/build-module/server-side-render.js

/**

 * External dependencies

 */

/**

 * WordPress dependencies

 */

const EMPTY_OBJECT = {};

function rendererPath(block, attributes = null, urlQueryArgs = {}) {

  return (0,external_wp_url_namespaceObject.addQueryArgs)(`/wp/v2/block-renderer/${block}`, {

    context: 'edit',

    ...(null !== attributes ? {

      attributes

    } : {}),

    ...urlQueryArgs

  });

}

function removeBlockSupportAttributes(attributes) {

  const {

    backgroundColor,

    borderColor,

    fontFamily,

    fontSize,

    gradient,

    textColor,

    className,

    ...restAttributes

  } = attributes;

  const {

    border,

    color,

    elements,

    spacing,

    typography,

    ...restStyles

  } = attributes?.style || EMPTY_OBJECT;

  return {

    ...restAttributes,

    style: restStyles

  };

}

function DefaultEmptyResponsePlaceholder({

  className

}) {

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

    className: className,

    children: (0,external_wp_i18n_namespaceObject.__)('Block rendered as empty.')

  });

}

function DefaultErrorResponsePlaceholder({

  response,

  className

}) {

  const errorMessage = (0,external_wp_i18n_namespaceObject.sprintf)(

  // translators: %s: error message describing the problem

  (0,external_wp_i18n_namespaceObject.__)('Error loading block: %s'), response.errorMsg);

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

    className: className,

    children: errorMessage

  });

}

function DefaultLoadingResponsePlaceholder({

  children,

  showLoader

}) {

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

    style: {

      position: 'relative'

    },

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

      style: {

        position: 'absolute',

        top: '50%',

        left: '50%',

        marginTop: '-9px',

        marginLeft: '-9px'

      },

      children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})

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

      style: {

        opacity: showLoader ? '0.3' : 1

      },

      children: children

    })]

  });

}

function ServerSideRender(props) {

  const {

    attributes,

    block,

    className,

    httpMethod = 'GET',

    urlQueryArgs,

    skipBlockSupportAttributes = false,

    EmptyResponsePlaceholder = DefaultEmptyResponsePlaceholder,

    ErrorResponsePlaceholder = DefaultErrorResponsePlaceholder,

    LoadingResponsePlaceholder = DefaultLoadingResponsePlaceholder

  } = props;

  const isMountedRef = (0,external_wp_element_namespaceObject.useRef)(false);

  const [showLoader, setShowLoader] = (0,external_wp_element_namespaceObject.useState)(false);

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

  const [response, setResponse] = (0,external_wp_element_namespaceObject.useState)(null);

  const prevProps = (0,external_wp_compose_namespaceObject.usePrevious)(props);

  const [isLoading, setIsLoading] = (0,external_wp_element_namespaceObject.useState)(false);

  function fetchData() {

    var _sanitizedAttributes, _sanitizedAttributes2;

    if (!isMountedRef.current) {

      return;

    }

    setIsLoading(true);

    // Schedule showing the Spinner after 1 second.

    const timeout = setTimeout(() => {

      setShowLoader(true);

    }, 1000);

    let sanitizedAttributes = attributes && (0,external_wp_blocks_namespaceObject.__experimentalSanitizeBlockAttributes)(block, attributes);

    if (skipBlockSupportAttributes) {

      sanitizedAttributes = removeBlockSupportAttributes(sanitizedAttributes);

    }

    // If httpMethod is 'POST', send the attributes in the request body instead of the URL.

    // This allows sending a larger attributes object than in a GET request, where the attributes are in the URL.

    const isPostRequest = 'POST' === httpMethod;

    const urlAttributes = isPostRequest ? null : (_sanitizedAttributes = sanitizedAttributes) !== null && _sanitizedAttributes !== void 0 ? _sanitizedAttributes : null;

    const path = rendererPath(block, urlAttributes, urlQueryArgs);

    const data = isPostRequest ? {

      attributes: (_sanitizedAttributes2 = sanitizedAttributes) !== null && _sanitizedAttributes2 !== void 0 ? _sanitizedAttributes2 : null

    } : null;

    // Store the latest fetch request so that when we process it, we can

    // check if it is the current request, to avoid race conditions on slow networks.

    const fetchRequest = fetchRequestRef.current = external_wp_apiFetch_default()({

      path,

      data,

      method: isPostRequest ? 'POST' : 'GET'

    }).then(fetchResponse => {

      if (isMountedRef.current && fetchRequest === fetchRequestRef.current && fetchResponse) {

        setResponse(fetchResponse.rendered);

      }

    }).catch(error => {

      if (isMountedRef.current && fetchRequest === fetchRequestRef.current) {

        setResponse({

          error: true,

          errorMsg: error.message

        });

      }

    }).finally(() => {

      if (isMountedRef.current && fetchRequest === fetchRequestRef.current) {

        setIsLoading(false);

        // Cancel the timeout to show the Spinner.

        setShowLoader(false);

        clearTimeout(timeout);

      }

    });

    return fetchRequest;

  }

  const debouncedFetchData = (0,external_wp_compose_namespaceObject.useDebounce)(fetchData, 500);

  // When the component unmounts, set isMountedRef to false. This will