${Shield({ theme })}
`;
return iconLink ? x `${Icon}` : Icon;
}
const brandIconContainerStyles = emotion_css_esm_css `
display: flex;
justify-content: center;
width: 24px;
height: 24px;
> svg {
width: auto;
height: 100%;
}
`;
;// ./src/autofill/content/components/icons/business.ts
function Business({ ariaHidden = true, color, disabled, theme }) {
const shapeColor = disabled ? styles_themes[theme].secondary["300"] : color || styles_themes[theme].text.main;
return x `
`;
}
;// ./src/autofill/content/components/icons/close.ts
function Close({ ariaHidden = true, color, disabled, theme }) {
const shapeColor = disabled ? styles_themes[theme].secondary["300"] : color || styles_themes[theme].text.main;
return x `
`;
}
;// ./src/autofill/content/components/icons/collection-shared.ts
function CollectionShared({ ariaHidden = true, color, disabled, theme }) {
const shapeColor = disabled ? styles_themes[theme].secondary["300"] : color || styles_themes[theme].text.main;
return x `
`;
}
;// ./src/autofill/content/components/icons/exclamation-triangle.ts
function ExclamationTriangle({ ariaHidden = true, color, disabled, theme }) {
const shapeColor = disabled ? themes[theme].secondary["300"] : color || themes[theme].text.main;
return html `
`;
}
;// ./src/autofill/content/components/icons/external-link.ts
function ExternalLink({ ariaHidden = true, color, disabled, theme }) {
const shapeColor = disabled ? styles_themes[theme].secondary["300"] : color || styles_themes[theme].text.main;
return x `
`;
}
;// ./src/autofill/content/components/icons/family.ts
function Family({ ariaHidden = true, color, disabled, theme }) {
const shapeColor = disabled ? styles_themes[theme].secondary["300"] : color || styles_themes[theme].text.main;
return x `
`;
}
;// ./src/autofill/content/components/icons/folder.ts
function Folder({ ariaHidden = true, color, disabled, theme }) {
const shapeColor = disabled ? styles_themes[theme].secondary["300"] : color || styles_themes[theme].text.main;
return x `
`;
}
;// ./src/autofill/content/components/icons/globe.ts
function Globe({ ariaHidden = true, color, disabled, theme }) {
const shapeColor = disabled ? styles_themes[theme].secondary["300"] : color || styles_themes[theme].text.main;
return x `
`;
}
;// ./src/autofill/content/components/icons/pencil-square.ts
function PencilSquare({ ariaHidden = true, color, disabled, theme }) {
const shapeColor = disabled ? styles_themes[theme].secondary["300"] : color || styles_themes[theme].text.main;
return x `
`;
}
;// ./src/autofill/content/components/icons/spinner.ts
function Spinner({ ariaHidden = true, color, disabled, theme, disableSpin = false, }) {
const shapeColor = disabled ? styles_themes[theme].secondary["300"] : color || styles_themes[theme].text.main;
return x `
`;
}
const animation = emotion_css_esm_css `
animation: ${keyframes(animations.spin)} 2s infinite linear;
`;
;// ./src/autofill/content/components/icons/user.ts
function User({ ariaHidden = true, color, disabled, theme }) {
const shapeColor = disabled ? styles_themes[theme].secondary["300"] : color || styles_themes[theme].text.main;
return x `
`;
}
;// ./src/autofill/content/components/icons/index.ts
;// ./src/autofill/content/components/buttons/close-button.ts
function CloseButton({ handleCloseNotification, i18n, theme }) {
return x `
`;
}
const closeButtonStyles = (theme) => emotion_css_esm_css `
border: 1px solid transparent;
border-radius: ${spacing["1"]};
background-color: transparent;
cursor: pointer;
width: 36px;
height: 36px;
:hover {
border: 1px solid ${styles_themes[theme].primary["600"]};
}
> svg {
width: 20px;
height: 20px;
vertical-align: middle;
}
`;
;// ./src/autofill/content/components/notification/header-message.ts
function NotificationHeaderMessage({ message, theme }) {
return x `
${message}
`;
}
const notificationHeaderMessageStyles = (theme) => emotion_css_esm_css `
flex-grow: 1;
overflow-x: hidden;
text-align: left;
text-overflow: ellipsis;
line-height: 28px;
white-space: nowrap;
color: ${styles_themes[theme].text.main};
font-family: Inter, sans-serif;
font-size: 18px;
font-weight: 500;
`;
;// ./src/autofill/content/components/notification/header.ts
const componentClassPrefix = "notification-header";
const { css: header_css } = createEmotion({
key: componentClassPrefix,
});
function NotificationHeader({ i18n, message, standalone = false, theme = ThemeTypes.Light, handleCloseNotification, }) {
const showIcon = true;
const isDismissable = true;
return x `
${showIcon ? BrandIconContainer({ theme }) : null}
${message ? NotificationHeaderMessage({ message, theme }) : null}
${isDismissable ? CloseButton({ handleCloseNotification, i18n, theme }) : null}
`;
}
const notificationHeaderStyles = ({ standalone, theme, }) => header_css `
gap: ${spacing[2]};
display: flex;
align-items: center;
justify-content: flex-start;
background-color: ${styles_themes[theme].background.DEFAULT};
padding: 12px 16px 8px 16px;
white-space: nowrap;
${standalone
? header_css ``
: header_css `
border-bottom: 0.5px solid ${styles_themes[theme].secondary["300"]};
`}
`;
;// ./src/autofill/content/components/illustrations/celebrate.ts
// This icon has static multi-colors for each theme
function Celebrate({ theme }) {
if (theme === ThemeTypes.Dark) {
return x `
`;
}
return x `
`;
}
;// ./src/autofill/content/components/illustrations/keyhole.ts
// This icon has static multi-colors for each theme
function Keyhole({ theme }) {
if (theme === ThemeTypes.Dark) {
return x `
`;
}
return x `
`;
}
;// ./src/autofill/content/components/illustrations/warning.ts
// This icon has static multi-colors for each theme
function Warning() {
return x `
`;
}
;// ./src/autofill/content/components/illustrations/index.ts
;// ./src/autofill/content/components/notification/at-risk-password/message.ts
function AtRiskNotificationMessage({ message, theme }) {
return x `
${message
? x `
${message}
`
: E}
`;
}
const baseTextStyles = emotion_css_esm_css `
overflow-x: hidden;
text-align: left;
text-overflow: ellipsis;
line-height: 24px;
font-family: Inter, sans-serif;
font-size: 16px;
`;
const atRiskNotificationMessageStyles = (theme) => emotion_css_esm_css `
${baseTextStyles}
color: ${styles_themes[theme].text.main};
font-weight: 400;
white-space: normal;
word-break: break-word;
display: inline;
`;
;// ./src/autofill/content/components/notification/at-risk-password/body.ts
const body_componentClassPrefix = "at-risk-notification-body";
const { css: body_css } = createEmotion({
key: body_componentClassPrefix,
});
function AtRiskNotificationBody({ riskMessage, theme }) {
return x `
${Warning()}
${riskMessage
? AtRiskNotificationMessage({
message: riskMessage,
theme,
})
: E}
${buttonText}
${ExternalLink({ theme, color: styles_themes[theme].text.contrast })}
`;
}
const additionalTasksButtonContentStyles = ({ theme }) => emotion_css_esm_css `
gap: ${spacing[2]};
display: flex;
align-items: center;
white-space: nowrap;
`;
;// ./src/autofill/content/components/notification/at-risk-password/footer.ts
function AtRiskNotificationFooter({ i18n, theme, passwordChangeUri, }) {
return x ``;
}
const atRiskNotificationFooterStyles = emotion_css_esm_css `
display: flex;
padding: ${spacing[2]} ${spacing[4]} ${spacing[4]} ${spacing[4]};
:last-child {
border-radius: 0 0 ${spacing["4"]} ${spacing["4"]};
}
`;
;// ./src/autofill/content/components/notification/at-risk-password/container.ts
function AtRiskNotification({ handleCloseNotification, i18n, notificationTestId, theme = ThemeTypes.Light, params, }) {
const { passwordChangeUri, organizationName } = params;
const riskMessage = chrome.i18n.getMessage(passwordChangeUri ? "atRiskChangePrompt" : "atRiskNavigatePrompt", organizationName);
return x `
${NotificationHeader({
handleCloseNotification,
i18n,
message: i18n.atRiskPassword,
theme,
})}
${AtRiskNotificationBody({
theme,
riskMessage,
})}
${passwordChangeUri
? AtRiskNotificationFooter({
i18n,
theme,
passwordChangeUri: params === null || params === void 0 ? void 0 : params.passwordChangeUri,
})
: E}
`;
}
const atRiskNotificationContainerStyles = (theme) => emotion_css_esm_css `
position: absolute;
right: 20px;
border: 1px solid ${styles_themes[theme].secondary["300"]};
border-radius: ${spacing["4"]};
box-shadow: -2px 4px 6px 0px #0000001a;
background-color: ${styles_themes[theme].background.alt};
width: 400px;
overflow: hidden;
[class*="${componentClassPrefix}-"] {
border-radius: ${spacing["4"]} ${spacing["4"]} 0 0;
border-bottom: 0.5px solid ${styles_themes[theme].secondary["300"]};
}
`;
;// ./src/autofill/notification/abstractions/notification-bar.ts
const NotificationTypes = {
Add: "add",
Change: "change",
Unlock: "unlock",
AtRiskPassword: "at-risk-password",
};
;// ./src/autofill/content/components/notification/confirmation/message.ts
function NotificationConfirmationMessage({ buttonAria, buttonText, itemName, message, messageDetails, handleClick, theme, }) {
return x `
${message || buttonText
? x `
`;
}
const containerStyles = emotion_css_esm_css `
display: flex;
flex-direction: column;
gap: ${spacing[1]};
width: 100%;
`;
const singleLineWrapperStyles = emotion_css_esm_css `
display: inline;
white-space: normal;
word-break: break-word;
`;
const message_baseTextStyles = emotion_css_esm_css `
overflow-x: hidden;
text-align: left;
text-overflow: ellipsis;
line-height: 24px;
font-family: Inter, sans-serif;
font-size: 16px;
`;
const notificationConfirmationMessageStyles = (theme) => emotion_css_esm_css `
${message_baseTextStyles}
color: ${styles_themes[theme].text.main};
font-weight: 400;
white-space: normal;
word-break: break-word;
display: inline;
`;
const itemNameStyles = (theme) => emotion_css_esm_css `
${message_baseTextStyles}
color: ${styles_themes[theme].text.main};
font-weight: 400;
white-space: nowrap;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: bottom;
`;
const notificationConfirmationButtonTextStyles = (theme) => emotion_css_esm_css `
${message_baseTextStyles}
color: ${styles_themes[theme].primary[600]};
font-weight: 500;
cursor: pointer;
`;
const AdditionalMessageStyles = ({ theme }) => emotion_css_esm_css `
${typography.body2}
font-size: 14px;
color: ${styles_themes[theme].text.muted};
`;
function handleButtonKeyDown(event, handleClick) {
if (event.key === "Enter" || event.key === " ") {
event.preventDefault();
handleClick();
}
}
;// ./src/autofill/content/components/notification/confirmation/body.ts
const confirmation_body_componentClassPrefix = "notification-confirmation-body";
const { css: confirmation_body_css } = createEmotion({
key: confirmation_body_componentClassPrefix,
});
function NotificationConfirmationBody({ buttonAria, buttonText, confirmationMessage, error, itemName, messageDetails, tasksAreComplete, theme, handleOpenVault, }) {
const IconComponent = error ? Warning : tasksAreComplete ? Celebrate : Keyhole;
const showConfirmationMessage = confirmationMessage || buttonText || messageDetails;
return x `
${itemName
? x `
${itemName}
`
: E}
${message || E}
${buttonText
? x `
handleButtonKeyDown(e, () => handleClick(e))}
aria-label=${buttonAria}
tabindex="0"
role="button"
>
${buttonText}
`
: E}
`
: E}
${messageDetails
? x `${messageDetails}
`
: E}
${IconComponent({ theme })}
${showConfirmationMessage
? NotificationConfirmationMessage({
buttonAria,
buttonText,
itemName: error ? undefined : itemName,
message: confirmationMessage,
messageDetails,
theme,
handleClick: handleOpenVault,
})
: E}
${NotificationHeader({
handleCloseNotification,
i18n,
message: headerMessage,
theme,
})}
${NotificationConfirmationBody({
buttonAria,
buttonText,
confirmationMessage,
error,
itemName,
messageDetails,
tasksAreComplete,
theme,
handleOpenVault,
})}
${!error && remainingTasksCount
? NotificationConfirmationFooter({
i18n,
theme,
handleButtonClick: handleOpenTasks,
})
: E}
`;
}
const notificationContainerStyles = (theme) => emotion_css_esm_css `
position: absolute;
right: 20px;
border: 1px solid ${styles_themes[theme].secondary["300"]};
border-radius: ${spacing["4"]};
box-shadow: -2px 4px 6px 0px #0000001a;
background-color: ${styles_themes[theme].background.alt};
width: 400px;
overflow: hidden;
[class*="${componentClassPrefix}-"] {
border-radius: ${spacing["4"]} ${spacing["4"]} 0 0;
border-bottom: 0.5px solid ${styles_themes[theme].secondary["300"]};
}
`;
function getConfirmationMessage(i18n, type, error) {
if (error) {
return i18n.saveFailureDetails;
}
/* @TODO This partial string return and later concatenation with the cipher name is needed
* to handle cipher name overflow cases, but is risky for i18n concerns. Fix concatenation
* with cipher name overflow when a tag replacement solution is available.
*/
return type === NotificationTypes.Add
? i18n.notificationLoginSaveConfirmation
: i18n.notificationLoginUpdatedConfirmation;
}
;// ./src/autofill/content/components/buttons/badge-button.ts
function BadgeButton({ buttonAction, buttonText, disabled = false, itemName, theme, username, }) {
const handleButtonClick = (event) => {
if (!disabled) {
buttonAction(event);
}
};
return x `
`;
}
const badgeButtonStyles = ({ disabled, theme }) => emotion_css_esm_css `
${typography.helperMedium}
user-select: none;
border-radius: ${border.radius.full};
padding: ${spacing["1"]} ${spacing["2"]};
max-height: fit-content;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
font-weight: 500;
${disabled
? `
border: 0.5px solid ${styles_themes[theme].secondary["300"]};
background-color: ${styles_themes[theme].secondary["300"]};
color: ${styles_themes[theme].text.muted};
`
: `
border: 0.5px solid ${styles_themes[theme].primary["700"]};
background-color: ${styles_themes[theme].primary["100"]};
cursor: pointer;
color: ${styles_themes[theme].primary["700"]};
:hover {
border-color: ${styles_themes[theme].primary["600"]};
background-color: ${styles_themes[theme].primary["600"]};
color: ${styles_themes[theme].text.contrast};
}
:focus {
outline: 2px solid ${styles_themes[theme].primary["600"]};
outline-offset: 2px;
}
`}
`;
;// ./src/autofill/content/components/buttons/edit-button.ts
function EditButton({ buttonAction, buttonText, disabled = false, theme }) {
return x `
`;
}
const editButtonStyles = ({ disabled, theme }) => emotion_css_esm_css `
${typography.helperMedium}
user-select: none;
display: flex;
border: 1px solid transparent;
border-radius: ${spacing["1"]};
background-color: transparent;
padding: ${spacing["1"]};
max-height: fit-content;
overflow: hidden;
${!disabled
? `
cursor: pointer;
:hover {
border-color: ${styles_themes[theme].primary["600"]};
}
`
: ""}
> svg {
width: 16px;
height: fit-content;
}
`;
;// ../../node_modules/signal-polyfill/dist/index.js
var __defProp=Object.defineProperty;var __defNormalProp=(obj,key,value)=>key in obj?__defProp(obj,key,{enumerable:true,configurable:true,writable:true,value}):obj[key]=value;var __publicField=(obj,key,value)=>{__defNormalProp(obj,typeof key!=="symbol"?key+"":key,value);return value;};var __accessCheck=(obj,member,msg)=>{if(!member.has(obj))throw TypeError("Cannot "+msg);};var __privateIn=(member,obj)=>{if(Object(obj)!==obj)throw TypeError('Cannot use the "in" operator on this value');return member.has(obj);};var __privateAdd=(obj,member,value)=>{if(member.has(obj))throw TypeError("Cannot add the same private member more than once");member instanceof WeakSet?member.add(obj):member.set(obj,value);};var __privateMethod=(obj,member,method)=>{__accessCheck(obj,member,"access private method");return method;};/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/function defaultEquals(a,b){return Object.is(a,b);}/**
* @license
* Copyright Google LLC All Rights Reserved.
*
* Use of this source code is governed by an MIT-style license that can be
* found in the LICENSE file at https://angular.io/license
*/let activeConsumer=null;let inNotificationPhase=false;let epoch=1;const SIGNAL=/* @__PURE__ */Symbol("SIGNAL");function setActiveConsumer(consumer){const prev=activeConsumer;activeConsumer=consumer;return prev;}function getActiveConsumer(){return activeConsumer;}function isInNotificationPhase(){return inNotificationPhase;}const REACTIVE_NODE={version:0,lastCleanEpoch:0,dirty:false,producerNode:void 0,producerLastReadVersion:void 0,producerIndexOfThis:void 0,nextProducerIndex:0,liveConsumerNode:void 0,liveConsumerIndexOfThis:void 0,consumerAllowSignalWrites:false,consumerIsAlwaysLive:false,producerMustRecompute:()=>false,producerRecomputeValue:()=>{},consumerMarkedDirty:()=>{},consumerOnSignalRead:()=>{}};function producerAccessed(node){if(inNotificationPhase){throw new Error(typeof ngDevMode!=="undefined"&&ngDevMode?`Assertion error: signal read during notification phase`:"");}if(activeConsumer===null){return;}activeConsumer.consumerOnSignalRead(node);const idx=activeConsumer.nextProducerIndex++;assertConsumerNode(activeConsumer);if(idx
${[
name,
hasIndicatorIcons
? CipherInfoIndicatorIcons({
theme,
organizationCategories,
})
: E,
]}
${(login === null || login === void 0 ? void 0 : login.username)
? x `${login.username}`
: null}
`;
}
const cipherInfoPrimaryTextStyles = (theme) => emotion_css_esm_css `
${typography.body2}
gap: 2px;
display: flex;
display: block;
overflow-x: hidden;
text-overflow: ellipsis;
color: ${styles_themes[theme].text.main};
font-weight: 500;
`;
const cipherInfoSecondaryTextStyles = (theme) => emotion_css_esm_css `
${typography.helperMedium}
display: block;
overflow-x: hidden;
text-overflow: ellipsis;
color: ${styles_themes[theme].text.muted};
font-weight: 400;
`;
;// ./src/autofill/content/components/cipher/cipher-item.ts
const cipherIconWidth = "24px";
function CipherItem({ cipher, handleAction, i18n, notificationType, theme = ThemeTypes.Light, }) {
const { icon, name, login } = cipher;
const uri = (icon.imageEnabled && icon.image) || undefined;
let cipherActionButton = null;
if (notificationType === NotificationTypes.Change || notificationType === NotificationTypes.Add) {
cipherActionButton = x `
${CipherAction({
cipherId: cipher.id,
handleAction,
i18n,
itemName: name,
notificationType,
theme,
username: login === null || login === void 0 ? void 0 : login.username,
})}
`;
}
return x `
${CipherIcon({ color: styles_themes[theme].text.muted, size: cipherIconWidth, theme, uri })}
${CipherInfo({ theme, cipher })}
${cipherActionButton}
`;
}
const cipherItemStyles = emotion_css_esm_css `
gap: ${spacing["2"]};
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: start;
> img,
> span {
display: flex;
}
> div {
max-width: calc(100% - ${cipherIconWidth} - ${spacing["2"]});
}
`;
;// ./src/autofill/content/components/rows/cipher-item-row.ts
function CipherItemRow({ cipher, i18n, notificationType, theme, handleAction, }) {
return x `
${CipherItem({
cipher,
i18n,
notificationType,
theme,
handleAction,
})}
`;
}
const cipherItemRowStyles = ({ theme }) => emotion_css_esm_css `
${typography.body1}
gap: ${spacing["2"]};
display: flex;
align-items: center;
justify-content: space-between;
border-width: 0 0 0.5px 0;
border-style: solid;
border-radius: ${spacing["2"]};
border-color: ${styles_themes[theme].secondary["300"]};
background-color: ${styles_themes[theme].background.DEFAULT};
padding: ${spacing["2"]} ${spacing["3"]};
min-height: min-content;
max-height: 52px;
overflow-x: hidden;
white-space: nowrap;
color: ${styles_themes[theme].text.main};
font-weight: 400;
> div {
:first-child {
flex: 3 3 75%;
min-width: 25%;
}
:not(:first-child) {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
max-width: 25%;
> button {
max-width: min-content;
}
}
}
`;
;// ./src/autofill/content/components/notification/body.ts
const notification_body_componentClassPrefix = "notification-body";
const { css: notification_body_css } = createEmotion({
key: notification_body_componentClassPrefix,
});
function NotificationBody({ ciphers = [], i18n, notificationType, theme = ThemeTypes.Light, handleEditOrUpdateAction, }) {
// @TODO get client vendor from context
const isSafari = false;
return x `
${ciphers.map((cipher) => CipherItemRow({
cipher,
theme,
i18n,
notificationType,
handleAction: handleEditOrUpdateAction,
}))}
`;
}
const notificationBodyStyles = ({ isSafari, theme }) => notification_body_css `
${typography.body1}
gap: ${spacing["1.5"]};
display: flex;
flex-flow: column;
background-color: ${styles_themes[theme].background.alt};
max-height: 123px;
overflow-x: hidden;
overflow-y: auto;
white-space: nowrap;
color: ${styles_themes[theme].text.main};
font-weight: 400;
:last-child {
border-radius: 0 0 ${spacing["4"]} ${spacing["4"]};
}
${isSafari ? scrollbarStyles(theme).safari : scrollbarStyles(theme).default}
`;
;// ../../libs/common/src/billing/enums/payment-method-type.enum.ts
// FIXME: update to use a const object instead of a typescript enum
// eslint-disable-next-line @bitwarden/platform/no-enums
var PaymentMethodType;
(function (PaymentMethodType) {
PaymentMethodType[PaymentMethodType["Card"] = 0] = "Card";
PaymentMethodType[PaymentMethodType["BankAccount"] = 1] = "BankAccount";
PaymentMethodType[PaymentMethodType["PayPal"] = 2] = "PayPal";
PaymentMethodType[PaymentMethodType["BitPay"] = 3] = "BitPay";
PaymentMethodType[PaymentMethodType["Credit"] = 4] = "Credit";
PaymentMethodType[PaymentMethodType["WireTransfer"] = 5] = "WireTransfer";
PaymentMethodType[PaymentMethodType["Check"] = 8] = "Check";
})(PaymentMethodType || (PaymentMethodType = {}));
;// ../../libs/common/src/billing/enums/plan-sponsorship-type.enum.ts
// FIXME: update to use a const object instead of a typescript enum
// eslint-disable-next-line @bitwarden/platform/no-enums
var PlanSponsorshipType;
(function (PlanSponsorshipType) {
PlanSponsorshipType[PlanSponsorshipType["FamiliesForEnterprise"] = 0] = "FamiliesForEnterprise";
})(PlanSponsorshipType || (PlanSponsorshipType = {}));
;// ../../libs/common/src/billing/enums/plan-type.enum.ts
// FIXME: update to use a const object instead of a typescript enum
// eslint-disable-next-line @bitwarden/platform/no-enums
var PlanType;
(function (PlanType) {
PlanType[PlanType["Free"] = 0] = "Free";
PlanType[PlanType["FamiliesAnnually2019"] = 1] = "FamiliesAnnually2019";
PlanType[PlanType["TeamsMonthly2019"] = 2] = "TeamsMonthly2019";
PlanType[PlanType["TeamsAnnually2019"] = 3] = "TeamsAnnually2019";
PlanType[PlanType["EnterpriseMonthly2019"] = 4] = "EnterpriseMonthly2019";
PlanType[PlanType["EnterpriseAnnually2019"] = 5] = "EnterpriseAnnually2019";
PlanType[PlanType["Custom"] = 6] = "Custom";
PlanType[PlanType["FamiliesAnnually2025"] = 7] = "FamiliesAnnually2025";
PlanType[PlanType["TeamsMonthly2020"] = 8] = "TeamsMonthly2020";
PlanType[PlanType["TeamsAnnually2020"] = 9] = "TeamsAnnually2020";
PlanType[PlanType["EnterpriseMonthly2020"] = 10] = "EnterpriseMonthly2020";
PlanType[PlanType["EnterpriseAnnually2020"] = 11] = "EnterpriseAnnually2020";
PlanType[PlanType["TeamsMonthly2023"] = 12] = "TeamsMonthly2023";
PlanType[PlanType["TeamsAnnually2023"] = 13] = "TeamsAnnually2023";
PlanType[PlanType["EnterpriseMonthly2023"] = 14] = "EnterpriseMonthly2023";
PlanType[PlanType["EnterpriseAnnually2023"] = 15] = "EnterpriseAnnually2023";
PlanType[PlanType["TeamsStarter2023"] = 16] = "TeamsStarter2023";
PlanType[PlanType["TeamsMonthly"] = 17] = "TeamsMonthly";
PlanType[PlanType["TeamsAnnually"] = 18] = "TeamsAnnually";
PlanType[PlanType["EnterpriseMonthly"] = 19] = "EnterpriseMonthly";
PlanType[PlanType["EnterpriseAnnually"] = 20] = "EnterpriseAnnually";
PlanType[PlanType["TeamsStarter"] = 21] = "TeamsStarter";
PlanType[PlanType["FamiliesAnnually"] = 22] = "FamiliesAnnually";
})(PlanType || (PlanType = {}));
;// ../../libs/common/src/billing/enums/transaction-type.enum.ts
// FIXME: update to use a const object instead of a typescript enum
// eslint-disable-next-line @bitwarden/platform/no-enums
var TransactionType;
(function (TransactionType) {
TransactionType[TransactionType["Charge"] = 0] = "Charge";
TransactionType[TransactionType["Credit"] = 1] = "Credit";
TransactionType[TransactionType["PromotionalCredit"] = 2] = "PromotionalCredit";
TransactionType[TransactionType["ReferralCredit"] = 3] = "ReferralCredit";
TransactionType[TransactionType["Refund"] = 4] = "Refund";
})(TransactionType || (TransactionType = {}));
;// ../../libs/common/src/billing/enums/product-tier-type.enum.ts
// FIXME: update to use a const object instead of a typescript enum
// eslint-disable-next-line @bitwarden/platform/no-enums
var ProductTierType;
(function (ProductTierType) {
ProductTierType[ProductTierType["Free"] = 0] = "Free";
ProductTierType[ProductTierType["Families"] = 1] = "Families";
ProductTierType[ProductTierType["Teams"] = 2] = "Teams";
ProductTierType[ProductTierType["Enterprise"] = 3] = "Enterprise";
ProductTierType[ProductTierType["TeamsStarter"] = 4] = "TeamsStarter";
})(ProductTierType || (ProductTierType = {}));
function isNotSelfUpgradable(productType) {
return (productType !== ProductTierType.Free &&
productType !== ProductTierType.TeamsStarter &&
productType !== ProductTierType.Families);
}
;// ../../libs/common/src/billing/enums/product-type.enum.ts
// FIXME: update to use a const object instead of a typescript enum
// eslint-disable-next-line @bitwarden/platform/no-enums
var ProductType;
(function (ProductType) {
ProductType[ProductType["PasswordManager"] = 0] = "PasswordManager";
ProductType[ProductType["SecretsManager"] = 1] = "SecretsManager";
})(ProductType || (ProductType = {}));
;// ../../libs/common/src/billing/enums/plan-interval.enum.ts
// FIXME: update to use a const object instead of a typescript enum
// eslint-disable-next-line @bitwarden/platform/no-enums
var PlanInterval;
(function (PlanInterval) {
PlanInterval[PlanInterval["Monthly"] = 0] = "Monthly";
PlanInterval[PlanInterval["Annually"] = 1] = "Annually";
})(PlanInterval || (PlanInterval = {}));
;// ../../libs/common/src/billing/enums/index.ts
;// ../../node_modules/@lit/reactive-element/decorators/property.js
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/const property_o={attribute:!0,type:String,converter:u,reflect:!1,hasChanged:f},property_r=(t=property_o,e,r)=>{const{kind:n,metadata:i}=r;let s=globalThis.litPropertyMetadata.get(i);if(void 0===s&&globalThis.litPropertyMetadata.set(i,s=new Map()),"setter"===n&&((t=Object.create(t)).wrapped=!0),s.set(r.name,t),"accessor"===n){const{name:o}=r;return{set(r){const n=e.get.call(this);e.set.call(this,r),this.requestUpdate(o,n,t);},init(e){return void 0!==e&&this.C(o,void 0,t,e),e;}};}if("setter"===n){const{name:o}=r;return function(r){const n=this[o];e.call(this,r),this.requestUpdate(o,n,t);};}throw Error("Unsupported decorator location: "+n);};function property_n(t){return(e,o)=>"object"==typeof o?property_r(t,e,o):((t,e,o)=>{const r=e.hasOwnProperty(o);return e.constructor.createProperty(o,t),r?Object.getOwnPropertyDescriptor(e,o):void 0;})(t,e,o);}
;// ../../node_modules/@lit/reactive-element/decorators/state.js
/**
* @license
* Copyright 2017 Google LLC
* SPDX-License-Identifier: BSD-3-Clause
*/function state_r(r){return property_n({...r,state:!0,attribute:!1});}
;// ../../node_modules/lit/decorators.js
;// ./src/autofill/content/components/buttons/option-selection-button.ts
function OptionSelectionButton({ disabled, icon, id, text, theme, toggledOn, handleButtonClick, }) {
const selectedOptionIconProps = { color: styles_themes[theme].text.muted, theme };
const buttonIcon = icon === null || icon === void 0 ? void 0 : icon(selectedOptionIconProps);
return x `
`;
}
const iconSize = "16px";
const selectionButtonStyles = ({ disabled, toggledOn, theme, }) => emotion_css_esm_css `
${typography.body2}
gap: ${spacing["1.5"]};
user-select: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
columns: ${iconSize} max-content ${iconSize};
border-radius: ${border.radius.full};
padding: ${spacing["1"]} ${spacing["2"]};
max-height: fit-content;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
font-weight: 400;
${disabled
? `
border: 1px solid ${styles_themes[theme].secondary["300"]};
background-color: ${styles_themes[theme].secondary["300"]};
cursor: not-allowed;
color: ${styles_themes[theme].text.muted};
`
: `
border: 1px solid ${styles_themes[theme].text.muted};
background-color: ${toggledOn ? styles_themes[theme].secondary["100"] : "transparent"};
cursor: pointer;
color: ${styles_themes[theme].text.muted};
:hover {
border-color: ${styles_themes[theme].secondary["700"]};
background-color: ${styles_themes[theme].secondary["100"]};
}
`}
> svg {
max-width: ${iconSize};
max-height: ${iconSize};
height: auto;
}
`;
const dropdownButtonTextStyles = emotion_css_esm_css `
overflow-x: hidden;
text-overflow: ellipsis;
`;
;// ./src/autofill/content/components/option-selection/option-item.ts
const optionItemTagName = "option-item";
const { css: option_item_css } = createEmotion({
key: optionItemTagName,
});
function OptionItem({ contextLabel, id, icon, text, theme, value, handleSelection, }) {
const handleSelectionKeyUpProxy = (event) => {
const listenedForKeys = new Set(["Enter", "Space"]);
if (listenedForKeys.has(event.code) && event.target instanceof Element) {
handleSelection();
}
return;
};
const iconProps = { color: styles_themes[theme].text.main, theme };
const itemIcon = icon === null || icon === void 0 ? void 0 : icon(iconProps);
const ariaLabel = contextLabel && text
? chrome.i18n.getMessage("selectItemAriaLabel", [contextLabel, text])
: text;
return x `
${itemIcon ? x `
`;
}
const optionItemIconWidth = 16;
const optionItemGap = spacing["2"];
const optionItemStyles = option_item_css `
gap: ${optionItemGap};
user-select: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
cursor: pointer;
`;
const optionItemIconContainerStyles = option_item_css `
display: flex;
flex-grow: 1;
flex-shrink: 1;
max-width: ${optionItemIconWidth}px;
max-height: ${optionItemIconWidth}px;
> svg {
width: 100%;
height: auto;
}
`;
const optionItemTextStyles = option_item_css `
flex: 1 1 calc(100% - ${optionItemIconWidth}px - ${optionItemGap});
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
`;
;// ./src/autofill/content/components/option-selection/option-items.ts
const optionItemsTagName = "option-items";
const { css: option_items_css } = createEmotion({
key: optionItemsTagName,
});
function OptionItems({ id, theme, topOffset, label, options, handleOptionSelection, }) {
// @TODO get client vendor from context
const isSafari = false;
return x `
`;
}
function handleMenuKeyUp(event) {
var _a;
const items = [
...event.currentTarget.querySelectorAll('[tabindex="0"]'),
];
const index = items.indexOf(document.activeElement);
const direction = event.key === "ArrowDown" ? 1 : event.key === "ArrowUp" ? -1 : 0;
if (index === -1 || direction === 0) {
return;
}
event.preventDefault();
(_a = items[(index + direction + items.length) % items.length]) === null || _a === void 0 ? void 0 : _a.focus();
}
const optionsStyles = ({ theme, topOffset }) => option_items_css `
${typography.body1}
-webkit-font-smoothing: antialiased;
position: absolute;
/* top offset + line-height of dropdown button + top and bottom padding of button + border-width */
top: calc(${topOffset}px + 20px + ${spacing["1"]} + ${spacing["1"]} + 1px);
border: 1px solid ${styles_themes[theme].secondary["500"]};
border-radius: 0.5rem;
background-clip: padding-box;
background-color: ${styles_themes[theme].background.DEFAULT};
padding: 0.25rem 0;
max-width: fit-content;
overflow-y: hidden;
color: ${styles_themes[theme].text.main};
`;
const optionsLabelStyles = ({ theme }) => option_items_css `
${typography.helperMedium}
user-select: none;
padding: 0.375rem ${spacing["3"]};
color: ${styles_themes[theme].text.muted};
font-weight: 500;
`;
const optionsMenuItemMaxWidth = 260;
const optionsMenuItemsMaxHeight = 114;
const optionsWrapper = ({ isSafari, theme }) => option_items_css `
max-height: ${optionsMenuItemsMaxHeight}px;
overflow-y: auto;
> [class*="${optionItemTagName}-"] {
padding: ${spacing["1.5"]} ${spacing["3"]};
max-width: ${optionsMenuItemMaxWidth}px;
:hover {
background-color: ${styles_themes[theme].primary["100"]};
}
}
${isSafari
? scrollbarStyles(theme, { track: "transparent" }).safari
: scrollbarStyles(theme, { track: "transparent" }).default}
`;
;// ./src/autofill/content/components/option-selection/option-selection.ts
var option_selection_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var option_selection_metadata = (undefined && undefined.__metadata) || function (k, v) {
if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var option_selection_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
const optionSelectionTagName = "option-selection";
const { css: option_selection_css } = createEmotion({
key: optionSelectionTagName,
});
class OptionSelection extends lit_element_i {
constructor() {
super(...arguments);
this.disabled = false;
this.id = "";
this.options = [];
this.theme = ThemeTypes.Light;
this.showMenu = false;
this.menuTopOffset = 0;
// Determines if the opened menu should be "anchored" to the right or left side of the opening button
this.menuIsEndJustified = false;
this.handleButtonClick = (event) => option_selection_awaiter(this, void 0, void 0, function* () {
if (!this.disabled) {
const isOpening = !this.showMenu;
if (isOpening) {
if (OptionSelection.currentOpenInstance && OptionSelection.currentOpenInstance !== this) {
OptionSelection.currentOpenInstance.showMenu = false;
}
OptionSelection.currentOpenInstance = this;
this.menuTopOffset = this.offsetTop;
// Distance from right edge of button to left edge of the viewport
// Assumes no enclosing frames between the intended host frame and the component
const boundingClientRect = this.getBoundingClientRect();
// Width of the client (minus scrollbar)
const documentWidth = document.documentElement.clientWidth;
// Distance between left edge of the button and right edge of the viewport
// (e.g. the max space the menu can use when left-aligned)
const distanceFromViewportRightEdge = documentWidth - boundingClientRect.left;
// The full width the option menu can take up
// (base + icon + border + gap + padding)
const maxDifferenceThreshold = optionsMenuItemMaxWidth + optionItemIconWidth + 2 + 8 + 12 * 2;
this.menuIsEndJustified = distanceFromViewportRightEdge < maxDifferenceThreshold;
}
else {
if (OptionSelection.currentOpenInstance === this) {
OptionSelection.currentOpenInstance = null;
}
}
this.showMenu = isOpening;
if (this.showMenu) {
yield this.updateComplete;
const firstItem = this.querySelector('#option-menu [tabindex="0"]');
firstItem === null || firstItem === void 0 ? void 0 : firstItem.focus();
}
}
});
this.handleFocusOut = (event) => {
const relatedTarget = event.relatedTarget;
if (!(relatedTarget instanceof Node) || !this.contains(relatedTarget)) {
this.showMenu = false;
if (OptionSelection.currentOpenInstance === this) {
OptionSelection.currentOpenInstance = null;
}
}
};
this.handleOptionSelection = (selectedOption) => {
var _a, _b;
this.showMenu = false;
this.selection = selectedOption;
(_a = this.selectedSignal) === null || _a === void 0 ? void 0 : _a.set(selectedOption.value);
// Any side-effects that should occur from the selection
(_b = this.handleSelectionUpdate) === null || _b === void 0 ? void 0 : _b.call(this, selectedOption.value);
};
}
createRenderRoot() {
return this;
}
render() {
var _a, _b;
if (!this.selection) {
this.selection = getDefaultOption(this.options);
}
return x `
${itemIcon}
` : E}
${text || value}
${OptionSelectionButton({
disabled: this.disabled,
icon: (_a = this.selection) === null || _a === void 0 ? void 0 : _a.icon,
id: this.id,
text: (_b = this.selection) === null || _b === void 0 ? void 0 : _b.text,
theme: this.theme,
toggledOn: this.showMenu,
handleButtonClick: this.handleButtonClick,
})}
${this.showMenu
? OptionItems({
id: this.id,
label: this.label,
options: this.options,
theme: this.theme,
topOffset: this.menuTopOffset,
handleOptionSelection: this.handleOptionSelection,
})
: E}
`;
}
}
OptionSelection.currentOpenInstance = null;
option_selection_decorate([
property_n(),
option_selection_metadata("design:type", Boolean)
], OptionSelection.prototype, "disabled", void 0);
option_selection_decorate([
property_n(),
option_selection_metadata("design:type", String)
], OptionSelection.prototype, "id", void 0);
option_selection_decorate([
property_n(),
option_selection_metadata("design:type", String)
], OptionSelection.prototype, "label", void 0);
option_selection_decorate([
property_n({ type: Array }),
option_selection_metadata("design:type", Array)
], OptionSelection.prototype, "options", void 0);
option_selection_decorate([
property_n(),
option_selection_metadata("design:type", String)
], OptionSelection.prototype, "theme", void 0);
option_selection_decorate([
property_n({ type: (selectedOption) => selectedOption }),
option_selection_metadata("design:type", Function)
], OptionSelection.prototype, "handleSelectionUpdate", void 0);
option_selection_decorate([
property_n({ attribute: false }),
option_selection_metadata("design:type", Object)
], OptionSelection.prototype, "selectedSignal", void 0);
option_selection_decorate([
state_r(),
option_selection_metadata("design:type", Object)
], OptionSelection.prototype, "showMenu", void 0);
option_selection_decorate([
state_r(),
option_selection_metadata("design:type", Number)
], OptionSelection.prototype, "menuTopOffset", void 0);
option_selection_decorate([
state_r(),
option_selection_metadata("design:type", Boolean)
], OptionSelection.prototype, "menuIsEndJustified", void 0);
option_selection_decorate([
state_r(),
option_selection_metadata("design:type", Object)
], OptionSelection.prototype, "selection", void 0);
/* harmony default export */ var option_selection = (customElements.define(optionSelectionTagName, OptionSelection));
function getDefaultOption(options = []) {
return options.find((option) => option.default) || options[0];
}
const optionSelectionStyles = ({ menuIsEndJustified }) => option_selection_css `
display: flex;
justify-content: ${menuIsEndJustified ? "flex-end" : "flex-start"};
> div,
> button {
width: 100%;
}
`;
;// ./src/autofill/content/components/rows/button-row.ts
function ButtonRow({ theme, primaryButton, selectButtons }) {
return x `
`;
}
const buttonRowStyles = emotion_css_esm_css `
gap: ${spacing[4]};
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-height: 52px;
white-space: nowrap;
padding-top: ${spacing[1]};
> button {
max-width: min-content;
flex: 1 1 25%;
}
> div {
flex: 1 1 min-content;
}
`;
const optionSelectionsStyles = emotion_css_esm_css `
gap: ${spacing["2"]};
display: flex;
align-items: center;
justify-content: flex-end;
overflow: hidden;
> ${optionSelectionTagName} {
/* assumes two option selections */
max-width: calc(50% - ${spacing["1.5"]});
min-width: 120px;
}
`;
;// ./src/autofill/content/components/signals/selected-collection.ts
const selectedCollection = signals_r("0");
;// ./src/autofill/content/components/signals/selected-folder.ts
const selected_folder_selectedFolder = signals_r("0");
;// ./src/autofill/content/components/signals/selected-vault.ts
const selected_vault_selectedVault = signals_r("0");
;// ./src/autofill/content/components/notification/button-row.ts
function getVaultIconByProductTier(productTierType) {
switch (productTierType) {
case ProductTierType.Free:
case ProductTierType.Families:
return Family;
case ProductTierType.Teams:
case ProductTierType.Enterprise:
case ProductTierType.TeamsStarter:
return Business;
default:
return User;
}
}
// Value represents default selector state outside of data-driven state
const defaultNoneSelectValue = "0";
function NotificationButtonRow({ collections, folders, i18n, organizations, primaryButton, personalVaultIsAllowed, theme, }) {
const currentUserVaultOption = {
icon: User,
default: true,
text: i18n.myVault,
value: defaultNoneSelectValue,
};
// Do not include user vault if disallowed by org policy
const initialVaultOptions = [
...(personalVaultIsAllowed ? [currentUserVaultOption] : []),
];
const vaultOptions = (organizations === null || organizations === void 0 ? void 0 : organizations.length)
? organizations.reduce((options, { id, name, productTierType }) => {
const icon = getVaultIconByProductTier(productTierType);
return [
...options,
{
icon,
text: name,
value: id,
},
];
}, initialVaultOptions)
: initialVaultOptions;
const folderOptions = (folders === null || folders === void 0 ? void 0 : folders.length)
? folders.reduce((options, { id, name }) => [
...options,
{
icon: Folder,
text: name,
value: id === null ? defaultNoneSelectValue : id,
default: id === null,
},
], [])
: [];
const collectionOptions = (collections === null || collections === void 0 ? void 0 : collections.length)
? collections.reduce((options, { id, name }) => [
...options,
{
icon: CollectionShared,
text: name,
value: id === null ? defaultNoneSelectValue : id,
default: id === null,
},
], [])
: [];
if (vaultOptions.length === 1) {
selected_vault_selectedVault === null || selected_vault_selectedVault === void 0 ? void 0 : selected_vault_selectedVault.set(vaultOptions[0].value);
// If the individual vault is disabled by a vault policy,
// a collection selection is required
if (!personalVaultIsAllowed &&
(collections === null || collections === void 0 ? void 0 : collections.length) &&
selectedCollection.get() === defaultNoneSelectValue) {
selectedCollection === null || selectedCollection === void 0 ? void 0 : selectedCollection.set(collections[0].id);
}
}
return x `
${ButtonRow({
theme,
primaryButton,
selectButtons: [
...(vaultOptions.length > 1
? [
{
id: "organization",
label: i18n.vault,
options: vaultOptions,
selectedSignal: selected_vault_selectedVault,
},
]
: []),
...(folderOptions.length > 1 && !collectionOptions.length
? [
{
id: "folder",
label: i18n.folder,
options: folderOptions,
selectedSignal: selected_folder_selectedFolder,
},
]
: []),
...(collectionOptions.length > 1
? [
{
id: "collection",
label: i18n.collection,
options: collectionOptions,
selectedSignal: selectedCollection,
},
]
: []),
],
})}
`;
}
;// ./src/autofill/content/components/notification/footer.ts
function NotificationFooter({ collections, folders, i18n, isLoading, notificationType, organizations, personalVaultIsAllowed, theme, handleSaveAction, }) {
const isChangeNotification = notificationType === NotificationTypes.Change;
const isUnlockNotification = notificationType === NotificationTypes.Unlock;
let primaryButtonText = i18n.saveAction;
if (isUnlockNotification) {
primaryButtonText = i18n.notificationUnlock;
}
return x `
`;
}
const notificationFooterStyles = ({ isChangeNotification, }) => emotion_css_esm_css `
display: flex;
padding: ${spacing[2]} ${spacing[4]} ${isChangeNotification ? spacing[1] : spacing[4]}
${spacing[4]};
:last-child {
border-radius: 0 0 ${spacing["4"]} ${spacing["4"]};
}
`;
;// ./src/autofill/content/components/notification/container.ts
function NotificationContainer({ handleCloseNotification, handleEditOrUpdateAction, handleSaveAction, ciphers, collections, folders, headerMessage, i18n, isLoading, organizations, personalVaultIsAllowed = true, notificationTestId, theme = ThemeTypes.Light, type, }) {
const showBody = type !== NotificationTypes.Unlock;
return x `
${NotificationHeader({
handleCloseNotification,
i18n,
message: headerMessage,
theme,
})}
${showBody
? NotificationBody({
handleEditOrUpdateAction,
ciphers,
notificationType: type,
theme,
i18n,
})
: E}
${NotificationFooter({
handleSaveAction,
collections,
folders,
i18n,
isLoading,
notificationType: type,
organizations,
personalVaultIsAllowed,
theme,
})}
`;
}
const container_notificationContainerStyles = (theme) => emotion_css_esm_css `
position: absolute;
right: 20px;
border: 1px solid ${styles_themes[theme].secondary["300"]};
border-radius: ${spacing["4"]};
box-shadow: -2px 4px 6px 0px #0000001a;
background-color: ${styles_themes[theme].background.alt};
width: 400px;
[class*="${componentClassPrefix}-"] {
border-radius: ${spacing["4"]} ${spacing["4"]} 0 0;
}
[class*="${notification_body_componentClassPrefix}-"] {
margin: ${spacing["3"]} 0 0 ${spacing["3"]};
padding-right: ${spacing["3"]};
}
`;
;// ./src/autofill/notification/bar.ts
var bar_awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
let notificationBarIframeInitData = {};
let windowMessageOrigin;
const urlParams = new URLSearchParams(globalThis.location.search);
const trustedParentOrigin = urlParams.get("parentOrigin");
if (trustedParentOrigin) {
windowMessageOrigin = trustedParentOrigin;
}
const notificationBarWindowMessageHandlers = {
initNotificationBar: ({ message }) => initNotificationBar(message),
saveCipherAttemptCompleted: ({ message }) => handleSaveCipherConfirmation(message),
};
globalThis.addEventListener("load", load);
function load() {
setupWindowMessageListener();
postMessageToParent({ command: "initNotificationBar" });
}
function getI18n() {
return {
appName: chrome.i18n.getMessage("appName"),
atRiskPassword: chrome.i18n.getMessage("atRiskPassword"),
changePassword: chrome.i18n.getMessage("changePassword"),
close: chrome.i18n.getMessage("close"),
collection: chrome.i18n.getMessage("collection"),
folder: chrome.i18n.getMessage("folder"),
loginSaveConfirmation: chrome.i18n.getMessage("loginSaveConfirmation"),
loginSaveSuccess: chrome.i18n.getMessage("loginSaveSuccess"),
loginUpdatedConfirmation: chrome.i18n.getMessage("loginUpdatedConfirmation"),
loginUpdateSuccess: chrome.i18n.getMessage("loginUpdateSuccess"),
loginUpdateTaskSuccess: chrome.i18n.getMessage("loginUpdateTaskSuccess"),
loginUpdateTaskSuccessAdditional: chrome.i18n.getMessage("loginUpdateTaskSuccessAdditional"),
myVault: chrome.i18n.getMessage("myVault"),
never: chrome.i18n.getMessage("never"),
newItem: chrome.i18n.getMessage("newItem"),
nextSecurityTaskAction: chrome.i18n.getMessage("nextSecurityTaskAction"),
notificationAddDesc: chrome.i18n.getMessage("notificationAddDesc"),
notificationAddSave: chrome.i18n.getMessage("notificationAddSave"),
notificationChangeDesc: chrome.i18n.getMessage("notificationChangeDesc"),
notificationEdit: chrome.i18n.getMessage("edit"),
notificationEditTooltip: chrome.i18n.getMessage("notificationEditTooltip"),
notificationLoginSaveConfirmation: chrome.i18n.getMessage("notificationLoginSaveConfirmation"),
notificationLoginUpdatedConfirmation: chrome.i18n.getMessage("notificationLoginUpdatedConfirmation"),
notificationUnlock: chrome.i18n.getMessage("notificationUnlock"),
notificationUnlockDesc: chrome.i18n.getMessage("notificationUnlockDesc"),
notificationUpdate: chrome.i18n.getMessage("notificationChangeSave"),
notificationViewAria: chrome.i18n.getMessage("notificationViewAria"),
saveAction: chrome.i18n.getMessage("notificationAddSave"),
saveAsNewLoginAction: chrome.i18n.getMessage("saveAsNewLoginAction"),
saveFailure: chrome.i18n.getMessage("saveFailure"),
saveFailureDetails: chrome.i18n.getMessage("saveFailureDetails"),
saveLogin: chrome.i18n.getMessage("saveLogin"),
typeLogin: chrome.i18n.getMessage("typeLogin"),
unlockToSave: chrome.i18n.getMessage("unlockToSave"),
updateLogin: chrome.i18n.getMessage("updateLogin"),
updateLoginAction: chrome.i18n.getMessage("updateLoginAction"),
vault: chrome.i18n.getMessage("vault"),
view: chrome.i18n.getMessage("view"),
};
}
/**
* Returns the localized header message for the notification bar based on the notification type.
*
* @returns The localized header message string, or undefined if the type is not recognized.
*/
function getNotificationHeaderMessage(i18n, type) {
return type
? {
[NotificationTypes.Add]: i18n.saveLogin,
[NotificationTypes.Change]: i18n.updateLogin,
[NotificationTypes.Unlock]: i18n.unlockToSave,
[NotificationTypes.AtRiskPassword]: i18n.atRiskPassword,
}[type]
: undefined;
}
/**
* Returns the localized header message for the confirmation message bar based on the notification type.
*
* @returns The localized header message string, or undefined if the type is not recognized.
*/
function getConfirmationHeaderMessage(i18n, type, error) {
if (error) {
return i18n.saveFailure;
}
return type
? {
[NotificationTypes.Add]: i18n.loginSaveSuccess,
[NotificationTypes.Change]: i18n.loginUpdateSuccess,
[NotificationTypes.Unlock]: "",
[NotificationTypes.AtRiskPassword]: "",
}[type]
: undefined;
}
/**
* Appends the header message to the document title.
* If the header message is already present, it avoids duplication.
*/
function appendHeaderMessageToTitle(headerMessage) {
if (!headerMessage) {
return;
}
const baseTitle = document.title.split(" - ")[0];
document.title = `${baseTitle} - ${headerMessage}`;
}
/**
* Determines the effective notification type to use based on initialization data.
*
* If the vault is locked, the notification type will be set to `Unlock`.
* Otherwise, the type provided in the init data is returned.
*
* @returns The resolved `NotificationType` to be used for rendering logic.
*/
function resolveNotificationType(initData) {
if (initData.isVaultLocked) {
return NotificationTypes.Unlock;
}
return initData.type;
}
/**
* Returns the appropriate test ID based on the resolved notification type.
*
* @param type - The resolved NotificationType.
* @param isConfirmation - Optional flag for confirmation vs. notification container.
*/
function getNotificationTestId(notificationType, isConfirmation = false) {
if (isConfirmation) {
return "confirmation-notification-bar";
}
return {
[NotificationTypes.Unlock]: "unlock-notification-bar",
[NotificationTypes.Add]: "save-notification-bar",
[NotificationTypes.Change]: "update-notification-bar",
[NotificationTypes.AtRiskPassword]: "at-risk-notification-bar",
}[notificationType];
}
function initNotificationBar(message) {
return bar_awaiter(this, void 0, void 0, function* () {
const { initData } = message;
if (!initData) {
return;
}
notificationBarIframeInitData = initData;
const { isVaultLocked, removeIndividualVault: personalVaultDisallowed, theme, } = notificationBarIframeInitData;
const i18n = getI18n();
const resolvedTheme = getResolvedTheme(theme !== null && theme !== void 0 ? theme : ThemeTypes.Light);
const notificationType = resolveNotificationType(notificationBarIframeInitData);
const headerMessage = getNotificationHeaderMessage(i18n, notificationType);
const notificationTestId = getNotificationTestId(notificationType);
appendHeaderMessageToTitle(headerMessage);
if (isVaultLocked) {
const notificationConfig = Object.assign(Object.assign({}, notificationBarIframeInitData), { headerMessage, type: notificationType, notificationTestId, theme: resolvedTheme, personalVaultIsAllowed: !personalVaultDisallowed, handleCloseNotification,
handleEditOrUpdateAction,
i18n });
const handleSaveAction = () => {
// cipher ID is null while vault is locked.
sendSaveCipherMessage(null, true);
B(NotificationContainer(Object.assign(Object.assign({}, notificationConfig), { handleSaveAction: () => { }, isLoading: true })), document.body);
};
const UnlockNotification = NotificationContainer(Object.assign(Object.assign({}, notificationConfig), { handleSaveAction }));
return B(UnlockNotification, document.body);
}
// Handle AtRiskPasswordNotification render
if (notificationBarIframeInitData.type === NotificationTypes.AtRiskPassword) {
return B(AtRiskNotification(Object.assign(Object.assign({}, notificationBarIframeInitData), { type: notificationBarIframeInitData.type, theme: resolvedTheme, i18n,
notificationTestId, params: initData.params, handleCloseNotification })), document.body);
}
// Default scenario: add or update password
const orgId = selected_vault_selectedVault.get();
yield Promise.all([
new Promise((resolve) => sendPlatformMessage({ command: "bgGetOrgData" }, resolve)),
new Promise((resolve) => sendPlatformMessage({ command: "bgGetFolderData" }, resolve)),
new Promise((resolve) => sendPlatformMessage({ command: "bgGetDecryptedCiphers" }, resolve)),
new Promise((resolve) => sendPlatformMessage({ command: "bgGetCollectionData", orgId }, resolve)),
]).then(([organizations, folders, ciphers, collections]) => {
notificationBarIframeInitData = Object.assign(Object.assign({}, notificationBarIframeInitData), { organizations,
folders,
ciphers,
collections });
// @TODO use context to avoid prop drilling
return B(NotificationContainer(Object.assign(Object.assign({}, notificationBarIframeInitData), { headerMessage, type: notificationType, theme: resolvedTheme, notificationTestId, personalVaultIsAllowed: !personalVaultDisallowed, handleCloseNotification,
handleSaveAction,
handleEditOrUpdateAction,
i18n })), document.body);
});
function handleEditOrUpdateAction(e) {
e.preventDefault();
sendSaveCipherMessage(selected_cipher_selectedCipher.get(), notificationType === NotificationTypes.Add);
}
});
}
function handleCloseNotification(e) {
e.preventDefault();
sendPlatformMessage({
command: "bgCloseNotificationBar",
fadeOutNotification: true,
});
}
function handleSaveAction(e) {
const selectedCipher = selected_cipher_selectedCipher.get();
const selectedVault = selected_vault_selectedVault.get();
const selectedFolder = selected_folder_selectedFolder.get();
if (selectedVault.length > 1) {
openAddEditVaultItemPopout(e, Object.assign({ organizationId: selectedVault }, ((selectedFolder === null || selectedFolder === void 0 ? void 0 : selectedFolder.length) > 1 ? { folder: selectedFolder } : {})));
handleCloseNotification(e);
return;
}
e.preventDefault();
sendSaveCipherMessage(selectedCipher, removeIndividualVault(), selectedFolder);
if (removeIndividualVault()) {
return;
}
}
function sendSaveCipherMessage(cipherId, edit, folder) {
sendPlatformMessage({
command: "bgSaveCipher",
cipherId,
folder,
edit,
});
}
function openAddEditVaultItemPopout(e, options) {
e.preventDefault();
sendPlatformMessage(Object.assign({ command: "bgOpenAddEditVaultItemPopout" }, options));
}
function openViewVaultItemPopout(cipherId) {
sendPlatformMessage({
command: "bgOpenViewVaultItemPopout",
cipherId,
});
}
function handleSaveCipherConfirmation(message) {
const { theme, type } = notificationBarIframeInitData;
const { error, data } = message;
const { cipherId, task, itemName } = data || {};
const i18n = getI18n();
const resolvedTheme = getResolvedTheme(theme !== null && theme !== void 0 ? theme : ThemeTypes.Light);
const resolvedType = resolveNotificationType(notificationBarIframeInitData);
const headerMessage = getConfirmationHeaderMessage(i18n, resolvedType, error);
const notificationTestId = getNotificationTestId(resolvedType, true);
appendHeaderMessageToTitle(headerMessage);
globalThis.setTimeout(() => sendPlatformMessage({ command: "bgCloseNotificationBar" }), 5000);
return B(NotificationConfirmationContainer(Object.assign(Object.assign({}, notificationBarIframeInitData), { error,
handleCloseNotification, handleOpenTasks: () => sendPlatformMessage({ command: "bgOpenAtRiskPasswords" }), handleOpenVault: (e) => cipherId ? openViewVaultItemPopout(cipherId) : openAddEditVaultItemPopout(e, {}), headerMessage,
i18n, itemName: itemName !== null && itemName !== void 0 ? itemName : i18n.typeLogin, notificationTestId,
task, theme: resolvedTheme, type: type })), document.body);
}
function sendPlatformMessage(msg, responseCallback) {
chrome.runtime.sendMessage(msg, (response) => {
if (responseCallback) {
responseCallback(response);
}
});
}
function removeIndividualVault() {
return Boolean(notificationBarIframeInitData === null || notificationBarIframeInitData === void 0 ? void 0 : notificationBarIframeInitData.removeIndividualVault);
}
function setupWindowMessageListener() {
globalThis.addEventListener("message", handleWindowMessage);
}
function handleWindowMessage(event) {
if ((event === null || event === void 0 ? void 0 : event.source) !== globalThis.parent) {
return;
}
const message = event.data;
if (!(message === null || message === void 0 ? void 0 : message.command)) {
return;
}
if (!windowMessageOrigin || event.origin !== windowMessageOrigin) {
return;
}
if (message.command === "initNotificationBar" &&
message.parentOrigin &&
message.parentOrigin !== event.origin) {
return;
}
const handler = notificationBarWindowMessageHandlers[message.command];
if (!handler) {
return;
}
handler({ message });
}
function getTheme(globalThis, theme) {
if (theme === ThemeTypes.System) {
return globalThis.matchMedia("(prefers-color-scheme: dark)").matches
? ThemeTypes.Dark
: ThemeTypes.Light;
}
return theme;
}
function getResolvedTheme(theme) {
const themeType = getTheme(globalThis, theme);
// There are other possible passed theme values, but for now, resolve to dark or light
const resolvedTheme = themeType === ThemeTypes.Dark ? ThemeTypes.Dark : ThemeTypes.Light;
return resolvedTheme;
}
function postMessageToParent(message) {
if (!windowMessageOrigin) {
return;
}
globalThis.parent.postMessage(message, windowMessageOrigin);
}
/******/ })()
;