\r\n {\r\n isSpinnerVisible &&\r\n \r\n \r\n }\r\n {\r\n showUploadPreview ? (\r\n \r\n \r\n ) : (\r\n \r\n {isAssetLibraryAIGCMVPEnabled && showPromotionBanner && (\r\n \r\n )\r\n }\r\n
\r\n );\r\n};\r\n\r\nAddMediaLandingPage.propTypes = {\r\n goToView: PropTypes.func.isRequired,\r\n setHideSubtitle: PropTypes.func.isRequired,\r\n maxUploadNum: PropTypes.number.isRequired,\r\n minSize: PropTypes.arrayOf(PropTypes.number).isRequired,\r\n processUploadedImage: PropTypes.func.isRequired,\r\n onProcessUploadComplete: PropTypes.func.isRequired,\r\n buttonConfig: PropTypes.arrayOf(PropTypes.shape({\r\n label: PropTypes.string,\r\n })).isRequired,\r\n assetLibraryConfig: PropTypes.shape({\r\n aid: PropTypes.string,\r\n cid: PropTypes.string,\r\n dateFormat: PropTypes.string,\r\n timeZone: PropTypes.number,\r\n oDataConfig: PropTypes.shape({}),\r\n preferencesService: PropTypes.shape({}),\r\n onImageSelected: PropTypes.func,\r\n onImagesSelected: PropTypes.func,\r\n }).isRequired,\r\n showPromotionBanner: PropTypes.bool,\r\n i18n: PropTypes.shape({\r\n getString: PropTypes.func,\r\n }).isRequired,\r\n setErrors: PropTypes.func.isRequired,\r\n perfMarker: PropTypes.shape({\r\n willFetchFile: PropTypes.func.isRequired,\r\n willInit: PropTypes.func.isRequired,\r\n willFetchData: PropTypes.func.isRequired,\r\n willRender: PropTypes.func.isRequired,\r\n done: PropTypes.func.isRequired,\r\n createChild: PropTypes.func.isRequired,\r\n }).isRequired,\r\n setShowApplyButton: PropTypes.func.isRequired,\r\n triggerAddImagesRef: PropTypes.shape({}).isRequired,\r\n setDisableApplyButton: PropTypes.func.isRequired,\r\n assetLibraryDataService: PropTypes.shape({}).isRequired,\r\n imageExperienceProps: PropTypes.shape({}).isRequired,\r\n imageType: PropTypes.string.isRequired,\r\n setSelectionInfoText: PropTypes.func.isRequired,\r\n logger: PropTypes.shape({\r\n logTrace: PropTypes.func,\r\n }).isRequired,\r\n allowedAssetType: PropTypes.string,\r\n isAssetLibraryAIGCMVPEnabled: PropTypes.bool,\r\n isClickableOutsideFocusTrap: PropTypes.bool,\r\n disabledAssetSources: PropTypes.arrayOf(PropTypes.string),\r\n eventHandler: PropTypes.shape({}),\r\n supportImageUpscale: PropTypes.bool,\r\n minUploadSize: PropTypes.arrayOf(PropTypes.number),\r\n};\r\n\r\nAddMediaLandingPage.defaultProps = {\r\n allowedAssetType: FolderAssetType.Image,\r\n isAssetLibraryAIGCMVPEnabled: false,\r\n isClickableOutsideFocusTrap: false,\r\n disabledAssetSources: [],\r\n eventHandler: null,\r\n showPromotionBanner: true,\r\n supportImageUpscale: false,\r\n minUploadSize: [],\r\n};\r\n","import React, { useMemo, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport _ from 'underscore';\r\n\r\nimport { FolderAssetType } from '@bingads-webui-campaign-react/asset-library-model';\r\nimport { AddMediaLandingPage } from './landing-page-content';\r\n\r\nconst ManagedLandingView = ({\r\n addMediaConfig,\r\n customMediaSourceConfig,\r\n maxUploadNum,\r\n minSize,\r\n processUploadedImage,\r\n onProcessUploadComplete,\r\n goToView,\r\n setHideSubtitle,\r\n assetLibraryConfig,\r\n setErrors,\r\n i18n,\r\n perfMarker,\r\n setShowApplyButton,\r\n setDisableApplyButton,\r\n triggerAddImagesRef,\r\n assetLibraryDataService,\r\n imageExperienceProps,\r\n imageType,\r\n setSelectionInfoText,\r\n allowedAssetType,\r\n isAssetLibraryAIGCMVPEnabled,\r\n logger,\r\n isClickableOutsideFocusTrap,\r\n preDefinedAssetSources,\r\n disabledAssetSources,\r\n eventHandler,\r\n supportImageUpscale,\r\n minUploadSize,\r\n showPromotionBanner,\r\n isAdStudioEnabled,\r\n}) => {\r\n const finalConfig = useMemo(\r\n () => {\r\n if (_.isFunction(customMediaSourceConfig)) {\r\n return customMediaSourceConfig({ addMediaConfig });\r\n }\r\n\r\n return customMediaSourceConfig || addMediaConfig;\r\n },\r\n [addMediaConfig, customMediaSourceConfig]\r\n );\r\n const landingPageButtonConfig =\r\n _.compact(_.pluck(_.values(finalConfig), 'buttonConfig'));\r\n\r\n useEffect(() => {\r\n // set default state\r\n setShowApplyButton(false);\r\n setDisableApplyButton(true);\r\n setErrors([]);\r\n }, [setDisableApplyButton, setErrors, setShowApplyButton]);\r\n\r\n return (\r\n \r\n
\r\n \r\n {subTitle ? (\r\n i18n.getString(subTitle)\r\n ) : (\r\n \r\n {isAssetLibraryAIGCMVPEnabled\r\n ? i18n.getString(_TL_('You can create assets, choose assets you\\'ve already uploaded to '))\r\n : i18n.getString(_TL_('Choose assets you\\'ve already uploaded to '))}\r\n { onAssetLibraryLinkClick(isAdStudioEnabled); } : _.noop}\r\n >\r\n {isAdStudioEnabled ? i18n.getString(_TL_('Ads Studio')) : i18n.getString(_TL_('Asset Library'))}\r\n \r\n {i18n.getString(_TL_(' or browse to add a new file.'))}\r\n \r\n )}\r\n
\r\n ),\r\n showBackButton: false,\r\n onRenderContent: props => (\r\n \r\n
\r\n );\r\n};\r\n\r\nInvestImageView.propTypes = {\r\n getInvestImages: PropTypes.func.isRequired,\r\n onChangeImageIdSelection: PropTypes.func.isRequired,\r\n enableMultipleSelection: PropTypes.bool,\r\n imageCellWidth: PropTypes.number,\r\n imageCellHeight: PropTypes.number,\r\n images: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n setImages: PropTypes.func.isRequired,\r\n hasMore: PropTypes.bool.isRequired,\r\n setHasMore: PropTypes.func.isRequired,\r\n skip: PropTypes.number.isRequired,\r\n setSkip: PropTypes.func.isRequired,\r\n isLoadingFirstPage: PropTypes.bool.isRequired,\r\n setIsLoadingFirstPage: PropTypes.func.isRequired,\r\n searchQuery: PropTypes.string.isRequired,\r\n setSearchQuery: PropTypes.func.isRequired,\r\n};\r\n\r\nInvestImageView.defaultProps = {\r\n enableMultipleSelection: true,\r\n imageCellWidth: undefined,\r\n imageCellHeight: undefined,\r\n};\r\n","import Promise from 'bluebird';\r\nimport _ from 'underscore';\r\nimport React, { useCallback, useEffect, useState } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { InvestImageView } from '@bingads-webui-campaign-react/add-invest-images-view';\r\nimport { constants } from '@bingads-webui-campaign-react/image-experience-model';\r\nimport { MaxAddAssetJobInParell, ROOT_FOLDER_ID } from '@bingads-webui-campaign-react/asset-library-model';\r\nimport { VIEWS } from '../view-type';\r\n\r\nconst ManagedInvestImageView = ({\r\n investImageConfig,\r\n setShowBlocker,\r\n perfMarker,\r\n assetLibraryConfig,\r\n assetLibraryDataService,\r\n logger,\r\n maxUploadNum,\r\n setShowApplyButton,\r\n triggerAddImagesRef,\r\n setSelectionInfoText,\r\n setDisableApplyButton,\r\n setErrors,\r\n i18n,\r\n}) => {\r\n const {\r\n onImageSelected,\r\n onImagesSelected,\r\n onImageAddError,\r\n enableInvestMultipleSelection: enableMultipleSelection,\r\n } = assetLibraryConfig;\r\n\r\n const onChangeImageIdSelection = useCallback((args) => {\r\n const investImagePerfMarker = perfMarker.createChild('investImagePicker');\r\n investImagePerfMarker.willInit();\r\n\r\n const selectInvestImage = assetLibraryDataService.uploadInvestImage({\r\n investImageId: args.selectedImageId,\r\n imageSrc: args.imageSrc,\r\n folderId: ROOT_FOLDER_ID,\r\n })\r\n .then(value => onImageSelected({ id: value }, constants.imageSources.Invest))\r\n .catch(e => onImageAddError(e));\r\n\r\n setShowBlocker(true);\r\n selectInvestImage\r\n .tap(() => {\r\n const { selectedImageId: imageId } = args || {};\r\n logger.logTrace('Ad creation flow - selected invest image', { imageId });\r\n })\r\n .finally(() => {\r\n setShowBlocker(false);\r\n investImagePerfMarker.done();\r\n });\r\n }, [perfMarker, assetLibraryDataService, setShowBlocker, onImageSelected, onImageAddError, logger]);\r\n\r\n const [images, setImages] = useState([]);\r\n const [hasMore, setHasMore] = useState(true);\r\n const [skip, setSkip] = useState(0);\r\n const [isLoadingFirstPage, setIsLoadingFirstPage] = useState(false);\r\n const [searchQuery, setSearchQuery] = useState('');\r\n\r\n useEffect(() => {\r\n // init the state for multiple selection\r\n if (enableMultipleSelection) {\r\n setShowApplyButton(true);\r\n setDisableApplyButton(true);\r\n setErrors([]);\r\n setSelectionInfoText(i18n.getString(_TL_('0 of {{limitNumber}} images selected'), { limitNumber: maxUploadNum }));\r\n }\r\n }, [enableMultipleSelection, i18n, maxUploadNum, setDisableApplyButton, setErrors, setSelectionInfoText, setShowApplyButton]);\r\n\r\n useEffect(() => {\r\n const selectedImages = _.filter(images, image => image && image.isSelected) || [];\r\n if (selectedImages.length > maxUploadNum) {\r\n setErrors([i18n.getString(_TL_('You\\'ve exceeded the max. number of assets you can add at a time ({{limitNumber}}). Please try again.'), { limitNumber: maxUploadNum })]);\r\n setDisableApplyButton(true);\r\n } else if (selectedImages.length > 0) {\r\n setErrors([]);\r\n setDisableApplyButton(false);\r\n } else {\r\n setErrors([]);\r\n setDisableApplyButton(true);\r\n }\r\n\r\n const singularImageString = _TL_('{{selectedNumber}} of {{limitNumber}} image selected');\r\n const pluralImagesString = _TL_('{{selectedNumber}} of {{limitNumber}} images selected');\r\n const stringToUse = maxUploadNum > 1 ? pluralImagesString : singularImageString;\r\n setSelectionInfoText(i18n.getString(stringToUse, { selectedNumber: selectedImages.length, limitNumber: maxUploadNum }));\r\n }, [enableMultipleSelection, i18n, images, maxUploadNum, setDisableApplyButton, setErrors, setSelectionInfoText]);\r\n\r\n // only for multiple selection mode\r\n const onApplyButtonClick = useCallback(() => {\r\n const selectedImages = _.filter(images, image => image && image.isSelected) || [];\r\n\r\n setShowBlocker(true);\r\n\r\n const investImagePerfMarker = perfMarker.createChild('investImagePicker');\r\n investImagePerfMarker.willInit();\r\n\r\n Promise.map(\r\n selectedImages,\r\n (img) => {\r\n const { id, imageSrc } = img || {};\r\n return assetLibraryDataService.uploadInvestImage({ investImageId: id, imageSrc, folderId: ROOT_FOLDER_ID });\r\n },\r\n { concurrency: MaxAddAssetJobInParell }\r\n )\r\n .then((imageIds) => {\r\n logger.logTrace('Ad creation flow - selected invest images', { imageIds });\r\n return onImagesSelected(imageIds, constants.imageSources.Invest);\r\n })\r\n .catch((err) => {\r\n onImageAddError(err);\r\n })\r\n .finally(() => {\r\n setShowBlocker(false);\r\n investImagePerfMarker.done();\r\n });\r\n }, [assetLibraryDataService, images, logger, onImageAddError, onImagesSelected, perfMarker, setShowBlocker]);\r\n\r\n // listen to the apply button click for multiple selection\r\n // eslint-disable-next-line no-param-reassign\r\n triggerAddImagesRef.current = enableMultipleSelection ? onApplyButtonClick : undefined;\r\n\r\n return (\r\n \r\n setSearchQuery(newValue)}\r\n onKeyDown={onKeyDown}\r\n placeholder={i18n.getString(_TL_('Search by Invest creative Id'))}\r\n styles={{\r\n root: {\r\n width: '50%',\r\n display: 'inline-block',\r\n },\r\n }}\r\n />\r\n {\r\n setSkip(0);\r\n loadImages({\r\n $skip: 0,\r\n });\r\n }}\r\n />\r\n
\r\n {\r\n isLoadingFirstPage ? \r\n \r\n {i18n.getString(_TL_('The Shutterstock watermark appearing on the stock images below will not appear in your ad.'))}\r\n \r\n \r\n {i18n.getString(_TL_('There may be images provided by Shutterstock that do not adhere to the Microsoft image policy.'))}\r\n
\r\n );\r\n};\r\n\r\nStockImageView.propTypes = {\r\n getStockImages: PropTypes.func.isRequired,\r\n onChangeImageIdSelection: PropTypes.func.isRequired,\r\n enableMultipleSelection: PropTypes.bool,\r\n imageCellWidth: PropTypes.number,\r\n imageCellHeight: PropTypes.number,\r\n images: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n setImages: PropTypes.func.isRequired,\r\n hasMore: PropTypes.bool.isRequired,\r\n setHasMore: PropTypes.func.isRequired,\r\n skip: PropTypes.number.isRequired,\r\n setSkip: PropTypes.func.isRequired,\r\n serializedFilterForComp: PropTypes.string.isRequired,\r\n setSerializedFilterForComp: PropTypes.func.isRequired,\r\n isLoadingFirstPage: PropTypes.bool.isRequired,\r\n setIsLoadingFirstPage: PropTypes.func.isRequired,\r\n searchQuery: PropTypes.string.isRequired,\r\n setSearchQuery: PropTypes.func.isRequired,\r\n filter: PropTypes.shape({}).isRequired,\r\n setFilter: PropTypes.func.isRequired,\r\n};\r\n\r\nStockImageView.defaultProps = {\r\n enableMultipleSelection: true,\r\n imageCellWidth: undefined,\r\n imageCellHeight: undefined,\r\n};\r\n","export const placeholderTextFieldStyles = {\r\n root: {\r\n display: 'inline-block',\r\n width: 300,\r\n marginLeft: 6,\r\n marginTop: 16,\r\n },\r\n field: {\r\n paddingRight: 8,\r\n paddingLeft: 32,\r\n },\r\n};\r\n\r\nexport const placeholderTextFieldIconProps = {\r\n iconName: 'Search',\r\n styles: {\r\n root: {\r\n left: 8,\r\n right: 0,\r\n },\r\n },\r\n};\r\n\r\nexport const placeholderDropdownStyles = {\r\n root: {\r\n display: 'inline-flex',\r\n width: 88,\r\n marginLeft: 25,\r\n marginTop: 16,\r\n },\r\n title: {\r\n width: 88,\r\n },\r\n};\r\n\r\nexport const getPlaceholderStyles = () => ({\r\n placeholderView: {\r\n marginTop: 16,\r\n display: 'inline-block',\r\n marginLeft: 271,\r\n fontSize: 14,\r\n lineHeight: '20px',\r\n '& img': {\r\n marginLeft: 129,\r\n marginBottom: 24,\r\n },\r\n '& .suggestion-error-invalid': {\r\n marginTop: 16,\r\n color: 'red',\r\n },\r\n },\r\n});\r\n\r\nexport const placeholderImage = \"data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M149.8 23.9999C149.7 22.5999 148.5 21.2999 147.2 21.0999C122.6 17.4999 98.2001 13.9999 74 10.6999C72.7 10.4999 71.6 11.4999 71.7 12.7999C72.9001 37.4999 70.3 62.5999 64.1 87.3999C63.8 88.6999 64.6 89.9999 66 90.2999C90.6 94.6999 115.3 99.2999 140.1 104C141.5 104.3 142.9 103.3 143.2 101.9C149.2 76.0999 151.4 49.8999 149.8 23.9999Z' fill='%23EFEFEF'/%3E%3Cpath d='M143.9 26.8C121.7 23.4 99.6 20.1 77.6 17C78.1 32.1 77.3 47.4 75 62.7C83.1 50.6 90.2 38.3 96.2 26C102.6 41.5 107.9 57.2 111.9 73C119 62.5 125.4 51.8 130.9 41.1C135.1 52.1 138.7 63.1 141.7 74.3C144 58.4 144.7 42.5 143.9 26.8Z' fill='%2328C2D1'/%3E%3Cpath d='M112.1 72.8999C113.8 79.5999 115.3 86.2999 116.6 92.9999C123.7 94.2999 130.7 95.5999 137.8 96.9999C139.5 89.3999 140.8 81.6999 141.8 74.0999C138.8 62.9999 135.2 51.8999 131 40.8999C125.6 51.6999 119.2 62.3999 112.1 72.8999Z' fill='%2328C2D1'/%3E%3Cpath d='M112.1 72.8999C113.8 79.5999 115.3 86.2999 116.6 92.9999C123.7 94.2999 130.7 95.5999 137.8 96.9999C139.5 89.3999 140.8 81.6999 141.8 74.0999C138.8 62.9999 135.2 51.8999 131 40.8999C125.6 51.6999 119.2 62.3999 112.1 72.8999Z' fill='url(%23paint0_radial_4115_133383)'/%3E%3Cpath d='M99.8999 89.8999C104.2 84.2999 108.3 78.5999 112.1 72.8999C108 57.0999 102.8 41.2999 96.3999 25.8999C90.3999 38.1999 83.2999 50.4999 75.1999 62.5999C73.9999 69.9999 72.5999 77.2999 70.8999 84.6999C80.5999 86.3999 90.1999 88.1999 99.8999 89.8999Z' fill='%237BDDEF'/%3E%3Cpath d='M95.1001 89C100.6 90.2 111 92.1 116.6 93.1C115.3 86.4 113.8 79.7 112.1 73C108.2 78.6 99.4001 83.3 95.1001 89Z' fill='%237BDDEF'/%3E%3Cpath d='M27 42C36.3888 42 44 34.3888 44 25C44 15.6112 36.3888 8 27 8C17.6112 8 10 15.6112 10 25C10 34.3888 17.6112 42 27 42Z' fill='%23E1DFDD'/%3E%3Cpath d='M132.8 151.7C140.532 151.7 146.8 145.432 146.8 137.7C146.8 129.968 140.532 123.7 132.8 123.7C125.068 123.7 118.8 129.968 118.8 137.7C118.8 145.432 125.068 151.7 132.8 151.7Z' fill='%23E1DFDD'/%3E%3Cpath d='M115.9 141.8C122.527 141.8 127.9 136.427 127.9 129.8C127.9 123.172 122.527 117.8 115.9 117.8C109.272 117.8 103.9 123.172 103.9 129.8C103.9 136.427 109.272 141.8 115.9 141.8Z' fill='%23E1DFDD'/%3E%3Cpath d='M118.8 137.7C118.8 138.9 119 140.1 119.3 141.3C124.2 139.8 127.8 135.2 127.8 129.8C127.8 128.1 127.5 126.5 126.8 125.1C122.1 127.3 118.8 132.1 118.8 137.7Z' fill='%23C8C6C4'/%3E%3Cpath d='M69.2999 91.6002L66.2999 91.1002L60.2999 90.1002L57.1999 89.6002L60.0999 72.7002C58.3999 73.2002 56.6999 74.0002 55.1999 74.9002C54.0999 75.6002 53.1999 76.3002 52.2999 77.1002L49.5999 92.8002C49.2999 94.4002 50.3999 95.9002 51.9999 96.2002L84.4999 101.7C85.5999 99.5002 86.3999 97.1002 86.5999 94.7002L69.2999 91.6002Z' fill='%23EFEFEF'/%3E%3Cpath d='M83.6 81.3C83.3 80.8 82.9 80.3 82.5 79.8C81.8 78.9 81.1001 78.2 80.4001 77.4C77.4001 74.6 73.8001 72.7 69.9001 72.1C69.0001 71.9 68.1 71.8 67.2001 71.8C64.9001 71.7 62.5001 72 60.2001 72.7L57.3 89.6L60.4001 90.1L66.4001 91.1L69.4001 91.6L86.7 94.6C87.1 90.1 86.2 85.4 83.6 81.3Z' fill='%237BDDEF'/%3E%3Cpath d='M43.2001 110.3L36.1001 117.7L41.9001 123.3L49.0001 115.9C46.9001 114.3 44.9001 112.5 43.2001 110.3Z' fill='url(%23paint1_linear_4115_133383)'/%3E%3Cpath d='M42.8145 122.6L37.0145 117L36.0145 116L18.5145 134.3C16.4145 136.5 16.5145 139.9 18.7145 141.9C20.9145 143.9 24.3145 143.9 26.3145 141.7L43.8145 123.5L42.8145 122.6Z' fill='%232B88D8'/%3E%3Cpath d='M90.8999 77.6962C82.2999 63.9962 64.1999 59.8962 50.5999 68.4962C36.9999 77.0962 32.8999 95.0962 41.4999 108.796C42.0999 109.696 42.6999 110.496 43.2999 111.296C44.9999 113.496 46.9999 115.296 49.0999 116.896C58.4999 123.696 71.3999 124.496 81.7999 117.896C95.3999 109.296 99.3999 91.2962 90.8999 77.6962ZM86.5999 95.5962C86.2999 97.9962 85.5999 100.396 84.4999 102.596C82.8999 105.796 80.3999 108.596 77.1999 110.596C72.0999 113.796 66.1999 114.496 60.7999 112.996C55.9999 111.696 51.5999 108.696 48.7999 104.096C43.3999 95.4962 45.0999 84.4962 52.2999 77.9962C53.1999 77.1962 54.1999 76.3962 55.1999 75.7962C56.7999 74.7962 58.3999 74.0962 60.0999 73.5962C62.3999 72.8962 64.7999 72.5962 67.0999 72.6962C67.9999 72.6962 68.8999 72.7962 69.7999 72.9962C73.6999 73.6962 77.3999 75.4962 80.2999 78.2962C81.0999 78.9962 81.7999 79.7962 82.3999 80.6962C82.7999 81.1962 83.1999 81.6962 83.4999 82.1962C86.1999 86.3962 87.0999 91.0962 86.5999 95.5962Z' fill='url(%23paint2_linear_4115_133383)'/%3E%3Cpath d='M117.8 30.5C114.1 29.2 110.5 31.1 109.8 34.7C109 38.3 111.3 42.4 114.9 43.7C118.6 45 122.3 43.2 123.1 39.5C123.9 35.9 121.5 31.9 117.8 30.5Z' fill='%23C3F2F4'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_4115_133383' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(96.7276 59.5763) rotate(2.19167) scale(29.9137)'%3E%3Cstop offset='0.000449151' stop-color='%2328C2D1'/%3E%3Cstop offset='1' stop-color='%237BDDEF'/%3E%3C/radialGradient%3E%3ClinearGradient id='paint1_linear_4115_133383' x1='35.5361' y1='123.503' x2='46.1786' y2='112.282' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23106EBE'/%3E%3Cstop offset='1' stop-color='%232B88D8'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_4115_133383' x1='191.384' y1='363.281' x2='73.301' y2='108.664' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23106EBE'/%3E%3Cstop offset='1' stop-color='%232B88D8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A\";\r\n","export const getWebsiteImagesStyles = () => ({\r\n subdomainFields: {\r\n marginTop: 16,\r\n marginBottom: 16,\r\n '& .divider': {\r\n display: 'inline-block',\r\n marginLeft: 10,\r\n marginRight: 10,\r\n fontSize: 14,\r\n lineHeight: '20px',\r\n },\r\n },\r\n textAbovePicker: {\r\n display: 'block',\r\n margin: 12,\r\n },\r\n rootContainer: {\r\n display: 'flex',\r\n flexDirection: 'column',\r\n flexGrow: 1,\r\n },\r\n});\r\n\r\nexport const websiteImagesFinalUrlTextFieldStyles = {\r\n root: {\r\n display: 'inline-block',\r\n width: 260,\r\n },\r\n field: {\r\n paddingRight: 8,\r\n paddingLeft: 32,\r\n },\r\n};\r\n\r\nexport const websiteImagesFinalUrlTextFieldIconProps = {\r\n iconName: 'Search',\r\n styles: {\r\n root: {\r\n left: 8,\r\n right: 0,\r\n },\r\n },\r\n};\r\n\r\nexport const websiteImagesSubdomainTextFieldStyles = {\r\n root: {\r\n display: 'inline-block',\r\n width: 260,\r\n },\r\n};\r\n","import React, { useState, useContext, useCallback, useMemo, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\nimport _ from 'underscore';\r\n\r\nimport { TextField, Dropdown } from '@bingads-webui-react/fabric-control';\r\nimport { isValidUrl, getDomain } from '@bingads-webui/url-util';\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\n\r\nimport {\r\n placeholderImage,\r\n getPlaceholderStyles,\r\n placeholderTextFieldStyles,\r\n placeholderTextFieldIconProps,\r\n placeholderDropdownStyles,\r\n} from './styles/index';\r\n\r\nconst urlPrefixOptions = [\r\n { key: 'https://', text: 'https://' },\r\n { key: 'http://', text: 'http://' },\r\n];\r\n\r\nconst defaultProtocol = 'https://';\r\n\r\nexport const PlaceholderView = ({\r\n onEnteredFinalUrl,\r\n protocol,\r\n onUpdateProtocol,\r\n initialFinalUrl,\r\n}) => {\r\n const [managedProtocol, setManagedProtocol] = useState(defaultProtocol);\r\n const [isInvalidUrl, setIsInvalidUrl] = useState(false);\r\n const [initialValue] = useState(initialFinalUrl);\r\n\r\n const initialTextFieldValue = useMemo(() => {\r\n if (initialValue) {\r\n return getDomain(initialValue);\r\n }\r\n return null;\r\n }, [initialValue]);\r\n\r\n useEffect(() => {\r\n if (initialValue && !isValidUrl(initialValue)) {\r\n setIsInvalidUrl(true);\r\n }\r\n }, [initialValue, setIsInvalidUrl]);\r\n\r\n const i18n = useContext(I18nContext);\r\n const classes = useDefaultStyles(getPlaceholderStyles);\r\n\r\n const shouldUseExternallyManagedProtocol = useMemo(\r\n () => protocol && onUpdateProtocol\r\n , [protocol, onUpdateProtocol]\r\n );\r\n\r\n const currentProtocol = useMemo(() => protocol || managedProtocol, [\r\n protocol,\r\n managedProtocol,\r\n ]);\r\n\r\n const setCurrentProtocol = useCallback((newProtocol, ev) => {\r\n if (shouldUseExternallyManagedProtocol) {\r\n onUpdateProtocol(newProtocol, ev);\r\n } else {\r\n setManagedProtocol(newProtocol);\r\n }\r\n }, [shouldUseExternallyManagedProtocol, onUpdateProtocol, setManagedProtocol]);\r\n\r\n const onChangeProtocol = useCallback((ev, newPrefix) => {\r\n setCurrentProtocol(newPrefix.text, ev);\r\n }, [setCurrentProtocol]);\r\n\r\n const onBlurUrl = useCallback((ev) => {\r\n const newUrl = ev && ev.target && ev.target.value;\r\n const newUrlWithProtocol = `${currentProtocol}${newUrl}`;\r\n\r\n if (isValidUrl(newUrlWithProtocol)) {\r\n setIsInvalidUrl(false);\r\n onEnteredFinalUrl(newUrlWithProtocol, ev);\r\n } else {\r\n setIsInvalidUrl(true);\r\n }\r\n }, [setIsInvalidUrl, onEnteredFinalUrl, currentProtocol]);\r\n\r\n const onKeyDown = useCallback((ev) => {\r\n if (ev.key === 'Enter') {\r\n onBlurUrl(ev);\r\n }\r\n }, [onBlurUrl]);\r\n\r\n return (\r\n \r\n setSearchQuery(newValue)}\r\n onKeyDown={onKeyDown}\r\n placeholder={i18n.getString(_TL_('Search stock images (provided by Shutterstock)'))}\r\n styles={{\r\n root: {\r\n width: '50%',\r\n display: 'inline-block',\r\n },\r\n }}\r\n />\r\n {\r\n setSkip(0);\r\n loadImages({\r\n $skip: 0,\r\n });\r\n }}\r\n />\r\n
\r\n \r\n 
\r\n
\r\n );\r\n};\r\n\r\nPlaceholderView.propTypes = {\r\n onEnteredFinalUrl: PropTypes.func.isRequired,\r\n protocol: PropTypes.string,\r\n onUpdateProtocol: PropTypes.func,\r\n initialFinalUrl: PropTypes.string,\r\n};\r\n\r\nPlaceholderView.defaultProps = {\r\n protocol: null,\r\n initialFinalUrl: null,\r\n onUpdateProtocol: _.noop,\r\n};\r\n","import React, {\r\n useContext,\r\n useMemo,\r\n useCallback,\r\n useRef,\r\n useState,\r\n useEffect,\r\n} from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classnames from 'classnames';\r\n\r\nimport { I18nContext } from '@bingads-webui-react/i18n-context';\r\nimport { TextField } from '@bingads-webui-react/fabric-control';\r\n\r\nimport { FluentImagePicker } from '@bingads-webui-campaign-react/fluent-image-picker';\r\nimport { AssetLibrarySpinner } from '@bingads-webui-campaign-react/asset-library-spinner';\r\nimport { useDefaultStyles } from '@bingads-webui-react/with-default-styles';\r\nimport { getUrlProtocolAndDomain, hasProtocol, isValidUrl } from '@bingads-webui/url-util';\r\n\r\nimport {\r\n getWebsiteImagesStyles,\r\n websiteImagesFinalUrlTextFieldStyles,\r\n websiteImagesFinalUrlTextFieldIconProps,\r\n websiteImagesSubdomainTextFieldStyles,\r\n} from './styles/index';\r\nimport { PlaceholderView } from './placeholder-view';\r\n\r\nexport const WebsiteImageView = ({\r\n images,\r\n isLoadingFirstPage,\r\n isLoading,\r\n hasMore,\r\n finalUrl,\r\n subdomain,\r\n loadNextPage,\r\n onSelectImage,\r\n onEnteredFinalUrl,\r\n onSubdomainChange,\r\n onSubdomainChanged,\r\n pageSize,\r\n protocol,\r\n onUpdateProtocol,\r\n showTextAbovePicker,\r\n imageCellWidth,\r\n imageCellHeight,\r\n enableEditFinalUrlInListMode,\r\n}) => {\r\n const showPlaceholder =\r\n useMemo(() => !finalUrl || !isValidUrl(finalUrl), [finalUrl]);\r\n\r\n const finalUrlDomain = useMemo(() => {\r\n if (finalUrl) {\r\n return getUrlProtocolAndDomain(finalUrl);\r\n }\r\n return '';\r\n }, [finalUrl]);\r\n\r\n const i18n = useContext(I18nContext);\r\n const classes = useDefaultStyles(getWebsiteImagesStyles);\r\n\r\n const [temporaryFinalUrl, setTemporaryFinalUrl] = useState(finalUrlDomain);\r\n\r\n useEffect(() => {\r\n if (finalUrlDomain !== temporaryFinalUrl) {\r\n setTemporaryFinalUrl(finalUrlDomain);\r\n }\r\n }, [finalUrlDomain, finalUrl]);\r\n\r\n const subdomainRef = useRef();\r\n const finalUrlRef = useRef();\r\n\r\n const onKeyDownSubdomain = useCallback((ev) => {\r\n if (ev.key === 'Enter') {\r\n onSubdomainChanged(ev);\r\n if (subdomainRef.current) {\r\n subdomainRef.current.blur();\r\n }\r\n }\r\n }, [onSubdomainChanged]);\r\n\r\n const onKeyDownFinalUrl = useCallback((ev) => {\r\n if (ev.key === 'Enter') {\r\n let updatedFinalUrl = getUrlProtocolAndDomain(temporaryFinalUrl);\r\n\r\n if (!hasProtocol(updatedFinalUrl)) {\r\n updatedFinalUrl = `https://${updatedFinalUrl}`;\r\n }\r\n\r\n onEnteredFinalUrl(updatedFinalUrl, ev);\r\n if (finalUrlRef.current) {\r\n finalUrlRef.current.blur();\r\n }\r\n }\r\n }, [onEnteredFinalUrl, temporaryFinalUrl]);\r\n\r\n const onFinalUrlFieldChange = useCallback((ev, newValue) => {\r\n setTemporaryFinalUrl(newValue);\r\n }, [setTemporaryFinalUrl]);\r\n\r\n const onFinalUrlBlur = useCallback((ev) => {\r\n let updatedFinalUrl = getUrlProtocolAndDomain(temporaryFinalUrl);\r\n\r\n if (!hasProtocol(updatedFinalUrl)) {\r\n updatedFinalUrl = `https://${updatedFinalUrl}`;\r\n }\r\n\r\n onEnteredFinalUrl(updatedFinalUrl, ev);\r\n }, [temporaryFinalUrl, onEnteredFinalUrl]);\r\n\r\n return (\r\n {i18n.getString(_TL_('Please enter your website’s URL. We’ll pull images from your website.'))}
\r\n \r\n {i18n.getString(_TL_('Please enter a valid Final URL to see images from your website.'))}\r\n
\r\n }\r\n \r\n {\r\n showPlaceholder ?\r\n
\r\n );\r\n};\r\n\r\nWebsiteImageView.propTypes = {\r\n images: PropTypes.arrayOf(PropTypes.shape({\r\n thumbnailSrc: PropTypes.string,\r\n })).isRequired,\r\n isLoadingFirstPage: PropTypes.bool.isRequired,\r\n isLoading: PropTypes.bool.isRequired,\r\n hasMore: PropTypes.bool.isRequired,\r\n loadNextPage: PropTypes.func.isRequired,\r\n onSelectImage: PropTypes.func.isRequired,\r\n onEnteredFinalUrl: PropTypes.func.isRequired,\r\n onSubdomainChange: PropTypes.func.isRequired,\r\n onSubdomainChanged: PropTypes.func.isRequired,\r\n pageSize: PropTypes.number,\r\n finalUrl: PropTypes.string,\r\n subdomain: PropTypes.string,\r\n protocol: PropTypes.string,\r\n onUpdateProtocol: PropTypes.func,\r\n showTextAbovePicker: PropTypes.bool,\r\n imageCellWidth: PropTypes.number,\r\n imageCellHeight: PropTypes.number,\r\n enableEditFinalUrlInListMode: PropTypes.bool,\r\n};\r\n\r\nWebsiteImageView.defaultProps = {\r\n finalUrl: '',\r\n subdomain: '',\r\n pageSize: 30,\r\n protocol: null,\r\n onUpdateProtocol: null,\r\n showTextAbovePicker: false,\r\n imageCellWidth: undefined,\r\n imageCellHeight: undefined,\r\n enableEditFinalUrlInListMode: false,\r\n};\r\n"],"names":["getAdStatuStyles","dropdown","borderColor","display","selectedOption","backgroundColor","option","adStatusOptions","textKey","_TL_","value","dropdownId","AdStatus","_ref","onAdStatusChange","data","i18n","useContext","I18nContext","classes","useDefaultStyles","handleStatusChange","useCallback","e","optionValue","currentValue","currentText","getString","_","_jsx","FluentProvider","theme","webLightTheme","children","_jsxs","className","Label","id","Dropdown","onOptionSelect","selectedOptions","map","Option","classNames","ValidatedAdStatus","withCustomValidation","validationProps","updateValidation","status","newData","useEffect","AdStatusSection","React","props","expand","rest","_objectWithoutProperties","_excluded","descriptionsCardSummaryDetails","useMemo","getStatusSummary","ValidatedPanel","_objectSpread","title","TextTitle","titleKey","iconAltText","details","attentionBeaconProps","getExtraProps","getPanelErrorProps","actuationProps","expandKey","assetLibraryLegacyI18nMap","ImageExperience_MultipleUpload_SizeValidationFailTemplate","ImageExperience_MultipleUpload_SizeValidationFailTemplate_WithoutDimension","ImageExperience_SizeValidationFailTemplate_WithDetail","ImageExperience_SizeValidationFailTemplate_WithDetail_WithoutDimension","ImageExperience_SizeValidationFailTemplate","ImageExperience_SizeValidationFailTemplate_WithoutDimension","ImageExperience_Error_AnimatedImageNotAllowed","ImageExperience_Error_ImageLoadError","ImageExperience_Error_CampaignServiceMediaDataEncodingInvalid","ImageExperience_Error_CampaignServiceMediaFormatNotSupported","ImageExperience_Error_InternalError","imageOption","constants","defaultImageOption","removeNullUndefined","obj","newObj","forEach","key","undefined","processNewlyAddedImages","imgObjMT","imageSource","optionalCallback","isDisplayAds","isPortraitImage","isAudienceAdSmartCropEnabled","mediaRepository","_ref$isBrandKit","isBrandKit","postValidationError","validateImageWithDimension","Width","Height","isDueToResizing","imageObject","newImageFromMTObject","getSmartCroppedImagesAsync","originalImageToCrop","isMultimediaAd","isMultimediaAdinMSANEnabled","aspectRatioOption","defaultAspectRatioOption","genericErrorMsg","useAssetLibraryImagePicker","_ref2","cid","aid","oDataConfig","onNewImageSelected","permissions","serverContext","isAllUploadFlowImageUpscaleEnabled","_ref2$isBrandKit","_useState","useState","_useState2","_slicedToArray","imagePickerError","setImagePickerError","_useState3","_useState4","isUploadImageUpscaleEnabled","setIsUploadImageUpscaleEnabled","isCopilotRegionRestricted","feature","then","isRestricted","errorValidationI18n","buildLegacyI18n","minSize","getMinimumSizeForImage","minUploadSize","length","supportImageUpscale","setImagePickerErrorWithErrorCodeError","getImageValidationErrorMessage","clearImagePickerError","customMediaSourceConfig","_ref3","mediaSourceConfig","addMediaConfig","IsSocialMediaImagesEnabled","VIEWS","SocialMedia","imageRepository","ImageRepository","stockImageDataService","StockImageDataService","controller","investImageDataService","InvestImageDataService","socialMediaRepository","SocialMediaRepository","socialMediaDataSource","SocialMediaDataSource","repository","MediaRepository","dynamic","uploadImage","_ref4","imageData","updateCurrentProgress","name","validateImageSizeAsync","uploadImageAsync","response","imageId","Error","Code","processUploadedImage","_ref5","index","callback","imageSources","Upload","getImageByIdAsync","croppedImagePlacements","onProcessUploadComplete","args","arguments","upscaledImages","item","count","imageName","notificationApi","showInfo","fileName","fileCount","addImageByUrl","imageUrl","WebsiteCarousel","bulkSaveImagesByUrl","url","ids","code","processedImage","catch","errorMessage","addCreatives","_ref6","creativeData","getMTImages","_ref7","_asyncToGenerator","_regeneratorRuntime","mark","_callee","images","wrap","_context","prev","next","Promise","sent","abrupt","stop","_x","apply","getImages","_ref8","_callee2","imgObjsMT","_context2","addCropSettingsToCreativeImage","_x2","originalImageUrls","creative","template","image","Url","metadata","stringifySync","replace","encodeURIComponent","baseId","Id","sourceType","error","getStockImages","getInvestImages","getInvestAssets","onSelectStockImage","_ref12","selectedImageId","Stock","saveStockImage","stockImageId","stockImageVendorId","_ref13","onImageSelected","Existing","Metadata","uriDecodedMetaData","decodedMetadata","parseSync","creativeMeta","creativeId","onImagesSelected","imageIds","addImagePromises","push","processedImages","useImagePicker","show","setShow","activeImagePickerPillIndex","setActiveImagePillIndex","_useState5","LandingPage","_useState6","selectedMediaPanelSource","setSelectedMediaPanelSource","displayImagePicker","setDisplayImagePicker","displayWebsiteSuggestionTab","WebsiteImage","websiteSuggestionReducer","state","action","type","isSubdomainScraping","selectedIndex","SuggestionStatus","SelectSuggestionError","carousel","message","MessageBarType","SelectSuggestionComplete","val","ind","updatedSuggestions","mapSuggestionResponseToState","useWebsiteSuggestion","adContext","instrumentation","logActivity","fullUrl","hasErrorInUrl","headlines","descriptions","adCreatorScenario","_ref$customizedGetMin","customizedGetMinimumSizeForImage","_useReducer","useReducer","EmptyURL","_useReducer2","suggestionState","dispatchSuggestionState","onPollingSuggestionCompleted","ServerError","FetchSucceed","logger","getAdCreatorInstrumentation","websiteSuggestionActivity","SuggestionPoller","advertiserCustomerId","accountId","cmpId","campaignId","jobCompleteCallback","poller","pollerWrapperRef","useRef","current","getLandingPageSuggestions","opts","concat","JSON","stringify","getMoreLandingPageSuggestions","fetchSuggestionByUrl","headlinesArg","descriptionsArg","enableOfflinePollingDelay","FetchInProgress","width","height","landingPageUrl","minimumResolution","cancel","InvalidURL","suggestionPoller","StockImage","AIGCImage","InvestImage","ManagedWebsiteImageView","imageExperienceProps","setShowBlocker","assetLibraryConfig","assetLibraryDataService","maxUploadNum","triggerAddImagesRef","setDisableApplyButton","setShowApplyButton","setSelectionInfoText","setErrors","perfMarker","setImages","setMoreImages","newImages","prevImages","_toConsumableArray","websiteImageConfig","suggestion","finalUrl","onUpdateFinalUrl","finalUrlProtocol","onUpdateFinalUrlPrefix","pageNumber","setPageNumber","subdomain","setSubdomain","hasMore","setHasMore","lastSuggestionImages","finalUrlWithDomain","getUrlProtocolAndDomain","baseImages","inProgress","thumbnailSrc","thumbnailUrl","onSubdomainChange","ev","newSubdomain","onEnteredFinalUrl","newUrl","onUpdateProtocol","newProtocol","text","onSubdomainChanged","target","trim","extendPath","forceInternalScrapingService","additionalCallback","isLoadingFirstPage","loadNextPage","newPageNumber","_data$ImagePaging","ImagePaging","TotalCount","PageSize","PageNumber","Images","ThumbnailUrl","ImageUrl","isLoading","pageSize","protocol","showTextAbovePicker","useImageExperienceAdapterForWebsiteImages","enableMultipleSelection","enableWebsiteMultipleSelection","onImageAddError","onSelectImage","uploadImageByUrl","folderId","ROOT_FOLDER_ID","sourceTypes","WebsiteImported","res","logTrace","Website","finally","onSelectImageForMultiSelection","selectedImage","newImage","isSelected","newArr","limitNumber","selectedImages","stringToUse","selectedNumber","onApplyButtonClick","websiteImagePerfMarker","createChild","willInit","img","concurrency","MaxAddAssetJobInParell","err","done","WebsiteImageView","imageCellWidth","imageCellHeight","defaultProps","websiteImageSourceConfig","showBackButton","onRenderContent","buttonConfig","label","view","iconName","buttonLocator","ManagedStockImageView","stockImageConfig","enableStockMultipleSelection","onChangeImageIdSelection","stockImagePerfMarker","selectStockImage","uploadStockImage","tap","skip","setSkip","_useState7","_useState8","serializedFilterForComp","setSerializedFilterForComp","_useState9","_useState10","setIsLoadingFirstPage","_useState11","_useState12","searchQuery","setSearchQuery","_useState13","_useState14","filter","setFilter","StockImageView","stockImageSourceConfig","getSocialMediaStyles","socialMediaContainer","flexDirection","flexGrow","textField","paddingBottom","socialMediaRoot","paddingTop","twitterReg","RegExp","SocialImageView","fetchImages","fetchImageByAccount","socialMediaAccount","showPlaceholder","isValidUrl","setIsLoading","account","setAccount","alertMessage","setAlertMessage","setAlertMessageByResult","result","loadSocialImages","Value","onAccountChange","newValue","onBlur","match","Key","fetchResult","imageToBeSelected","src","onKeyDown","classnames","PlaceholderView","TextField","iconProps","onChange","styles","fieldGroup","AssetLibrarySpinner","useCustomSize","customStyle","marginTop","FluentImagePicker","loadMoreImages","hasMoreImages","ManagedSocialImageView","socialImageConfig","_useSocialMediaReposi","setSocialMediaAccount","subscribe","newStatus","newSocialMediaAccount","socialMediaAccounts","useSocialMediaRepositoryToSetImages","acct","TwitterImported","Social","socialImageSourceConfig","ManagedAIGCImageView","eventHandler","assetLibraryAccountPreferences","_useAIGenerateImagesS","useAIGenerateImagesState","dataService","prompt","restState","boundedMaxUploadNum","selectedCount","handleJobErrors","jobErrors","assetLimit","getImageAssetLimitPerAccount","genericError","LearnMoreLink","linkText","topic","onApplySelectedImages","handleRealUsedFlag","RealUsedFlagSuffix","Picker","imageUrls","x","join","logForExpand","aiGCImagePerfMarker","modelSource","AIModelSource","Dalle","Recraft","AIGeneratedByRecraft","AIGenerated","values","onAddImagesToAssetLibrary","AssetLibraryAIGenerateImagesView","aigcImageSourceConfig","onRenderFooterContent","AIGCDisclaimer","getLandingPageStyles","landingContent","assetLibraryGridContainer","flexBasis","overflowX","overflowY","padding","getAssetLibraryStyles","maxWidth","injectedContentContainer","marginRight","marginLeft","minWidth","position","DeleteConfirmDialog","showConfirmDialog","setShowConfirmDialog","deleteAssetApi","onSuccess","showUIBlocker","setShowUIBlocker","setErrorMessage","closeConfirmDialog","ConfirmDialog","isDisplayed","errorText","confirmString","cancelString","onClickConfirm","errors","onClickCancel","isUiBlocked","zIndex","background","overflowWrap","filterTokens","childrenGap","AssetLibraryImagesView","ianaTimeZone","assetLibraryUserPreferences","dateFormat","onFailedToLoadImages","multiSelectionEnabled","allowedAssetType","enableImageDeleting","isAssetLibraryAIGCMVPEnabled","isClickableOutsideFocusTrap","disabledAssetSources","setSelectedImages","selectedFolders","setSelectedFolders","setSelectedCount","dataLoadedOnce","setDataLoadedOnce","addAssetLibrarySurveyTriggerFlag","AssetLibrarySurveyTriggerFlag","dataLoaded","onApplyImages","imagesFromFolders","folder","assets","imagesIdsFromFolders","selectedImageIds","selectedImagePerformanceLabels","performanceLabel","imagesToSelect","imagePerformanceLabels","reload","setReload","forceToReload","imageDeleteConfirmDialog","onDeleted","itemToDeleteRef","open","render","assetId","folderAssetType","deleteAsset","useImageDeleteConfirmDialog","renderImageGridCell","searchText","onClick","event","keyCode","Enter","AssetLibraryImageAssetsGridCellBase","highlightedText","renderCellContent","defaultContent","role","tabIndex","style","deletable","onDelete","resetSelectionState","navigateIntoFolder","renderMultiSelectionGridCell","selected","selectItem","sectionName","assetCells","document","querySelectorAll","cell","GridSectionName","Folder","AssetLibraryFoldersGridCell","selectable","onSelect","onFolderClick","folderItem","customTabHandler","shiftKeyPressed","querySelector","sortBy","focus","i","keyDownHandlerForListItem","onSelectionChange","selectedItems","newCount","memo","itemCount","ImageAssetsCount","Asset","_ref9","sectionSelectedItems","_defineProperty","_Fragment","AssetLibraryLandingPageContent","renderGridCell","dropdownWidth","tokens","onFailedToLoadData","displayFolderPath","assetsToLoadForSubfolders","onFolderNavigationChange","realUsedFlagSuffix","overlayStyles","root","AddMediaLandingPage","goToView","setHideSubtitle","imageType","showPromotionBanner","isAdStudioEnabled","uploadPreviewImageArr","setUploadPreviewImageArr","showUploadPreview","setShowUploadPreview","isSpinnerVisible","showSpinner","onImgSelected","onImgsSelected","restConfig","isMMAV2Enabled","isStoreAppProng","isStoreAppSpotLight","isStoreAppTransparentLogo","imageSelectPerfMarker","imgObj","imagePerfMarkerData","imageWidth","imageHeight","onFailedToLoadAssetLibraryImages","uploadMediaConfig","processUploadedMedia","uploadMedia","isPortraitImageEnabled","imageOptionKeys","Portrait","supportUpscale","onUploadImage","onGenerateImagesClick","Overlay","isDarkThemed","UploadPreview","assetList","AssetLibraryAIGCPromotionBanner","AssetLibraryNewFeatureBanner","content","AddMediaSourcesContainer","setUploadPreviewMediaArr","setUploadErrors","FolderAssetType","Image","ManagedLandingView","preDefinedAssetSources","finalConfig","landingPageButtonConfig","getSearchFieldStyle","container","getRootStyles","investImageRoot","InvestImageView","searchFieldClasses","loadImages","_ref2$creativeId","_ref2$$skip","$skip","_ref2$$query","$query","queryParams","appName","assetTypeId","$top","customQueries","extend","XandrAssetId","imageSrc","newSkip","selectionChange","newSelectionState","selectionState","placeholder","IconButton","ManagedInvestImageView","investImageConfig","enableInvestMultipleSelection","investImagePerfMarker","selectInvestImage","uploadInvestImage","investImageId","Invest","investImageSourceConfig","getAddImageConfig","isLiteLandingPageEnabled","hideStockImage","panelTitle","panelSubtitle","isXandrIntegrationEnabled","config","subTitle","onRenderSubtitle","subtitleClass","onAssetLibraryLinkClick","href","rel","getLandingPageConfig","DEFAULT_VIEW","AddImageCrudAdComponentInternal","isStockImageEnabled","creativeEditorProps","hasLoggedEnterAssetLibrary","setHasLoggedEnterAssetLibrary","removeAssetLibrarySurveyTriggerFlag","setClarityTag","AssetLibraryCopilot","isOpen","onEnterAssetLibrary","AssetLibraryCreativeEditor","initialView","AddMediaPanel","AddImageCrudAdComponentInternalWithServices","withAssetLibraryServicesLoaded","loggerTag","AddImageCrudAdComponent","isAADUser","_excluded2","isAssetLibraryAIGCEnabled","setIsAssetLibraryAIGCEnabled","copilotRegionRestrictedCalled","setCopilotRegionRestrictedCalled","isAssetLibraryAIGCEnabledInner","timeZone","preferencesService","activityLogger","accountTimeZone","preferenceService","activity","stockImageFilterLegacyI18nMap","ShutterStock_Filter_People_Model_Released","ShutterStock_Filter_People_Model_Released_True","ShutterStock_Filter_People_Model_Released_False","ShutterStock_Filter_People_Ethnicity","ShutterStock_Filter_People_Ethnicity_African","ShutterStock_Filter_People_Ethnicity_African_American","ShutterStock_Filter_People_Ethnicity_Black","ShutterStock_Filter_People_Ethnicity_Brazilian","ShutterStock_Filter_People_Ethnicity_Chinese","ShutterStock_Filter_People_Ethnicity_Caucasian","ShutterStock_Filter_People_Ethnicity_East_Asian","ShutterStock_Filter_People_Ethnicity_Hispanic","ShutterStock_Filter_People_Ethnicity_Japanese","ShutterStock_Filter_People_Ethnicity_Middle_Eastern","ShutterStock_Filter_People_Ethnicity_Native_American","ShutterStock_Filter_People_Ethnicity_Pacific_Islander","ShutterStock_Filter_People_Ethnicity_South_Asian","ShutterStock_Filter_People_Ethnicity_Southeast_Asian","ShutterStock_Filter_People_Ethnicity_Other","ShutterStock_Filter_People_Gender","ShutterStock_Filter_People_Male","ShutterStock_Filter_People_Female","ShutterStock_Filter_People_Both","ShutterStock_Filter_People_Age","ShutterStock_Filter_People_Age_Infants","ShutterStock_Filter_People_Age_Children","ShutterStock_Filter_People_Age_Teenagers","ShutterStock_Filter_People_Age_20s","ShutterStock_Filter_People_Age_30s","ShutterStock_Filter_People_Age_40s","ShutterStock_Filter_People_Age_50s","ShutterStock_Filter_People_Age_60s","ShutterStock_Filter_People_Age_Older","ShutterStock_Filter_People_Number","ShutterStock_Filter_Filter","ShutterStock_Filter_Reset","ShutterStock_Filter_Apply","Filter_PredicateList_New","Filter_Validation_Common_Required","Filter_Validation_Common_Number","Filter_Validation_Common_Number_Range","Filter_Validation_Common_Integer","Filter_Validation_EnumSelectionRequired","Filter_Validation_Common_Date","ShutterStock_Filter_Operator_Eq","ShutterStock_Filter_People_Age_Children_X","ShutterStock_Filter_People_Age_20s_X","ShutterStock_Filter_People_Age_30s_X","ShutterStock_Filter_People_Age_40s_X","ShutterStock_Filter_People_Age_50s_X","ShutterStock_Filter_People_Age_60s_X","ShutterStock_Filter_People_Age_Older_X","getFilterStyle","popoverContainer","stockImageRoot","filterI18n","_ref2$$search","$search","language","includevertical","Preview","onFilterQueryChange","newFilterQuery","newFilterQueryString","messageBarStyles","marginBottom","popoverContainerRef","setPopoverContainerRef","popoverContainerCallbackRef","node","StockImageFilter","i18nLegacy","ref","MessageBar","messageBarType","info","placeholderTextFieldStyles","field","paddingRight","paddingLeft","placeholderTextFieldIconProps","left","right","placeholderDropdownStyles","getPlaceholderStyles","placeholderView","fontSize","lineHeight","color","getWebsiteImagesStyles","subdomainFields","textAbovePicker","margin","rootContainer","websiteImagesFinalUrlTextFieldStyles","websiteImagesFinalUrlTextFieldIconProps","websiteImagesSubdomainTextFieldStyles","urlPrefixOptions","initialFinalUrl","managedProtocol","setManagedProtocol","isInvalidUrl","setIsInvalidUrl","initialValue","initialTextFieldValue","getDomain","shouldUseExternallyManagedProtocol","currentProtocol","setCurrentProtocol","onChangeProtocol","newPrefix","onBlurUrl","newUrlWithProtocol","alt","options","selectedKey","ariaLabel","defaultValue","enableEditFinalUrlInListMode","finalUrlDomain","temporaryFinalUrl","setTemporaryFinalUrl","subdomainRef","finalUrlRef","onKeyDownSubdomain","blur","onKeyDownFinalUrl","updatedFinalUrl","hasProtocol","onFinalUrlFieldChange","onFinalUrlBlur","disabled","componentRef"],"sourceRoot":""}\r\n {showTextAbovePicker && (\r\n
\r\n )\r\n }\r\n {\r\n !showPlaceholder && !isLoading && images.length === 0 &&\r\n \r\n {i18n.getString(_TL_('We found images from your Final URL:'))}\r\n
\r\n )}\r\n \r\n {'/'}\r\n
\r\n \r\n \r\n
\r\n }\r\n {\r\n !showPlaceholder && (\r\n isLoadingFirstPage ? \r\n {i18n.getString(_TL_('No suggestion found from your site.'))}\r\n
\r\n