124 lines
3.4 KiB
JavaScript
124 lines
3.4 KiB
JavaScript
import {
|
|
Flex,
|
|
Grid,
|
|
TooltipImpl,
|
|
Typography,
|
|
useIntl
|
|
} from "./chunk-7XB6XSWQ.js";
|
|
import {
|
|
Link
|
|
} from "./chunk-TUXTO2Z5.js";
|
|
import {
|
|
require_jsx_runtime
|
|
} from "./chunk-NIAJZ5MX.js";
|
|
import {
|
|
dt
|
|
} from "./chunk-ACIMPXWY.js";
|
|
import {
|
|
__toESM
|
|
} from "./chunk-PLDDJCW6.js";
|
|
|
|
// node_modules/@strapi/admin/dist/admin/ee/admin/src/pages/AuthPage/components/SSOProviders.mjs
|
|
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
|
|
var SSOProviders = ({ providers, displayAllProviders }) => {
|
|
const { formatMessage } = useIntl();
|
|
if (displayAllProviders) {
|
|
return (0, import_jsx_runtime.jsx)(Grid.Root, {
|
|
gap: 4,
|
|
children: providers.map((provider) => (0, import_jsx_runtime.jsx)(Grid.Item, {
|
|
col: 4,
|
|
direction: "column",
|
|
alignItems: "stretch",
|
|
children: (0, import_jsx_runtime.jsx)(SSOProviderButton, {
|
|
provider
|
|
})
|
|
}, provider.uid))
|
|
});
|
|
}
|
|
if (providers.length > 2 && !displayAllProviders) {
|
|
return (0, import_jsx_runtime.jsxs)(Grid.Root, {
|
|
gap: 4,
|
|
children: [
|
|
providers.slice(0, 2).map((provider) => (0, import_jsx_runtime.jsx)(Grid.Item, {
|
|
col: 4,
|
|
direction: "column",
|
|
alignItems: "stretch",
|
|
children: (0, import_jsx_runtime.jsx)(SSOProviderButton, {
|
|
provider
|
|
})
|
|
}, provider.uid)),
|
|
(0, import_jsx_runtime.jsx)(Grid.Item, {
|
|
col: 4,
|
|
direction: "column",
|
|
alignItems: "stretch",
|
|
children: (0, import_jsx_runtime.jsx)(TooltipImpl, {
|
|
label: formatMessage({
|
|
id: "global.see-more"
|
|
}),
|
|
children: (0, import_jsx_runtime.jsx)(SSOButton, {
|
|
as: Link,
|
|
to: "/auth/providers",
|
|
children: (0, import_jsx_runtime.jsx)("span", {
|
|
"aria-hidden": true,
|
|
children: "•••"
|
|
})
|
|
})
|
|
})
|
|
})
|
|
]
|
|
});
|
|
}
|
|
return (0, import_jsx_runtime.jsx)(SSOProvidersWrapper, {
|
|
justifyContent: "center",
|
|
children: providers.map((provider) => (0, import_jsx_runtime.jsx)(SSOProviderButton, {
|
|
provider
|
|
}, provider.uid))
|
|
});
|
|
};
|
|
var SSOProvidersWrapper = dt(Flex)`
|
|
& a:not(:first-child):not(:last-child) {
|
|
margin: 0 ${({ theme }) => theme.spaces[2]};
|
|
}
|
|
& a:first-child {
|
|
margin-right: ${({ theme }) => theme.spaces[2]};
|
|
}
|
|
& a:last-child {
|
|
margin-left: ${({ theme }) => theme.spaces[2]};
|
|
}
|
|
`;
|
|
var SSOProviderButton = ({ provider }) => {
|
|
return (0, import_jsx_runtime.jsx)(TooltipImpl, {
|
|
label: provider.displayName,
|
|
children: (0, import_jsx_runtime.jsx)(SSOButton, {
|
|
href: `${window.strapi.backendURL}/admin/connect/${provider.uid}`,
|
|
children: provider.icon ? (0, import_jsx_runtime.jsx)("img", {
|
|
src: provider.icon,
|
|
"aria-hidden": true,
|
|
alt: "",
|
|
height: "32px"
|
|
}) : (0, import_jsx_runtime.jsx)(Typography, {
|
|
children: provider.displayName
|
|
})
|
|
})
|
|
});
|
|
};
|
|
var SSOButton = dt.a`
|
|
width: 13.6rem;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 4.8rem;
|
|
border: 1px solid ${({ theme }) => theme.colors.neutral150};
|
|
border-radius: ${({ theme }) => theme.borderRadius};
|
|
text-decoration: inherit;
|
|
&:link {
|
|
text-decoration: none;
|
|
}
|
|
color: ${({ theme }) => theme.colors.neutral600};
|
|
`;
|
|
|
|
export {
|
|
SSOProviders
|
|
};
|
|
//# sourceMappingURL=chunk-3CQ23XBV.js.map
|