@wordpress/block-library 8.35.0 → 9.0.0

package/build/cover/edit.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
 var _clsx = _interopRequireDefault(require("clsx"));
@@ -23,6 +22,7 @@ var _style = _interopRequireDefault(require("./style.scss"));
 var _shared = require("./shared");
 var _controls = _interopRequireDefault(require("./controls"));
 var _useCoverIsDark = _interopRequireDefault(require("./use-cover-is-dark"));
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -39,8 +39,7 @@ var _useCoverIsDark = _interopRequireDefault(require("./use-cover-is-dark"));
 
 /**
  * Constants
- */
-const INNER_BLOCKS_TEMPLATE = [['core/paragraph', {
+ */const INNER_BLOCKS_TEMPLATE = [['core/paragraph', {
   align: 'center',
   placeholder: (0, _i18n.__)('Write title…')
 }]];
@@ -96,16 +95,17 @@ const Cover = ({
     // Sync with local media store.
     (0, _reactNativeBridge.mediaUploadSync)();
   }, []);
-  const convertedMinHeight = (0, _components.useConvertUnitToMobile)(minHeight || _shared.COVER_DEFAULT_HEIGHT, minHeightUnit);
+  const globalStyles = (0, _blockEditor.useGlobalStyles)();
+  const convertedMinHeight = (0, _components.useConvertUnitToMobile)(minHeight || _shared.COVER_DEFAULT_HEIGHT, minHeightUnit, globalStyles);
   const isImage = backgroundType === _blockEditor.MEDIA_TYPE_IMAGE;
   const THEME_COLORS_COUNT = 4;
-  const colorsDefault = (0, _components.useMobileGlobalStylesColors)();
+  const colorsDefault = (0, _blockEditor.useMobileGlobalStylesColors)();
   const coverDefaultPalette = (0, _element.useMemo)(() => {
     return {
       colors: colorsDefault.slice(0, THEME_COLORS_COUNT)
     };
   }, [colorsDefault]);
-  const gradients = (0, _components.useMobileGlobalStylesColors)('gradients');
+  const gradients = (0, _blockEditor.useMobileGlobalStylesColors)('gradients');
   const gradientValue = customGradient || (0, _blockEditor.getGradientValueBySlug)(gradients, gradient);
   const overlayColorValue = (0, _blockEditor.getColorObjectByAttributeValues)(colorsDefault, overlayColor);
   const hasBackground = !!(url || style && style.color && style.color.background || attributes.overlayColor || overlayColorValue.color || customOverlayColor || gradientValue);
@@ -132,6 +132,18 @@ const Cover = ({
       isDark: undefined
     });
   };
+  const onUpdateMediaProgress = (0, _element.useCallback)(payload => {
+    const {
+      mediaUrl,
+      state
+    } = payload;
+    setIsUploadInProgress(true);
+    if (isUploadInProgress && isImage && mediaUrl && !state) {
+      setAttributes({
+        url: mediaUrl
+      });
+    }
+  }, [isImage, isUploadInProgress, setAttributes]);
   const onMediaPressed = () => {
     if (isUploadInProgress) {
       (0, _reactNativeBridge.requestImageUploadCancelDialog)(id);
@@ -214,214 +226,241 @@ const Cover = ({
   // While we don't support theme colors we add a default bg color.
   !overlayColorValue.color && !url ? backgroundColor : {}, isImage && isParentSelected && !isUploadInProgress && !didUploadFail && _style.default.overlaySelected];
   const placeholderIconStyle = getStylesFromColorScheme(_style.default.icon, _style.default.iconDark);
-  const placeholderIcon = (0, _react.createElement)(_components.Icon, {
+  const placeholderIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
     icon: _icons.cover,
     ...placeholderIconStyle
   });
-  const toolbarControls = open => (0, _react.createElement)(_blockEditor.BlockControls, {
-    group: "other"
-  }, (0, _react.createElement)(_components.ToolbarButton, {
-    title: (0, _i18n.__)('Edit cover media'),
-    icon: _icons.replace,
-    onClick: open
-  }));
+  const toolbarControls = open => /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockControls, {
+    group: "other",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToolbarButton, {
+      title: (0, _i18n.__)('Edit cover media'),
+      icon: _icons.replace,
+      onClick: open
+    })
+  });
   const accessibilityHint = _reactNative.Platform.OS === 'ios' ? (0, _i18n.__)('Double tap to open Action Sheet to add image or video') : (0, _i18n.__)('Double tap to open Bottom Sheet to add image or video');
-  const addMediaButton = () => (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
+  const addMediaButton = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
     accessibilityHint: accessibilityHint,
     accessibilityLabel: (0, _i18n.__)('Add image or video'),
     accessibilityRole: "button",
-    onPress: onAddMediaButtonPress
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.selectImageContainer
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.selectImage
-  }, (0, _react.createElement)(_components.Icon, {
-    size: 16,
-    icon: _icons.image,
-    ..._style.default.selectImageIcon
-  }))));
+    onPress: onAddMediaButtonPress,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _style.default.selectImageContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: _style.default.selectImage,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+          size: 16,
+          icon: _icons.image,
+          ..._style.default.selectImageIcon
+        })
+      })
+    })
+  });
   const onBottomSheetClosed = (0, _element.useCallback)(() => {
     _reactNative.InteractionManager.runAfterInteractions(() => {
       setCustomColorPickerShowing(false);
     });
   }, []);
   const selectedColorText = getStylesFromColorScheme(_style.default.selectedColorText, _style.default.selectedColorTextDark);
