.redux-container-import_export {
    #redux-import-link-wrapper,
    #redux-import-code-wrapper {
        display: none;
    }

    #redux-export-code,
    #redux-export-link-value,
    #redux-import-upload-file {
        display: none;
    }

    #redux-import-action span {
        color: #b94a48;
    }
    #redux-import-upload span {
        font-weight: bold;
    }
}

</div># Predefined list for excluding URI from page optimization #
# Comment can use `# `(there is a space following), or `##`, can use both as a new line or end of one line
# If you want to predefine new items, please send a Pull Request to https://github.com/litespeedtech/lscache_wp/blob/dev/data/optm_uri_exc.txt We will merge into next plugin release

# URI excludes
.well-known// Because Tether doesnt support some arrow positions correctly

$themePrefix: "shepherd"

.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-top.#{$themePrefix}-target-attached-left,
.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-top.#{$themePrefix}-target-attached-right,
.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-bottom.#{$themePrefix}-target-attached-left,
.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-bottom.#{$themePrefix}-target-attached-right
  .#{$themePrefix}-content:before
    display: none
import { useEffect, useState } from '@wordpress/element'
import { InstallStandaloneModal } from '@extendify/components/modals/InstallStandaloneModal'
import { useGlobalStore } from '@extendify/state/GlobalState'
import { useUserStore } from '@extendify/state/User'

/** Return any pending modals and check if any need to show  */
export const useModal = () => {
    const [modal, setModal] = useState(null)
    const open = useGlobalStore((state) => state.open)
    const pushModal = useGlobalStore((state) => state.pushModal)
    const removeAllModals = useGlobalStore((state) => state.removeAllModals)

    // Watches modals added anywhere
    useEffect(
        () =>
            useGlobalStore.subscribe(
                (state) => state.modals,
                (value) => setModal(value?.length > 0 ? value[0] : null),
            ),
        [],
    )

    // Checks for modals that need to be shown on load
    useEffect(() => {
        if (!open) {
            removeAllModals()
            return
        }
        const ModalNoticesByPriority = {
            standalone: InstallStandaloneModal,
        }
        const componentKey =
            Object.keys(ModalNoticesByPriority).find((key) => {
                if (key === 'standalone') {
                    return (
                        !window.extendifyData.standalone &&
                        !useUserStore.getState().modalNoticesDismissedAt[key]
                    )
                }
                return !useUserStore.getState().modalNoticesDismissedAt[key]
            }) ?? null

        const Modal = ModalNoticesByPriority[componentKey]
        if (Modal) pushModal(<Modal />)
    }, [open, pushModal, removeAllModals])

    return modal
}
No direct access allowed.