@livetiles/reach-components-react 0.4.0-preview.101 → 0.4.0-preview.108

package/en.async.esm.esm.js

@@ -513,11 +513,17 @@ var en = {
   "ContentEditor.keywords.emptySubpagesAndDocumentsList": "No pages or documents match the selected keywords",
   "ContentEditor.keywords.emptySubpagesList": "No pages match the selected keywords",
   "ContentEditor.keywords.emptyDocumentsList": "No documents match the selected keywords",
+  "TranslationManagement.callout.autoTranslate": "Translate automatically from another tab",
   "TranslationManagement.callout.changeLanguage": "Change the language of this tab",
   "TranslationManagement.callout.removePrimary": "Remove this Translation",
   "TranslationManagement.callout.removeSecondary": "Content will be hidden but not deleted",
   "TranslationManagement.changeLanguageDialog.title": "Tab language",
   "TranslationManagement.changeLanguageDialog.subText": "What language is this tab?",
+  "TranslationManagement.autoTranslateDialog.title": "Translate automatically",
+  "TranslationManagement.autoTranslateDialog.subText": "Translate from",
+  "TranslationManagement.autoTranslateDialog.description": "to {language} using an automatic translation.",
+  "TranslationManagement.autoTranslateDialog.warning": "This will overwrite the existing content on the {languageCode} tab.",
+  "TranslationManagement.autoTranslateDialog.translateButton": "Translate",
   "MetadataEditor.selectDate": "Select date ...",
   "MetadataEditor.publishingDate": "Publishing Date",
   "MetadataEditor.expiryDate": "Expiry Date",
@@ -1015,8 +1021,11 @@ var en = {
   "Languages.limitReached": "All translations have been added for the available languages.",
   "Languages.setDefaultLanguage": "Set default language",
   "Languages.selectionPrompt": "In which languages do you want to offer this article to the readers?",
-  "Languages.automaticTranslationsCheckbox": "Create initial translations automatically using an online service",
+  "Languages.automaticTranslationsCheckbox": "Create initial translations automatically using an online service {reason}",
+  "Languages.automaticTranslationsDisabledReason": "(at least one language tab must contain text)",
+  "Languages.automaticTranslationsDisabledReason2": "(At least one other language tab must contain text)",
   "Languages.automaticTranslationsDropdown": "Use this language as the source for automatic translations:",
+  "Languages.automaticTranslationsDropdownPlaceholder": "Select a language",
   "Audience.title": "Audience Targeting",
   "Audience.backToChannels": "Back to Channels",
   "Audience.infoMsg1": "With audience targeting you can configure channel settings for specific user groups.",

package/index.esm2.js

@@ -50934,7 +50934,7 @@ function setMomentLocale(locale) {
 // ORDER MATTERS - must always be the same as in the API
 
 
-var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation']; // ########### WARNING #############
+var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation', 'editorYouTubeVideos', 'editorVimeoVideos', 'editorKalturaVideos', 'editorMicrosoftVideos']; // ########### WARNING #############
 // ORDER MATTERS - must always be the same as in the API
 
 var FeatureSet =
@@ -87376,9 +87376,9 @@ var AuthenticationContextProvider = function AuthenticationContextProvider(_a) {
   }), void 0);
 };
 