-  const bottomLabelText = customOverlayColor ? (0, _react.createElement)(_reactNative.Text, {
-    style: selectedColorText
-  }, customOverlayColor.toUpperCase()) : (0, _i18n.__)('Select a color');
-  const colorPickerControls = (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.BottomSheetConsumer, null, ({
-    shouldEnableBottomSheetScroll,
-    shouldEnableBottomSheetMaxHeight,
-    onHandleClosingBottomSheet,
-    onHandleHardwareButtonPress,
-    isBottomSheetContentScrolling
-  }) => (0, _react.createElement)(_components.ColorPicker, {
-    shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
-    shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
-    setColor: setColor,
-    onNavigationBack: closeSettingsBottomSheet,
-    onHandleClosingBottomSheet: onHandleClosingBottomSheet,
-    onHandleHardwareButtonPress: onHandleHardwareButtonPress,
-    onBottomSheetClosed: onBottomSheetClosed,
-    isBottomSheetContentScrolling: isBottomSheetContentScrolling,
-    bottomLabelText: bottomLabelText
-  })));
-  const renderContent = getMediaOptions => (0, _react.createElement)(_react.Fragment, null, renderBackground(getMediaOptions), isParentSelected && hasOnlyColorBackground && addMediaButton());
-  const renderBackground = getMediaOptions => (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
+  const bottomLabelText = customOverlayColor ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: selectedColorText,
+    children: customOverlayColor.toUpperCase()
+  }) : (0, _i18n.__)('Select a color');
+  const colorPickerControls = /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheetConsumer, {
+      children: ({
+        shouldEnableBottomSheetScroll,
+        shouldEnableBottomSheetMaxHeight,
+        onHandleClosingBottomSheet,
+        onHandleHardwareButtonPress,
+        isBottomSheetContentScrolling
+      }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ColorPicker, {
+        shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
+        shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
+        setColor: setColor,
+        onNavigationBack: closeSettingsBottomSheet,
+        onHandleClosingBottomSheet: onHandleClosingBottomSheet,
+        onHandleHardwareButtonPress: onHandleHardwareButtonPress,
+        onBottomSheetClosed: onBottomSheetClosed,
+        isBottomSheetContentScrolling: isBottomSheetContentScrolling,
+        bottomLabelText: bottomLabelText
+      })
+    })
+  });
+  const renderContent = getMediaOptions => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [renderBackground(getMediaOptions), isParentSelected && hasOnlyColorBackground && addMediaButton()]
+  });
+  const renderBackground = getMediaOptions => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableWithoutFeedback, {
     accessible: !isParentSelected,
     onPress: onMediaPressed,
-    disabled: !isParentSelected
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: [_style.default.background, backgroundColor]
-  }, getMediaOptions(), isParentSelected && backgroundType === _shared.VIDEO_BACKGROUND_TYPE && toolbarControls(openMediaOptionsRef.current), (0, _react.createElement)(_blockEditor.MediaUploadProgress, {
-    mediaId: id,
-    onUpdateMediaProgress: () => {
-      setIsUploadInProgress(true);
-    },
-    onFinishMediaUploadWithSuccess: ({
-      mediaServerId,
-      mediaUrl
-    }) => {
-      setIsUploadInProgress(false);
-      setDidUploadFail(false);
-      setAttributes({
-        id: mediaServerId,
-        url: mediaUrl,
-        backgroundType
-      });
-    },
-    onFinishMediaUploadWithFailure: () => {
-      setIsUploadInProgress(false);
-      setDidUploadFail(true);
-    },
-    onMediaUploadStateReset: () => {
-      setIsUploadInProgress(false);
-      setDidUploadFail(false);
-      setAttributes({
-        id: undefined,
-        url: undefined
-      });
-    }
-  }), _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.imageContainer
-  }, (0, _react.createElement)(_components.Image, {
-    editButton: false,
-    focalPoint: focalPoint || _components.IMAGE_DEFAULT_FOCAL_POINT,
-    isSelected: isParentSelected,
-    isUploadFailed: didUploadFail,
-    isUploadInProgress: isUploadInProgress,
-    onSelectMediaUploadOption: onSelectMedia,
-    openMediaOptions: openMediaOptionsRef.current,
-    url: url,
-    width: _style.default.image?.width
-  })), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && (0, _react.createElement)(_reactNativeVideo.default, {
-    muted: true,
-    disableFocus: true,
-    repeat: true,
-    resizeMode: 'cover',
-    source: {
-      uri: url
-    },
-    onLoad: onVideoLoad,
-    onLoadStart: onVideoLoadStart,
-    style: [_style.default.background,
-    // Hide Video component since it has black background while loading the source.
-    {
-      opacity: isVideoLoading ? 0 : 1
-    }]
-  })));
+    disabled: !isParentSelected,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [_style.default.background, backgroundColor],
+      children: [getMediaOptions(), isParentSelected && backgroundType === _shared.VIDEO_BACKGROUND_TYPE && toolbarControls(openMediaOptionsRef.current), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUploadProgress, {
+        mediaId: id,
+        onUpdateMediaProgress: onUpdateMediaProgress,
+        onFinishMediaUploadWithSuccess: ({
+          mediaServerId,
+          mediaUrl
+        }) => {
+          setIsUploadInProgress(false);
+          setDidUploadFail(false);
+          setAttributes({
+            id: mediaServerId,
+            url: mediaUrl,
+            backgroundType
+          });
+        },
+        onFinishMediaUploadWithFailure: () => {
+          setIsUploadInProgress(false);
+          setDidUploadFail(true);
+        },
+        onMediaUploadStateReset: () => {
+          setIsUploadInProgress(false);
+          setDidUploadFail(false);
+          setAttributes({
+            id: undefined,
+            url: undefined
+          });
+        }
+      }), _shared.IMAGE_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: _style.default.imageContainer,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Image, {
+          editButton: false,
+          focalPoint: focalPoint || _components.IMAGE_DEFAULT_FOCAL_POINT,
+          isSelected: isParentSelected,
+          isUploadFailed: didUploadFail,
+          isUploadInProgress: isUploadInProgress,
+          onSelectMediaUploadOption: onSelectMedia,
+          openMediaOptions: openMediaOptionsRef.current,
+          url: url,
+          width: _style.default.image?.width
+        })
+      }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeVideo.default, {
+        muted: true,
+        disableFocus: true,
+        repeat: true,
+        resizeMode: "cover",
+        source: {
+          uri: url
+        },
+        onLoad: onVideoLoad,
+        onLoadStart: onVideoLoadStart,
+        style: [_style.default.background,
+        // Hide Video component since it has black background while loading the source.
+        {
+          opacity: isVideoLoading ? 0 : 1
+        }]
+      })]
+    })
+  });
   if (!hasBackground && !hasInnerBlocks || isCustomColorPickerShowing) {
-    return (0, _react.createElement)(_reactNative.View, null, isCustomColorPickerShowing && colorPickerControls, (0, _react.createElement)(_blockEditor.MediaPlaceholder, {
-      height: _style.default.mediaPlaceholderEmptyStateContainer?.height,
-      backgroundColor: customOverlayColor,
-      hideContent: customOverlayColor !== '' && customOverlayColor !== undefined,
-      icon: placeholderIcon,
-      labels: {
-        title: (0, _i18n.__)('Cover')
-      },
-      onSelect: onSelectMedia,
-      allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
-      onFocus: onFocus
-    }, (0, _react.createElement)(_reactNative.View, {
-      style: _style.default.colorPaletteWrapper,
-      pointerEvents: isScreenReaderEnabled ? 'none' : 'auto'
-    }, (0, _react.createElement)(_components.BottomSheetConsumer, null, ({
-      shouldEnableBottomSheetScroll
-    }) => (0, _react.createElement)(_components.ColorPalette, {
-      enableCustomColor: true,
-      customColorIndicatorStyles: _style.default.paletteColorIndicator,
-      customIndicatorWrapperStyles: _style.default.paletteCustomIndicatorWrapper,
-      setColor: setColor,
-      onCustomPress: openColorPicker,
-      defaultSettings: coverDefaultPalette,
-      shouldShowCustomLabel: false,
-      shouldShowCustomVerticalSeparator: false,
-      shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll
-    })))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [isCustomColorPickerShowing && colorPickerControls, /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaPlaceholder, {
+        height: _style.default.mediaPlaceholderEmptyStateContainer?.height,
+        backgroundColor: customOverlayColor,
+        hideContent: customOverlayColor !== '' && customOverlayColor !== undefined,
+        icon: placeholderIcon,
+        labels: {
+          title: (0, _i18n.__)('Cover')
+        },
+        onSelect: onSelectMedia,
+        allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
+        onFocus: onFocus,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: _style.default.colorPaletteWrapper,
+          pointerEvents: isScreenReaderEnabled ? 'none' : 'auto',
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheetConsumer, {
+            children: ({
+              shouldEnableBottomSheetScroll
+            }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ColorPalette, {
+              enableCustomColor: true,
+              customColorIndicatorStyles: _style.default.paletteColorIndicator,
+              customIndicatorWrapperStyles: _style.default.paletteCustomIndicatorWrapper,
+              setColor: setColor,
+              onCustomPress: openColorPicker,
+              defaultSettings: coverDefaultPalette,
+              shouldShowCustomLabel: false,
+              shouldShowCustomVerticalSeparator: false,
+              shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll
+            })
+          })
+        })
+      })]
+    });
   }
