{"version":3,"file":"static/js/1435.a448047f.chunk.js","mappings":"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","sources":["components/notice-accounts/components/PendingWithdrawalsTableCell.tsx","components/notice-accounts/components/MobilePendingWithdrawalsTableCell.tsx","components/notice-accounts/components/PendingWithdrawalsTableItems.tsx","components/notice-accounts/types.ts","components/notice-accounts/utils.tsx","components/notice-accounts/components/NoticeAccountActions.tsx","components/notice-accounts/components/ViewTransactionsLink.tsx","components/notice-accounts/components/NoPendingWithdrawals.tsx","components/notice-accounts/components/WithdrawalsTableHeader.tsx","components/notice-accounts/components/WithdrawalsTableTitle.tsx","components/notice-accounts/components/PendingClosurePeriodNotification.tsx","components/notice-accounts/components/PendingRateChangeNotification.tsx","components/notice-accounts/components/NoticeAccountDisclosureStatement.tsx","components/notice-accounts/components/NoticeAccountItemContent.tsx","components/notice-accounts/NoticeAccountsBalanceItems.tsx","components/notice-accounts/constants.ts","components/notice-accounts/NoticeAccounts.tsx","shared/utils/getProductDisclosureStatement.ts"],"sourcesContent":["import { useIntl } from 'react-intl'\n\n// UTILS\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\n\n// STYLES & COMPONENTS\nimport {\n  PendingWithdrawalsCellDateItem,\n  PendingWithdrawalsCellItem\n} from 'src/components/notice-accounts/components/styles'\nimport { FlexContainerWrapper, NeutralFormattedDate } from 'wabelane'\nimport { FormattedSignedNumber } from 'src/shared/components/FormattedSignedNumber'\n\n// TYPES & CONSTANTS\nimport { PendingWithdrawalsTableCellProps } from 'src/components/notice-accounts/types'\nimport { pendingWithdrawalDescription } from 'src/components/notice-accounts/messages'\nimport { NumberDirection } from 'src/shared/types'\n\nexport const PendingWithdrawalsTableCell: React.FC<\n  PendingWithdrawalsTableCellProps\n> = ({ clearDate, amount, currency, precision, id }) => {\n  const intl = useIntl()\n  const date = new Date(clearDate)\n\n  return (\n    <>\n      <FlexContainerWrapper container>\n        <PendingWithdrawalsCellDateItem\n          id={IntegrationTestIds.PendingWithdrawalClearDate({\n            id\n          })}\n        >\n          <NeutralFormattedDate dateValue={date} />\n        </PendingWithdrawalsCellDateItem>\n\n        <PendingWithdrawalsCellItem\n          id={IntegrationTestIds.PendingWithdrawalDescription({\n            id\n          })}\n        >\n          {intl.formatMessage(pendingWithdrawalDescription)}\n        </PendingWithdrawalsCellItem>\n      </FlexContainerWrapper>\n\n      <PendingWithdrawalsCellItem\n        id={IntegrationTestIds.PendingWithdrawalAmount({\n          id\n        })}\n      >\n        <FormattedSignedNumber\n          direction={NumberDirection.Negative}\n          value={amount}\n          currency={currency}\n          precision={precision}\n        />\n      </PendingWithdrawalsCellItem>\n    </>\n  )\n}\n","import { useIntl } from 'react-intl'\n\n// UTILS\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\n\n// STYLES & COMPONENTS\nimport { FlexContainerWrapper, NeutralFormattedDate } from 'wabelane'\nimport {\n  MobilePendingItemWrapper,\n  PendingWithdrawalsCellItem\n} from 'src/components/notice-accounts/components/styles'\nimport { FormattedSignedNumber } from 'src/shared/components/FormattedSignedNumber'\n\n// TYPES & CONSTANTS\nimport { PendingWithdrawalsTableCellProps } from 'src/components/notice-accounts/types'\nimport { NumberDirection } from 'src/shared/types'\n\n// MESSAGES\nimport {\n  pendingWithdrawalDescription,\n  pendingWithdrawalAmount,\n  pendingWithdrawalClearDateInfo,\n  pendingWithdrawalsDescriptionHeader\n} from 'src/components/notice-accounts/messages'\n\nexport const MobilePendingWithdrawalsTableCell: React.FC<\n  PendingWithdrawalsTableCellProps\n> = ({ clearDate, amount, currency, precision, id }) => {\n  const intl = useIntl()\n  const date = new Date(clearDate)\n\n  return (\n    <MobilePendingItemWrapper\n      container\n      justifyContent=\"space-between\"\n      flexDirection=\"column\"\n      padding=\"16px\"\n    >\n      <FlexContainerWrapper container gap=\"8px\">\n        <PendingWithdrawalsCellItem>\n          {intl.formatMessage(pendingWithdrawalClearDateInfo)}\n        </PendingWithdrawalsCellItem>\n\n        <PendingWithdrawalsCellItem>\n          <NeutralFormattedDate dateValue={date} />\n        </PendingWithdrawalsCellItem>\n      </FlexContainerWrapper>\n\n      <FlexContainerWrapper container gap=\"8px\">\n        <PendingWithdrawalsCellItem>\n          {intl.formatMessage(pendingWithdrawalsDescriptionHeader)}\n        </PendingWithdrawalsCellItem>\n\n        <PendingWithdrawalsCellItem\n          id={IntegrationTestIds.PendingWithdrawalDescription({\n            id\n          })}\n        >\n          {intl.formatMessage(pendingWithdrawalDescription)}\n        </PendingWithdrawalsCellItem>\n      </FlexContainerWrapper>\n\n      <FlexContainerWrapper container gap=\"8px\">\n        <PendingWithdrawalsCellItem>\n          {intl.formatMessage(pendingWithdrawalAmount)}\n        </PendingWithdrawalsCellItem>\n\n        <PendingWithdrawalsCellItem>\n          <FormattedSignedNumber\n            direction={NumberDirection.Negative}\n            value={amount}\n            currency={currency}\n            precision={precision}\n          />\n        </PendingWithdrawalsCellItem>\n      </FlexContainerWrapper>\n    </MobilePendingItemWrapper>\n  )\n}\n","import * as React from 'react'\n\n// UTILS\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\n\n// STYLES & COMPONENTS\nimport { Utils } from 'wabelane'\nimport {\n  WithdrawalItemDivider,\n  WithdrawalsTableItemWrapper\n} from 'src/components/notice-accounts/components/styles'\nimport { PendingWithdrawalsTableCell } from 'src/components/notice-accounts/components/PendingWithdrawalsTableCell'\nimport { MobilePendingWithdrawalsTableCell } from 'src/components/notice-accounts/components/MobilePendingWithdrawalsTableCell'\n\n// TYPES\nimport {\n  PendingWithdrawalsTableCellProps,\n  PendingWithdrawalsTableItemsProps\n} from 'src/components/notice-accounts/types'\n\nexport const PendingWithdrawalsTableItems: React.FC<\n  PendingWithdrawalsTableItemsProps\n> = ({ balanceItem }) => {\n  const { pendingWithdrawals } = balanceItem\n\n  return (\n    <>\n      {pendingWithdrawals.map((item, index) => {\n        const tableCellProps: PendingWithdrawalsTableCellProps = {\n          id: index,\n          currency: balanceItem.currencyCode,\n          precision: balanceItem.precision,\n          clearDate: item.clearDate,\n          amount: item.amount\n        }\n\n        return (\n          <React.Fragment key={index}>\n            <WithdrawalsTableItemWrapper\n              container\n              margin=\"22px 0 8px\"\n              justifyContent=\"space-between\"\n              id={IntegrationTestIds.PendingWithdrawalsTableItem({\n                id: index\n              })}\n            >\n              {Utils.isMobile() ? (\n                <MobilePendingWithdrawalsTableCell {...tableCellProps} />\n              ) : (\n                <PendingWithdrawalsTableCell {...tableCellProps} />\n              )}\n            </WithdrawalsTableItemWrapper>\n\n            {!Utils.isMobile() && <WithdrawalItemDivider />}\n          </React.Fragment>\n        )\n      })}\n    </>\n  )\n}\n","import { MessageDescriptor } from 'react-intl'\n\n// TYPES\nimport { AccountStatus, NoticeAccountItem } from 'src/shared/api/types'\n\nexport interface NoticeAccountActionsProps {\n  balanceItem: NoticeAccountItem\n  pageLinkUrls: DepositNoticeAccountsWidgetRoutes\n}\n\nexport interface NoticeAccountActionButtonsProps {\n  id: string\n  text: MessageDescriptor\n  buttonRoute: NoticeAccountActionButtonRoutes\n}\n\nexport enum NoticeAccountActionButtonRoutes {\n  AddFunds = 'addFunds',\n  Withdraw = 'withdraw'\n}\n\nexport interface NoticeAccountsBalanceItemsProps {\n  data: NoticeAccountItem[]\n  setActiveItemId: (value?: number) => void\n  activeItemId?: number\n  pageLinkUrls: DepositNoticeAccountsWidgetRoutes\n}\n\nexport interface DepositNoticeAccountsWidgetRoutes {\n  addFunds: string\n  closeAccount: string\n  withdraw: string\n  transactions: string\n}\n\nexport interface NoticeAccountsWidgetProps {\n  pageLinkUrls: DepositNoticeAccountsWidgetRoutes\n}\n\nexport interface NoticeAccountListItemProps {\n  noticeAccountItemLinkUrl: string\n  headerMessage: MessageDescriptor\n  isCollapsible: boolean\n  shouldHideAccountsWithRateChange?: boolean\n  accountStatuses: AccountStatus[]\n}\n\nexport interface NoPendingWithdrawalsProps {\n  balanceItem: NoticeAccountItem\n  pageLinkUrls: DepositNoticeAccountsWidgetRoutes\n}\n\nexport interface PendingWithdrawalsColumnHeader {\n  message: string\n  isAlignedRight?: boolean\n}\n\nexport interface PendingWithdrawalsTableItemsProps {\n  balanceItem: NoticeAccountItem\n}\n\nexport interface ViewTransactionsLinkProps {\n  balanceItem: NoticeAccountItem\n  pageLinkUrls: DepositNoticeAccountsWidgetRoutes\n  customMargin?: string\n}\n\nexport interface PendingWithdrawals {\n  clearDate: string\n  amount: number\n}\n\nexport interface PendingWithdrawalsTableCellProps extends PendingWithdrawals {\n  currency: string\n  precision: number\n  id: number\n}\n\nexport interface NoticeAccountDisclosureStatementProps {\n  balanceItem: NoticeAccountItem\n}\n","import { IntlShape } from 'react-intl'\n\n// UTILS\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\n\n// COMPONENTS & STYLES\nimport {\n  StyledLink,\n  StyledWidgetActionButton\n} from 'src/components/notice-accounts/styles'\n\n// TYPES & CONSTANTS\nimport { NoticeAccountItem } from 'src/shared/api/types'\nimport {\n  DepositNoticeAccountsWidgetRoutes,\n  NoticeAccountActionButtonsProps,\n  NoticeAccountActionButtonRoutes\n} from 'src/components/notice-accounts/types'\nimport * as messages from 'src/components/notice-accounts/messages'\n\nexport const generateId = (id: string, balanceItemId: number) =>\n  `${id}_${balanceItemId}`\n\nconst generateNoticeAccountActionButtons = (\n  balanceItem: NoticeAccountItem\n): NoticeAccountActionButtonsProps[] => {\n  const buttons = [\n    {\n      id: IntegrationTestIds.WithdrawNoticeAccountButton,\n      text: messages.withdrawButton,\n      buttonRoute: NoticeAccountActionButtonRoutes.Withdraw\n    }\n  ]\n\n  if (!balanceItem.hasPendingRateDecrease) {\n    buttons.unshift({\n      id: IntegrationTestIds.AddFundsNoticeAccountButton,\n      text: messages.addFundsButton,\n      buttonRoute: NoticeAccountActionButtonRoutes.AddFunds\n    })\n  }\n\n  return buttons\n}\n\nexport const buildNoticeAccountActionButtons = (\n  balanceItem: NoticeAccountItem,\n  intl: IntlShape,\n  pageLinkUrls: DepositNoticeAccountsWidgetRoutes\n) =>\n  generateNoticeAccountActionButtons(balanceItem).map(\n    ({ id, text, buttonRoute }) => (\n      <StyledLink\n        isRoute\n        href={`${pageLinkUrls[buttonRoute]}/${balanceItem.id}`}\n      >\n        <StyledWidgetActionButton\n          inverted\n          key={id}\n          id={generateId(id, balanceItem.id)}\n        >\n          {intl.formatMessage(text)}\n        </StyledWidgetActionButton>\n      </StyledLink>\n    )\n  )\n","import * as React from 'react'\nimport { useIntl } from 'react-intl'\n\n// UTILS\nimport {\n  buildNoticeAccountActionButtons,\n  generateId\n} from 'src/components/notice-accounts/utils'\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\n\n// COMPONENTS & STYLES\nimport {\n  NoticeAccountActionButtonsWrapper,\n  NoticeAccountActionsWrapper,\n  NoticeAccountLinkButton\n} from 'src/components/notice-accounts/components/styles'\n\n// TYPES & CONSTANTS\nimport { NoticeAccountActionsProps } from 'src/components/notice-accounts/types'\nimport { closeNoticeAccountButton } from 'src/components/notice-accounts/messages'\n\nexport const NoticeAccountActions: React.FC<NoticeAccountActionsProps> = ({\n  balanceItem,\n  pageLinkUrls\n}) => {\n  const intl = useIntl()\n\n  return (\n    <NoticeAccountActionsWrapper\n      container\n      justifyContent=\"space-between\"\n      alignItems=\"center\"\n      padding=\"0 24px 24px\"\n    >\n      <NoticeAccountActionButtonsWrapper container flex=\"1\">\n        {buildNoticeAccountActionButtons(balanceItem, intl, pageLinkUrls)}\n      </NoticeAccountActionButtonsWrapper>\n\n      <NoticeAccountLinkButton\n        isRoute\n        isUnderlined\n        id={generateId(\n          IntegrationTestIds.CloseNoticeAccountButton,\n          balanceItem.id\n        )}\n        href={`${pageLinkUrls.closeAccount}/${balanceItem.id}`}\n      >\n        {intl.formatMessage(closeNoticeAccountButton)}\n      </NoticeAccountLinkButton>\n    </NoticeAccountActionsWrapper>\n  )\n}\n","import * as React from 'react'\nimport { useIntl } from 'react-intl'\n\n// UTILS\nimport { generateId } from 'src/components/notice-accounts/utils'\n\n// COMPONENTS & STYLES\nimport { FlexContainerWrapper } from 'wabelane'\nimport { StyledLink } from 'src/components/notice-accounts/components/styles'\n\n// TYPES\nimport { ViewTransactionsLinkProps } from 'src/components/notice-accounts/types'\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\nimport { viewTransactionsButton } from 'src/components/notice-accounts/messages'\n\nexport const ViewTransactionsLink: React.FC<ViewTransactionsLinkProps> = ({\n  balanceItem,\n  customMargin = '8px 0 24px',\n  pageLinkUrls\n}) => {\n  const intl = useIntl()\n\n  return (\n    <FlexContainerWrapper margin=\"8px 0 40px\">\n      <StyledLink\n        isRoute\n        isUnderlined\n        id={generateId(\n          IntegrationTestIds.ViewTransactionsButton,\n          balanceItem.id\n        )}\n        margin={customMargin}\n        href={`${pageLinkUrls.transactions}/${balanceItem.id}`}\n      >\n        {intl.formatMessage(viewTransactionsButton)}\n      </StyledLink>\n    </FlexContainerWrapper>\n  )\n}\n","import { useIntl } from 'react-intl'\n\n// STYLES & COMPONENTS\nimport { NoPendingWithdrawalsMessage } from 'src/components/notice-accounts/components/styles'\nimport { FlexContainerWrapper } from 'wabelane'\nimport { ViewTransactionsLink } from 'src/components/notice-accounts/components/ViewTransactionsLink'\n\n// TYPES & CONSTANTS\nimport { NoPendingWithdrawalsProps } from 'src/components/notice-accounts/types'\nimport { noPendingTransactions } from 'src/components/notice-accounts/messages'\n\nexport const NoPendingWithdrawals: React.FC<NoPendingWithdrawalsProps> = ({\n  balanceItem,\n  pageLinkUrls\n}) => {\n  const intl = useIntl()\n\n  return (\n    <FlexContainerWrapper\n      container\n      margin=\"70px 0 30px\"\n      flexDirection=\"column\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n    >\n      <NoPendingWithdrawalsMessage>\n        {intl.formatMessage(noPendingTransactions)}\n      </NoPendingWithdrawalsMessage>\n\n      <ViewTransactionsLink\n        balanceItem={balanceItem}\n        customMargin=\"0\"\n        pageLinkUrls={pageLinkUrls}\n      />\n    </FlexContainerWrapper>\n  )\n}\n","import { useIntl } from 'react-intl'\n\n// MESSAGES\nimport {\n  pendingWithdrawalAmount,\n  pendingWithdrawalClearDateInfo,\n  pendingWithdrawalsDescriptionHeader\n} from 'src/components/notice-accounts/messages'\n\n// COMPONENTS & STYLES\nimport { FlexContainerWrapper } from 'wabelane'\nimport {\n  PendingWithdrawalHeaderItem,\n  PendingWithdrawalHeaderItemWrapper\n} from 'src/components/notice-accounts/components/styles'\n\n// TYPES\nimport { PendingWithdrawalsColumnHeader } from 'src/components/notice-accounts/types'\n\nexport const WithdrawalsTableHeader = () => {\n  const intl = useIntl()\n\n  const headerItems: PendingWithdrawalsColumnHeader[] = [\n    { message: intl.formatMessage(pendingWithdrawalClearDateInfo) },\n    { message: intl.formatMessage(pendingWithdrawalsDescriptionHeader) },\n    {\n      message: intl.formatMessage(pendingWithdrawalAmount),\n      isAlignedRight: true\n    }\n  ]\n\n  return (\n    <FlexContainerWrapper container margin=\"22px 0\">\n      {headerItems.map((item, index) => (\n        <PendingWithdrawalHeaderItemWrapper\n          container\n          key={index}\n          isAlignedRight={item.isAlignedRight}\n        >\n          <PendingWithdrawalHeaderItem>\n            {item.message}\n          </PendingWithdrawalHeaderItem>\n        </PendingWithdrawalHeaderItemWrapper>\n      ))}\n    </FlexContainerWrapper>\n  )\n}\n","import { useIntl } from 'react-intl'\n\n// STYLES & COMPONENTS\nimport {\n  PendingWithdrawalsTitle,\n  WithdrawalsTableHeaderWrapper\n} from 'src/components/notice-accounts/components/styles'\n\n// TYPES\nimport { pendingWithdrawalsTitle } from 'src/components/notice-accounts/messages'\n\nexport const WithdrawalsTableTitle = () => {\n  const intl = useIntl()\n\n  return (\n    <WithdrawalsTableHeaderWrapper container margin=\"24px 0\">\n      <PendingWithdrawalsTitle>\n        {intl.formatMessage(pendingWithdrawalsTitle)}\n      </PendingWithdrawalsTitle>\n    </WithdrawalsTableHeaderWrapper>\n  )\n}\n","import { useIntl } from 'react-intl'\n\n// UTILS\nimport { formatDateWithFullMonth } from 'src/shared/utils'\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\n\n// COMPONENTS & STYLES\nimport { NotificationType, colours } from 'wabelane'\nimport { StyledToastNotification } from 'src/components/styles'\nimport { NotificationMessage } from 'src/components/notice-accounts/components/styles'\n\n// TYPES & CONSTANTS\nimport * as messages from 'src/components/notice-accounts/messages'\n\ninterface PendingClosurePeriodNotificationProps {\n  closureDate: Date\n}\n\nexport const PendingClosurePeriodNotification: React.FC<\n  PendingClosurePeriodNotificationProps\n> = ({ closureDate }) => {\n  const intl = useIntl()\n\n  return (\n    <StyledToastNotification\n      notificationType={NotificationType.Warning}\n      backgroundColor={colours.white}\n      id={IntegrationTestIds.PendingClosurePeriodNotification}\n    >\n      <NotificationMessage>\n        {intl.formatMessage(messages.pendingClosurePeriodNotificationText, {\n          closureDate: formatDateWithFullMonth(new Date(closureDate))\n        })}\n      </NotificationMessage>\n    </StyledToastNotification>\n  )\n}\n","import { useIntl } from 'react-intl'\n\n// UTILS\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\n\n// COMPONENTS & STYLES\nimport { NotificationType, colours } from 'wabelane'\nimport { StyledToastNotification } from 'src/components/styles'\nimport { NotificationMessage } from 'src/components/notice-accounts/components/styles'\n\n// TYPES & CONSTANTS\nimport * as messages from 'src/components/notice-accounts/messages'\n\nexport const PendingRateChangeNotification: React.FC = () => {\n  const intl = useIntl()\n\n  return (\n    <StyledToastNotification\n      notificationType={NotificationType.Warning}\n      backgroundColor={colours.white}\n      id={IntegrationTestIds.PendingRateChangeNotification}\n    >\n      <NotificationMessage>\n        {intl.formatMessage(messages.pendingRateChangeNotificationText)}\n      </NotificationMessage>\n    </StyledToastNotification>\n  )\n}\n","import * as React from 'react'\nimport { useIntl } from 'react-intl'\nimport { useSelector } from 'react-redux'\n\n// UTILS\nimport { generateId } from 'src/components/notice-accounts/utils'\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\nimport { useNoticeAccountDisclosureStatement } from 'src/helpers'\nimport { openPdfFile } from 'src/components/notice-account-details/utils'\nimport { getProductDisclosureStatement } from 'src/shared/utils/getProductDisclosureStatement'\n\n// SELECTORS\nimport {\n  getActiveClientId,\n  getIsCorporateUser\n} from 'src/selectors/userSelectors'\n\n// COMPONENTS & STYLES\nimport { FlexContainerWrapper } from 'wabelane'\nimport {\n  NoticeAccountLinkButton,\n  NoticeAccountName,\n  NoticeAccountTitle\n} from 'src/components/notice-accounts/components/styles'\n\n// TYPES & CONSTANTS\nimport { NoticeAccountDisclosureStatementProps } from 'src/components/notice-accounts/types'\nimport * as messages from 'src/components/notice-accounts/messages'\nimport { AccountStatus } from 'src/shared/api/types'\nimport { PendingClosurePeriodNotification } from 'src/components/notice-accounts/components/PendingClosurePeriodNotification'\nimport { PendingRateChangeNotification } from 'src/components/notice-accounts/components/PendingRateChangeNotification'\n\nexport const NoticeAccountDisclosureStatement: React.FC<\n  NoticeAccountDisclosureStatementProps\n> = ({ balanceItem }) => {\n  const intl = useIntl()\n\n  const [\n    productDisclosureStatementWindow,\n    setProductDisclosureStatementWindow\n  ] = React.useState<Window | null>(null)\n\n  const {\n    interestProductDefinitionId,\n    interestAccountSummaryStatus,\n    closureDate,\n    hasPendingRateDecrease\n  } = balanceItem\n  const activeClientId = useSelector(getActiveClientId)\n  const isCorporate = useSelector(getIsCorporateUser)\n\n  const isAccountPendingClosure =\n    interestAccountSummaryStatus === AccountStatus.PendingClosure &&\n    closureDate !== null\n  const {\n    data: productDisclosureStatementPdfData,\n    refetch: fetchProductDisclosureStatement\n  } = useNoticeAccountDisclosureStatement(\n    activeClientId,\n    interestProductDefinitionId,\n    isCorporate\n  )\n\n  React.useEffect(() => {\n    if (productDisclosureStatementPdfData && productDisclosureStatementWindow) {\n      openPdfFile(\n        productDisclosureStatementPdfData,\n        productDisclosureStatementWindow\n      )\n      setProductDisclosureStatementWindow(null)\n    }\n  }, [productDisclosureStatementPdfData])\n\n  return (\n    <FlexContainerWrapper margin=\"24px\">\n      {isAccountPendingClosure && (\n        <PendingClosurePeriodNotification closureDate={closureDate} />\n      )}\n\n      {hasPendingRateDecrease && <PendingRateChangeNotification />}\n\n      <NoticeAccountTitle id={IntegrationTestIds.NoticeAccountNameTitle}>\n        {intl.formatMessage(messages.noticeAccountNameTitle, {\n          productName: (\n            <NoticeAccountName>{balanceItem.productName}</NoticeAccountName>\n          )\n        })}\n      </NoticeAccountTitle>\n\n      <NoticeAccountLinkButton\n        isUnderlined\n        id={generateId(\n          IntegrationTestIds.NoticeAccountProductDisclosureStatementButton,\n          balanceItem.id\n        )}\n        onClick={(e: MouseEvent) =>\n          getProductDisclosureStatement(\n            e,\n            fetchProductDisclosureStatement,\n            setProductDisclosureStatementWindow\n          )\n        }\n      >\n        {intl.formatMessage(messages.noticeAccountDisclosureStatementButton)}\n      </NoticeAccountLinkButton>\n    </FlexContainerWrapper>\n  )\n}\n","import React from 'react'\nimport isEmpty from 'lodash-es/isEmpty'\n\n// UTILS\nimport { FlexContainerWrapper, Utils } from 'wabelane'\n\n// STYLES & COMPONENTS\nimport { PendingWithdrawalsTableItems } from 'src/components/notice-accounts/components/PendingWithdrawalsTableItems'\nimport { NoticeAccountActions } from 'src/components/notice-accounts/components/NoticeAccountActions'\nimport { NoPendingWithdrawals } from 'src/components/notice-accounts/components/NoPendingWithdrawals'\nimport { ViewTransactionsLink } from 'src/components/notice-accounts/components/ViewTransactionsLink'\nimport { WithdrawalsTableHeader } from 'src/components/notice-accounts/components/WithdrawalsTableHeader'\nimport { WithdrawalsTableTitle } from 'src/components/notice-accounts/components/WithdrawalsTableTitle'\nimport {\n  WithdrawalItemDivider,\n  WithdrawalsTableList\n} from 'src/components/notice-accounts/components/styles'\nimport { NoticeAccountDisclosureStatement } from 'src/components/notice-accounts/components/NoticeAccountDisclosureStatement'\n\n// TYPES & CONSTANTS\nimport { NoticeAccountActionsProps } from 'src/components/notice-accounts/types'\nimport { AccountStatus } from 'src/shared/api/types'\n\nexport const NoticeAccountItemContent: React.FC<NoticeAccountActionsProps> = ({\n  balanceItem,\n  pageLinkUrls\n}) => {\n  const { pendingWithdrawals, interestAccountSummaryStatus } = balanceItem\n\n  const hasPendingWithdrawals = !isEmpty(pendingWithdrawals)\n  const shouldShowTableHeader = !Utils.isMobile()\n\n  const componentToRender = hasPendingWithdrawals ? (\n    <FlexContainerWrapper margin=\"0 24px\">\n      <WithdrawalsTableTitle />\n\n      {shouldShowTableHeader && <WithdrawalsTableHeader />}\n\n      <PendingWithdrawalsTableItems balanceItem={balanceItem} />\n\n      <ViewTransactionsLink\n        balanceItem={balanceItem}\n        pageLinkUrls={pageLinkUrls}\n      />\n    </FlexContainerWrapper>\n  ) : (\n    <NoPendingWithdrawals\n      balanceItem={balanceItem}\n      pageLinkUrls={pageLinkUrls}\n    />\n  )\n\n  const shouldShowButton =\n    interestAccountSummaryStatus !== AccountStatus.PendingClosure\n\n  return (\n    <>\n      <WithdrawalsTableList margin=\"0 0 8px\">\n        <NoticeAccountDisclosureStatement balanceItem={balanceItem} />\n\n        <WithdrawalItemDivider />\n\n        {componentToRender}\n      </WithdrawalsTableList>\n\n      {shouldShowButton && (\n        <NoticeAccountActions\n          pageLinkUrls={pageLinkUrls}\n          balanceItem={balanceItem}\n        />\n      )}\n    </>\n  )\n}\n","import { useIntl } from 'react-intl'\nimport isEmpty from 'lodash-es/isEmpty'\n\n// MESSAGES\nimport {\n  pendingWithdrawalsNotification,\n  pendingClosureNotification,\n  totalBalanceColumnTitle,\n  grossInterestColumnTitle,\n  availableBalanceColumnTitle\n} from 'src/components/notice-accounts/messages'\n\n// COMPONENTS & STYLES\nimport { BalanceItem, BalanceItemHeader, Icons } from 'wabelane'\nimport { NoticeAccountItemContent } from 'src/components/notice-accounts/components/NoticeAccountItemContent'\n\n// UTILS\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\n\n// TYPES & CONSTANTS\nimport { NoticeAccountsBalanceItemsProps } from 'src/components/notice-accounts/types'\nimport { DEFAULT_PRECISION } from 'src/shared/constants'\nimport { AccountStatus } from 'src/shared/api/types'\n\nexport const NoticeAccountsBalanceItems: React.FC<\n  NoticeAccountsBalanceItemsProps\n> = ({ data, setActiveItemId, activeItemId, pageLinkUrls }) => {\n  const intl = useIntl()\n\n  const activeBalanceItems = data.filter(\n    ({ interestAccountSummaryStatus }) =>\n      interestAccountSummaryStatus !== AccountStatus.Closed\n  )\n\n  return (\n    <>\n      {activeBalanceItems.map(balanceItem => {\n        const {\n          id,\n          precision,\n          currencyCode,\n          pendingWithdrawals,\n          totalBalance,\n          availableBalance,\n          interestRate,\n          interestAccountSummaryStatus,\n          hasPendingRateDecrease\n        } = balanceItem\n\n        const isAccountPendingClosure =\n          interestAccountSummaryStatus === AccountStatus.PendingClosure\n\n        const isNotificationVisible =\n          !isEmpty(pendingWithdrawals) || isAccountPendingClosure\n\n        const notificationId =\n          IntegrationTestIds.BalanceItemHeaderNotificationText({\n            id\n          })\n\n        return (\n          <BalanceItem\n            id={IntegrationTestIds.NoticeAccountsBalanceItem({ id })}\n            key={id}\n            isSelected={id === activeItemId}\n            renderHeader={() => (\n              <BalanceItemHeader\n                isActive\n                currencyLabelIntegrationTestId={IntegrationTestIds.BalanceItemCurrencyLabel(\n                  { id }\n                )}\n                isSelected={id === activeItemId}\n                currency={currencyCode}\n                notification={{\n                  isVisible: isNotificationVisible,\n                  id: notificationId,\n                  message: isAccountPendingClosure\n                    ? intl.formatMessage(pendingClosureNotification)\n                    : intl.formatMessage(pendingWithdrawalsNotification)\n                }}\n                amounts={[\n                  {\n                    value: totalBalance,\n                    message: intl.formatMessage(totalBalanceColumnTitle),\n                    precision,\n                    integrationTestId:\n                      IntegrationTestIds.BalanceItemTotalBalance({\n                        id\n                      })\n                  },\n                  {\n                    value: availableBalance,\n                    message: intl.formatMessage(availableBalanceColumnTitle),\n                    precision,\n                    integrationTestId:\n                      IntegrationTestIds.BalanceItemAvailableBalance({\n                        id\n                      })\n                  },\n                  {\n                    value: interestRate,\n                    message: intl.formatMessage(grossInterestColumnTitle),\n                    percentage: true,\n                    precision: DEFAULT_PRECISION,\n                    icon: hasPendingRateDecrease && (\n                      <Icons.ExclamationIconThin width=\"24px\" height=\"24px\" />\n                    ),\n                    integrationTestId:\n                      IntegrationTestIds.BalanceItemGrossInterest({\n                        id\n                      })\n                  }\n                ]}\n              />\n            )}\n            renderContent={() => (\n              <NoticeAccountItemContent\n                pageLinkUrls={pageLinkUrls}\n                balanceItem={balanceItem}\n              />\n            )}\n            onClick={() =>\n              setActiveItemId(id === activeItemId ? undefined : id)\n            }\n          />\n        )\n      })}\n    </>\n  )\n}\n","// UTILS\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\n\n// TYPES & CONSTANTS\nimport * as messages from 'src/components/notice-accounts/messages'\nimport { HeaderColumn } from 'wabelane/src/ui-components/common/BalanceList/types'\nimport { DepositNoticeAccountsWidgetRoutes } from 'src/components/notice-accounts/types'\n\nexport const balanceListHeaderColumns: HeaderColumn[] = [\n  {\n    message: messages.currencyColumnTitle,\n    columnId: IntegrationTestIds.CurrencyNoticeAccountsListColumn\n  },\n  {\n    message: messages.totalBalanceColumnTitle,\n    columnId: IntegrationTestIds.TotalBalanceNoticeAccountsListColumn\n  },\n  {\n    message: messages.availableBalanceColumnTitle,\n    columnId: IntegrationTestIds.AvailableBalanceNoticeAccountsListColumn\n  },\n  {\n    message: messages.grossInterestColumnTitle,\n    columnId: IntegrationTestIds.GrossInterestNoticeAccountsListColumn\n  }\n]\n\nexport const mockPageLinkUrls: DepositNoticeAccountsWidgetRoutes = {\n  addFunds: 'deposit/add-funds',\n  transactions: 'deposit/transactions',\n  closeAccount: 'deposit/close-account',\n  withdraw: 'deposit/withdraw'\n}\n","import React from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { useIntl } from 'react-intl'\nimport isEmpty from 'lodash-es/isEmpty'\n\n// ACTIONS\nimport { actions } from 'src/actions/depositApplicationActions'\n\n// UTILS\nimport { useNoticeAccounts } from 'src/helpers'\nimport { IntegrationTestIds } from 'src/shared/integration-testing'\n\n// SELECTORS\nimport {\n  getActiveClientId,\n  getIsCorporateUser\n} from 'src/selectors/userSelectors'\nimport { getOpenNoticeAccounts } from 'src/selectors/depositApplicationSelectors'\n\n// COMPONENTS & STYLES\nimport { BalanceList } from 'wabelane'\nimport { NoticeAccountsBalanceItems } from 'src/components/notice-accounts/NoticeAccountsBalanceItems'\n\n// TYPES & CONSTANTS\nimport * as messages from 'src/components/notice-accounts/messages'\nimport { balanceListHeaderColumns } from 'src/components/notice-accounts/constants'\nimport { NoticeAccountsWidgetProps } from 'src/components/notice-accounts/types'\nimport { AccountStatus } from 'src/shared/api/types'\n\nexport const NoticeAccounts: React.FC<NoticeAccountsWidgetProps> = ({\n  pageLinkUrls\n}) => {\n  const dispatch = useDispatch()\n  const intl = useIntl()\n\n  const isCorporate = useSelector(getIsCorporateUser)\n  const activeClientId = useSelector(getActiveClientId)\n  const openNoticeAccounts = useSelector(getOpenNoticeAccounts)\n\n  const [activeItemId, setActiveItemId] = React.useState<number | undefined>()\n\n  const { data, isLoading, isSuccess, isRefetching } = useNoticeAccounts(\n    activeClientId,\n    isCorporate\n  )\n\n  const areAllAccountsClosed = openNoticeAccounts.every(\n    account => account.interestAccountSummaryStatus === AccountStatus.Closed\n  )\n\n  React.useEffect(() => {\n    if (isSuccess) {\n      dispatch(actions.setOpenNoticeAccounts(data))\n    }\n  }, [data])\n\n  if (isEmpty(openNoticeAccounts) || areAllAccountsClosed) {\n    return null\n  }\n\n  return (\n    <BalanceList\n      id={IntegrationTestIds.NoticeAccountsList}\n      title={intl.formatMessage(messages.noticeAccountsListTitle)}\n      isLoading={isLoading || isRefetching}\n      headerColumns={balanceListHeaderColumns}\n      renderItems={() => (\n        <NoticeAccountsBalanceItems\n          data={openNoticeAccounts}\n          setActiveItemId={setActiveItemId}\n          activeItemId={activeItemId}\n          pageLinkUrls={pageLinkUrls}\n        />\n      )}\n    />\n  )\n}\n","import { WindowOpener } from 'common-utils'\n\nexport const getProductDisclosureStatement = (\n  linkClickEvent: MouseEvent,\n  fetchProductDisclosureStatement: () => void,\n  setProductDisclosureStatementWindow: (window: Window | null) => void\n): void => {\n  linkClickEvent.preventDefault()\n\n  fetchProductDisclosureStatement()\n\n  const windowOpener = WindowOpener.getInstance()\n\n  windowOpener.openWindow('')\n  windowOpener.addWindowLoader()\n\n  setProductDisclosureStatementWindow(windowOpener.getWindow())\n\n  windowOpener.clearWindow(false)\n}\n"],"names":["PendingWithdrawalsTableCell","_ref","clearDate","amount","currency","precision","id","intl","useIntl","date","Date","_jsxs","_Fragment","children","FlexContainerWrapper","container","_jsx","PendingWithdrawalsCellDateItem","IntegrationTestIds","NeutralFormattedDate","dateValue","PendingWithdrawalsCellItem","formatMessage","pendingWithdrawalDescription","FormattedSignedNumber","direction","NumberDirection","value","MobilePendingWithdrawalsTableCell","MobilePendingItemWrapper","justifyContent","flexDirection","padding","gap","pendingWithdrawalClearDateInfo","pendingWithdrawalsDescriptionHeader","pendingWithdrawalAmount","PendingWithdrawalsTableItems","balanceItem","pendingWithdrawals","map","item","index","tableCellProps","currencyCode","React","WithdrawalsTableItemWrapper","margin","Utils","WithdrawalItemDivider","NoticeAccountActionButtonRoutes","generateId","balanceItemId","buildNoticeAccountActionButtons","pageLinkUrls","buttons","text","messages","buttonRoute","Withdraw","hasPendingRateDecrease","unshift","AddFunds","generateNoticeAccountActionButtons","StyledLink","isRoute","href","StyledWidgetActionButton","inverted","NoticeAccountActions","NoticeAccountActionsWrapper","alignItems","NoticeAccountActionButtonsWrapper","flex","NoticeAccountLinkButton","isUnderlined","closeAccount","closeNoticeAccountButton","ViewTransactionsLink","customMargin","transactions","viewTransactionsButton","NoPendingWithdrawals","NoPendingWithdrawalsMessage","noPendingTransactions","WithdrawalsTableHeader","headerItems","message","isAlignedRight","PendingWithdrawalHeaderItemWrapper","PendingWithdrawalHeaderItem","WithdrawalsTableTitle","WithdrawalsTableHeaderWrapper","PendingWithdrawalsTitle","pendingWithdrawalsTitle","PendingClosurePeriodNotification","closureDate","StyledToastNotification","notificationType","NotificationType","backgroundColor","colours","NotificationMessage","formatDateWithFullMonth","PendingRateChangeNotification","NoticeAccountDisclosureStatement","productDisclosureStatementWindow","setProductDisclosureStatementWindow","interestProductDefinitionId","interestAccountSummaryStatus","activeClientId","useSelector","getActiveClientId","isCorporate","getIsCorporateUser","isAccountPendingClosure","AccountStatus","data","productDisclosureStatementPdfData","refetch","fetchProductDisclosureStatement","useNoticeAccountDisclosureStatement","openPdfFile","NoticeAccountTitle","productName","NoticeAccountName","onClick","e","getProductDisclosureStatement","NoticeAccountItemContent","hasPendingWithdrawals","isEmpty","shouldShowTableHeader","componentToRender","shouldShowButton","WithdrawalsTableList","NoticeAccountsBalanceItems","setActiveItemId","activeItemId","activeBalanceItems","filter","_ref2","totalBalance","availableBalance","interestRate","isNotificationVisible","notificationId","BalanceItem","isSelected","renderHeader","BalanceItemHeader","isActive","currencyLabelIntegrationTestId","notification","isVisible","pendingClosureNotification","pendingWithdrawalsNotification","amounts","totalBalanceColumnTitle","integrationTestId","availableBalanceColumnTitle","grossInterestColumnTitle","percentage","DEFAULT_PRECISION","icon","Icons","width","height","renderContent","undefined","balanceListHeaderColumns","columnId","NoticeAccounts","dispatch","useDispatch","openNoticeAccounts","getOpenNoticeAccounts","isLoading","isSuccess","isRefetching","useNoticeAccounts","areAllAccountsClosed","every","account","actions","BalanceList","title","headerColumns","renderItems","linkClickEvent","preventDefault","windowOpener","WindowOpener","openWindow","addWindowLoader","getWindow","clearWindow"],"sourceRoot":""}