box-ui-elements 16.1.0-beta.9 → 17.0.0

package/es/features/shared-link-settings-modal/SharedLinkSettingsModal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/shared-link-settings-modal/SharedLinkSettingsModal.js"],"names":["React","Component","PropTypes","FormattedMessage","Button","PrimaryButton","Modal","ModalActions","InlineNotice","Link","commonMessages","Classification","getClassificationLabelColor","VanityNameSection","PasswordSection","ExpirationSection","AllowDownloadSection","messages","PEOPLE_WITH_LINK","PEOPLE_IN_COMPANY","PEOPLE_IN_ITEM","getAccessNoticeMessageId","accessLevel","canDownload","message","withLinkViewDownload","withLinkView","inCompanyViewDownload","inCompanyView","inItem","SharedLinkSettingsModal","props","event","preventDefault","state","expirationDate","isDownloadEnabled","isExpirationEnabled","isPasswordEnabled","password","vanityName","onSubmit","expirationTimestamp","getTime","undefined","setState","target","value","vanityNameError","passwordError","checked","date","expirationError","isVanityEnabled","Date","prevProps","canChangeVanityName","hideVanityNameSection","serverURL","vanityNameInputProps","warnOnPublic","onVanityNameChange","onVanityCheckboxChange","canChangePassword","isPasswordAvailable","passwordCheckboxProps","passwordInformationText","passwordInputProps","onPasswordCheckboxChange","onPasswordChange","canChangeExpiration","expirationCheckboxProps","expirationInputProps","onExpirationCheckboxChange","onExpirationDateChange","sharedLinkSettingWarningLinkText","canChangeDownload","directLink","directLinkInputProps","downloadCheckboxProps","isDirectLinkAvailable","isDirectLinkUnavailableDueToDownloadSettings","isDirectLinkUnavailableDueToAccessPolicy","isDirectLinkUnavailableDueToMaliciousContent","isDownloadAvailable","item","classification","onAllowDownloadChange","bannerPolicy","classificationColor","modalTitle","body","cancelButtonProps","isOpen","modalProps","onRequestClose","saveButtonProps","submitting","showInaccessibleSettingsNotice","disableSaveBtn","renderModalTitle","inaccessibleSettingsNotice","renderAccessLevelNotice","renderExpirationSection","renderPasswordSection","renderVanityNameSection","renderAllowDownloadSection","cancel","save","bool","func","isRequired","string","number","object"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport Button from '../../components/button';\nimport PrimaryButton from '../../components/primary-button';\nimport { Modal, ModalActions } from '../../components/modal';\nimport InlineNotice from '../../components/inline-notice';\nimport Link from '../../components/link/LinkBase';\nimport commonMessages from '../../common/messages';\nimport Classification, { getClassificationLabelColor } from '../classification';\n\nimport VanityNameSection from './VanityNameSection';\nimport PasswordSection from './PasswordSection';\nimport ExpirationSection from './ExpirationSection';\nimport AllowDownloadSection from './AllowDownloadSection';\nimport messages from './messages';\n\nimport { PEOPLE_WITH_LINK, PEOPLE_IN_COMPANY, PEOPLE_IN_ITEM } from '../shared-link-modal/constants';\n\nimport './SharedLinkSettingsModal.scss';\n\n/**\n * Return the translation message based on the access level and whether the user can download or not\n * @param {string} accessLevel one of 'peopleWithTheLink', 'peopleInYourCompany', or 'peopleInThisItem'\n * @param {boolean} canDownload prop value for whether the user can currently download\n *\n * @return {object|undefined} message for the proper translation (or undefined if nothing matches)\n */\nfunction getAccessNoticeMessageId(accessLevel, canDownload) {\n    let message;\n\n    switch (accessLevel) {\n        case PEOPLE_WITH_LINK:\n            message = canDownload ? messages.withLinkViewDownload : messages.withLinkView;\n            break;\n        case PEOPLE_IN_COMPANY:\n            message = canDownload ? messages.inCompanyViewDownload : messages.inCompanyView;\n            break;\n        case PEOPLE_IN_ITEM:\n            message = messages.inItem;\n            break;\n        default:\n            break;\n    }\n\n    return message;\n}\n\nclass SharedLinkSettingsModal extends Component {\n    static propTypes = {\n        hideVanityNameSection: PropTypes.bool,\n        isOpen: PropTypes.bool,\n        onRequestClose: PropTypes.func,\n        submitting: PropTypes.bool,\n        warnOnPublic: PropTypes.bool,\n        /** Function called on form submission. Format is:\n         * ({\n         *      expirationTimestamp: number (in milliseconds),\n         *      isDownloadEnabled: true,\n         *      isExpirationEnabled: true,\n         *      isPasswordEnabled: true,\n         *      password: string,\n         *      vanityName: string,\n         * }) => void\n         */\n        onSubmit: PropTypes.func.isRequired,\n\n        // access level props\n        /** the access level used for the item being shared */\n        accessLevel: PropTypes.string,\n\n        // Custom URL props\n        /** Whether or not user has permission to change/set vanity URL for this item */\n        canChangeVanityName: PropTypes.bool.isRequired,\n        /** Current vanity name for the item */\n        vanityName: PropTypes.string.isRequired,\n        /** Server URL prefix for vanity URL preview; should be something like http://company.box.com/v/ */\n        serverURL: PropTypes.string.isRequired,\n        vanityNameError: PropTypes.string,\n\n        // Password props\n        /** Whether or not user has permission to enable/disable/change password */\n        canChangePassword: PropTypes.bool.isRequired,\n        /** Whether or not the password section is visible to user */\n        isPasswordAvailable: PropTypes.bool.isRequired,\n        /** Whether or not password is currently enabled */\n        isPasswordEnabled: PropTypes.bool.isRequired,\n        passwordError: PropTypes.string,\n        /** Information shown below password input box * */\n        passwordInformationText: PropTypes.string,\n\n        // Expiration props\n        /** Whether or not user has permission to enable/disable/change expiration */\n        canChangeExpiration: PropTypes.bool.isRequired,\n        /** Current expiration timestamp, in milliseconds */\n        expirationTimestamp: PropTypes.number,\n        expirationError: PropTypes.string,\n\n        // Allow download props\n        /** Whether or not the download section is visible to user */\n        isDownloadAvailable: PropTypes.bool.isRequired,\n        /** Whether or not user has permission to enable/disable download */\n        canChangeDownload: PropTypes.bool.isRequired,\n        /** Whether or not download is currently enabled */\n        isDownloadEnabled: PropTypes.bool.isRequired,\n\n        // Direct link props\n        /** URL for direct link */\n        directLink: PropTypes.string.isRequired,\n        /** Whether or not direct link is available */\n        isDirectLinkAvailable: PropTypes.bool.isRequired,\n        /** Whether or not direct link is unavailable only due to download setting */\n        isDirectLinkUnavailableDueToDownloadSettings: PropTypes.bool.isRequired,\n        /** Whether or not direct link is unavailable only due to access policy setting */\n        isDirectLinkUnavailableDueToAccessPolicy: PropTypes.bool.isRequired,\n        /** Whether or not direct link is unavailable only due to malicious content policy */\n        isDirectLinkUnavailableDueToMaliciousContent: PropTypes.bool.isRequired,\n\n        // Classification props\n        item: PropTypes.object,\n\n        // Hooks for resin\n        cancelButtonProps: PropTypes.object,\n        directLinkInputProps: PropTypes.object,\n        downloadCheckboxProps: PropTypes.object,\n        expirationCheckboxProps: PropTypes.object,\n        expirationInputProps: PropTypes.object,\n        modalProps: PropTypes.object,\n        passwordCheckboxProps: PropTypes.object,\n        passwordInputProps: PropTypes.object,\n        saveButtonProps: PropTypes.object,\n        vanityNameInputProps: PropTypes.object,\n    };\n\n    static defaultProps = {\n        cancelButtonProps: {},\n        modalProps: {},\n        saveButtonProps: {},\n    };\n\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            expirationDate: props.expirationTimestamp ? new Date(props.expirationTimestamp) : null,\n            expirationError: props.expirationError,\n            isVanityEnabled: !!props.vanityName,\n            isDownloadEnabled: props.isDownloadEnabled,\n            isExpirationEnabled: !!props.expirationTimestamp,\n            isPasswordEnabled: props.isPasswordEnabled,\n            password: '',\n            passwordError: props.passwordError,\n            vanityName: props.vanityName,\n            vanityNameError: props.vanityNameError,\n        };\n    }\n\n    componentDidUpdate(prevProps) {\n        const { expirationError, passwordError, vanityNameError } = this.props;\n\n        if (\n            prevProps.expirationError !== expirationError ||\n            prevProps.passwordError !== passwordError ||\n            prevProps.vanityNameError !== vanityNameError\n        ) {\n            this.setState({\n                expirationError,\n                passwordError,\n                vanityNameError,\n            });\n        }\n    }\n\n    onSubmit = event => {\n        event.preventDefault();\n\n        const {\n            expirationDate,\n            isDownloadEnabled,\n            isExpirationEnabled,\n            isPasswordEnabled,\n            password,\n            vanityName,\n        } = this.state;\n\n        this.props.onSubmit({\n            expirationTimestamp: expirationDate ? expirationDate.getTime() : undefined,\n            isDownloadEnabled,\n            isExpirationEnabled,\n            isPasswordEnabled,\n            password,\n            vanityName,\n        });\n    };\n\n    onVanityNameChange = event => {\n        this.setState({\n            vanityName: event.target.value,\n            vanityNameError: undefined,\n        });\n    };\n\n    onPasswordChange = event => {\n        this.setState({\n            password: event.target.value,\n            passwordError: undefined,\n        });\n    };\n\n    onPasswordCheckboxChange = event => {\n        this.setState({ isPasswordEnabled: event.target.checked });\n    };\n\n    onExpirationDateChange = date => {\n        this.setState({ expirationDate: date, expirationError: undefined });\n    };\n\n    onExpirationCheckboxChange = event => {\n        this.setState({ isExpirationEnabled: event.target.checked });\n    };\n\n    onAllowDownloadChange = event => {\n        this.setState({ isDownloadEnabled: event.target.checked });\n    };\n\n    onVanityCheckboxChange = event => {\n        this.setState({\n            isVanityEnabled: event.target.checked,\n            vanityName: !event.target.checked ? '' : this.props.vanityName,\n        });\n    };\n\n    renderVanityNameSection() {\n        const {\n            canChangeVanityName,\n            hideVanityNameSection,\n            serverURL,\n            vanityNameInputProps,\n            warnOnPublic = false,\n        } = this.props;\n        const { vanityNameError, isVanityEnabled } = this.state;\n\n        if (hideVanityNameSection) {\n            return null;\n        }\n\n        return (\n            <VanityNameSection\n                canChangeVanityName={canChangeVanityName}\n                isVanityEnabled={isVanityEnabled}\n                error={vanityNameError}\n                onChange={this.onVanityNameChange}\n                onCheckboxChange={this.onVanityCheckboxChange}\n                serverURL={serverURL}\n                vanityName={this.state.vanityName}\n                vanityNameInputProps={vanityNameInputProps}\n                warnOnPublic={warnOnPublic}\n            />\n        );\n    }\n\n    renderPasswordSection() {\n        const {\n            canChangePassword,\n            isPasswordAvailable,\n            passwordCheckboxProps,\n            passwordInformationText,\n            passwordInputProps,\n        } = this.props;\n        const { isPasswordEnabled, password, passwordError } = this.state;\n\n        return (\n            <PasswordSection\n                canChangePassword={canChangePassword}\n                error={passwordError}\n                isPasswordAvailable={isPasswordAvailable}\n                isPasswordEnabled={isPasswordEnabled}\n                isPasswordInitiallyEnabled={this.props.isPasswordEnabled}\n                onCheckboxChange={this.onPasswordCheckboxChange}\n                onPasswordChange={this.onPasswordChange}\n                password={password}\n                passwordCheckboxProps={passwordCheckboxProps}\n                passwordInformationText={passwordInformationText}\n                passwordInputProps={passwordInputProps}\n            />\n        );\n    }\n\n    renderExpirationSection() {\n        const { canChangeExpiration, expirationCheckboxProps, expirationInputProps } = this.props;\n        const { expirationDate, isExpirationEnabled, expirationError } = this.state;\n\n        return (\n            <ExpirationSection\n                canChangeExpiration={canChangeExpiration}\n                error={expirationError}\n                expirationCheckboxProps={expirationCheckboxProps}\n                expirationDate={expirationDate}\n                expirationInputProps={expirationInputProps}\n                isExpirationEnabled={isExpirationEnabled}\n                onCheckboxChange={this.onExpirationCheckboxChange}\n                onExpirationDateChange={this.onExpirationDateChange}\n            />\n        );\n    }\n\n    renderAccessLevelNotice() {\n        const { accessLevel } = this.props;\n        const { isDownloadEnabled } = this.state;\n        const message = getAccessNoticeMessageId(accessLevel, isDownloadEnabled);\n\n        return (\n            message && (\n                <div className=\"link-settings-modal-notice\">\n                    <FormattedMessage {...message} />{' '}\n                    <Link\n                        href=\"https://support.box.com/hc/en-us/articles/360043697554-Configuring-Individual-Shared-Link-Settings\"\n                        target=\"_blank\"\n                    >\n                        <FormattedMessage {...messages.sharedLinkSettingWarningLinkText} />\n                    </Link>\n                </div>\n            )\n        );\n    }\n\n    renderAllowDownloadSection() {\n        const {\n            canChangeDownload,\n            directLink,\n            directLinkInputProps,\n            downloadCheckboxProps,\n            isDirectLinkAvailable,\n            isDirectLinkUnavailableDueToDownloadSettings,\n            isDirectLinkUnavailableDueToAccessPolicy,\n            isDirectLinkUnavailableDueToMaliciousContent,\n            isDownloadAvailable,\n            item,\n        } = this.props;\n\n        const { isDownloadEnabled } = this.state;\n        const { classification } = item;\n\n        return (\n            <AllowDownloadSection\n                canChangeDownload={canChangeDownload}\n                classification={classification}\n                directLink={directLink}\n                directLinkInputProps={directLinkInputProps}\n                downloadCheckboxProps={downloadCheckboxProps}\n                isDirectLinkAvailable={isDirectLinkAvailable}\n                isDirectLinkUnavailableDueToDownloadSettings={isDirectLinkUnavailableDueToDownloadSettings}\n                isDirectLinkUnavailableDueToAccessPolicy={isDirectLinkUnavailableDueToAccessPolicy}\n                isDirectLinkUnavailableDueToMaliciousContent={isDirectLinkUnavailableDueToMaliciousContent}\n                isDownloadAvailable={isDownloadAvailable}\n                isDownloadEnabled={isDownloadEnabled}\n                onChange={this.onAllowDownloadChange}\n            />\n        );\n    }\n\n    renderModalTitle() {\n        const { item } = this.props;\n        const { bannerPolicy, classification } = item;\n        const classificationColor = getClassificationLabelColor(bannerPolicy);\n\n        return (\n            <span className=\"bdl-SharedLinkSettingsModal-title\">\n                <FormattedMessage {...messages.modalTitle} />\n                <Classification\n                    className=\"bdl-SharedLinkSettingsModal-classification\"\n                    color={classificationColor}\n                    definition={bannerPolicy ? bannerPolicy.body : undefined}\n                    messageStyle=\"tooltip\"\n                    name={classification}\n                />\n            </span>\n        );\n    }\n\n    render() {\n        const {\n            canChangeDownload,\n            canChangeExpiration,\n            canChangePassword,\n            canChangeVanityName,\n            cancelButtonProps,\n            isOpen,\n            modalProps,\n            onRequestClose,\n            saveButtonProps,\n            submitting,\n        } = this.props;\n\n        const showInaccessibleSettingsNotice = !(\n            canChangeDownload &&\n            canChangeExpiration &&\n            canChangePassword &&\n            canChangeVanityName\n        );\n\n        const disableSaveBtn = !(canChangeDownload || canChangeExpiration || canChangePassword || canChangeVanityName);\n        return (\n            <Modal\n                className=\"be-modal shared-link-settings-modal\"\n                isOpen={isOpen}\n                onRequestClose={submitting ? undefined : onRequestClose}\n                title={this.renderModalTitle()}\n                {...modalProps}\n            >\n                <form onSubmit={this.onSubmit}>\n                    {showInaccessibleSettingsNotice && (\n                        <InlineNotice type=\"warning\">\n                            <FormattedMessage {...messages.inaccessibleSettingsNotice} />\n                        </InlineNotice>\n                    )}\n                    {this.renderAccessLevelNotice()}\n                    {this.renderExpirationSection()}\n                    {this.renderPasswordSection()}\n                    {this.renderVanityNameSection()}\n                    {this.renderAllowDownloadSection()}\n                    <ModalActions>\n                        <Button isDisabled={submitting} onClick={onRequestClose} type=\"button\" {...cancelButtonProps}>\n                            <FormattedMessage {...commonMessages.cancel} />\n                        </Button>\n                        <PrimaryButton\n                            isDisabled={submitting || disableSaveBtn}\n                            isLoading={submitting}\n                            {...saveButtonProps}\n                        >\n                            <FormattedMessage {...commonMessages.save} />\n                        </PrimaryButton>\n                    </ModalActions>\n                </form>\n            </Modal>\n        );\n    }\n}\n\nexport default SharedLinkSettingsModal;\n"],"file":"SharedLinkSettingsModal.js"}
+{"version":3,"sources":["../../../src/features/shared-link-settings-modal/SharedLinkSettingsModal.js"],"names":["React","Component","PropTypes","FormattedMessage","Button","PrimaryButton","Modal","ModalActions","InlineNotice","Link","commonMessages","Classification","getClassificationLabelColor","VanityNameSection","PasswordSection","ExpirationSection","AllowDownloadSection","messages","PEOPLE_WITH_LINK","PEOPLE_IN_COMPANY","PEOPLE_IN_ITEM","getAccessNoticeMessageId","accessLevel","canDownload","message","withLinkViewDownload","withLinkView","inCompanyViewDownload","inCompanyView","inItem","SharedLinkSettingsModal","props","event","preventDefault","state","expirationFormattedDate","isDownloadEnabled","isExpirationEnabled","isPasswordEnabled","password","vanityName","onSubmit","expirationTimestamp","undefined","setState","target","value","vanityNameError","passwordError","checked","date","formattedDate","expirationDate","expirationError","isVanityEnabled","Date","prevProps","canChangeVanityName","hideVanityNameSection","serverURL","vanityNameInputProps","warnOnPublic","onVanityNameChange","onVanityCheckboxChange","canChangePassword","isPasswordAvailable","passwordCheckboxProps","passwordInformationText","passwordInputProps","onPasswordCheckboxChange","onPasswordChange","canChangeExpiration","dateFormat","expirationCheckboxProps","expirationInputProps","onExpirationCheckboxChange","onExpirationDateChange","sharedLinkSettingWarningLinkText","canChangeDownload","directLink","directLinkInputProps","downloadCheckboxProps","isDirectLinkAvailable","isDirectLinkUnavailableDueToDownloadSettings","isDirectLinkUnavailableDueToAccessPolicy","isDirectLinkUnavailableDueToMaliciousContent","isDownloadAvailable","item","classification","onAllowDownloadChange","bannerPolicy","classificationColor","modalTitle","body","cancelButtonProps","isOpen","modalProps","onRequestClose","saveButtonProps","submitting","showInaccessibleSettingsNotice","disableSaveBtn","renderModalTitle","inaccessibleSettingsNotice","renderAccessLevelNotice","renderExpirationSection","renderPasswordSection","renderVanityNameSection","renderAllowDownloadSection","cancel","save","string","bool","func","isRequired","number","object"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage } from 'react-intl';\n\nimport Button from '../../components/button';\nimport PrimaryButton from '../../components/primary-button';\nimport { Modal, ModalActions } from '../../components/modal';\nimport InlineNotice from '../../components/inline-notice';\nimport Link from '../../components/link/LinkBase';\nimport commonMessages from '../../common/messages';\nimport Classification, { getClassificationLabelColor } from '../classification';\n\nimport VanityNameSection from './VanityNameSection';\nimport PasswordSection from './PasswordSection';\nimport ExpirationSection from './ExpirationSection';\nimport AllowDownloadSection from './AllowDownloadSection';\nimport messages from './messages';\n\nimport { PEOPLE_WITH_LINK, PEOPLE_IN_COMPANY, PEOPLE_IN_ITEM } from '../shared-link-modal/constants';\n\nimport './SharedLinkSettingsModal.scss';\n\n/**\n * Return the translation message based on the access level and whether the user can download or not\n * @param {string} accessLevel one of 'peopleWithTheLink', 'peopleInYourCompany', or 'peopleInThisItem'\n * @param {boolean} canDownload prop value for whether the user can currently download\n *\n * @return {object|undefined} message for the proper translation (or undefined if nothing matches)\n */\nfunction getAccessNoticeMessageId(accessLevel, canDownload) {\n    let message;\n\n    switch (accessLevel) {\n        case PEOPLE_WITH_LINK:\n            message = canDownload ? messages.withLinkViewDownload : messages.withLinkView;\n            break;\n        case PEOPLE_IN_COMPANY:\n            message = canDownload ? messages.inCompanyViewDownload : messages.inCompanyView;\n            break;\n        case PEOPLE_IN_ITEM:\n            message = messages.inItem;\n            break;\n        default:\n            break;\n    }\n\n    return message;\n}\n\nclass SharedLinkSettingsModal extends Component {\n    static propTypes = {\n        /** The format of the expiration date value for form submit */\n        dateFormat: PropTypes.string,\n        hideVanityNameSection: PropTypes.bool,\n        isOpen: PropTypes.bool,\n        onRequestClose: PropTypes.func,\n        submitting: PropTypes.bool,\n        warnOnPublic: PropTypes.bool,\n        /** Function called on form submission. Format is:\n         * ({\n         *      expirationTimestamp: number (in milliseconds),\n         *      isDownloadEnabled: true,\n         *      isExpirationEnabled: true,\n         *      isPasswordEnabled: true,\n         *      password: string,\n         *      vanityName: string,\n         * }) => void\n         */\n        onSubmit: PropTypes.func.isRequired,\n\n        // access level props\n        /** the access level used for the item being shared */\n        accessLevel: PropTypes.string,\n\n        // Custom URL props\n        /** Whether or not user has permission to change/set vanity URL for this item */\n        canChangeVanityName: PropTypes.bool.isRequired,\n        /** Current vanity name for the item */\n        vanityName: PropTypes.string.isRequired,\n        /** Server URL prefix for vanity URL preview; should be something like http://company.box.com/v/ */\n        serverURL: PropTypes.string.isRequired,\n        vanityNameError: PropTypes.string,\n\n        // Password props\n        /** Whether or not user has permission to enable/disable/change password */\n        canChangePassword: PropTypes.bool.isRequired,\n        /** Whether or not the password section is visible to user */\n        isPasswordAvailable: PropTypes.bool.isRequired,\n        /** Whether or not password is currently enabled */\n        isPasswordEnabled: PropTypes.bool.isRequired,\n        passwordError: PropTypes.string,\n        /** Information shown below password input box * */\n        passwordInformationText: PropTypes.string,\n\n        // Expiration props\n        /** Whether or not user has permission to enable/disable/change expiration */\n        canChangeExpiration: PropTypes.bool.isRequired,\n        /** Current expiration timestamp, in milliseconds */\n        expirationTimestamp: PropTypes.number,\n        expirationError: PropTypes.string,\n\n        // Allow download props\n        /** Whether or not the download section is visible to user */\n        isDownloadAvailable: PropTypes.bool.isRequired,\n        /** Whether or not user has permission to enable/disable download */\n        canChangeDownload: PropTypes.bool.isRequired,\n        /** Whether or not download is currently enabled */\n        isDownloadEnabled: PropTypes.bool.isRequired,\n\n        // Direct link props\n        /** URL for direct link */\n        directLink: PropTypes.string.isRequired,\n        /** Whether or not direct link is available */\n        isDirectLinkAvailable: PropTypes.bool.isRequired,\n        /** Whether or not direct link is unavailable only due to download setting */\n        isDirectLinkUnavailableDueToDownloadSettings: PropTypes.bool.isRequired,\n        /** Whether or not direct link is unavailable only due to access policy setting */\n        isDirectLinkUnavailableDueToAccessPolicy: PropTypes.bool.isRequired,\n        /** Whether or not direct link is unavailable only due to malicious content policy */\n        isDirectLinkUnavailableDueToMaliciousContent: PropTypes.bool.isRequired,\n\n        // Classification props\n        item: PropTypes.object,\n\n        // Hooks for resin\n        cancelButtonProps: PropTypes.object,\n        directLinkInputProps: PropTypes.object,\n        downloadCheckboxProps: PropTypes.object,\n        expirationCheckboxProps: PropTypes.object,\n        expirationInputProps: PropTypes.object,\n        modalProps: PropTypes.object,\n        passwordCheckboxProps: PropTypes.object,\n        passwordInputProps: PropTypes.object,\n        saveButtonProps: PropTypes.object,\n        vanityNameInputProps: PropTypes.object,\n    };\n\n    static defaultProps = {\n        cancelButtonProps: {},\n        modalProps: {},\n        saveButtonProps: {},\n    };\n\n    constructor(props) {\n        super(props);\n\n        this.state = {\n            expirationDate: props.expirationTimestamp ? new Date(props.expirationTimestamp) : null,\n            expirationError: props.expirationError,\n            expirationFormattedDate: props.expirationTimestamp ? new Date(props.expirationTimestamp) : null,\n            isVanityEnabled: !!props.vanityName,\n            isDownloadEnabled: props.isDownloadEnabled,\n            isExpirationEnabled: !!props.expirationTimestamp,\n            isPasswordEnabled: props.isPasswordEnabled,\n            password: '',\n            passwordError: props.passwordError,\n            vanityName: props.vanityName,\n            vanityNameError: props.vanityNameError,\n        };\n    }\n\n    componentDidUpdate(prevProps) {\n        const { expirationError, passwordError, vanityNameError } = this.props;\n\n        if (\n            prevProps.expirationError !== expirationError ||\n            prevProps.passwordError !== passwordError ||\n            prevProps.vanityNameError !== vanityNameError\n        ) {\n            this.setState({\n                expirationError,\n                passwordError,\n                vanityNameError,\n            });\n        }\n    }\n\n    onSubmit = event => {\n        event.preventDefault();\n\n        const {\n            expirationFormattedDate,\n            isDownloadEnabled,\n            isExpirationEnabled,\n            isPasswordEnabled,\n            password,\n            vanityName,\n        } = this.state;\n\n        this.props.onSubmit({\n            expirationTimestamp: expirationFormattedDate || undefined,\n            isDownloadEnabled,\n            isExpirationEnabled,\n            isPasswordEnabled,\n            password,\n            vanityName,\n        });\n    };\n\n    onVanityNameChange = event => {\n        this.setState({\n            vanityName: event.target.value,\n            vanityNameError: undefined,\n        });\n    };\n\n    onPasswordChange = event => {\n        this.setState({\n            password: event.target.value,\n            passwordError: undefined,\n        });\n    };\n\n    onPasswordCheckboxChange = event => {\n        this.setState({ isPasswordEnabled: event.target.checked });\n    };\n\n    onExpirationDateChange = (date, formattedDate) => {\n        this.setState({ expirationDate: date, expirationFormattedDate: formattedDate, expirationError: undefined });\n    };\n\n    onExpirationCheckboxChange = event => {\n        this.setState({ isExpirationEnabled: event.target.checked });\n    };\n\n    onAllowDownloadChange = event => {\n        this.setState({ isDownloadEnabled: event.target.checked });\n    };\n\n    onVanityCheckboxChange = event => {\n        this.setState({\n            isVanityEnabled: event.target.checked,\n            vanityName: !event.target.checked ? '' : this.props.vanityName,\n        });\n    };\n\n    renderVanityNameSection() {\n        const {\n            canChangeVanityName,\n            hideVanityNameSection,\n            serverURL,\n            vanityNameInputProps,\n            warnOnPublic = false,\n        } = this.props;\n        const { vanityNameError, isVanityEnabled } = this.state;\n\n        if (hideVanityNameSection) {\n            return null;\n        }\n\n        return (\n            <VanityNameSection\n                canChangeVanityName={canChangeVanityName}\n                isVanityEnabled={isVanityEnabled}\n                error={vanityNameError}\n                onChange={this.onVanityNameChange}\n                onCheckboxChange={this.onVanityCheckboxChange}\n                serverURL={serverURL}\n                vanityName={this.state.vanityName}\n                vanityNameInputProps={vanityNameInputProps}\n                warnOnPublic={warnOnPublic}\n            />\n        );\n    }\n\n    renderPasswordSection() {\n        const {\n            canChangePassword,\n            isPasswordAvailable,\n            passwordCheckboxProps,\n            passwordInformationText,\n            passwordInputProps,\n        } = this.props;\n        const { isPasswordEnabled, password, passwordError } = this.state;\n\n        return (\n            <PasswordSection\n                canChangePassword={canChangePassword}\n                error={passwordError}\n                isPasswordAvailable={isPasswordAvailable}\n                isPasswordEnabled={isPasswordEnabled}\n                isPasswordInitiallyEnabled={this.props.isPasswordEnabled}\n                onCheckboxChange={this.onPasswordCheckboxChange}\n                onPasswordChange={this.onPasswordChange}\n                password={password}\n                passwordCheckboxProps={passwordCheckboxProps}\n                passwordInformationText={passwordInformationText}\n                passwordInputProps={passwordInputProps}\n            />\n        );\n    }\n\n    renderExpirationSection() {\n        const { canChangeExpiration, dateFormat, expirationCheckboxProps, expirationInputProps } = this.props;\n        const { expirationDate, isExpirationEnabled, expirationError } = this.state;\n\n        return (\n            <ExpirationSection\n                canChangeExpiration={canChangeExpiration}\n                dateFormat={dateFormat}\n                error={expirationError}\n                expirationCheckboxProps={expirationCheckboxProps}\n                expirationDate={expirationDate}\n                expirationInputProps={expirationInputProps}\n                isExpirationEnabled={isExpirationEnabled}\n                onCheckboxChange={this.onExpirationCheckboxChange}\n                onExpirationDateChange={this.onExpirationDateChange}\n            />\n        );\n    }\n\n    renderAccessLevelNotice() {\n        const { accessLevel } = this.props;\n        const { isDownloadEnabled } = this.state;\n        const message = getAccessNoticeMessageId(accessLevel, isDownloadEnabled);\n\n        return (\n            message && (\n                <div className=\"link-settings-modal-notice\">\n                    <FormattedMessage {...message} />{' '}\n                    <Link\n                        href=\"https://support.box.com/hc/en-us/articles/360043697554-Configuring-Individual-Shared-Link-Settings\"\n                        target=\"_blank\"\n                    >\n                        <FormattedMessage {...messages.sharedLinkSettingWarningLinkText} />\n                    </Link>\n                </div>\n            )\n        );\n    }\n\n    renderAllowDownloadSection() {\n        const {\n            canChangeDownload,\n            directLink,\n            directLinkInputProps,\n            downloadCheckboxProps,\n            isDirectLinkAvailable,\n            isDirectLinkUnavailableDueToDownloadSettings,\n            isDirectLinkUnavailableDueToAccessPolicy,\n            isDirectLinkUnavailableDueToMaliciousContent,\n            isDownloadAvailable,\n            item,\n        } = this.props;\n\n        const { isDownloadEnabled } = this.state;\n        const { classification } = item;\n\n        return (\n            <AllowDownloadSection\n                canChangeDownload={canChangeDownload}\n                classification={classification}\n                directLink={directLink}\n                directLinkInputProps={directLinkInputProps}\n                downloadCheckboxProps={downloadCheckboxProps}\n                isDirectLinkAvailable={isDirectLinkAvailable}\n                isDirectLinkUnavailableDueToDownloadSettings={isDirectLinkUnavailableDueToDownloadSettings}\n                isDirectLinkUnavailableDueToAccessPolicy={isDirectLinkUnavailableDueToAccessPolicy}\n                isDirectLinkUnavailableDueToMaliciousContent={isDirectLinkUnavailableDueToMaliciousContent}\n                isDownloadAvailable={isDownloadAvailable}\n                isDownloadEnabled={isDownloadEnabled}\n                onChange={this.onAllowDownloadChange}\n            />\n        );\n    }\n\n    renderModalTitle() {\n        const { item } = this.props;\n        const { bannerPolicy, classification } = item;\n        const classificationColor = getClassificationLabelColor(bannerPolicy);\n\n        return (\n            <span className=\"bdl-SharedLinkSettingsModal-title\">\n                <FormattedMessage {...messages.modalTitle} />\n                <Classification\n                    className=\"bdl-SharedLinkSettingsModal-classification\"\n                    color={classificationColor}\n                    definition={bannerPolicy ? bannerPolicy.body : undefined}\n                    messageStyle=\"tooltip\"\n                    name={classification}\n                />\n            </span>\n        );\n    }\n\n    render() {\n        const {\n            canChangeDownload,\n            canChangeExpiration,\n            canChangePassword,\n            canChangeVanityName,\n            cancelButtonProps,\n            isOpen,\n            modalProps,\n            onRequestClose,\n            saveButtonProps,\n            submitting,\n        } = this.props;\n\n        const showInaccessibleSettingsNotice = !(\n            canChangeDownload &&\n            canChangeExpiration &&\n            canChangePassword &&\n            canChangeVanityName\n        );\n\n        const disableSaveBtn = !(canChangeDownload || canChangeExpiration || canChangePassword || canChangeVanityName);\n        return (\n            <Modal\n                className=\"be-modal shared-link-settings-modal\"\n                isOpen={isOpen}\n                onRequestClose={submitting ? undefined : onRequestClose}\n                title={this.renderModalTitle()}\n                {...modalProps}\n            >\n                <form onSubmit={this.onSubmit}>\n                    {showInaccessibleSettingsNotice && (\n                        <InlineNotice type=\"warning\">\n                            <FormattedMessage {...messages.inaccessibleSettingsNotice} />\n                        </InlineNotice>\n                    )}\n                    {this.renderAccessLevelNotice()}\n                    {this.renderExpirationSection()}\n                    {this.renderPasswordSection()}\n                    {this.renderVanityNameSection()}\n                    {this.renderAllowDownloadSection()}\n                    <ModalActions>\n                        <Button isDisabled={submitting} onClick={onRequestClose} type=\"button\" {...cancelButtonProps}>\n                            <FormattedMessage {...commonMessages.cancel} />\n                        </Button>\n                        <PrimaryButton\n                            isDisabled={submitting || disableSaveBtn}\n                            isLoading={submitting}\n                            {...saveButtonProps}\n                        >\n                            <FormattedMessage {...commonMessages.save} />\n                        </PrimaryButton>\n                    </ModalActions>\n                </form>\n            </Modal>\n        );\n    }\n}\n\nexport default SharedLinkSettingsModal;\n"],"file":"SharedLinkSettingsModal.js"}

package/es/features/shared-link-settings-modal/SharedLinkSettingsModal.scss

@@ -26,11 +26,11 @@
     .password-section {
         .password-section-information {
             display: flex;
-            color: $bdl-gray-62;
+            color: $bdl-gray-65;
         }
 
         .password-section-information-icon path {
-            fill: $bdl-gray-62;
+            fill: $bdl-gray-65;
         }
 
         .password-section-information-text {
@@ -67,7 +67,7 @@
 
     .link-settings-modal-notice {
         margin: 0 0 ($bdl-grid-unit * 5);
-        color: $bdl-gray-62;
+        color: $bdl-gray-65;
     }
 }
 

package/es/features/shared-link-settings-modal/VanityNameSection.js

@@ -3,7 +3,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage, injectIntl } from 'react-intl';
-import { bdlGray62 } from '../../styles/variables';
+import { bdlGray65 } from '../../styles/variables';
 import Checkbox from '../../components/checkbox';
 import TextInput from '../../components/text-input';
 import Fieldset from '../../components/fieldset';
@@ -26,7 +26,7 @@ var VanityNameSection = function VanityNameSection(_ref) {
     className: "vanity-name-content"
   }, React.createElement(TextInput, _extends({
     description: React.createElement("span", null, React.createElement(QuarantineBadge, {
-      color: bdlGray62
+      color: bdlGray65
     }), React.createElement(FormattedMessage, messages.vanityURLWarning)),
     hideLabel: true,
     disabled: !canChangeVanityName,

package/es/features/shared-link-settings-modal/VanityNameSection.js.flow

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage, injectIntl } from 'react-intl';
 
-import { bdlGray62 } from '../../styles/variables';
+import { bdlGray65 } from '../../styles/variables';
 
 import Checkbox from '../../components/checkbox';
 import TextInput from '../../components/text-input';
@@ -29,7 +29,7 @@ const VanityNameSection = ({
             <TextInput
                 description={
                     <span>
-                        <QuarantineBadge color={bdlGray62} />
+                        <QuarantineBadge color={bdlGray65} />
                         <FormattedMessage {...messages.vanityURLWarning} />
                     </span>
                 }

package/es/features/shared-link-settings-modal/VanityNameSection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/shared-link-settings-modal/VanityNameSection.js"],"names":["React","PropTypes","FormattedMessage","injectIntl","bdlGray62","Checkbox","TextInput","Fieldset","QuarantineBadge","messages","VanityNameSection","canChangeVanityName","error","formatMessage","intl","isVanityEnabled","vanityName","vanityNameInputProps","serverURL","onChange","onCheckboxChange","inputValue","vanityNameNotSet","vanityURLInput","vanityURLWarning","vanityNamePlaceholder","customURLLabel","vanityURLEnableText","undefined","propTypes","bool","isRequired","string","any","object","func","VanityNameSectionBase"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, injectIntl } from 'react-intl';\n\nimport { bdlGray62 } from '../../styles/variables';\n\nimport Checkbox from '../../components/checkbox';\nimport TextInput from '../../components/text-input';\nimport Fieldset from '../../components/fieldset';\nimport QuarantineBadge from '../../icons/badges/QuarantineBadge';\n\nimport messages from './messages';\n\nconst VanityNameSection = ({\n    canChangeVanityName,\n    error,\n    intl: { formatMessage },\n    isVanityEnabled,\n    vanityName,\n    vanityNameInputProps = {},\n    serverURL,\n    onChange,\n    onCheckboxChange,\n}) => {\n    const inputValue = canChangeVanityName ? vanityName : vanityName || formatMessage(messages.vanityNameNotSet);\n\n    const vanityURLInput = (\n        <div className=\"vanity-name-content\">\n            <TextInput\n                description={\n                    <span>\n                        <QuarantineBadge color={bdlGray62} />\n                        <FormattedMessage {...messages.vanityURLWarning} />\n                    </span>\n                }\n                hideLabel\n                disabled={!canChangeVanityName}\n                error={error}\n                name=\"vanityName\"\n                onChange={onChange}\n                placeholder={formatMessage(messages.vanityNamePlaceholder)}\n                type=\"text\"\n                value={inputValue}\n                {...vanityNameInputProps}\n            />\n            {(canChangeVanityName || !!vanityName) && (\n                <p className=\"custom-url-preview\">{`${serverURL}${vanityName}`}</p>\n            )}\n        </div>\n    );\n\n    return (\n        <div>\n            <hr />\n            <Fieldset className=\"be vanity-name-section\" title={<FormattedMessage {...messages.customURLLabel} />}>\n                <Checkbox\n                    label={<FormattedMessage {...messages.vanityURLEnableText} />}\n                    isChecked={isVanityEnabled}\n                    isDisabled={!canChangeVanityName}\n                    subsection={isVanityEnabled ? vanityURLInput : undefined}\n                    onChange={onCheckboxChange}\n                />\n            </Fieldset>\n        </div>\n    );\n};\n\nVanityNameSection.propTypes = {\n    canChangeVanityName: PropTypes.bool.isRequired,\n    error: PropTypes.string,\n    intl: PropTypes.any,\n    isVanityEnabled: PropTypes.bool.isRequired,\n    vanityName: PropTypes.string.isRequired,\n    vanityNameInputProps: PropTypes.object,\n    serverURL: PropTypes.string.isRequired,\n    onChange: PropTypes.func,\n    onCheckboxChange: PropTypes.func,\n};\n\nexport { VanityNameSection as VanityNameSectionBase };\nexport default injectIntl(VanityNameSection);\n"],"file":"VanityNameSection.js"}
+{"version":3,"sources":["../../../src/features/shared-link-settings-modal/VanityNameSection.js"],"names":["React","PropTypes","FormattedMessage","injectIntl","bdlGray65","Checkbox","TextInput","Fieldset","QuarantineBadge","messages","VanityNameSection","canChangeVanityName","error","formatMessage","intl","isVanityEnabled","vanityName","vanityNameInputProps","serverURL","onChange","onCheckboxChange","inputValue","vanityNameNotSet","vanityURLInput","vanityURLWarning","vanityNamePlaceholder","customURLLabel","vanityURLEnableText","undefined","propTypes","bool","isRequired","string","any","object","func","VanityNameSectionBase"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,gBAAT,EAA2BC,UAA3B,QAA6C,YAA7C;AAEA,SAASC,SAAT,QAA0B,wBAA1B;AAEA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,SAAP,MAAsB,6BAAtB;AACA,OAAOC,QAAP,MAAqB,2BAArB;AACA,OAAOC,eAAP,MAA4B,oCAA5B;AAEA,OAAOC,QAAP,MAAqB,YAArB;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAUpB;AAAA,MATFC,mBASE,QATFA,mBASE;AAAA,MARFC,KAQE,QARFA,KAQE;AAAA,MAPMC,aAON,QAPFC,IAOE,CAPMD,aAON;AAAA,MANFE,eAME,QANFA,eAME;AAAA,MALFC,UAKE,QALFA,UAKE;AAAA,mCAJFC,oBAIE;AAAA,MAJFA,oBAIE,sCAJqB,EAIrB;AAAA,MAHFC,SAGE,QAHFA,SAGE;AAAA,MAFFC,QAEE,QAFFA,QAEE;AAAA,MADFC,gBACE,QADFA,gBACE;AACF,MAAMC,UAAU,GAAGV,mBAAmB,GAAGK,UAAH,GAAgBA,UAAU,IAAIH,aAAa,CAACJ,QAAQ,CAACa,gBAAV,CAAjF;AAEA,MAAMC,cAAc,GAChB;AAAK,IAAA,SAAS,EAAC;AAAf,KACI,oBAAC,SAAD;AACI,IAAA,WAAW,EACP,kCACI,oBAAC,eAAD;AAAiB,MAAA,KAAK,EAAEnB;AAAxB,MADJ,EAEI,oBAAC,gBAAD,EAAsBK,QAAQ,CAACe,gBAA/B,CAFJ,CAFR;AAOI,IAAA,SAAS,MAPb;AAQI,IAAA,QAAQ,EAAE,CAACb,mBARf;AASI,IAAA,KAAK,EAAEC,KATX;AAUI,IAAA,IAAI,EAAC,YAVT;AAWI,IAAA,QAAQ,EAAEO,QAXd;AAYI,IAAA,WAAW,EAAEN,aAAa,CAACJ,QAAQ,CAACgB,qBAAV,CAZ9B;AAaI,IAAA,IAAI,EAAC,MAbT;AAcI,IAAA,KAAK,EAAEJ;AAdX,KAeQJ,oBAfR,EADJ,EAkBK,CAACN,mBAAmB,IAAI,CAAC,CAACK,UAA1B,KACG;AAAG,IAAA,SAAS,EAAC;AAAb,eAAsCE,SAAtC,SAAkDF,UAAlD,EAnBR,CADJ;AAyBA,SACI,iCACI,+BADJ,EAEI,oBAAC,QAAD;AAAU,IAAA,SAAS,EAAC,wBAApB;AAA6C,IAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBP,QAAQ,CAACiB,cAA/B;AAApD,KACI,oBAAC,QAAD;AACI,IAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBjB,QAAQ,CAACkB,mBAA/B,CADX;AAEI,IAAA,SAAS,EAAEZ,eAFf;AAGI,IAAA,UAAU,EAAE,CAACJ,mBAHjB;AAII,IAAA,UAAU,EAAEI,eAAe,GAAGQ,cAAH,GAAoBK,SAJnD;AAKI,IAAA,QAAQ,EAAER;AALd,IADJ,CAFJ,CADJ;AAcH,CApDD;;AAsDAV,iBAAiB,CAACmB,SAAlB,GAA8B;AAC1BlB,EAAAA,mBAAmB,EAAEV,SAAS,CAAC6B,IAAV,CAAeC,UADV;AAE1BnB,EAAAA,KAAK,EAAEX,SAAS,CAAC+B,MAFS;AAG1BlB,EAAAA,IAAI,EAAEb,SAAS,CAACgC,GAHU;AAI1BlB,EAAAA,eAAe,EAAEd,SAAS,CAAC6B,IAAV,CAAeC,UAJN;AAK1Bf,EAAAA,UAAU,EAAEf,SAAS,CAAC+B,MAAV,CAAiBD,UALH;AAM1Bd,EAAAA,oBAAoB,EAAEhB,SAAS,CAACiC,MANN;AAO1BhB,EAAAA,SAAS,EAAEjB,SAAS,CAAC+B,MAAV,CAAiBD,UAPF;AAQ1BZ,EAAAA,QAAQ,EAAElB,SAAS,CAACkC,IARM;AAS1Bf,EAAAA,gBAAgB,EAAEnB,SAAS,CAACkC;AATF,CAA9B;AAYA,SAASzB,iBAAiB,IAAI0B,qBAA9B;AACA,eAAejC,UAAU,CAACO,iBAAD,CAAzB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { FormattedMessage, injectIntl } from 'react-intl';\n\nimport { bdlGray65 } from '../../styles/variables';\n\nimport Checkbox from '../../components/checkbox';\nimport TextInput from '../../components/text-input';\nimport Fieldset from '../../components/fieldset';\nimport QuarantineBadge from '../../icons/badges/QuarantineBadge';\n\nimport messages from './messages';\n\nconst VanityNameSection = ({\n    canChangeVanityName,\n    error,\n    intl: { formatMessage },\n    isVanityEnabled,\n    vanityName,\n    vanityNameInputProps = {},\n    serverURL,\n    onChange,\n    onCheckboxChange,\n}) => {\n    const inputValue = canChangeVanityName ? vanityName : vanityName || formatMessage(messages.vanityNameNotSet);\n\n    const vanityURLInput = (\n        <div className=\"vanity-name-content\">\n            <TextInput\n                description={\n                    <span>\n                        <QuarantineBadge color={bdlGray65} />\n                        <FormattedMessage {...messages.vanityURLWarning} />\n                    </span>\n                }\n                hideLabel\n                disabled={!canChangeVanityName}\n                error={error}\n                name=\"vanityName\"\n                onChange={onChange}\n                placeholder={formatMessage(messages.vanityNamePlaceholder)}\n                type=\"text\"\n                value={inputValue}\n                {...vanityNameInputProps}\n            />\n            {(canChangeVanityName || !!vanityName) && (\n                <p className=\"custom-url-preview\">{`${serverURL}${vanityName}`}</p>\n            )}\n        </div>\n    );\n\n    return (\n        <div>\n            <hr />\n            <Fieldset className=\"be vanity-name-section\" title={<FormattedMessage {...messages.customURLLabel} />}>\n                <Checkbox\n                    label={<FormattedMessage {...messages.vanityURLEnableText} />}\n                    isChecked={isVanityEnabled}\n                    isDisabled={!canChangeVanityName}\n                    subsection={isVanityEnabled ? vanityURLInput : undefined}\n                    onChange={onCheckboxChange}\n                />\n            </Fieldset>\n        </div>\n    );\n};\n\nVanityNameSection.propTypes = {\n    canChangeVanityName: PropTypes.bool.isRequired,\n    error: PropTypes.string,\n    intl: PropTypes.any,\n    isVanityEnabled: PropTypes.bool.isRequired,\n    vanityName: PropTypes.string.isRequired,\n    vanityNameInputProps: PropTypes.object,\n    serverURL: PropTypes.string.isRequired,\n    onChange: PropTypes.func,\n    onCheckboxChange: PropTypes.func,\n};\n\nexport { VanityNameSection as VanityNameSectionBase };\nexport default injectIntl(VanityNameSection);\n"],"file":"VanityNameSection.js"}

package/es/features/unified-share-modal/InviteePermissionsMenu.js

@@ -109,7 +109,8 @@ function (_Component) {
           'is-disabled': disabled,
           'bdl-is-disabled': disabled
         }),
-        disabled: disabled
+        disabled: disabled,
+        type: "button"
       }, inviteePermissionsButtonProps), React.createElement(MenuToggle, null, selectedPermissionLevel && React.createElement(InviteePermissionsLabel, {
         hasDescription: false,
         inviteePermissionLevel: selectedPermissionLevel,

package/es/features/unified-share-modal/InviteePermissionsMenu.js.flow

@@ -93,6 +93,7 @@ class InviteePermissionsMenu extends Component<Props> {
                     'bdl-is-disabled': disabled,
                 })}
                 disabled={disabled}
+                type="button"
                 {...inviteePermissionsButtonProps}
             >
                 <MenuToggle>

package/es/features/unified-share-modal/InviteePermissionsMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/unified-share-modal/InviteePermissionsMenu.js"],"names":["React","Component","FormattedMessage","classNames","PlainButton","DropdownMenu","MenuToggle","Menu","SelectMenuItem","Tooltip","ITEM_TYPE_WEBLINK","getDefaultPermissionLevel","InviteePermissionsLabel","messages","InviteePermissionsMenu","newInviteePermissionLevel","props","inviteePermissionLevel","changeInviteePermissionLevel","inviteePermissions","itemType","defaultPermissionLevel","selectedPermissionLevel","map","level","value","disabled","onChangeInviteePermissionsLevel","inviteePermissionsButtonProps","disabledTooltip","inviteDisabledWeblinkTooltip","inviteDisabledTooltip","plainButton","plainButtonWrap","renderMenu"],"mappings":"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","sourcesContent":["// @flow\nimport React, { Component } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport PlainButton from '../../components/plain-button';\nimport DropdownMenu, { MenuToggle } from '../../components/dropdown-menu';\nimport { Menu, SelectMenuItem } from '../../components/menu';\nimport Tooltip from '../../components/tooltip';\nimport { ITEM_TYPE_WEBLINK } from '../../common/constants';\nimport type { ItemType } from '../../common/types/core';\n\nimport getDefaultPermissionLevel from './utils/defaultPermissionLevel';\nimport InviteePermissionsLabel from './InviteePermissionsLabel';\nimport messages from './messages';\n\nimport type { inviteePermissionType } from './flowTypes';\n\ntype Props = {\n    changeInviteePermissionLevel: Function,\n    disabled: boolean,\n    inviteePermissionLevel: string,\n    inviteePermissions: Array<inviteePermissionType>,\n    inviteePermissionsButtonProps?: Object,\n    itemType: ItemType,\n};\n\nclass InviteePermissionsMenu extends Component<Props> {\n    static defaultProps = {\n        disabled: false,\n        inviteePermissions: [],\n        inviteePermissionsButtonProps: {},\n    };\n\n    onChangeInviteePermissionsLevel = (newInviteePermissionLevel: string) => {\n        const { inviteePermissionLevel, changeInviteePermissionLevel } = this.props;\n\n        if (inviteePermissionLevel !== newInviteePermissionLevel) {\n            changeInviteePermissionLevel(newInviteePermissionLevel);\n        }\n    };\n\n    renderMenu() {\n        const { inviteePermissionLevel, inviteePermissions, itemType } = this.props;\n\n        const defaultPermissionLevel = getDefaultPermissionLevel(inviteePermissions);\n        const selectedPermissionLevel = inviteePermissionLevel || defaultPermissionLevel;\n\n        return (\n            <Menu className=\"usm-share-access-menu\">\n                {inviteePermissions.map(level =>\n                    level.value ? (\n                        <SelectMenuItem\n                            key={level.value}\n                            isDisabled={level.disabled}\n                            isSelected={level.value === selectedPermissionLevel}\n                            onClick={() => this.onChangeInviteePermissionsLevel(level.value)}\n                        >\n                            <InviteePermissionsLabel\n                                hasDescription\n                                inviteePermissionLevel={level.value}\n                                inviteePermissions\n                                itemType={itemType}\n                            />\n                        </SelectMenuItem>\n                    ) : null,\n                )}\n            </Menu>\n        );\n    }\n\n    render() {\n        const {\n            inviteePermissions,\n            inviteePermissionsButtonProps,\n            inviteePermissionLevel,\n            disabled,\n            itemType,\n        } = this.props;\n        const defaultPermissionLevel = getDefaultPermissionLevel(inviteePermissions);\n        const selectedPermissionLevel = inviteePermissionLevel || defaultPermissionLevel;\n        const disabledTooltip =\n            itemType === ITEM_TYPE_WEBLINK ? (\n                <FormattedMessage {...messages.inviteDisabledWeblinkTooltip} />\n            ) : (\n                <FormattedMessage {...messages.inviteDisabledTooltip} />\n            );\n\n        const plainButton = (\n            <PlainButton\n                className={classNames('lnk', {\n                    'is-disabled': disabled,\n                    'bdl-is-disabled': disabled,\n                })}\n                disabled={disabled}\n                {...inviteePermissionsButtonProps}\n            >\n                <MenuToggle>\n                    {selectedPermissionLevel && (\n                        <InviteePermissionsLabel\n                            hasDescription={false}\n                            inviteePermissionLevel={selectedPermissionLevel}\n                            itemType={itemType}\n                        />\n                    )}\n                </MenuToggle>\n            </PlainButton>\n        );\n\n        const plainButtonWrap = disabled ? (\n            <Tooltip position=\"bottom-center\" text={disabledTooltip}>\n                <div className=\"tooltip-target\">{plainButton}</div>\n            </Tooltip>\n        ) : (\n            plainButton\n        );\n\n        // TODO: `DropdownMenu` doesn't currently handle a scenario where the menu is taller than\n        // the available vertical space. cannot use the constraint props here in short windows.\n        return (\n            <div className=\"be invitee-menu-wrap\">\n                <DropdownMenu>\n                    {plainButtonWrap}\n                    {this.renderMenu()}\n                </DropdownMenu>\n            </div>\n        );\n    }\n}\n\nexport default InviteePermissionsMenu;\n"],"file":"InviteePermissionsMenu.js"}
+{"version":3,"sources":["../../../src/features/unified-share-modal/InviteePermissionsMenu.js"],"names":["React","Component","FormattedMessage","classNames","PlainButton","DropdownMenu","MenuToggle","Menu","SelectMenuItem","Tooltip","ITEM_TYPE_WEBLINK","getDefaultPermissionLevel","InviteePermissionsLabel","messages","InviteePermissionsMenu","newInviteePermissionLevel","props","inviteePermissionLevel","changeInviteePermissionLevel","inviteePermissions","itemType","defaultPermissionLevel","selectedPermissionLevel","map","level","value","disabled","onChangeInviteePermissionsLevel","inviteePermissionsButtonProps","disabledTooltip","inviteDisabledWeblinkTooltip","inviteDisabledTooltip","plainButton","plainButtonWrap","renderMenu"],"mappings":"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","sourcesContent":["// @flow\nimport React, { Component } from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport classNames from 'classnames';\n\nimport PlainButton from '../../components/plain-button';\nimport DropdownMenu, { MenuToggle } from '../../components/dropdown-menu';\nimport { Menu, SelectMenuItem } from '../../components/menu';\nimport Tooltip from '../../components/tooltip';\nimport { ITEM_TYPE_WEBLINK } from '../../common/constants';\nimport type { ItemType } from '../../common/types/core';\n\nimport getDefaultPermissionLevel from './utils/defaultPermissionLevel';\nimport InviteePermissionsLabel from './InviteePermissionsLabel';\nimport messages from './messages';\n\nimport type { inviteePermissionType } from './flowTypes';\n\ntype Props = {\n    changeInviteePermissionLevel: Function,\n    disabled: boolean,\n    inviteePermissionLevel: string,\n    inviteePermissions: Array<inviteePermissionType>,\n    inviteePermissionsButtonProps?: Object,\n    itemType: ItemType,\n};\n\nclass InviteePermissionsMenu extends Component<Props> {\n    static defaultProps = {\n        disabled: false,\n        inviteePermissions: [],\n        inviteePermissionsButtonProps: {},\n    };\n\n    onChangeInviteePermissionsLevel = (newInviteePermissionLevel: string) => {\n        const { inviteePermissionLevel, changeInviteePermissionLevel } = this.props;\n\n        if (inviteePermissionLevel !== newInviteePermissionLevel) {\n            changeInviteePermissionLevel(newInviteePermissionLevel);\n        }\n    };\n\n    renderMenu() {\n        const { inviteePermissionLevel, inviteePermissions, itemType } = this.props;\n\n        const defaultPermissionLevel = getDefaultPermissionLevel(inviteePermissions);\n        const selectedPermissionLevel = inviteePermissionLevel || defaultPermissionLevel;\n\n        return (\n            <Menu className=\"usm-share-access-menu\">\n                {inviteePermissions.map(level =>\n                    level.value ? (\n                        <SelectMenuItem\n                            key={level.value}\n                            isDisabled={level.disabled}\n                            isSelected={level.value === selectedPermissionLevel}\n                            onClick={() => this.onChangeInviteePermissionsLevel(level.value)}\n                        >\n                            <InviteePermissionsLabel\n                                hasDescription\n                                inviteePermissionLevel={level.value}\n                                inviteePermissions\n                                itemType={itemType}\n                            />\n                        </SelectMenuItem>\n                    ) : null,\n                )}\n            </Menu>\n        );\n    }\n\n    render() {\n        const {\n            inviteePermissions,\n            inviteePermissionsButtonProps,\n            inviteePermissionLevel,\n            disabled,\n            itemType,\n        } = this.props;\n        const defaultPermissionLevel = getDefaultPermissionLevel(inviteePermissions);\n        const selectedPermissionLevel = inviteePermissionLevel || defaultPermissionLevel;\n        const disabledTooltip =\n            itemType === ITEM_TYPE_WEBLINK ? (\n                <FormattedMessage {...messages.inviteDisabledWeblinkTooltip} />\n            ) : (\n                <FormattedMessage {...messages.inviteDisabledTooltip} />\n            );\n\n        const plainButton = (\n            <PlainButton\n                className={classNames('lnk', {\n                    'is-disabled': disabled,\n                    'bdl-is-disabled': disabled,\n                })}\n                disabled={disabled}\n                type=\"button\"\n                {...inviteePermissionsButtonProps}\n            >\n                <MenuToggle>\n                    {selectedPermissionLevel && (\n                        <InviteePermissionsLabel\n                            hasDescription={false}\n                            inviteePermissionLevel={selectedPermissionLevel}\n                            itemType={itemType}\n                        />\n                    )}\n                </MenuToggle>\n            </PlainButton>\n        );\n\n        const plainButtonWrap = disabled ? (\n            <Tooltip position=\"bottom-center\" text={disabledTooltip}>\n                <div className=\"tooltip-target\">{plainButton}</div>\n            </Tooltip>\n        ) : (\n            plainButton\n        );\n\n        // TODO: `DropdownMenu` doesn't currently handle a scenario where the menu is taller than\n        // the available vertical space. cannot use the constraint props here in short windows.\n        return (\n            <div className=\"be invitee-menu-wrap\">\n                <DropdownMenu>\n                    {plainButtonWrap}\n                    {this.renderMenu()}\n                </DropdownMenu>\n            </div>\n        );\n    }\n}\n\nexport default InviteePermissionsMenu;\n"],"file":"InviteePermissionsMenu.js"}

package/es/features/unified-share-modal/SharedLinkAccessMenu.js

@@ -146,7 +146,8 @@ function (_React$Component) {
           'bdl-is-disabled': submitting
         }),
         "data-testid": "usm-share-access-toggle",
-        disabled: submitting
+        disabled: submitting,
+        type: "button"
       }, sharedLinkAccessMenuButtonProps), React.createElement(MenuToggle, null, React.createElement(SharedLinkAccessLabel, {
         accessLevel: accessLevel,
         enterpriseName: enterpriseName,

package/es/features/unified-share-modal/SharedLinkAccessMenu.js.flow

@@ -138,6 +138,7 @@ class SharedLinkAccessMenu extends React.Component<Props> {
                         })}
                         data-testid="usm-share-access-toggle"
                         disabled={submitting}
+                        type="button"
                         {...sharedLinkAccessMenuButtonProps}
                     >
                         <MenuToggle>

package/es/features/unified-share-modal/SharedLinkAccessMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/unified-share-modal/SharedLinkAccessMenu.js"],"names":["React","classNames","FormattedMessage","DropdownMenu","MenuToggle","Menu","SelectMenuItem","PlainButton","Tooltip","SharedLinkAccessLabel","ANYONE_WITH_LINK","ANYONE_IN_COMPANY","DISABLED_REASON_ACCESS_POLICY","DISABLED_REASON_MALICIOUS_CONTENT","PEOPLE_IN_ITEM","messages","accessLevels","SharedLinkAccessMenu","newAccessLevel","props","accessLevel","changeAccessLevel","trackingProps","onChangeSharedLinkAccessLevel","accessLevelsDisabledReason","allowedAccessLevels","enterpriseName","itemType","map","level","isDisabled","isDisabledByAccessPolicy","isDisabledByMaliciousContent","isDisabledByPolicy","tooltipMessage","disabledMaliciousContentShareLinkPermission","disabledShareLinkPermission","onChangeAccessLevel","onDismissTooltip","submitting","tooltipContent","onSharedLinkAccessMenuOpen","sharedLinkAccessMenuButtonProps","renderMenu","Component"],"mappings":"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","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\n\nimport DropdownMenu, { MenuToggle } from '../../components/dropdown-menu';\nimport { Menu, SelectMenuItem } from '../../components/menu';\nimport PlainButton from '../../components/plain-button';\nimport Tooltip from '../../components/tooltip';\nimport type { ItemType } from '../../common/types/core';\n\nimport SharedLinkAccessLabel from './SharedLinkAccessLabel';\nimport {\n    ANYONE_WITH_LINK,\n    ANYONE_IN_COMPANY,\n    DISABLED_REASON_ACCESS_POLICY,\n    DISABLED_REASON_MALICIOUS_CONTENT,\n    PEOPLE_IN_ITEM,\n} from './constants';\nimport messages from './messages';\nimport type { accessLevelType, accessLevelsDisabledReasonType, allowedAccessLevelsType } from './flowTypes';\n\nconst accessLevels = [ANYONE_WITH_LINK, ANYONE_IN_COMPANY, PEOPLE_IN_ITEM];\n\ntype Props = {\n    accessLevel?: accessLevelType,\n    accessLevelsDisabledReason: accessLevelsDisabledReasonType,\n    allowedAccessLevels: allowedAccessLevelsType,\n    changeAccessLevel: (newAccessLevel: accessLevelType) => Promise<{ accessLevel: accessLevelType }>,\n    enterpriseName?: string,\n    itemType: ItemType,\n    onDismissTooltip: () => void,\n    submitting: boolean,\n    tooltipContent: React.Node,\n    trackingProps: {\n        onChangeSharedLinkAccessLevel?: Function,\n        onSharedLinkAccessMenuOpen?: Function,\n        sharedLinkAccessMenuButtonProps?: Object,\n    },\n};\n\nclass SharedLinkAccessMenu extends React.Component<Props> {\n    static defaultProps = {\n        accessLevelsDisabledReason: {},\n        allowedAccessLevels: {},\n        trackingProps: {},\n    };\n\n    onChangeAccessLevel = (newAccessLevel: accessLevelType) => {\n        const { accessLevel, changeAccessLevel, trackingProps } = this.props;\n        const { onChangeSharedLinkAccessLevel } = trackingProps;\n\n        if (accessLevel !== newAccessLevel) {\n            changeAccessLevel(newAccessLevel);\n\n            if (onChangeSharedLinkAccessLevel) {\n                onChangeSharedLinkAccessLevel(newAccessLevel);\n            }\n        }\n    };\n\n    renderMenu() {\n        const { accessLevel, accessLevelsDisabledReason, allowedAccessLevels, enterpriseName, itemType } = this.props;\n        return (\n            <Menu className=\"usm-share-access-menu\" data-testid=\"usm-share-access-menu\">\n                {accessLevels.map(level => {\n                    const isDisabled = !allowedAccessLevels[level];\n                    const isDisabledByAccessPolicy =\n                        accessLevelsDisabledReason[level] === DISABLED_REASON_ACCESS_POLICY;\n                    const isDisabledByMaliciousContent =\n                        accessLevelsDisabledReason[level] === DISABLED_REASON_MALICIOUS_CONTENT;\n                    const isDisabledByPolicy = isDisabledByAccessPolicy || isDisabledByMaliciousContent;\n                    const tooltipMessage = isDisabledByMaliciousContent\n                        ? messages.disabledMaliciousContentShareLinkPermission\n                        : messages.disabledShareLinkPermission;\n\n                    // If an access level is disabled for reasons other than access policy enforcement\n                    // then we just don't show that menu item. If it is disabled because of an access policy\n                    // instead, then we show the menu item in a disabled state and with a tooltip.\n                    if (isDisabled && !isDisabledByPolicy) {\n                        return null;\n                    }\n\n                    return (\n                        <Tooltip\n                            isDisabled={!isDisabledByPolicy}\n                            key={`tooltip-${level}`}\n                            position=\"top-center\"\n                            text={<FormattedMessage {...tooltipMessage} />}\n                        >\n                            <SelectMenuItem\n                                key={level}\n                                isDisabled={isDisabled}\n                                isSelected={level === accessLevel}\n                                onClick={() => this.onChangeAccessLevel(level)}\n                            >\n                                <SharedLinkAccessLabel\n                                    accessLevel={level}\n                                    enterpriseName={enterpriseName}\n                                    hasDescription\n                                    itemType={itemType}\n                                />\n                            </SelectMenuItem>\n                        </Tooltip>\n                    );\n                })}\n            </Menu>\n        );\n    }\n\n    render() {\n        const {\n            accessLevel,\n            enterpriseName,\n            itemType,\n            onDismissTooltip,\n            submitting,\n            tooltipContent,\n            trackingProps,\n        } = this.props;\n        const { onSharedLinkAccessMenuOpen, sharedLinkAccessMenuButtonProps } = trackingProps;\n\n        return (\n            <Tooltip\n                className=\"usm-ftux-tooltip\"\n                isShown={!!tooltipContent}\n                onDismiss={onDismissTooltip}\n                position=\"middle-left\"\n                showCloseButton\n                text={tooltipContent}\n                theme=\"callout\"\n            >\n                <DropdownMenu onMenuOpen={onSharedLinkAccessMenuOpen} constrainToWindow>\n                    <PlainButton\n                        className={classNames('lnk', {\n                            'is-disabled': submitting,\n                            'bdl-is-disabled': submitting,\n                        })}\n                        data-testid=\"usm-share-access-toggle\"\n                        disabled={submitting}\n                        {...sharedLinkAccessMenuButtonProps}\n                    >\n                        <MenuToggle>\n                            <SharedLinkAccessLabel\n                                accessLevel={accessLevel}\n                                enterpriseName={enterpriseName}\n                                hasDescription={false}\n                                itemType={itemType}\n                            />\n                        </MenuToggle>\n                    </PlainButton>\n                    {this.renderMenu()}\n                </DropdownMenu>\n            </Tooltip>\n        );\n    }\n}\n\nexport default SharedLinkAccessMenu;\n"],"file":"SharedLinkAccessMenu.js"}
+{"version":3,"sources":["../../../src/features/unified-share-modal/SharedLinkAccessMenu.js"],"names":["React","classNames","FormattedMessage","DropdownMenu","MenuToggle","Menu","SelectMenuItem","PlainButton","Tooltip","SharedLinkAccessLabel","ANYONE_WITH_LINK","ANYONE_IN_COMPANY","DISABLED_REASON_ACCESS_POLICY","DISABLED_REASON_MALICIOUS_CONTENT","PEOPLE_IN_ITEM","messages","accessLevels","SharedLinkAccessMenu","newAccessLevel","props","accessLevel","changeAccessLevel","trackingProps","onChangeSharedLinkAccessLevel","accessLevelsDisabledReason","allowedAccessLevels","enterpriseName","itemType","map","level","isDisabled","isDisabledByAccessPolicy","isDisabledByMaliciousContent","isDisabledByPolicy","tooltipMessage","disabledMaliciousContentShareLinkPermission","disabledShareLinkPermission","onChangeAccessLevel","onDismissTooltip","submitting","tooltipContent","onSharedLinkAccessMenuOpen","sharedLinkAccessMenuButtonProps","renderMenu","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,YAAP,IAAuBC,UAAvB,QAAyC,gCAAzC;AACA,SAASC,IAAT,EAAeC,cAAf,QAAqC,uBAArC;AACA,OAAOC,WAAP,MAAwB,+BAAxB;AACA,OAAOC,OAAP,MAAoB,0BAApB;AAGA,OAAOC,qBAAP,MAAkC,yBAAlC;AACA,SACIC,gBADJ,EAEIC,iBAFJ,EAGIC,6BAHJ,EAIIC,iCAJJ,EAKIC,cALJ,QAMO,aANP;AAOA,OAAOC,QAAP,MAAqB,YAArB;AAGA,IAAMC,YAAY,GAAG,CAACN,gBAAD,EAAmBC,iBAAnB,EAAsCG,cAAtC,CAArB;;IAmBMG,oB;;;;;;;;;;;;;;;;;;0EAOoB,UAACC,cAAD,EAAqC;AAAA,wBACG,MAAKC,KADR;AAAA,UAC/CC,WAD+C,eAC/CA,WAD+C;AAAA,UAClCC,iBADkC,eAClCA,iBADkC;AAAA,UACfC,aADe,eACfA,aADe;AAAA,UAE/CC,6BAF+C,GAEbD,aAFa,CAE/CC,6BAF+C;;AAIvD,UAAIH,WAAW,KAAKF,cAApB,EAAoC;AAChCG,QAAAA,iBAAiB,CAACH,cAAD,CAAjB;;AAEA,YAAIK,6BAAJ,EAAmC;AAC/BA,UAAAA,6BAA6B,CAACL,cAAD,CAA7B;AACH;AACJ;AACJ,K;;;;;;;iCAEY;AAAA;;AAAA,yBAC0F,KAAKC,KAD/F;AAAA,UACDC,WADC,gBACDA,WADC;AAAA,UACYI,0BADZ,gBACYA,0BADZ;AAAA,UACwCC,mBADxC,gBACwCA,mBADxC;AAAA,UAC6DC,cAD7D,gBAC6DA,cAD7D;AAAA,UAC6EC,QAD7E,gBAC6EA,QAD7E;AAET,aACI,oBAAC,IAAD;AAAM,QAAA,SAAS,EAAC,uBAAhB;AAAwC,uBAAY;AAApD,SACKX,YAAY,CAACY,GAAb,CAAiB,UAAAC,KAAK,EAAI;AACvB,YAAMC,UAAU,GAAG,CAACL,mBAAmB,CAACI,KAAD,CAAvC;AACA,YAAME,wBAAwB,GAC1BP,0BAA0B,CAACK,KAAD,CAA1B,KAAsCjB,6BAD1C;AAEA,YAAMoB,4BAA4B,GAC9BR,0BAA0B,CAACK,KAAD,CAA1B,KAAsChB,iCAD1C;AAEA,YAAMoB,kBAAkB,GAAGF,wBAAwB,IAAIC,4BAAvD;AACA,YAAME,cAAc,GAAGF,4BAA4B,GAC7CjB,QAAQ,CAACoB,2CADoC,GAE7CpB,QAAQ,CAACqB,2BAFf,CAPuB,CAWvB;AACA;AACA;;AACA,YAAIN,UAAU,IAAI,CAACG,kBAAnB,EAAuC;AACnC,iBAAO,IAAP;AACH;;AAED,eACI,oBAAC,OAAD;AACI,UAAA,UAAU,EAAE,CAACA,kBADjB;AAEI,UAAA,GAAG,oBAAaJ,KAAb,CAFP;AAGI,UAAA,QAAQ,EAAC,YAHb;AAII,UAAA,IAAI,EAAE,oBAAC,gBAAD,EAAsBK,cAAtB;AAJV,WAMI,oBAAC,cAAD;AACI,UAAA,GAAG,EAAEL,KADT;AAEI,UAAA,UAAU,EAAEC,UAFhB;AAGI,UAAA,UAAU,EAAED,KAAK,KAAKT,WAH1B;AAII,UAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAACiB,mBAAL,CAAyBR,KAAzB,CAAN;AAAA;AAJb,WAMI,oBAAC,qBAAD;AACI,UAAA,WAAW,EAAEA,KADjB;AAEI,UAAA,cAAc,EAAEH,cAFpB;AAGI,UAAA,cAAc,MAHlB;AAII,UAAA,QAAQ,EAAEC;AAJd,UANJ,CANJ,CADJ;AAsBH,OAxCA,CADL,CADJ;AA6CH;;;6BAEQ;AAAA,yBASD,KAAKR,KATJ;AAAA,UAEDC,WAFC,gBAEDA,WAFC;AAAA,UAGDM,cAHC,gBAGDA,cAHC;AAAA,UAIDC,QAJC,gBAIDA,QAJC;AAAA,UAKDW,gBALC,gBAKDA,gBALC;AAAA,UAMDC,UANC,gBAMDA,UANC;AAAA,UAODC,cAPC,gBAODA,cAPC;AAAA,UAQDlB,aARC,gBAQDA,aARC;AAAA,UAUGmB,0BAVH,GAUmEnB,aAVnE,CAUGmB,0BAVH;AAAA,UAU+BC,+BAV/B,GAUmEpB,aAVnE,CAU+BoB,+BAV/B;AAYL,aACI,oBAAC,OAAD;AACI,QAAA,SAAS,EAAC,kBADd;AAEI,QAAA,OAAO,EAAE,CAAC,CAACF,cAFf;AAGI,QAAA,SAAS,EAAEF,gBAHf;AAII,QAAA,QAAQ,EAAC,aAJb;AAKI,QAAA,eAAe,MALnB;AAMI,QAAA,IAAI,EAAEE,cANV;AAOI,QAAA,KAAK,EAAC;AAPV,SASI,oBAAC,YAAD;AAAc,QAAA,UAAU,EAAEC,0BAA1B;AAAsD,QAAA,iBAAiB;AAAvE,SACI,oBAAC,WAAD;AACI,QAAA,SAAS,EAAExC,UAAU,CAAC,KAAD,EAAQ;AACzB,yBAAesC,UADU;AAEzB,6BAAmBA;AAFM,SAAR,CADzB;AAKI,uBAAY,yBALhB;AAMI,QAAA,QAAQ,EAAEA,UANd;AAOI,QAAA,IAAI,EAAC;AAPT,SAQQG,+BARR,GAUI,oBAAC,UAAD,QACI,oBAAC,qBAAD;AACI,QAAA,WAAW,EAAEtB,WADjB;AAEI,QAAA,cAAc,EAAEM,cAFpB;AAGI,QAAA,cAAc,EAAE,KAHpB;AAII,QAAA,QAAQ,EAAEC;AAJd,QADJ,CAVJ,CADJ,EAoBK,KAAKgB,UAAL,EApBL,CATJ,CADJ;AAkCH;;;;EAnH8B3C,KAAK,CAAC4C,S;;gBAAnC3B,oB,kBACoB;AAClBO,EAAAA,0BAA0B,EAAE,EADV;AAElBC,EAAAA,mBAAmB,EAAE,EAFH;AAGlBH,EAAAA,aAAa,EAAE;AAHG,C;;AAqH1B,eAAeL,oBAAf","sourcesContent":["// @flow\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\n\nimport DropdownMenu, { MenuToggle } from '../../components/dropdown-menu';\nimport { Menu, SelectMenuItem } from '../../components/menu';\nimport PlainButton from '../../components/plain-button';\nimport Tooltip from '../../components/tooltip';\nimport type { ItemType } from '../../common/types/core';\n\nimport SharedLinkAccessLabel from './SharedLinkAccessLabel';\nimport {\n    ANYONE_WITH_LINK,\n    ANYONE_IN_COMPANY,\n    DISABLED_REASON_ACCESS_POLICY,\n    DISABLED_REASON_MALICIOUS_CONTENT,\n    PEOPLE_IN_ITEM,\n} from './constants';\nimport messages from './messages';\nimport type { accessLevelType, accessLevelsDisabledReasonType, allowedAccessLevelsType } from './flowTypes';\n\nconst accessLevels = [ANYONE_WITH_LINK, ANYONE_IN_COMPANY, PEOPLE_IN_ITEM];\n\ntype Props = {\n    accessLevel?: accessLevelType,\n    accessLevelsDisabledReason: accessLevelsDisabledReasonType,\n    allowedAccessLevels: allowedAccessLevelsType,\n    changeAccessLevel: (newAccessLevel: accessLevelType) => Promise<{ accessLevel: accessLevelType }>,\n    enterpriseName?: string,\n    itemType: ItemType,\n    onDismissTooltip: () => void,\n    submitting: boolean,\n    tooltipContent: React.Node,\n    trackingProps: {\n        onChangeSharedLinkAccessLevel?: Function,\n        onSharedLinkAccessMenuOpen?: Function,\n        sharedLinkAccessMenuButtonProps?: Object,\n    },\n};\n\nclass SharedLinkAccessMenu extends React.Component<Props> {\n    static defaultProps = {\n        accessLevelsDisabledReason: {},\n        allowedAccessLevels: {},\n        trackingProps: {},\n    };\n\n    onChangeAccessLevel = (newAccessLevel: accessLevelType) => {\n        const { accessLevel, changeAccessLevel, trackingProps } = this.props;\n        const { onChangeSharedLinkAccessLevel } = trackingProps;\n\n        if (accessLevel !== newAccessLevel) {\n            changeAccessLevel(newAccessLevel);\n\n            if (onChangeSharedLinkAccessLevel) {\n                onChangeSharedLinkAccessLevel(newAccessLevel);\n            }\n        }\n    };\n\n    renderMenu() {\n        const { accessLevel, accessLevelsDisabledReason, allowedAccessLevels, enterpriseName, itemType } = this.props;\n        return (\n            <Menu className=\"usm-share-access-menu\" data-testid=\"usm-share-access-menu\">\n                {accessLevels.map(level => {\n                    const isDisabled = !allowedAccessLevels[level];\n                    const isDisabledByAccessPolicy =\n                        accessLevelsDisabledReason[level] === DISABLED_REASON_ACCESS_POLICY;\n                    const isDisabledByMaliciousContent =\n                        accessLevelsDisabledReason[level] === DISABLED_REASON_MALICIOUS_CONTENT;\n                    const isDisabledByPolicy = isDisabledByAccessPolicy || isDisabledByMaliciousContent;\n                    const tooltipMessage = isDisabledByMaliciousContent\n                        ? messages.disabledMaliciousContentShareLinkPermission\n                        : messages.disabledShareLinkPermission;\n\n                    // If an access level is disabled for reasons other than access policy enforcement\n                    // then we just don't show that menu item. If it is disabled because of an access policy\n                    // instead, then we show the menu item in a disabled state and with a tooltip.\n                    if (isDisabled && !isDisabledByPolicy) {\n                        return null;\n                    }\n\n                    return (\n                        <Tooltip\n                            isDisabled={!isDisabledByPolicy}\n                            key={`tooltip-${level}`}\n                            position=\"top-center\"\n                            text={<FormattedMessage {...tooltipMessage} />}\n                        >\n                            <SelectMenuItem\n                                key={level}\n                                isDisabled={isDisabled}\n                                isSelected={level === accessLevel}\n                                onClick={() => this.onChangeAccessLevel(level)}\n                            >\n                                <SharedLinkAccessLabel\n                                    accessLevel={level}\n                                    enterpriseName={enterpriseName}\n                                    hasDescription\n                                    itemType={itemType}\n                                />\n                            </SelectMenuItem>\n                        </Tooltip>\n                    );\n                })}\n            </Menu>\n        );\n    }\n\n    render() {\n        const {\n            accessLevel,\n            enterpriseName,\n            itemType,\n            onDismissTooltip,\n            submitting,\n            tooltipContent,\n            trackingProps,\n        } = this.props;\n        const { onSharedLinkAccessMenuOpen, sharedLinkAccessMenuButtonProps } = trackingProps;\n\n        return (\n            <Tooltip\n                className=\"usm-ftux-tooltip\"\n                isShown={!!tooltipContent}\n                onDismiss={onDismissTooltip}\n                position=\"middle-left\"\n                showCloseButton\n                text={tooltipContent}\n                theme=\"callout\"\n            >\n                <DropdownMenu onMenuOpen={onSharedLinkAccessMenuOpen} constrainToWindow>\n                    <PlainButton\n                        className={classNames('lnk', {\n                            'is-disabled': submitting,\n                            'bdl-is-disabled': submitting,\n                        })}\n                        data-testid=\"usm-share-access-toggle\"\n                        disabled={submitting}\n                        type=\"button\"\n                        {...sharedLinkAccessMenuButtonProps}\n                    >\n                        <MenuToggle>\n                            <SharedLinkAccessLabel\n                                accessLevel={accessLevel}\n                                enterpriseName={enterpriseName}\n                                hasDescription={false}\n                                itemType={itemType}\n                            />\n                        </MenuToggle>\n                    </PlainButton>\n                    {this.renderMenu()}\n                </DropdownMenu>\n            </Tooltip>\n        );\n    }\n}\n\nexport default SharedLinkAccessMenu;\n"],"file":"SharedLinkAccessMenu.js"}

package/es/features/unified-share-modal/SharedLinkPermissionMenu.js

@@ -125,7 +125,8 @@ function (_Component) {
           'bdl-is-disabled': submitting
         }),
         "data-testid": "usm-share-permissions-toggle",
-        disabled: submitting
+        disabled: submitting,
+        type: "button"
       }, sharedLinkPermissionsMenuButtonProps), React.createElement(MenuToggle, null, permissionLevels[permissionLevel].label)), React.createElement(Menu, {
         className: "ums-share-permissions-menu",
         "data-testid": "usm-share-permissions-menu"

package/es/features/unified-share-modal/SharedLinkPermissionMenu.js.flow

@@ -114,6 +114,7 @@ class SharedLinkPermissionMenu extends Component<Props> {
                     })}
                     data-testid="usm-share-permissions-toggle"
                     disabled={submitting}
+                    type="button"
                     {...sharedLinkPermissionsMenuButtonProps}
                 >
                     <MenuToggle>{permissionLevels[permissionLevel].label}</MenuToggle>

package/es/features/unified-share-modal/SharedLinkPermissionMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/features/unified-share-modal/SharedLinkPermissionMenu.js"],"names":["React","Component","classNames","FormattedMessage","DropdownMenu","MenuToggle","LabelPill","PlainButton","Menu","SelectMenuItem","VIEW_SIZE_TYPE","withMediaQuery","CAN_EDIT","CAN_VIEW_DOWNLOAD","CAN_VIEW_ONLY","messages","SharedLinkPermissionMenu","newPermissionLevel","props","changePermissionLevel","permissionLevel","trackingProps","onChangeSharedLinkPermissionLevel","allowedPermissionLevels","isSharedLinkEditTooltipShown","sharedLinkEditTagTargetingApi","sharedLinkEditTooltipTargetingApi","size","submitting","sharedLinkPermissionsMenuButtonProps","canShowTag","canShow","canShowTooltip","permissionLevels","label","sharedLinkPermissionsEdit","sharedLinkPermissionsViewDownload","sharedLinkPermissionsViewOnly","isRightAligned","small","medium","includes","onComplete","onShow","map","level","onChangePermissionLevel","ftuxSharedLinkPermissionsEditTag","sharedLinkPermissionMenu","displayName","SharedLinkPermissionMenuBase"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,YAAP,IAAuBC,UAAvB,QAAyC,gCAAzC;AACA,OAAOC,SAAP,MAAsB,6BAAtB;AACA,OAAOC,WAAP,MAAwB,+BAAxB;AACA,SAASC,IAAT,EAAeC,cAAf,QAAqC,uBAArC;AACA,SAASC,cAAT,QAA+B,wCAA/B;AACA,OAAOC,cAAP,MAA2B,6CAA3B;AAIA,SAASC,QAAT,EAAmBC,iBAAnB,EAAsCC,aAAtC,QAA2D,aAA3D;AACA,OAAOC,QAAP,MAAqB,YAArB;AAEA,OAAO,iCAAP;;IAoBMC,wB;;;;;;;;;;;;;;;;;;8EAKwB,UAACC,kBAAD,EAA6C;AAAA,wBACD,MAAKC,KADJ;AAAA,UAC3DC,qBAD2D,eAC3DA,qBAD2D;AAAA,UACpCC,eADoC,eACpCA,eADoC;AAAA,UACnBC,aADmB,eACnBA,aADmB;AAAA,UAE3DC,iCAF2D,GAErBD,aAFqB,CAE3DC,iCAF2D;;AAInE,UAAIF,eAAe,KAAKH,kBAAxB,EAA4C;AACxCE,QAAAA,qBAAqB,CAACF,kBAAD,CAArB;;AAEA,YAAIK,iCAAJ,EAAuC;AACnCA,UAAAA,iCAAiC,CAACL,kBAAD,CAAjC;AACH;AACJ;AACJ,K;;;;;;;6BAEQ;AAAA;AAAA;;AAAA,yBAUD,KAAKC,KAVJ;AAAA,UAEDK,uBAFC,gBAEDA,uBAFC;AAAA,UAGDC,4BAHC,gBAGDA,4BAHC;AAAA,UAIDJ,eAJC,gBAIDA,eAJC;AAAA,UAKDK,6BALC,gBAKDA,6BALC;AAAA,UAMDC,iCANC,gBAMDA,iCANC;AAAA,UAODC,IAPC,gBAODA,IAPC;AAAA,UAQDC,UARC,gBAQDA,UARC;AAAA,UASDP,aATC,gBASDA,aATC;AAAA,UAWGQ,oCAXH,GAW4CR,aAX5C,CAWGQ,oCAXH;AAYL,UAAMC,UAAU,GAAGL,6BAA6B,GAAGA,6BAA6B,CAACM,OAAjC,GAA2C,KAA3F;AACA,UAAMC,cAAc,GAAGN,iCAAiC,GAAGA,iCAAiC,CAACK,OAArC,GAA+C,KAAvG;;AAEA,UAAI,CAACX,eAAL,EAAsB;AAClB,eAAO,IAAP;AACH;;AAED,UAAMa,gBAAgB,+DACjBrB,QADiB,EACN;AACRsB,QAAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBnB,QAAQ,CAACoB,yBAA/B;AADC,OADM,sCAIjBtB,iBAJiB,EAIG;AACjBqB,QAAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBnB,QAAQ,CAACqB,iCAA/B;AADU,OAJH,sCAOjBtB,aAPiB,EAOD;AACboB,QAAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBnB,QAAQ,CAACsB,6BAA/B;AADM,OAPC,qBAAtB;AAYA,UAAMC,cAAc,GAAGX,IAAI,KAAKjB,cAAc,CAAC6B,KAAxB,IAAiCZ,IAAI,KAAKjB,cAAc,CAAC8B,MAAhF;AAEA,aACI,oBAAC,YAAD;AACI,QAAA,iBAAiB,MADrB;AAEI,QAAA,cAAc,EAAEF,cAFpB;AAGI,QAAA,WAAW,EAAE,uBAAM;AACf,cAAIf,uBAAuB,CAACkB,QAAxB,CAAiC7B,QAAjC,KAA8CkB,UAA9C,IAA4DL,6BAAhE,EAA+F;AAC3FA,YAAAA,6BAA6B,CAACiB,UAA9B;AACH;AACJ,SAPL;AAQI,QAAA,UAAU,EAAE,sBAAM;AACd,cAAInB,uBAAuB,CAACkB,QAAxB,CAAiC7B,QAAjC,KAA8CkB,UAA9C,IAA4DL,6BAAhE,EAA+F;AAC3FA,YAAAA,6BAA6B,CAACkB,MAA9B;AACH,WAHa,CAKd;;;AACA,cAAInB,4BAA4B,IAAIQ,cAAhC,IAAkDN,iCAAtD,EAAyF;AACrFA,YAAAA,iCAAiC,CAACgB,UAAlC;AACH;AACJ;AAjBL,SAmBI,oBAAC,WAAD;AACI,QAAA,SAAS,EAAExC,UAAU,CAAC,KAAD,EAAQ;AACzB,yBAAe0B,UADU;AAEzB,6BAAmBA;AAFM,SAAR,CADzB;AAKI,uBAAY,8BALhB;AAMI,QAAA,QAAQ,EAAEA;AANd,SAOQC,oCAPR,GASI,oBAAC,UAAD,QAAaI,gBAAgB,CAACb,eAAD,CAAhB,CAAkCc,KAA/C,CATJ,CAnBJ,EA8BI,oBAAC,IAAD;AAAM,QAAA,SAAS,EAAC,4BAAhB;AAA6C,uBAAY;AAAzD,SACKX,uBAAuB,CAACqB,GAAxB,CAA4B,UAAAC,KAAK;AAAA,eAC9B,oBAAC,cAAD;AACI,UAAA,GAAG,EAAEA,KADT;AAEI,UAAA,UAAU,EAAEA,KAAK,KAAKzB,eAF1B;AAGI,UAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAAC0B,uBAAL,CAA6BD,KAA7B,CAAN;AAAA;AAHb,WAKI;AAAK,UAAA,SAAS,EAAC;AAAf,WACI,kCAAOZ,gBAAgB,CAACY,KAAD,CAAhB,CAAwBX,KAA/B,CADJ,EAEKW,KAAK,KAAKjC,QAAV,IAAsBkB,UAAtB,IACG,oBAAC,SAAD,CAAW,IAAX;AAAgB,UAAA,SAAS,EAAC,2BAA1B;AAAsD,UAAA,IAAI,EAAC;AAA3D,WACI,oBAAC,SAAD,CAAW,IAAX,QACI,oBAAC,gBAAD,EAAsBf,QAAQ,CAACgC,gCAA/B,CADJ,CADJ,CAHR,CALJ,CAD8B;AAAA,OAAjC,CADL,CA9BJ,CADJ;AAqDH;;;;EAxGkC9C,S;;gBAAjCe,wB,kBACoB;AAClBK,EAAAA,aAAa,EAAE;AADG,C;;AA0G1B,IAAM2B,wBAAwB,GAAGrC,cAAc,CAACK,wBAAD,CAA/C;AACAgC,wBAAwB,CAACC,WAAzB,GAAuC,0BAAvC;AAEA,SAASjC,wBAAwB,IAAIkC,4BAArC;AACA,eAAeF,wBAAf","sourcesContent":["// @flow\n\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\n\nimport DropdownMenu, { MenuToggle } from '../../components/dropdown-menu';\nimport LabelPill from '../../components/label-pill';\nimport PlainButton from '../../components/plain-button';\nimport { Menu, SelectMenuItem } from '../../components/menu';\nimport { VIEW_SIZE_TYPE } from '../../components/media-query/constants';\nimport withMediaQuery from '../../components/media-query/withMediaQuery';\nimport type { TargetingApi } from '../targeting/types';\n\nimport type { permissionLevelType } from './flowTypes';\nimport { CAN_EDIT, CAN_VIEW_DOWNLOAD, CAN_VIEW_ONLY } from './constants';\nimport messages from './messages';\n\nimport './SharedLinkPermissionMenu.scss';\n\ntype Props = {\n    allowedPermissionLevels: Array<permissionLevelType>,\n    canChangePermissionLevel: boolean,\n    changePermissionLevel: (\n        newPermissionLevel: permissionLevelType,\n    ) => Promise<{ permissionLevel: permissionLevelType }>,\n    isSharedLinkEditTooltipShown: boolean,\n    permissionLevel?: permissionLevelType,\n    sharedLinkEditTagTargetingApi?: TargetingApi,\n    sharedLinkEditTooltipTargetingApi?: TargetingApi,\n    size: string,\n    submitting: boolean,\n    trackingProps: {\n        onChangeSharedLinkPermissionLevel?: Function,\n        sharedLinkPermissionsMenuButtonProps?: Object,\n    },\n};\n\nclass SharedLinkPermissionMenu extends Component<Props> {\n    static defaultProps = {\n        trackingProps: {},\n    };\n\n    onChangePermissionLevel = (newPermissionLevel: permissionLevelType) => {\n        const { changePermissionLevel, permissionLevel, trackingProps } = this.props;\n        const { onChangeSharedLinkPermissionLevel } = trackingProps;\n\n        if (permissionLevel !== newPermissionLevel) {\n            changePermissionLevel(newPermissionLevel);\n\n            if (onChangeSharedLinkPermissionLevel) {\n                onChangeSharedLinkPermissionLevel(newPermissionLevel);\n            }\n        }\n    };\n\n    render() {\n        const {\n            allowedPermissionLevels,\n            isSharedLinkEditTooltipShown,\n            permissionLevel,\n            sharedLinkEditTagTargetingApi,\n            sharedLinkEditTooltipTargetingApi,\n            size,\n            submitting,\n            trackingProps,\n        } = this.props;\n        const { sharedLinkPermissionsMenuButtonProps } = trackingProps;\n        const canShowTag = sharedLinkEditTagTargetingApi ? sharedLinkEditTagTargetingApi.canShow : false;\n        const canShowTooltip = sharedLinkEditTooltipTargetingApi ? sharedLinkEditTooltipTargetingApi.canShow : false;\n\n        if (!permissionLevel) {\n            return null;\n        }\n\n        const permissionLevels = {\n            [CAN_EDIT]: {\n                label: <FormattedMessage {...messages.sharedLinkPermissionsEdit} />,\n            },\n            [CAN_VIEW_DOWNLOAD]: {\n                label: <FormattedMessage {...messages.sharedLinkPermissionsViewDownload} />,\n            },\n            [CAN_VIEW_ONLY]: {\n                label: <FormattedMessage {...messages.sharedLinkPermissionsViewOnly} />,\n            },\n        };\n\n        const isRightAligned = size === VIEW_SIZE_TYPE.small || size === VIEW_SIZE_TYPE.medium;\n\n        return (\n            <DropdownMenu\n                constrainToWindow\n                isRightAligned={isRightAligned}\n                onMenuClose={() => {\n                    if (allowedPermissionLevels.includes(CAN_EDIT) && canShowTag && sharedLinkEditTagTargetingApi) {\n                        sharedLinkEditTagTargetingApi.onComplete();\n                    }\n                }}\n                onMenuOpen={() => {\n                    if (allowedPermissionLevels.includes(CAN_EDIT) && canShowTag && sharedLinkEditTagTargetingApi) {\n                        sharedLinkEditTagTargetingApi.onShow();\n                    }\n\n                    // complete tooltip FTUX on opening of dropdown menu\n                    if (isSharedLinkEditTooltipShown && canShowTooltip && sharedLinkEditTooltipTargetingApi) {\n                        sharedLinkEditTooltipTargetingApi.onComplete();\n                    }\n                }}\n            >\n                <PlainButton\n                    className={classNames('lnk', {\n                        'is-disabled': submitting,\n                        'bdl-is-disabled': submitting,\n                    })}\n                    data-testid=\"usm-share-permissions-toggle\"\n                    disabled={submitting}\n                    {...sharedLinkPermissionsMenuButtonProps}\n                >\n                    <MenuToggle>{permissionLevels[permissionLevel].label}</MenuToggle>\n                </PlainButton>\n                <Menu className=\"ums-share-permissions-menu\" data-testid=\"usm-share-permissions-menu\">\n                    {allowedPermissionLevels.map(level => (\n                        <SelectMenuItem\n                            key={level}\n                            isSelected={level === permissionLevel}\n                            onClick={() => this.onChangePermissionLevel(level)}\n                        >\n                            <div className=\"ums-share-permissions-menu-item\">\n                                <span>{permissionLevels[level].label}</span>\n                                {level === CAN_EDIT && canShowTag && (\n                                    <LabelPill.Pill className=\"ftux-editable-shared-link\" type=\"ftux\">\n                                        <LabelPill.Text>\n                                            <FormattedMessage {...messages.ftuxSharedLinkPermissionsEditTag} />\n                                        </LabelPill.Text>\n                                    </LabelPill.Pill>\n                                )}\n                            </div>\n                        </SelectMenuItem>\n                    ))}\n                </Menu>\n            </DropdownMenu>\n        );\n    }\n}\n\nconst sharedLinkPermissionMenu = withMediaQuery(SharedLinkPermissionMenu);\nsharedLinkPermissionMenu.displayName = 'SharedLinkPermissionMenu';\n\nexport { SharedLinkPermissionMenu as SharedLinkPermissionMenuBase };\nexport default sharedLinkPermissionMenu;\n"],"file":"SharedLinkPermissionMenu.js"}
+{"version":3,"sources":["../../../src/features/unified-share-modal/SharedLinkPermissionMenu.js"],"names":["React","Component","classNames","FormattedMessage","DropdownMenu","MenuToggle","LabelPill","PlainButton","Menu","SelectMenuItem","VIEW_SIZE_TYPE","withMediaQuery","CAN_EDIT","CAN_VIEW_DOWNLOAD","CAN_VIEW_ONLY","messages","SharedLinkPermissionMenu","newPermissionLevel","props","changePermissionLevel","permissionLevel","trackingProps","onChangeSharedLinkPermissionLevel","allowedPermissionLevels","isSharedLinkEditTooltipShown","sharedLinkEditTagTargetingApi","sharedLinkEditTooltipTargetingApi","size","submitting","sharedLinkPermissionsMenuButtonProps","canShowTag","canShow","canShowTooltip","permissionLevels","label","sharedLinkPermissionsEdit","sharedLinkPermissionsViewDownload","sharedLinkPermissionsViewOnly","isRightAligned","small","medium","includes","onComplete","onShow","map","level","onChangePermissionLevel","ftuxSharedLinkPermissionsEditTag","sharedLinkPermissionMenu","displayName","SharedLinkPermissionMenuBase"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAEA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,gBAAT,QAAiC,YAAjC;AAEA,OAAOC,YAAP,IAAuBC,UAAvB,QAAyC,gCAAzC;AACA,OAAOC,SAAP,MAAsB,6BAAtB;AACA,OAAOC,WAAP,MAAwB,+BAAxB;AACA,SAASC,IAAT,EAAeC,cAAf,QAAqC,uBAArC;AACA,SAASC,cAAT,QAA+B,wCAA/B;AACA,OAAOC,cAAP,MAA2B,6CAA3B;AAIA,SAASC,QAAT,EAAmBC,iBAAnB,EAAsCC,aAAtC,QAA2D,aAA3D;AACA,OAAOC,QAAP,MAAqB,YAArB;AAEA,OAAO,iCAAP;;IAoBMC,wB;;;;;;;;;;;;;;;;;;8EAKwB,UAACC,kBAAD,EAA6C;AAAA,wBACD,MAAKC,KADJ;AAAA,UAC3DC,qBAD2D,eAC3DA,qBAD2D;AAAA,UACpCC,eADoC,eACpCA,eADoC;AAAA,UACnBC,aADmB,eACnBA,aADmB;AAAA,UAE3DC,iCAF2D,GAErBD,aAFqB,CAE3DC,iCAF2D;;AAInE,UAAIF,eAAe,KAAKH,kBAAxB,EAA4C;AACxCE,QAAAA,qBAAqB,CAACF,kBAAD,CAArB;;AAEA,YAAIK,iCAAJ,EAAuC;AACnCA,UAAAA,iCAAiC,CAACL,kBAAD,CAAjC;AACH;AACJ;AACJ,K;;;;;;;6BAEQ;AAAA;AAAA;;AAAA,yBAUD,KAAKC,KAVJ;AAAA,UAEDK,uBAFC,gBAEDA,uBAFC;AAAA,UAGDC,4BAHC,gBAGDA,4BAHC;AAAA,UAIDJ,eAJC,gBAIDA,eAJC;AAAA,UAKDK,6BALC,gBAKDA,6BALC;AAAA,UAMDC,iCANC,gBAMDA,iCANC;AAAA,UAODC,IAPC,gBAODA,IAPC;AAAA,UAQDC,UARC,gBAQDA,UARC;AAAA,UASDP,aATC,gBASDA,aATC;AAAA,UAWGQ,oCAXH,GAW4CR,aAX5C,CAWGQ,oCAXH;AAYL,UAAMC,UAAU,GAAGL,6BAA6B,GAAGA,6BAA6B,CAACM,OAAjC,GAA2C,KAA3F;AACA,UAAMC,cAAc,GAAGN,iCAAiC,GAAGA,iCAAiC,CAACK,OAArC,GAA+C,KAAvG;;AAEA,UAAI,CAACX,eAAL,EAAsB;AAClB,eAAO,IAAP;AACH;;AAED,UAAMa,gBAAgB,+DACjBrB,QADiB,EACN;AACRsB,QAAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBnB,QAAQ,CAACoB,yBAA/B;AADC,OADM,sCAIjBtB,iBAJiB,EAIG;AACjBqB,QAAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBnB,QAAQ,CAACqB,iCAA/B;AADU,OAJH,sCAOjBtB,aAPiB,EAOD;AACboB,QAAAA,KAAK,EAAE,oBAAC,gBAAD,EAAsBnB,QAAQ,CAACsB,6BAA/B;AADM,OAPC,qBAAtB;AAYA,UAAMC,cAAc,GAAGX,IAAI,KAAKjB,cAAc,CAAC6B,KAAxB,IAAiCZ,IAAI,KAAKjB,cAAc,CAAC8B,MAAhF;AAEA,aACI,oBAAC,YAAD;AACI,QAAA,iBAAiB,MADrB;AAEI,QAAA,cAAc,EAAEF,cAFpB;AAGI,QAAA,WAAW,EAAE,uBAAM;AACf,cAAIf,uBAAuB,CAACkB,QAAxB,CAAiC7B,QAAjC,KAA8CkB,UAA9C,IAA4DL,6BAAhE,EAA+F;AAC3FA,YAAAA,6BAA6B,CAACiB,UAA9B;AACH;AACJ,SAPL;AAQI,QAAA,UAAU,EAAE,sBAAM;AACd,cAAInB,uBAAuB,CAACkB,QAAxB,CAAiC7B,QAAjC,KAA8CkB,UAA9C,IAA4DL,6BAAhE,EAA+F;AAC3FA,YAAAA,6BAA6B,CAACkB,MAA9B;AACH,WAHa,CAKd;;;AACA,cAAInB,4BAA4B,IAAIQ,cAAhC,IAAkDN,iCAAtD,EAAyF;AACrFA,YAAAA,iCAAiC,CAACgB,UAAlC;AACH;AACJ;AAjBL,SAmBI,oBAAC,WAAD;AACI,QAAA,SAAS,EAAExC,UAAU,CAAC,KAAD,EAAQ;AACzB,yBAAe0B,UADU;AAEzB,6BAAmBA;AAFM,SAAR,CADzB;AAKI,uBAAY,8BALhB;AAMI,QAAA,QAAQ,EAAEA,UANd;AAOI,QAAA,IAAI,EAAC;AAPT,SAQQC,oCARR,GAUI,oBAAC,UAAD,QAAaI,gBAAgB,CAACb,eAAD,CAAhB,CAAkCc,KAA/C,CAVJ,CAnBJ,EA+BI,oBAAC,IAAD;AAAM,QAAA,SAAS,EAAC,4BAAhB;AAA6C,uBAAY;AAAzD,SACKX,uBAAuB,CAACqB,GAAxB,CAA4B,UAAAC,KAAK;AAAA,eAC9B,oBAAC,cAAD;AACI,UAAA,GAAG,EAAEA,KADT;AAEI,UAAA,UAAU,EAAEA,KAAK,KAAKzB,eAF1B;AAGI,UAAA,OAAO,EAAE;AAAA,mBAAM,MAAI,CAAC0B,uBAAL,CAA6BD,KAA7B,CAAN;AAAA;AAHb,WAKI;AAAK,UAAA,SAAS,EAAC;AAAf,WACI,kCAAOZ,gBAAgB,CAACY,KAAD,CAAhB,CAAwBX,KAA/B,CADJ,EAEKW,KAAK,KAAKjC,QAAV,IAAsBkB,UAAtB,IACG,oBAAC,SAAD,CAAW,IAAX;AAAgB,UAAA,SAAS,EAAC,2BAA1B;AAAsD,UAAA,IAAI,EAAC;AAA3D,WACI,oBAAC,SAAD,CAAW,IAAX,QACI,oBAAC,gBAAD,EAAsBf,QAAQ,CAACgC,gCAA/B,CADJ,CADJ,CAHR,CALJ,CAD8B;AAAA,OAAjC,CADL,CA/BJ,CADJ;AAsDH;;;;EAzGkC9C,S;;gBAAjCe,wB,kBACoB;AAClBK,EAAAA,aAAa,EAAE;AADG,C;;AA2G1B,IAAM2B,wBAAwB,GAAGrC,cAAc,CAACK,wBAAD,CAA/C;AACAgC,wBAAwB,CAACC,WAAzB,GAAuC,0BAAvC;AAEA,SAASjC,wBAAwB,IAAIkC,4BAArC;AACA,eAAeF,wBAAf","sourcesContent":["// @flow\n\nimport React, { Component } from 'react';\nimport classNames from 'classnames';\nimport { FormattedMessage } from 'react-intl';\n\nimport DropdownMenu, { MenuToggle } from '../../components/dropdown-menu';\nimport LabelPill from '../../components/label-pill';\nimport PlainButton from '../../components/plain-button';\nimport { Menu, SelectMenuItem } from '../../components/menu';\nimport { VIEW_SIZE_TYPE } from '../../components/media-query/constants';\nimport withMediaQuery from '../../components/media-query/withMediaQuery';\nimport type { TargetingApi } from '../targeting/types';\n\nimport type { permissionLevelType } from './flowTypes';\nimport { CAN_EDIT, CAN_VIEW_DOWNLOAD, CAN_VIEW_ONLY } from './constants';\nimport messages from './messages';\n\nimport './SharedLinkPermissionMenu.scss';\n\ntype Props = {\n    allowedPermissionLevels: Array<permissionLevelType>,\n    canChangePermissionLevel: boolean,\n    changePermissionLevel: (\n        newPermissionLevel: permissionLevelType,\n    ) => Promise<{ permissionLevel: permissionLevelType }>,\n    isSharedLinkEditTooltipShown: boolean,\n    permissionLevel?: permissionLevelType,\n    sharedLinkEditTagTargetingApi?: TargetingApi,\n    sharedLinkEditTooltipTargetingApi?: TargetingApi,\n    size: string,\n    submitting: boolean,\n    trackingProps: {\n        onChangeSharedLinkPermissionLevel?: Function,\n        sharedLinkPermissionsMenuButtonProps?: Object,\n    },\n};\n\nclass SharedLinkPermissionMenu extends Component<Props> {\n    static defaultProps = {\n        trackingProps: {},\n    };\n\n    onChangePermissionLevel = (newPermissionLevel: permissionLevelType) => {\n        const { changePermissionLevel, permissionLevel, trackingProps } = this.props;\n        const { onChangeSharedLinkPermissionLevel } = trackingProps;\n\n        if (permissionLevel !== newPermissionLevel) {\n            changePermissionLevel(newPermissionLevel);\n\n            if (onChangeSharedLinkPermissionLevel) {\n                onChangeSharedLinkPermissionLevel(newPermissionLevel);\n            }\n        }\n    };\n\n    render() {\n        const {\n            allowedPermissionLevels,\n            isSharedLinkEditTooltipShown,\n            permissionLevel,\n            sharedLinkEditTagTargetingApi,\n            sharedLinkEditTooltipTargetingApi,\n            size,\n            submitting,\n            trackingProps,\n        } = this.props;\n        const { sharedLinkPermissionsMenuButtonProps } = trackingProps;\n        const canShowTag = sharedLinkEditTagTargetingApi ? sharedLinkEditTagTargetingApi.canShow : false;\n        const canShowTooltip = sharedLinkEditTooltipTargetingApi ? sharedLinkEditTooltipTargetingApi.canShow : false;\n\n        if (!permissionLevel) {\n            return null;\n        }\n\n        const permissionLevels = {\n            [CAN_EDIT]: {\n                label: <FormattedMessage {...messages.sharedLinkPermissionsEdit} />,\n            },\n            [CAN_VIEW_DOWNLOAD]: {\n                label: <FormattedMessage {...messages.sharedLinkPermissionsViewDownload} />,\n            },\n            [CAN_VIEW_ONLY]: {\n                label: <FormattedMessage {...messages.sharedLinkPermissionsViewOnly} />,\n            },\n        };\n\n        const isRightAligned = size === VIEW_SIZE_TYPE.small || size === VIEW_SIZE_TYPE.medium;\n\n        return (\n            <DropdownMenu\n                constrainToWindow\n                isRightAligned={isRightAligned}\n                onMenuClose={() => {\n                    if (allowedPermissionLevels.includes(CAN_EDIT) && canShowTag && sharedLinkEditTagTargetingApi) {\n                        sharedLinkEditTagTargetingApi.onComplete();\n                    }\n                }}\n                onMenuOpen={() => {\n                    if (allowedPermissionLevels.includes(CAN_EDIT) && canShowTag && sharedLinkEditTagTargetingApi) {\n                        sharedLinkEditTagTargetingApi.onShow();\n                    }\n\n                    // complete tooltip FTUX on opening of dropdown menu\n                    if (isSharedLinkEditTooltipShown && canShowTooltip && sharedLinkEditTooltipTargetingApi) {\n                        sharedLinkEditTooltipTargetingApi.onComplete();\n                    }\n                }}\n            >\n                <PlainButton\n                    className={classNames('lnk', {\n                        'is-disabled': submitting,\n                        'bdl-is-disabled': submitting,\n                    })}\n                    data-testid=\"usm-share-permissions-toggle\"\n                    disabled={submitting}\n                    type=\"button\"\n                    {...sharedLinkPermissionsMenuButtonProps}\n                >\n                    <MenuToggle>{permissionLevels[permissionLevel].label}</MenuToggle>\n                </PlainButton>\n                <Menu className=\"ums-share-permissions-menu\" data-testid=\"usm-share-permissions-menu\">\n                    {allowedPermissionLevels.map(level => (\n                        <SelectMenuItem\n                            key={level}\n                            isSelected={level === permissionLevel}\n                            onClick={() => this.onChangePermissionLevel(level)}\n                        >\n                            <div className=\"ums-share-permissions-menu-item\">\n                                <span>{permissionLevels[level].label}</span>\n                                {level === CAN_EDIT && canShowTag && (\n                                    <LabelPill.Pill className=\"ftux-editable-shared-link\" type=\"ftux\">\n                                        <LabelPill.Text>\n                                            <FormattedMessage {...messages.ftuxSharedLinkPermissionsEditTag} />\n                                        </LabelPill.Text>\n                                    </LabelPill.Pill>\n                                )}\n                            </div>\n                        </SelectMenuItem>\n                    ))}\n                </Menu>\n            </DropdownMenu>\n        );\n    }\n}\n\nconst sharedLinkPermissionMenu = withMediaQuery(SharedLinkPermissionMenu);\nsharedLinkPermissionMenu.displayName = 'SharedLinkPermissionMenu';\n\nexport { SharedLinkPermissionMenu as SharedLinkPermissionMenuBase };\nexport default sharedLinkPermissionMenu;\n"],"file":"SharedLinkPermissionMenu.js"}

package/es/features/unified-share-modal/SharedLinkSection.js

@@ -22,7 +22,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import * as React from 'react';
 import noop from 'lodash/noop';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage, injectIntl } from 'react-intl';
 import PlainButton from '../../components/plain-button';
 import Button from '../../components/button';
 import GuideTooltip from '../../components/guide-tooltip';
@@ -272,7 +272,7 @@ function (_React$Component) {
         value: url
       })), !hideEmailButton && React.createElement(Tooltip, {
         position: "top-left",
-        text: React.createElement(FormattedMessage, messages.sendSharedLink)
+        text: intl.formatMessage(messages.sendSharedLink)
       }, React.createElement(Button, _extends({
         "aria-label": intl.formatMessage(messages.sendSharedLink),
         className: "email-shared-link-btn",
@@ -323,7 +323,7 @@ function (_React$Component) {
           sharedLinkPermissionsMenuButtonProps: sharedLinkPermissionsMenuButtonProps
         }
       })), isEditableBoxNote && React.createElement(Tooltip, {
-        text: React.createElement(FormattedMessage, messages.sharedLinkPermissionsEditTooltip)
+        text: intl.formatMessage(messages.sharedLinkPermissionsEditTooltip)
       }, React.createElement(PlainButton, {
         isDisabled: true,
         className: "can-edit-btn"
@@ -370,10 +370,10 @@ function (_React$Component) {
         },
         position: "middle-right",
         showCloseButton: true,
-        text: tooltips['shared-link-settings'] || React.createElement(FormattedMessage, messages.sharedLinkSettingsCalloutText),
+        text: tooltips['shared-link-settings'] || intl.formatMessage(messages.sharedLinkSettingsCalloutText),
         theme: "callout"
       }, React.createElement(PlainButton, _extends({}, sharedLinkSettingsButtonProps, {
-        "aria-label": intl.formatMessage(messages.settingsButtonLabel),
+        "aria-haspopup": "dialog",
         className: "shared-link-settings-btn",
         onClick: onSettingsClick,
         type: "button"
@@ -385,6 +385,7 @@ function (_React$Component) {
       var _this3 = this;
 
       var _this$props6 = this.props,
+          intl = _this$props6.intl,
           item = _this$props6.item,
           onDismissTooltip = _this$props6.onDismissTooltip,
           onToggleSharedLink = _this$props6.onToggleSharedLink,
@@ -406,13 +407,13 @@ function (_React$Component) {
         if (expirationTimestamp && expirationTimestamp !== 0) {
           linkText = React.createElement("span", null, React.createElement(FormattedMessage, messages.linkShareOn), React.createElement(Tooltip, {
             position: "top-center",
-            text: React.createElement(FormattedMessage, _extends({}, messages.sharedLinkExpirationTooltip, {
-              values: {
-                expiration: convertToMs(expirationTimestamp)
-              }
-            }))
+            text: intl.formatMessage(messages.sharedLinkExpirationTooltip, {
+              expiration: convertToMs(expirationTimestamp)
+            })
           }, React.createElement("span", {
-            className: "shared-link-expiration-badge"
+            "aria-label": intl.formatMessage(messages.expiresMessage),
+            className: "shared-link-expiration-badge",
+            role: "img"
           }, React.createElement(IconClock, {
             color: bdlWatermelonRed
           }))));
@@ -421,9 +422,7 @@ function (_React$Component) {
         linkText = React.createElement(FormattedMessage, messages.linkShareOff);
       }
 
-      var toggleComponent = React.createElement("div", {
-        className: "share-toggle-container"
-      }, React.createElement(Toggle, {
+      var toggleComponent = React.createElement(Toggle, {
         isDisabled: !isToggleEnabled,
         isOn: isSharedLinkEnabled,
         label: linkText,
@@ -432,7 +431,7 @@ function (_React$Component) {
         ref: function ref(_ref) {
           _this3.toggleRef = _ref;
         }
-      }));
+      });
 
       if (!submitting) {
         if (canAddSharedLink) {
@@ -454,7 +453,7 @@ function (_React$Component) {
 
           return React.createElement(Tooltip, {
             position: "top-right",
-            text: React.createElement(FormattedMessage, messages.sharedLinkDisabledTooltipCopy)
+            text: intl.formatMessage(messages.sharedLinkDisabledTooltipCopy)
           }, toggleComponent);
         }
 
@@ -463,7 +462,7 @@ function (_React$Component) {
           return React.createElement(Tooltip, {
             className: "usm-disabled-message-tooltip",
             position: "top-right",
-            text: React.createElement(FormattedMessage, tooltipDisabledMessage)
+            text: intl.formatMessage(tooltipDisabledMessage)
           }, toggleComponent);
         }
       }
@@ -497,5 +496,6 @@ _defineProperty(SharedLinkSection, "defaultProps", {
   autoCreateSharedLink: false
 });
 
-export default SharedLinkSection;
+export { SharedLinkSection as SharedLinkSectionBase };
+export default injectIntl(SharedLinkSection);
 //# sourceMappingURL=SharedLinkSection.js.map