-var version$1 = "0.4.0-preview.101";
-var buildId = "96308";
-var commitId = "6c7a88e1c8d6951e610a6d5cc5401bde0f0ae67d";
+var version$1 = "0.4.0-preview.108";
+var buildId = "96417";
+var commitId = "2e5e07dd142ed99360bfe79037daaa9fcca19e9d";
 var isCustomerBuild = false;
 var buildInfo = {
 	version: version$1,
@@ -126298,7 +126298,7 @@ isValid=false;};},[itemId]);if(showAccessDenied){handleAccessDeniedError({});ret
 var _a;if(componentMapperParentNodes.some(function(n){return n.contains(node);})){return false;}for(var _i=0,componentMappers_2=componentMappers;_i<componentMappers_2.length;_i++){var handler=componentMappers_2[_i];var match=handler.getPropsFromHtml(nodeName,node);if(match){componentMapperParentNodes.push(node);handler.prepareRootNode&&handler.prepareRootNode(node);}}if(nodeName==='div'){return 'atomic';}if(nodeName==='p'&&((_a=node.innerHTML)===null||_a===void 0?void 0:_a.trim())==='<br>'){// Quill used to generate <p><br></p> for empty rows
 // This is not compatible with draftJS.
 // Hence we remove the innerHTML for empty p tags.
-node.innerHTML='';}return null;};}var InlineUrlPreview=function InlineUrlPreview(_a){var _b=_a.blockProps,itemId=_b.itemId,type=_b.type,subscriptionIdentifier=_b.subscriptionIdentifier;var user=useCurrentUser();if(subscriptionIdentifier!==user.subscription.id&&subscriptionIdentifier!==user.subscription.subscriptionHandle){return null;}return jsx$1(EmbeddedObjectTile,{id:itemId,type:parseInt(type),previewTheme:"dark"},void 0);};var InlineUrlPreviewMapper={component:InlineUrlPreview,type:EntityType.UrlPreview,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var itemId=node.getAttribute('data-item-id');if(itemId==null){return null;}return {itemId:itemId,type:node.getAttribute('data-type'),subscriptionIdentifier:node.getAttribute('data-subscription-identifier')};}};var InlineObjectToolbar=function InlineObjectToolbar(_a){var onDelete=_a.onDelete,additionalButtons=_a.additionalButtons;var formatMessage=useIntl().formatMessage;return jsxs(Toolbar,__assign({className:"inline-object-toolbar",alwaysShown:env.isTouchDevice},{children:[onDelete&&jsx$1(IconButton,{iconProps:{iconName:'Delete'},onMouseDown:function(e){return e.preventDefault();},onClick:onDelete,"data-inline-object-toolbar-delete-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.removeItem'})},void 0),additionalButtons]}),void 0);};var Toolbar=_styled.div.withConfig({displayName:"InlineObjectToolbar__Toolbar",componentId:"sc-1cbis2b-0"})(templateObject_3$E||(templateObject_3$E=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0 ","px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n\n  transition: 0.2s ease-out;\n  transition-property: opacity, margin;\n  background-color: rgba(255, 255, 255, 0.81);\n  ","\n\n  i {\n    text-shadow: white 1px 1px 3px;\n  }\n\n  &:focus-within {\n    opacity: 1;\n    z-index: 2;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0 ","px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n\n  transition: 0.2s ease-out;\n  transition-property: opacity, margin;\n  background-color: rgba(255, 255, 255, 0.81);\n  ","\n\n  i {\n    text-shadow: white 1px 1px 3px;\n  }\n\n  &:focus-within {\n    opacity: 1;\n    z-index: 2;\n  }\n"])),spacingS,function(p){return p.alwaysShown?css$2(templateObject_1$1A||(templateObject_1$1A=__makeTemplateObject(["\n          opacity: 1;\n          z-index: 2;\n        "],["\n          opacity: 1;\n          z-index: 2;\n        "]))):css$2(templateObject_2$W||(templateObject_2$W=__makeTemplateObject(["\n          opacity: 0;\n          z-index: -1;\n        "],["\n          opacity: 0;\n          z-index: -1;\n        "])));});var InlineObjectToolbarWrapper=function InlineObjectToolbarWrapper(_a){var toolbar=_a.toolbar,children=_a.children;return jsxs(ObjectHost,__assign({showToolbarOnHover:toolbar!=null},{children:[toolbar,children]}),void 0);};var ObjectHost=_styled.div.withConfig({displayName:"InlineObjectToolbar__ObjectHost",componentId:"sc-1cbis2b-1"})(templateObject_5$o||(templateObject_5$o=__makeTemplateObject(["\n  position: relative;\n  display: block;\n  height: 100%;\n  width: 100%;\n\n  ","\n"],["\n  position: relative;\n  display: block;\n  height: 100%;\n  width: 100%;\n\n  ","\n"])),function(p){return p.showToolbarOnHover&&css$2(templateObject_4$q||(templateObject_4$q=__makeTemplateObject(["\n      &:hover .inline-object-toolbar {\n        opacity: 1;\n        z-index: 2;\n      }\n    "],["\n      &:hover .inline-object-toolbar {\n        opacity: 1;\n        z-index: 2;\n      }\n    "])));});var templateObject_1$1A,templateObject_2$W,templateObject_3$E,templateObject_4$q,templateObject_5$o;var ImageToolbar=function ImageToolbar(_a){var onDelete=_a.onDelete,onFullScreen=_a.onFullScreen,onClose=_a.onClose,onCrop=_a.onCrop,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,showCropButton=_a.showCropButton;var formatMessage=useIntl().formatMessage;return jsx$1(InlineObjectToolbar,{onDelete:onDelete,additionalButtons:jsxs(Fragment,{children:[showFullScreenButton&&jsx$1(IconButton,{iconProps:{iconName:'FullScreen'},onMouseDown:function(e){return e.preventDefault();},onClick:onFullScreen,"data-image-toolbar-full-screen-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.viewFullScreen'})},void 0),showCropButton&&jsx$1(IconButton,{iconProps:{iconName:'EditPhoto'},onMouseDown:function(e){return e.preventDefault();},onClick:onCrop,"data-image-toolbar-crop-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.editImage'})},void 0),showCloseButton&&jsx$1(IconButton,{iconProps:{iconName:'ChromeClose'},onMouseDown:function(e){return e.preventDefault();},onClick:onClose,"data-image-toolbar-close-button":true,ariaLabel:formatMessage({id:'AriaLabel.cancelButton'})},void 0)]},void 0)},void 0);};var PhotoGallerySlider=function PhotoGallerySlider(_a){var gallery=_a.gallery,imageUrlResolver=_a.imageUrlResolver,onCloseGallery=_a.onCloseGallery,onOpenFullScreen=_a.onOpenFullScreen,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,height=_a.height;var pullToRefreshContext=useContext(PullToRefreshContext);var _b=useState$2(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var _c=useState$2(false),isFullScreenOpen=_c[0],setIsFullScreenOpen=_c[1];var formatMessage=useIntl().formatMessage;var themePrimary=useContext(ThemeContext$1).theme.palette.themePrimary;useEffect$1(function(){addBackButtonListener(handleBackButton);return function(){return removeBackButtonListener(handleBackButton);};function handleBackButton(){if(isFullScreenOpen){handleCloseFullScreen();return true;}return false;}// eslint-disable-next-line react-hooks/exhaustive-deps
+node.innerHTML='';}return null;};}var InlineUrlPreview=function InlineUrlPreview(_a){var _b=_a.blockProps,itemId=_b.itemId,type=_b.type,subscriptionIdentifier=_b.subscriptionIdentifier;var user=useCurrentUser();if(subscriptionIdentifier!==user.subscription.id&&subscriptionIdentifier!==user.subscription.subscriptionHandle){return null;}return jsx$1(EmbeddedObjectTile,{id:itemId,type:parseInt(type),previewTheme:"dark"},void 0);};var InlineUrlPreviewMapper={component:InlineUrlPreview,type:EntityType.UrlPreview,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var itemId=node.getAttribute('data-item-id');if(itemId==null){return null;}return {itemId:itemId,type:node.getAttribute('data-type'),subscriptionIdentifier:node.getAttribute('data-subscription-identifier')};}};var InlineObjectToolbar=function InlineObjectToolbar(_a){var onDelete=_a.onDelete,additionalButtons=_a.additionalButtons;var formatMessage=useIntl().formatMessage;if(!onDelete&&!additionalButtons){return null;}return jsxs(Toolbar,__assign({className:"inline-object-toolbar",alwaysShown:env.isTouchDevice},{children:[onDelete&&jsx$1(IconButton,{iconProps:{iconName:'Delete'},onMouseDown:function(e){return e.preventDefault();},onClick:onDelete,"data-inline-object-toolbar-delete-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.removeItem'})},void 0),additionalButtons]}),void 0);};var Toolbar=_styled.div.withConfig({displayName:"InlineObjectToolbar__Toolbar",componentId:"sc-1cbis2b-0"})(templateObject_3$E||(templateObject_3$E=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0 ","px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n\n  transition: 0.2s ease-out;\n  transition-property: opacity, margin;\n  background-color: rgba(255, 255, 255, 0.81);\n  ","\n\n  i {\n    text-shadow: white 1px 1px 3px;\n  }\n\n  &:focus-within {\n    opacity: 1;\n    z-index: 2;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0 ","px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n\n  transition: 0.2s ease-out;\n  transition-property: opacity, margin;\n  background-color: rgba(255, 255, 255, 0.81);\n  ","\n\n  i {\n    text-shadow: white 1px 1px 3px;\n  }\n\n  &:focus-within {\n    opacity: 1;\n    z-index: 2;\n  }\n"])),spacingS,function(p){return p.alwaysShown?css$2(templateObject_1$1A||(templateObject_1$1A=__makeTemplateObject(["\n          opacity: 1;\n          z-index: 2;\n        "],["\n          opacity: 1;\n          z-index: 2;\n        "]))):css$2(templateObject_2$W||(templateObject_2$W=__makeTemplateObject(["\n          opacity: 0;\n          z-index: -1;\n        "],["\n          opacity: 0;\n          z-index: -1;\n        "])));});var InlineObjectToolbarWrapper=function InlineObjectToolbarWrapper(_a){var toolbar=_a.toolbar,children=_a.children;return jsxs(ObjectHost,__assign({showToolbarOnHover:toolbar!=null},{children:[toolbar,children]}),void 0);};var ObjectHost=_styled.div.withConfig({displayName:"InlineObjectToolbar__ObjectHost",componentId:"sc-1cbis2b-1"})(templateObject_5$o||(templateObject_5$o=__makeTemplateObject(["\n  position: relative;\n  display: block;\n  height: 100%;\n  width: 100%;\n\n  ","\n"],["\n  position: relative;\n  display: block;\n  height: 100%;\n  width: 100%;\n\n  ","\n"])),function(p){return p.showToolbarOnHover&&css$2(templateObject_4$q||(templateObject_4$q=__makeTemplateObject(["\n      &:hover .inline-object-toolbar {\n        opacity: 1;\n        z-index: 2;\n      }\n    "],["\n      &:hover .inline-object-toolbar {\n        opacity: 1;\n        z-index: 2;\n      }\n    "])));});var templateObject_1$1A,templateObject_2$W,templateObject_3$E,templateObject_4$q,templateObject_5$o;var ImageToolbar=function ImageToolbar(_a){var onDelete=_a.onDelete,onFullScreen=_a.onFullScreen,onClose=_a.onClose,onCrop=_a.onCrop,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,showCropButton=_a.showCropButton;var formatMessage=useIntl().formatMessage;var hasAdditionalButtons=showFullScreenButton||showCropButton||showCloseButton;return jsx$1(InlineObjectToolbar,{onDelete:onDelete,additionalButtons:hasAdditionalButtons&&jsxs(Fragment,{children:[showFullScreenButton&&jsx$1(IconButton,{iconProps:{iconName:'FullScreen'},onMouseDown:function(e){return e.preventDefault();},onClick:onFullScreen,"data-image-toolbar-full-screen-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.viewFullScreen'})},void 0),showCropButton&&jsx$1(IconButton,{iconProps:{iconName:'EditPhoto'},onMouseDown:function(e){return e.preventDefault();},onClick:onCrop,"data-image-toolbar-crop-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.editImage'})},void 0),showCloseButton&&jsx$1(IconButton,{iconProps:{iconName:'ChromeClose'},onMouseDown:function(e){return e.preventDefault();},onClick:onClose,"data-image-toolbar-close-button":true,ariaLabel:formatMessage({id:'AriaLabel.cancelButton'})},void 0)]},void 0)},void 0);};var PhotoGallerySlider=function PhotoGallerySlider(_a){var gallery=_a.gallery,imageUrlResolver=_a.imageUrlResolver,onCloseGallery=_a.onCloseGallery,onOpenFullScreen=_a.onOpenFullScreen,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,height=_a.height;var pullToRefreshContext=useContext(PullToRefreshContext);var _b=useState$2(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var _c=useState$2(false),isFullScreenOpen=_c[0],setIsFullScreenOpen=_c[1];var formatMessage=useIntl().formatMessage;var themePrimary=useContext(ThemeContext$1).theme.palette.themePrimary;useEffect$1(function(){addBackButtonListener(handleBackButton);return function(){return removeBackButtonListener(handleBackButton);};function handleBackButton(){if(isFullScreenOpen){handleCloseFullScreen();return true;}return false;}// eslint-disable-next-line react-hooks/exhaustive-deps
 },[isFullScreenOpen]);// TODO: improvements - spinners
 var images=useMemo(function(){var _a;return (_a=gallery.images)===null||_a===void 0?void 0:_a.map(function(image){var _a;return __assign(__assign({},image),{// todo: what is a good width for the slider images
 // todo: previewUrl is a bit misleading here

package/index.umd.js

@@ -50791,7 +50791,7 @@
 	// ORDER MATTERS - must always be the same as in the API
 
 
-	var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation']; // ########### WARNING #############
+	var orderedFeatureSet = ['news', 'comments', 'multiLanguage', 'keywords', 'pushNotifications', 'mailNotification', 'teamsNotifications', 'themes', 'webHooks', 'reporting', 'likes', 'confirmation', 'customLogo', 'customName', 'avatars', 'manualChannelSubscription', 'bannerImages', 'bannerVideos', 'editorInlineFiles', 'editorInlineImages', 'editorInlineGallery', 'editorInlineVideos', 'editorInlineMarkup', 'editorInlineTable', 'editorInlineContact', 'expiryDate', 'onBehalfOf', 'editorConversations', 'targetAudienceRules', 'unreadTracking', 'editorInlineQuotes', 'selfRegistration', 'people', 'posts', 'newsAlerts', 'pages', 'inPageNavigation', 'automaticTranslation', 'polls', 'events', 'teams', 'userInvitation', 'languageDetection', 'postKeywords', 'hyperfish', 'canva', 'allowUserImpersonation', 'directoryGroupMemberCaching', 'inAppBrowser', 'externalNews', 'termsAndConditions', 'chat', 'recurringEvents', 'publicAccess', 'allowUserPropertiesUpdate', 'showMyNews', 'allowToUnpinMandatoryChannels', 'allowToReorderMandatoryChannels', 'useDirectoryUserPropertiesForTargetAudience', 'giphy', 'replyToComments', 'enableUserflow', 'reportingPreview', 'preventContentRedirectForBrandedApps', 'browserPushNotifications', 'contentHeadline', 'popularNewsReport', 'notificationFeed', 'unsplash', 'externalPages', 'showLikers', 'pageDocuments', 'unifiedPostView', 'stream', 'showAllNews', 'customFavicon', 'editorPreview', 'editorAutomaticTranslation', 'editorYouTubeVideos', 'editorVimeoVideos', 'editorKalturaVideos', 'editorMicrosoftVideos']; // ########### WARNING #############
 	// ORDER MATTERS - must always be the same as in the API
 
 	var FeatureSet =
@@ -87233,9 +87233,9 @@
 	  }), void 0);
 	};
 
-	var version$1 = "0.4.0-preview.101";
-	var buildId = "96308";
-	var commitId = "6c7a88e1c8d6951e610a6d5cc5401bde0f0ae67d";
+	var version$1 = "0.4.0-preview.108";
+	var buildId = "96417";
+	var commitId = "2e5e07dd142ed99360bfe79037daaa9fcca19e9d";
 	var isCustomerBuild = false;
 	var buildInfo = {
 		version: version$1,
@@ -126171,7 +126171,7 @@
 	var _a;if(componentMapperParentNodes.some(function(n){return n.contains(node);})){return false;}for(var _i=0,componentMappers_2=componentMappers;_i<componentMappers_2.length;_i++){var handler=componentMappers_2[_i];var match=handler.getPropsFromHtml(nodeName,node);if(match){componentMapperParentNodes.push(node);handler.prepareRootNode&&handler.prepareRootNode(node);}}if(nodeName==='div'){return 'atomic';}if(nodeName==='p'&&((_a=node.innerHTML)===null||_a===void 0?void 0:_a.trim())==='<br>'){// Quill used to generate <p><br></p> for empty rows
 	// This is not compatible with draftJS.
 	// Hence we remove the innerHTML for empty p tags.
-	node.innerHTML='';}return null;};}var InlineUrlPreview=function InlineUrlPreview(_a){var _b=_a.blockProps,itemId=_b.itemId,type=_b.type,subscriptionIdentifier=_b.subscriptionIdentifier;var user=useCurrentUser();if(subscriptionIdentifier!==user.subscription.id&&subscriptionIdentifier!==user.subscription.subscriptionHandle){return null;}return jsxRuntime.jsx(EmbeddedObjectTile,{id:itemId,type:parseInt(type),previewTheme:"dark"},void 0);};var InlineUrlPreviewMapper={component:InlineUrlPreview,type:EntityType.UrlPreview,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var itemId=node.getAttribute('data-item-id');if(itemId==null){return null;}return {itemId:itemId,type:node.getAttribute('data-type'),subscriptionIdentifier:node.getAttribute('data-subscription-identifier')};}};var InlineObjectToolbar=function InlineObjectToolbar(_a){var onDelete=_a.onDelete,additionalButtons=_a.additionalButtons;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsxs(Toolbar,__assign({className:"inline-object-toolbar",alwaysShown:env.isTouchDevice},{children:[onDelete&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Delete'},onMouseDown:function(e){return e.preventDefault();},onClick:onDelete,"data-inline-object-toolbar-delete-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.removeItem'})},void 0),additionalButtons]}),void 0);};var Toolbar=_styled__default["default"].div.withConfig({displayName:"InlineObjectToolbar__Toolbar",componentId:"sc-1cbis2b-0"})(templateObject_3$E||(templateObject_3$E=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0 ","px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n\n  transition: 0.2s ease-out;\n  transition-property: opacity, margin;\n  background-color: rgba(255, 255, 255, 0.81);\n  ","\n\n  i {\n    text-shadow: white 1px 1px 3px;\n  }\n\n  &:focus-within {\n    opacity: 1;\n    z-index: 2;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0 ","px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n\n  transition: 0.2s ease-out;\n  transition-property: opacity, margin;\n  background-color: rgba(255, 255, 255, 0.81);\n  ","\n\n  i {\n    text-shadow: white 1px 1px 3px;\n  }\n\n  &:focus-within {\n    opacity: 1;\n    z-index: 2;\n  }\n"])),spacingS,function(p){return p.alwaysShown?_styled.css(templateObject_1$1A||(templateObject_1$1A=__makeTemplateObject(["\n          opacity: 1;\n          z-index: 2;\n        "],["\n          opacity: 1;\n          z-index: 2;\n        "]))):_styled.css(templateObject_2$W||(templateObject_2$W=__makeTemplateObject(["\n          opacity: 0;\n          z-index: -1;\n        "],["\n          opacity: 0;\n          z-index: -1;\n        "])));});var InlineObjectToolbarWrapper=function InlineObjectToolbarWrapper(_a){var toolbar=_a.toolbar,children=_a.children;return jsxRuntime.jsxs(ObjectHost,__assign({showToolbarOnHover:toolbar!=null},{children:[toolbar,children]}),void 0);};var ObjectHost=_styled__default["default"].div.withConfig({displayName:"InlineObjectToolbar__ObjectHost",componentId:"sc-1cbis2b-1"})(templateObject_5$o||(templateObject_5$o=__makeTemplateObject(["\n  position: relative;\n  display: block;\n  height: 100%;\n  width: 100%;\n\n  ","\n"],["\n  position: relative;\n  display: block;\n  height: 100%;\n  width: 100%;\n\n  ","\n"])),function(p){return p.showToolbarOnHover&&_styled.css(templateObject_4$q||(templateObject_4$q=__makeTemplateObject(["\n      &:hover .inline-object-toolbar {\n        opacity: 1;\n        z-index: 2;\n      }\n    "],["\n      &:hover .inline-object-toolbar {\n        opacity: 1;\n        z-index: 2;\n      }\n    "])));});var templateObject_1$1A,templateObject_2$W,templateObject_3$E,templateObject_4$q,templateObject_5$o;var ImageToolbar=function ImageToolbar(_a){var onDelete=_a.onDelete,onFullScreen=_a.onFullScreen,onClose=_a.onClose,onCrop=_a.onCrop,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,showCropButton=_a.showCropButton;var formatMessage=useIntl().formatMessage;return jsxRuntime.jsx(InlineObjectToolbar,{onDelete:onDelete,additionalButtons:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[showFullScreenButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'FullScreen'},onMouseDown:function(e){return e.preventDefault();},onClick:onFullScreen,"data-image-toolbar-full-screen-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.viewFullScreen'})},void 0),showCropButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'EditPhoto'},onMouseDown:function(e){return e.preventDefault();},onClick:onCrop,"data-image-toolbar-crop-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.editImage'})},void 0),showCloseButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'ChromeClose'},onMouseDown:function(e){return e.preventDefault();},onClick:onClose,"data-image-toolbar-close-button":true,ariaLabel:formatMessage({id:'AriaLabel.cancelButton'})},void 0)]},void 0)},void 0);};var PhotoGallerySlider=function PhotoGallerySlider(_a){var gallery=_a.gallery,imageUrlResolver=_a.imageUrlResolver,onCloseGallery=_a.onCloseGallery,onOpenFullScreen=_a.onOpenFullScreen,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,height=_a.height;var pullToRefreshContext=React$d.useContext(PullToRefreshContext);var _b=React$d.useState(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var _c=React$d.useState(false),isFullScreenOpen=_c[0],setIsFullScreenOpen=_c[1];var formatMessage=useIntl().formatMessage;var themePrimary=React$d.useContext(ThemeContext$1).theme.palette.themePrimary;React$d.useEffect(function(){addBackButtonListener(handleBackButton);return function(){return removeBackButtonListener(handleBackButton);};function handleBackButton(){if(isFullScreenOpen){handleCloseFullScreen();return true;}return false;}// eslint-disable-next-line react-hooks/exhaustive-deps
+	node.innerHTML='';}return null;};}var InlineUrlPreview=function InlineUrlPreview(_a){var _b=_a.blockProps,itemId=_b.itemId,type=_b.type,subscriptionIdentifier=_b.subscriptionIdentifier;var user=useCurrentUser();if(subscriptionIdentifier!==user.subscription.id&&subscriptionIdentifier!==user.subscription.subscriptionHandle){return null;}return jsxRuntime.jsx(EmbeddedObjectTile,{id:itemId,type:parseInt(type),previewTheme:"dark"},void 0);};var InlineUrlPreviewMapper={component:InlineUrlPreview,type:EntityType.UrlPreview,getPropsFromHtml:function(nodeName,node){if(nodeName!=='div'){return null;}var itemId=node.getAttribute('data-item-id');if(itemId==null){return null;}return {itemId:itemId,type:node.getAttribute('data-type'),subscriptionIdentifier:node.getAttribute('data-subscription-identifier')};}};var InlineObjectToolbar=function InlineObjectToolbar(_a){var onDelete=_a.onDelete,additionalButtons=_a.additionalButtons;var formatMessage=useIntl().formatMessage;if(!onDelete&&!additionalButtons){return null;}return jsxRuntime.jsxs(Toolbar,__assign({className:"inline-object-toolbar",alwaysShown:env.isTouchDevice},{children:[onDelete&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'Delete'},onMouseDown:function(e){return e.preventDefault();},onClick:onDelete,"data-inline-object-toolbar-delete-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.removeItem'})},void 0),additionalButtons]}),void 0);};var Toolbar=_styled__default["default"].div.withConfig({displayName:"InlineObjectToolbar__Toolbar",componentId:"sc-1cbis2b-0"})(templateObject_3$E||(templateObject_3$E=__makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0 ","px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n\n  transition: 0.2s ease-out;\n  transition-property: opacity, margin;\n  background-color: rgba(255, 255, 255, 0.81);\n  ","\n\n  i {\n    text-shadow: white 1px 1px 3px;\n  }\n\n  &:focus-within {\n    opacity: 1;\n    z-index: 2;\n  }\n"],["\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 0 ","px;\n  height: 36px;\n  display: flex;\n  align-items: center;\n\n  transition: 0.2s ease-out;\n  transition-property: opacity, margin;\n  background-color: rgba(255, 255, 255, 0.81);\n  ","\n\n  i {\n    text-shadow: white 1px 1px 3px;\n  }\n\n  &:focus-within {\n    opacity: 1;\n    z-index: 2;\n  }\n"])),spacingS,function(p){return p.alwaysShown?_styled.css(templateObject_1$1A||(templateObject_1$1A=__makeTemplateObject(["\n          opacity: 1;\n          z-index: 2;\n        "],["\n          opacity: 1;\n          z-index: 2;\n        "]))):_styled.css(templateObject_2$W||(templateObject_2$W=__makeTemplateObject(["\n          opacity: 0;\n          z-index: -1;\n        "],["\n          opacity: 0;\n          z-index: -1;\n        "])));});var InlineObjectToolbarWrapper=function InlineObjectToolbarWrapper(_a){var toolbar=_a.toolbar,children=_a.children;return jsxRuntime.jsxs(ObjectHost,__assign({showToolbarOnHover:toolbar!=null},{children:[toolbar,children]}),void 0);};var ObjectHost=_styled__default["default"].div.withConfig({displayName:"InlineObjectToolbar__ObjectHost",componentId:"sc-1cbis2b-1"})(templateObject_5$o||(templateObject_5$o=__makeTemplateObject(["\n  position: relative;\n  display: block;\n  height: 100%;\n  width: 100%;\n\n  ","\n"],["\n  position: relative;\n  display: block;\n  height: 100%;\n  width: 100%;\n\n  ","\n"])),function(p){return p.showToolbarOnHover&&_styled.css(templateObject_4$q||(templateObject_4$q=__makeTemplateObject(["\n      &:hover .inline-object-toolbar {\n        opacity: 1;\n        z-index: 2;\n      }\n    "],["\n      &:hover .inline-object-toolbar {\n        opacity: 1;\n        z-index: 2;\n      }\n    "])));});var templateObject_1$1A,templateObject_2$W,templateObject_3$E,templateObject_4$q,templateObject_5$o;var ImageToolbar=function ImageToolbar(_a){var onDelete=_a.onDelete,onFullScreen=_a.onFullScreen,onClose=_a.onClose,onCrop=_a.onCrop,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,showCropButton=_a.showCropButton;var formatMessage=useIntl().formatMessage;var hasAdditionalButtons=showFullScreenButton||showCropButton||showCloseButton;return jsxRuntime.jsx(InlineObjectToolbar,{onDelete:onDelete,additionalButtons:hasAdditionalButtons&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[showFullScreenButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'FullScreen'},onMouseDown:function(e){return e.preventDefault();},onClick:onFullScreen,"data-image-toolbar-full-screen-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.viewFullScreen'})},void 0),showCropButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'EditPhoto'},onMouseDown:function(e){return e.preventDefault();},onClick:onCrop,"data-image-toolbar-crop-button":true,ariaLabel:formatMessage({id:'AriaLabel.editor.editImage'})},void 0),showCloseButton&&jsxRuntime.jsx(IconButton,{iconProps:{iconName:'ChromeClose'},onMouseDown:function(e){return e.preventDefault();},onClick:onClose,"data-image-toolbar-close-button":true,ariaLabel:formatMessage({id:'AriaLabel.cancelButton'})},void 0)]},void 0)},void 0);};var PhotoGallerySlider=function PhotoGallerySlider(_a){var gallery=_a.gallery,imageUrlResolver=_a.imageUrlResolver,onCloseGallery=_a.onCloseGallery,onOpenFullScreen=_a.onOpenFullScreen,showFullScreenButton=_a.showFullScreenButton,showCloseButton=_a.showCloseButton,height=_a.height;var pullToRefreshContext=React$d.useContext(PullToRefreshContext);var _b=React$d.useState(null),fullScreenItemIndex=_b[0],setFullScreenItemIndex=_b[1];var _c=React$d.useState(false),isFullScreenOpen=_c[0],setIsFullScreenOpen=_c[1];var formatMessage=useIntl().formatMessage;var themePrimary=React$d.useContext(ThemeContext$1).theme.palette.themePrimary;React$d.useEffect(function(){addBackButtonListener(handleBackButton);return function(){return removeBackButtonListener(handleBackButton);};function handleBackButton(){if(isFullScreenOpen){handleCloseFullScreen();return true;}return false;}// eslint-disable-next-line react-hooks/exhaustive-deps
 	},[isFullScreenOpen]);// TODO: improvements - spinners
 	var images=React$d.useMemo(function(){var _a;return (_a=gallery.images)===null||_a===void 0?void 0:_a.map(function(image){var _a;return __assign(__assign({},image),{// todo: what is a good width for the slider images
 	// todo: previewUrl is a bit misleading here
@@ -145198,11 +145198,17 @@
 	  "ContentEditor.keywords.emptySubpagesAndDocumentsList": "No pages or documents match the selected keywords",
 	  "ContentEditor.keywords.emptySubpagesList": "No pages match the selected keywords",
 	  "ContentEditor.keywords.emptyDocumentsList": "No documents match the selected keywords",
+	  "TranslationManagement.callout.autoTranslate": "Translate automatically from another tab",
 	  "TranslationManagement.callout.changeLanguage": "Change the language of this tab",
 	  "TranslationManagement.callout.removePrimary": "Remove this Translation",
 	  "TranslationManagement.callout.removeSecondary": "Content will be hidden but not deleted",
 	  "TranslationManagement.changeLanguageDialog.title": "Tab language",
 	  "TranslationManagement.changeLanguageDialog.subText": "What language is this tab?",
+	  "TranslationManagement.autoTranslateDialog.title": "Translate automatically",
+	  "TranslationManagement.autoTranslateDialog.subText": "Translate from",
+	  "TranslationManagement.autoTranslateDialog.description": "to {language} using an automatic translation.",
+	  "TranslationManagement.autoTranslateDialog.warning": "This will overwrite the existing content on the {languageCode} tab.",
+	  "TranslationManagement.autoTranslateDialog.translateButton": "Translate",
 	  "MetadataEditor.selectDate": "Select date ...",
 	  "MetadataEditor.publishingDate": "Publishing Date",
 	  "MetadataEditor.expiryDate": "Expiry Date",
@@ -145700,8 +145706,11 @@
 	  "Languages.limitReached": "All translations have been added for the available languages.",
 	  "Languages.setDefaultLanguage": "Set default language",
 	  "Languages.selectionPrompt": "In which languages do you want to offer this article to the readers?",
-	  "Languages.automaticTranslationsCheckbox": "Create initial translations automatically using an online service",
+	  "Languages.automaticTranslationsCheckbox": "Create initial translations automatically using an online service {reason}",
+	  "Languages.automaticTranslationsDisabledReason": "(at least one language tab must contain text)",
+	  "Languages.automaticTranslationsDisabledReason2": "(At least one other language tab must contain text)",
 	  "Languages.automaticTranslationsDropdown": "Use this language as the source for automatic translations:",
+	  "Languages.automaticTranslationsDropdownPlaceholder": "Select a language",
 	  "Audience.title": "Audience Targeting",
 	  "Audience.backToChannels": "Back to Channels",
 	  "Audience.infoMsg1": "With audience targeting you can configure channel settings for specific user groups.",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@livetiles/reach-components-react",
   "description": "Provides React components to consume LiveTiles Reach data",
-  "version": "0.4.0-preview.101",
+  "version": "0.4.0-preview.108",
   "peerDependencies": {
     "react": "^16.14.0 || ^17",
     "react-dom": "^16.14.0 || ^17",