-  return (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.backgroundContainer
-  }, isSelected && (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_controls.default, {
-    attributes: attributes,
-    didUploadFail: didUploadFail,
-    hasOnlyColorBackground: hasOnlyColorBackground,
-    isUploadInProgress: isUploadInProgress,
-    onClearMedia: onClearMedia,
-    onSelectMedia: onSelectMedia,
-    setAttributes: setAttributes
-  })), (0, _react.createElement)(_reactNative.View, {
-    pointerEvents: "box-none",
-    style: [_style.default.content, {
-      minHeight: convertedMinHeight
-    }]
-  }, (0, _react.createElement)(_blockEditor.InnerBlocks, {
-    allowedBlocks: allowedBlocks,
-    template: INNER_BLOCKS_TEMPLATE,
-    templateLock: templateLock,
-    templateInsertUpdatesSelection: true,
-    blockWidth: blockWidth
-  })), (0, _react.createElement)(_reactNative.View, {
-    pointerEvents: "none",
-    style: _style.default.overlayContainer
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: overlayStyles
-  }, gradientValue && (0, _react.createElement)(_components.Gradient, {
-    gradientValue: gradientValue,
-    style: _style.default.background
-  }))), (0, _react.createElement)(_blockEditor.MediaUpload, {
-    allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
-    isReplacingMedia: !hasOnlyColorBackground,
-    onSelect: onSelectMedia,
-    render: ({
-      open,
-      getMediaOptions
-    }) => {
-      openMediaOptionsRef.current = open;
-      return renderContent(getMediaOptions);
-    }
-  }), isImage && url && openMediaOptionsRef.current && isParentSelected && !isUploadInProgress && !didUploadFail && (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.imageEditButton
-  }, (0, _react.createElement)(_components.ImageEditingButton, {
-    onSelectMediaUploadOption: onSelectMedia,
-    openMediaOptions: openMediaOptionsRef.current,
-    pickerOptions: [{
-      destructiveButton: true,
-      id: 'clearMedia',
-      label: (0, _i18n.__)('Clear Media'),
-      onPress: onClearMedia,
-      separated: true,
-      value: 'clearMedia'
-    }],
-    url: url
-  })), shouldShowFailure && (0, _react.createElement)(_reactNative.View, {
-    pointerEvents: "none",
-    style: _style.default.uploadFailedContainer
-  }, (0, _react.createElement)(_reactNative.View, {
-    style: _style.default.uploadFailed
-  }, (0, _react.createElement)(_components.Icon, {
-    icon: _icons.warning,
-    ..._style.default.uploadFailedIcon
-  }))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: _style.default.backgroundContainer,
+    children: [isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InspectorControls, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_controls.default, {
+        attributes: attributes,
+        didUploadFail: didUploadFail,
+        hasOnlyColorBackground: hasOnlyColorBackground,
+        isUploadInProgress: isUploadInProgress,
+        onClearMedia: onClearMedia,
+        onSelectMedia: onSelectMedia,
+        setAttributes: setAttributes
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "box-none",
+      style: [_style.default.content, {
+        minHeight: convertedMinHeight
+      }],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.InnerBlocks, {
+        allowedBlocks: allowedBlocks,
+        template: INNER_BLOCKS_TEMPLATE,
+        templateLock: templateLock,
+        templateInsertUpdatesSelection: true,
+        blockWidth: blockWidth
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: _style.default.overlayContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: overlayStyles,
+        children: gradientValue && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Gradient, {
+          gradientValue: gradientValue,
+          style: _style.default.background
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
+      allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
+      isReplacingMedia: !hasOnlyColorBackground,
+      onSelect: onSelectMedia,
+      render: ({
+        open,
+        getMediaOptions
+      }) => {
+        openMediaOptionsRef.current = open;
+        return renderContent(getMediaOptions);
+      }
+    }), isImage && url && openMediaOptionsRef.current && isParentSelected && !isUploadInProgress && !didUploadFail && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: _style.default.imageEditButton,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ImageEditingButton, {
+        onSelectMediaUploadOption: onSelectMedia,
+        openMediaOptions: openMediaOptionsRef.current,
+        pickerOptions: [{
+          destructiveButton: true,
+          id: 'clearMedia',
+          label: (0, _i18n.__)('Clear Media'),
+          onPress: onClearMedia,
+          separated: true,
+          value: 'clearMedia'
+        }],
+        url: url
+      })
+    }), shouldShowFailure && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: _style.default.uploadFailedContainer,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: _style.default.uploadFailed,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
+          icon: _icons.warning,
+          ..._style.default.uploadFailedIcon
+        })
+      })
+    })]
+  });
 };
 var _default = exports.default = (0, _compose.compose)([(0, _data.withSelect)((select, {
   clientId