\r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default function AssetLiabilitySubtypes({\r\n className,\r\n selectedType,\r\n selectedSubType,\r\n setSelectedSubType\r\n}) {\r\n const theme = useContext(ThemeContext)\r\n const { t } = useTranslation()\r\n\r\n return (\r\n \r\n {(selectedType === CORE_TYPES.ASSET\r\n ? assetSubtypes\r\n : liabilitySubtypes\r\n ).map(subtype => (\r\n setSelectedSubType(subtype.name)}\r\n >\r\n \r\n \r\n {t(subtype.name)}\r\n \r\n
\r\n \r\n ))}\r\n \r\n )\r\n}\r\n","import { filterEmptyEls } from '../share/helpers'\r\nimport { IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\n// TODO: should this extend the BaseModel? and maybe separate the PouchDB params?\r\nclass AssetLiabilityModel {\r\n /**\r\n * Construct a new AssetLiabilityModel instance\r\n * @param {object} params - AssetLiabilityModel creation options:\r\n * @param {string} [params._id]\r\n * @param {string} [params._rev]\r\n * @param {boolean} [params._deleted]\r\n * @param {string} [params.title]\r\n * @param {string} [params.description]\r\n * @param {string} [params.descriptionWithMarkup]\r\n * @param {string} [params.percentageOwnership]\r\n * @param {string} [params.currency]\r\n * @param {boolean} [params.includeValueInNetWorth]\r\n * @param {date} [params.valuationDate]\r\n * @param {any} [params.contacts]\r\n * @param {any} [params.references]\r\n * @param {any} [params.links]\r\n * @param {any} [params.documents]\r\n * @param {string} [params.status]\r\n * @param {any} [params.events]\r\n * @param {any} [params.passwords]\r\n */\r\n\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n currency,\r\n valuationDate,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n this._id = _id\r\n this._rev = _rev\r\n this._deleted = _deleted\r\n this.title = title\r\n this.description = description\r\n this.descriptionWithMarkup = descriptionWithMarkup\r\n this.percentageOwnership = percentageOwnership\r\n this.currency = currency\r\n this.valuationDate = valuationDate && valuationDate.startOf('day')\r\n this.contacts = contacts\r\n this.references = filterEmptyEls(references)\r\n this.links = links\r\n this.documents = documents\r\n this.includeValueInNetWorth = includeValueInNetWorth\r\n this.status = status\r\n this.events = events\r\n this.passwords = passwords\r\n }\r\n}\r\n\r\nexport default AssetLiabilityModel\r\n\r\nexport const baseAssetLiabilityColumns = () => [\r\n {\r\n key: 'title',\r\n title: i18next.t('TITLE'),\r\n required: true\r\n },\r\n {\r\n key: 'description',\r\n title: i18next.t('DESCRIPTION')\r\n },\r\n {\r\n key: 'percentageOwnership',\r\n title: i18next.t('PERCENTAGE_OWNERSHIP'),\r\n type: IMPORT_COL_TYPES.PERCENTAGE\r\n },\r\n {\r\n key: 'valuationDate',\r\n title: i18next.t('VALUATION_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'currency',\r\n title: i18next.t('CURRENCY'),\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'includeValueInNetWorth',\r\n title: i18next.t('INCLUDE_IN_NETWORTH'),\r\n type: IMPORT_COL_TYPES.BOOLEAN\r\n }\r\n]\r\n\r\nexport const referenceColumns = () => [\r\n {\r\n key: 'reference1Name',\r\n title: i18next.t('REFERENCE_NAME_WITH_INDEX', {\r\n index: 1\r\n })\r\n },\r\n {\r\n key: 'reference1Value',\r\n title: i18next.t('REFERENCE_VALUE_WITH_INDEX', {\r\n index: 1\r\n })\r\n },\r\n {\r\n key: 'reference2Name',\r\n title: i18next.t('REFERENCE_NAME_WITH_INDEX', {\r\n index: 2\r\n })\r\n },\r\n {\r\n key: 'reference2Value',\r\n title: i18next.t('REFERENCE_VALUE_WITH_INDEX', {\r\n index: 2\r\n })\r\n },\r\n {\r\n key: 'reference3Name',\r\n title: i18next.t('REFERENCE_NAME_WITH_INDEX', {\r\n index: 3\r\n })\r\n },\r\n {\r\n key: 'reference3Value',\r\n title: i18next.t('REFERENCE_VALUE_WITH_INDEX', {\r\n index: 3\r\n })\r\n }\r\n]\r\n","import { CORE_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport AssetLiabilityModel, {\r\n baseAssetLiabilityColumns\r\n} from './AssetLiabilityModel'\r\nimport i18next from 'i18next'\r\n\r\nclass Asset extends AssetLiabilityModel {\r\n /**\r\n * Construct a new Asset instance\r\n * @param {object} params - Asset creation options:\r\n * @param {date} [params.purchaseDate]\r\n * @param {date} [params.disposalDate]\r\n * @param {number} [params.valuationInAssetCurrency]\r\n * @param {number} [params.valuationInBaseCurrency]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status, \r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n currency,\r\n valuationDate,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.type = CORE_TYPES.ASSET\r\n this.purchaseDate = purchaseDate && purchaseDate.startOf('day')\r\n this.disposalDate = disposalDate && disposalDate.startOf('day')\r\n this.valuationInAssetCurrency = valuationInAssetCurrency\r\n this.valuationInBaseCurrency = valuationInBaseCurrency\r\n }\r\n}\r\n\r\nexport default Asset\r\n\r\nexport const assetColumns = () => [\r\n ...baseAssetLiabilityColumns(),\r\n {\r\n key: 'valuationInAssetCurrency',\r\n type: IMPORT_COL_TYPES.CURRENCY,\r\n title: i18next.t('VALUATION_ASSET_CURRENCY')\r\n }\r\n]\r\n","import Asset, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass Cash extends Asset {\r\n /**\r\n * Construct a new Cash instance\r\n * @param {object} params - Cash creation options:\r\n * @param {string} [params.bank]\r\n * @param {string} [params.accountNumber]\r\n * @param {string} [params.accountType]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n bank,\r\n accountNumber,\r\n accountType,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.CASH\r\n this.bank = bank\r\n this.accountNumber = accountNumber\r\n this.percentageOwnership = 100\r\n this.accountType = accountType\r\n }\r\n}\r\n\r\nexport default Cash\r\n\r\nexport const cashColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'bank',\r\n title: i18next.t('BANK')\r\n },\r\n {\r\n key: 'accountNumber',\r\n title: i18next.t('ACCOUNT_NUMBER')\r\n },\r\n {\r\n key: 'accountType',\r\n title: i18next.t('ACCOUNT_TYPE'),\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Asset, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass Property extends Asset {\r\n /**\r\n * Construct a new Property instance\r\n * @param {object} params - Property creation options:\r\n * @param {string} [params.buildingType]\r\n * @param {string} [params.address]\r\n * @param {string} [params.floorSize]\r\n * @param {date} [params.buildDate]\r\n * @param {string} [params.holdingType]\r\n * @param {string} [params.leaseholdDuration]\r\n * @param {any} [params.tenant]\r\n * @param {date} [params.rentalStartDate]\r\n * @param {date} [params.rentalEndDate]\r\n * @param {number} [params.rentAmount]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n buildingType,\r\n address,\r\n floorSize,\r\n buildDate,\r\n holdingType,\r\n leaseholdDuration,\r\n tenant,\r\n rentalStartDate,\r\n rentalEndDate,\r\n rentAmount,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.PROPERTY\r\n this.buildingType = buildingType\r\n this.address = address\r\n this.floorSize = floorSize\r\n this.buildDate = buildDate\r\n this.holdingType = holdingType\r\n this.leaseholdDuration = leaseholdDuration\r\n this.tenant = tenant\r\n this.rentalStartDate = rentalStartDate\r\n this.rentalEndDate = rentalEndDate\r\n this.rentAmount = rentAmount\r\n }\r\n}\r\n\r\nexport default Property\r\n\r\nexport const propertyColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'purchaseDate',\r\n title: i18next.t('ASSET_PURCHASE_DATE'),\r\n type: IMPORT_COL_TYPES.DATE,\r\n required: true\r\n },\r\n {\r\n key: 'disposalDate',\r\n title: i18next.t('DISPOSAL_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'address',\r\n title: i18next.t('ADDRESSES'),\r\n required: true\r\n },\r\n {\r\n key: 'buildingType',\r\n title: i18next.t('BUILDING_TYPE'),\r\n type: IMPORT_COL_TYPES.LIST,\r\n required: true\r\n },\r\n {\r\n key: 'floorSizeValue',\r\n title: i18next.t('FLOOR_SIZE_VALUE'),\r\n dataIndex: 'floorSize',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.NUMBER\r\n },\r\n {\r\n key: 'floorSizeUnit',\r\n title: i18next.t('FLOOR_SIZE_UNIT'),\r\n dataIndex: 'floorSize',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'buildDate',\r\n title: i18next.t('BUILD_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'holdingType',\r\n title: i18next.t('HOLDING_TYPE'),\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'leaseholdDuration',\r\n title: i18next.t('LEASEHOLD_DURATION')\r\n },\r\n {\r\n key: 'rentAmountValue',\r\n title: i18next.t('RENT_AMOUNT_VALUE'),\r\n dataIndex: 'rentAmount',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.CURRENCY\r\n },\r\n {\r\n key: 'rentAmountUnit',\r\n title: i18next.t('RENT_AMOUNT_UNIT'),\r\n dataIndex: 'rentAmount',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'rentalStartDate',\r\n title: i18next.t('RENTAL_START_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'rentalEndDate',\r\n title: i18next.t('RENTAL_END_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n ...referenceColumns()\r\n]\r\n","import { CORE_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport AssetLiabilityModel, {\r\n baseAssetLiabilityColumns\r\n} from './AssetLiabilityModel'\r\nimport i18next from 'i18next'\r\n\r\nclass Liability extends AssetLiabilityModel {\r\n /**\r\n * Construct a new Liability instance\r\n * @param {object} params - Liability creation options:\r\n * @param {date} [params.startDate]\r\n * @param {date} [params.maturityDate]\r\n * @param {number} [params.outstandingValueInLiabilityCurrency]\r\n * @param {number} [params.outstandingValueInBaseCurrency]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n currency,\r\n valuationDate,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.type = CORE_TYPES.LIABILITY\r\n this.startDate = startDate && startDate.startOf('day')\r\n this.maturityDate = maturityDate && maturityDate.startOf('day')\r\n this.outstandingValueInBaseCurrency = outstandingValueInBaseCurrency\r\n this.outstandingValueInLiabilityCurrency = outstandingValueInLiabilityCurrency\r\n }\r\n}\r\n\r\nexport default Liability\r\n\r\nexport const liabilityColumns = () => [\r\n ...baseAssetLiabilityColumns(),\r\n {\r\n key: 'outstandingValueInLiabilityCurrency',\r\n type: IMPORT_COL_TYPES.CURRENCY,\r\n title: i18next.t('OUTSTANDING_VALUE_LIABILITY_CURRENCY')\r\n }\r\n]\r\n","import Liability, { liabilityColumns } from './LiabilityModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { LIABILITY_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass LoanFromOthers extends Liability {\r\n /**\r\n * Construct a new Loan instance\r\n * @param {object} params - Loan creation options:\r\n * @param {string} [params.interestRate]\r\n * @param {string} [params.loanPeriod]\r\n * @param {string} [params.numberOfRepayments]\r\n * @param {string} [params.lender]\r\n * @param {string} [params.securityCollateral]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n interestRate,\r\n loanPeriod,\r\n numberOfRepayments,\r\n lender,\r\n securityCollateral,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = LIABILITY_TYPES.LOAN_FROM_OTHERS\r\n this.interestRate = interestRate\r\n this.loanPeriod = loanPeriod\r\n this.numberOfRepayments = numberOfRepayments\r\n this.lender = lender\r\n this.securityCollateral = securityCollateral\r\n }\r\n}\r\n\r\nexport default LoanFromOthers\r\n\r\nexport const loanFromOtherColumns = () => [\r\n ...liabilityColumns(),\r\n {\r\n key: 'startDate',\r\n title: i18next.t('LIABILITY_START_DATE'),\r\n type: IMPORT_COL_TYPES.DATE,\r\n required: true\r\n },\r\n {\r\n key: 'maturityDate',\r\n title: i18next.t('LIABILITY_MATURITY_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'interestRateValue',\r\n title: i18next.t('INTEREST_RATE_VALUE'),\r\n dataIndex: 'interestRate',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.PERCENTAGE\r\n },\r\n {\r\n key: 'interestRateUnit',\r\n title: i18next.t('INTEREST_RATE_UNIT'),\r\n dataIndex: 'interestRate',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'loanPeriodValue',\r\n title: i18next.t('LOAN_PERIOD_VALUE'),\r\n dataIndex: 'loanPeriod',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.NUMBER\r\n },\r\n {\r\n key: 'loanPeriodUnit',\r\n title: i18next.t('LOAN_PERIOD_UNIT'),\r\n dataIndex: 'loanPeriod',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'numberOfRepayments',\r\n title: i18next.t('NUMBER_OF_REPAYMENTS'),\r\n type: IMPORT_COL_TYPES.NUMBER\r\n },\r\n {\r\n key: 'securityCollateral',\r\n title: i18next.t('SECURITY_COLLATERAL')\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Asset, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass LoanToOthers extends Asset {\r\n /**\r\n * Construct a new LoanToOthers instance\r\n * @param {object} params - LoanToOthers creation options:\r\n * @param {string} [params.interestRate]\r\n * @param {string} [params.loanPeriod]\r\n * @param {string} [params.numberOfRepayments]\r\n * @param {string} [params.borrower]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n interestRate,\r\n loanPeriod,\r\n numberOfRepayments,\r\n borrower,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.LOAN_TO_OTHERS\r\n this.interestRate = interestRate\r\n this.loanPeriod = loanPeriod\r\n this.numberOfRepayments = numberOfRepayments\r\n this.borrower = borrower\r\n }\r\n}\r\n\r\nexport default LoanToOthers\r\n\r\nexport const loanToOthersColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'purchaseDate',\r\n title: i18next.t('ASSET_PURCHASE_DATE'),\r\n type: IMPORT_COL_TYPES.DATE,\r\n required: true\r\n },\r\n {\r\n key: 'disposalDate',\r\n title: i18next.t('DISPOSAL_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'interestRateValue',\r\n title: i18next.t('INTEREST_RATE_VALUE'),\r\n dataIndex: 'interestRate',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.PERCENTAGE\r\n },\r\n {\r\n key: 'interestRateUnit',\r\n title: i18next.t('INTEREST_RATE_UNIT'),\r\n dataIndex: 'interestRate',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'loanPeriodValue',\r\n title: i18next.t('LOAN_PERIOD_VALUE'),\r\n dataIndex: 'loanPeriod',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.NUMBER\r\n },\r\n {\r\n key: 'loanPeriodUnit',\r\n title: i18next.t('LOAN_PERIOD_UNIT'),\r\n dataIndex: 'loanPeriod',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'numberOfRepayments',\r\n title: i18next.t('NUMBER_OF_REPAYMENTS'),\r\n type: IMPORT_COL_TYPES.NUMBER\r\n },\r\n ...referenceColumns()\r\n]\r\n","import AssetModel, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass EquityListed extends AssetModel {\r\n /**\r\n * Construct a new EquityListed instance\r\n * @param {object} params - EquityListed creation options:\r\n * @param {string} [params.exchange]\r\n * @param {number} [params.quantity]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n valuationDate,\r\n currency,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n exchange,\r\n quantity,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n price,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.EQUITY_LISTED\r\n this.exchange = exchange\r\n this.quantity = quantity\r\n this.price = price\r\n }\r\n}\r\n\r\nexport default EquityListed\r\n\r\nexport const equityListedColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'disposalDate',\r\n title: i18next.t('DISPOSAL_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'exchange',\r\n title: i18next.t('EXCHANGE'),\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'price',\r\n title: i18next.t('PRICE'),\r\n type: IMPORT_COL_TYPES.CURRENCY\r\n },\r\n {\r\n key: 'quantity',\r\n title: i18next.t('NUMBER_OF_SHARES'),\r\n type: IMPORT_COL_TYPES.NUMBER\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Asset, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass Insurance extends Asset {\r\n /**\r\n * Construct a new Insurance instance\r\n * @param {object} params - Insurance creation options:\r\n * @param {string} [params.nameAssured]\r\n * @param {string} [params.typeOfPolicy]\r\n * @param {number} [params.sumAssuredInAssetCurrency]\r\n * @param {number} [params.sumAssuredInBaseCurrency]\r\n * @param {any} [params.premium]\r\n * @param {string} [params.insurer]\r\n * @param {any} [params.insuranceAdvisor ]\r\n * @param {any} [params.policyOwner]\r\n * @param {string} [params.policyNumber]\r\n * @param {any} [params.beneficiaries]\r\n * @param {string} [params.entitlement]\r\n * @param {string} [params.otherNotes]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n nameAssured,\r\n typeOfPolicy,\r\n sumAssuredInAssetCurrency,\r\n sumAssuredInBaseCurrency,\r\n premium,\r\n insurer,\r\n insuranceAdvisor,\r\n policyOwner,\r\n policyNumber,\r\n beneficiaries,\r\n entitlement,\r\n otherNotes,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.INSURANCE\r\n this.nameAssured = nameAssured\r\n this.typeOfPolicy = typeOfPolicy\r\n this.sumAssuredInAssetCurrency = sumAssuredInAssetCurrency\r\n this.sumAssuredInBaseCurrency = sumAssuredInBaseCurrency\r\n this.premium = premium\r\n this.insurer = insurer\r\n this.insuranceAdvisor = insuranceAdvisor\r\n this.policyNumber = policyNumber\r\n this.beneficiaries = beneficiaries\r\n this.entitlement = entitlement\r\n this.otherNotes = otherNotes\r\n this.policyOwner = policyOwner\r\n }\r\n}\r\n\r\nexport default Insurance\r\n\r\nexport const insuranceColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'purchaseDate',\r\n title: i18next.t('ASSET_PURCHASE_DATE'),\r\n type: IMPORT_COL_TYPES.DATE,\r\n required: true\r\n },\r\n {\r\n key: 'disposalDate',\r\n title: i18next.t('DISPOSAL_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'typeOfPolicy',\r\n title: i18next.t('TYPE_OF_POLICY'),\r\n required: true,\r\n type: IMPORT_COL_TYPES.LIST,\r\n isCustomList: true\r\n },\r\n {\r\n key: 'sumAssuredInAssetCurrency',\r\n title: i18next.t('SUM_ASSURED_IN_ASSET_CURRENCY'),\r\n type: IMPORT_COL_TYPES.CURRENCY\r\n },\r\n {\r\n key: 'premiumValue',\r\n title: i18next.t('PREMIUM_VALUE'),\r\n dataIndex: 'premium',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.CURRENCY\r\n },\r\n {\r\n key: 'premiumUnit',\r\n title: i18next.t('PREMIUM_UNIT'),\r\n dataIndex: 'premium',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'insurer',\r\n title: i18next.t('INSURER')\r\n },\r\n {\r\n key: 'policyNumber',\r\n title: i18next.t('POLICY_NUMBER')\r\n },\r\n {\r\n key: 'entitlement',\r\n title: i18next.t('ENTITLEMENT'),\r\n type: IMPORT_COL_TYPES.PERCENTAGE\r\n },\r\n {\r\n key: 'otherNotes',\r\n title: i18next.t('OTHER_NOTES')\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Liability, { liabilityColumns } from './LiabilityModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { LIABILITY_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass PropertyLoan extends Liability {\r\n /**\r\n * Construct a new PropertyLoan instance\r\n * @param {object} params - PropertyLoan creation options:\r\n * @param {string} [params.interestRate]\r\n * @param {string} [params.loanPeriod]\r\n * @param {string} [params.address]\r\n * @param {string} [params.lender]\r\n * @param {string} [params.accountNumber]\r\n * @param {number} [params.yearOfLoan]\r\n * @param {number} [params.monthlyPayment]\r\n * @param {string} [params.typeOfInterestRate]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n interestRate,\r\n loanPeriod,\r\n lender,\r\n typeOfInterestRate,\r\n accountNumber,\r\n yearOfLoan,\r\n monthlyPayment,\r\n address,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = LIABILITY_TYPES.PROPERTY_LOAN\r\n this.interestRate = interestRate\r\n this.loanPeriod = loanPeriod\r\n this.address = address\r\n this.lender = lender\r\n this.accountNumber = accountNumber\r\n this.yearOfLoan = yearOfLoan\r\n this.monthlyPayment = monthlyPayment\r\n this.typeOfInterestRate = typeOfInterestRate\r\n }\r\n}\r\n\r\nexport default PropertyLoan\r\n\r\nexport const propertyLoanColumns = () => [\r\n ...liabilityColumns(),\r\n {\r\n key: 'startDate',\r\n title: i18next.t('LIABILITY_START_DATE'),\r\n type: IMPORT_COL_TYPES.DATE,\r\n required: true\r\n },\r\n {\r\n key: 'maturityDate',\r\n title: i18next.t('LIABILITY_MATURITY_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'interestRateValue',\r\n title: i18next.t('INTEREST_RATE_VALUE'),\r\n dataIndex: 'interestRate',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.PERCENTAGE\r\n },\r\n {\r\n key: 'interestRateUnit',\r\n title: i18next.t('INTEREST_RATE_UNIT'),\r\n dataIndex: 'interestRate',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'typeOfInterestRate',\r\n title: i18next.t('TYPE_OF_INTEREST_RATE'),\r\n type: IMPORT_COL_TYPES.LIST,\r\n isCustomList: true\r\n },\r\n {\r\n key: 'address',\r\n title: i18next.t('ADDRESSES'),\r\n required: true\r\n },\r\n {\r\n key: 'accountNumber',\r\n title: i18next.t('ACCOUNT_NUMBER')\r\n },\r\n {\r\n key: 'loanPeriodValue',\r\n title: i18next.t('LOAN_PERIOD_VALUE'),\r\n dataIndex: 'loanPeriod',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.NUMBER\r\n },\r\n {\r\n key: 'loanPeriodUnit',\r\n title: i18next.t('LOAN_PERIOD_UNIT'),\r\n dataIndex: 'loanPeriod',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'yearOfLoan',\r\n title: i18next.t('NO_OF_YEARS_REPAYMENT_COMPLETED'),\r\n type: IMPORT_COL_TYPES.STRING\r\n },\r\n {\r\n key: 'monthlyPayment',\r\n title: i18next.t('MONTHLY_PAYMENT'),\r\n type: IMPORT_COL_TYPES.CURRENCY\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Liability, { liabilityColumns } from './LiabilityModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { LIABILITY_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass CreditCard extends Liability {\r\n /**\r\n * Construct a new CreditCard instance\r\n * @param {object} params - CreditCard creation options:\r\n * @param {string} [params.interestRate]\r\n * @param {string} [params.expiryDate]\r\n * @param {string} [params.paymentDueDate]\r\n * @param {string} [params.issuingBank]\r\n * @param {number} [params.creditLimit]\r\n * @param {number} [params.recurringPaymentDueDay]\r\n *\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n interestRate,\r\n expiryDate,\r\n paymentDueDate,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n issuingBank,\r\n creditLimit,\r\n recurringPaymentDueDay,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = LIABILITY_TYPES.CREDIT_CARD\r\n this.interestRate = interestRate\r\n this.expiryDate = expiryDate\r\n this.paymentDueDate = paymentDueDate\r\n this.issuingBank = issuingBank\r\n this.creditLimit = creditLimit\r\n this.recurringPaymentDueDay = recurringPaymentDueDay\r\n }\r\n}\r\n\r\nexport default CreditCard\r\n\r\nexport const creditCardColumns = () => [\r\n ...liabilityColumns(),\r\n {\r\n key: 'interestRateValue',\r\n title: i18next.t('INTEREST_RATE_VALUE'),\r\n dataIndex: 'interestRate',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.PERCENTAGE\r\n },\r\n {\r\n key: 'interestRateUnit',\r\n title: i18next.t('INTEREST_RATE_UNIT'),\r\n dataIndex: 'interestRate',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'expiryDate',\r\n title: i18next.t('EXPIRY_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'paymentDueDate',\r\n title: i18next.t('PAYMENT_DUE_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'issuingBank',\r\n title: i18next.t('ISSUING_BANK')\r\n },\r\n {\r\n key: 'recurringPaymentDueDay',\r\n title: i18next.t('RECURRING_PAYMENT_DUE_DAY'),\r\n type: IMPORT_COL_TYPES.DAY_IN_MONTH\r\n },\r\n {\r\n key: 'creditLimit',\r\n title: i18next.t('CREDIT_LIMIT'),\r\n type: IMPORT_COL_TYPES.CURRENCY\r\n },\r\n ...referenceColumns()\r\n]\r\n","import AssetModel, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass EquityUnlisted extends AssetModel {\r\n /**\r\n * Construct a new EquityUnlisted instance\r\n * @param {object} params - EquityUnlisted creation options:\r\n * @param {string} [params.company]\r\n * @param {string} [params.quantity]\r\n * @param {string} [params.classOfShares]\r\n * @param {number} [params.shareCertificateNumber]\r\n * @param {number} [params.percentageOfShares]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n valuationDate,\r\n currency,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n company,\r\n quantity,\r\n classOfShares,\r\n shareCertificateNumber,\r\n percentageOfShares,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n price,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.EQUITY_UNLISTED\r\n this.company = company\r\n this.quantity = quantity\r\n this.classOfShares = classOfShares\r\n this.shareCertificateNumber = shareCertificateNumber\r\n this.percentageOfShares = percentageOfShares\r\n this.price = price\r\n }\r\n}\r\n\r\nexport default EquityUnlisted\r\n\r\nexport const equityUnlistedColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'disposalDate',\r\n title: i18next.t('DISPOSAL_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'price',\r\n title: i18next.t('PRICE'),\r\n type: IMPORT_COL_TYPES.CURRENCY\r\n },\r\n {\r\n key: 'quantity',\r\n title: i18next.t('NUMBER_OF_SHARES'),\r\n type: IMPORT_COL_TYPES.NUMBER\r\n },\r\n {\r\n key: 'classOfShares',\r\n title: i18next.t('CLASS_OF_SHARES'),\r\n type: IMPORT_COL_TYPES.LIST,\r\n isCustomList: true\r\n },\r\n {\r\n key: 'shareCertificateNumber',\r\n title: i18next.t('SHARE_CERTIFICATE_NUMBER')\r\n },\r\n {\r\n key: 'percentageOfShares',\r\n title: i18next.t('PERCENTAGE_OF_SHARES'),\r\n type: IMPORT_COL_TYPES.PERCENTAGE\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Asset, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass OtherAssets extends Asset {\r\n /**\r\n * Construct a new OtherAssets instance\r\n * @param {object} params - OtherAssets creation options:\r\n * @param {string} [params.otherAssetType]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n valuationDate,\r\n currency,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n otherAssetType,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.OTHER_ASSETS\r\n this.otherAssetType = otherAssetType\r\n }\r\n}\r\n\r\nexport default OtherAssets\r\n\r\nexport const otherAssetsColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'purchaseDate',\r\n title: i18next.t('ASSET_PURCHASE_DATE'),\r\n type: IMPORT_COL_TYPES.DATE,\r\n required: true\r\n },\r\n {\r\n key: 'disposalDate',\r\n title: i18next.t('DISPOSAL_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'otherAssetType',\r\n title: i18next.t('OTHER_ASSET_TYPE'),\r\n type: IMPORT_COL_TYPES.LIST,\r\n isCustomList: true\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Liability, { liabilityColumns } from './LiabilityModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { LIABILITY_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass OtherLiability extends Liability {\r\n /**\r\n * Construct a new OtherLiability instance\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = LIABILITY_TYPES.OTHER_LIABILITY\r\n }\r\n}\r\n\r\nexport default OtherLiability\r\n\r\nexport const otherLiabilityColumns = () => [\r\n ...liabilityColumns(),\r\n {\r\n key: 'startDate',\r\n title: i18next.t('LIABILITY_START_DATE'),\r\n type: IMPORT_COL_TYPES.DATE,\r\n required: true\r\n },\r\n {\r\n key: 'maturityDate',\r\n title: i18next.t('LIABILITY_MATURITY_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Asset, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass BrokerageAccount extends Asset {\r\n /**\r\n * Construct a new BrokerageAccount\r\n * @param {object} params - BrokerageAccount creation options:\r\n * @param {string} [params.brokerageName]\r\n * @param {string} [params.accountNumber]\r\n * @param {string} [params.accountType]\r\n * @param {boolean} [params.jointAccount]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n valuationDate,\r\n currency,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n brokerageName,\r\n accountNumber,\r\n accountType,\r\n jointAccount,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.BROKERAGE_ACCOUNT\r\n this.brokerageName = brokerageName\r\n this.accountNumber = accountNumber\r\n this.accountType = accountType\r\n this.jointAccount = jointAccount\r\n }\r\n}\r\n\r\nexport default BrokerageAccount\r\n\r\nexport const brokerageAccountColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'brokerageName',\r\n title: i18next.t('BROKERAGE_NAME')\r\n },\r\n {\r\n key: 'accountNumber',\r\n title: i18next.t('ACCOUNT_NUMBER')\r\n },\r\n {\r\n key: 'accountType',\r\n title: i18next.t('ACCOUNT_TYPE')\r\n },\r\n {\r\n key: 'jointAccount',\r\n title: i18next.t('JOINT_ACCOUNT'),\r\n type: IMPORT_COL_TYPES.BOOLEAN\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Asset, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass Vehicle extends Asset {\r\n /**\r\n * Construct a new Vehicle\r\n * @param {object} params - Vehicle creation options:\r\n * @param {string} [params.vehicleRegistrationNumber]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n valuationDate,\r\n currency,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n vehicleRegistrationNumber,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.VEHICLE\r\n this.vehicleRegistrationNumber = vehicleRegistrationNumber\r\n }\r\n}\r\n\r\nexport default Vehicle\r\n\r\nexport const vehicleColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'purchaseDate',\r\n title: i18next.t('ASSET_PURCHASE_DATE'),\r\n type: IMPORT_COL_TYPES.DATE,\r\n required: true\r\n },\r\n {\r\n key: 'disposalDate',\r\n title: i18next.t('DISPOSAL_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'vehicleRegistrationNumber',\r\n title: i18next.t('VEHICLE_REGISTRATION_NUMBER')\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Liability, { liabilityColumns } from './LiabilityModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { LIABILITY_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass VehicleLoan extends Liability {\r\n /**\r\n * Construct a new VehicleLoan\r\n * @param {object} params - VehicleLoan creation options:\r\n * @param {string} [params.vehicleRegistrationNumber]\r\n * @param {string} [params.interestRate]\r\n * @param {string} [params.loanPeriod]\r\n * @param {string} [params.lender]\r\n * @param {string} [params.securityCollateral]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n interestRate,\r\n loanPeriod,\r\n lender,\r\n securityCollateral,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n vehicleRegistrationNumber,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n startDate,\r\n maturityDate,\r\n currency,\r\n valuationDate,\r\n outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = LIABILITY_TYPES.VEHICLE_LOAN\r\n this.loanPeriod = loanPeriod\r\n this.interestRate = interestRate\r\n this.securityCollateral = securityCollateral\r\n this.lender = lender\r\n this.vehicleRegistrationNumber = vehicleRegistrationNumber\r\n }\r\n}\r\n\r\nexport default VehicleLoan\r\n\r\nexport const vehicleLoanColumns = () => [\r\n ...liabilityColumns(),\r\n {\r\n key: 'startDate',\r\n title: i18next.t('LIABILITY_START_DATE'),\r\n type: IMPORT_COL_TYPES.DATE,\r\n required: true\r\n },\r\n {\r\n key: 'maturityDate',\r\n title: i18next.t('LIABILITY_MATURITY_DATE'),\r\n type: IMPORT_COL_TYPES.DATE\r\n },\r\n {\r\n key: 'interestRateValue',\r\n title: i18next.t('INTEREST_RATE_VALUE'),\r\n dataIndex: 'interestRate',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.PERCENTAGE\r\n },\r\n {\r\n key: 'interestRateUnit',\r\n title: i18next.t('INTEREST_RATE_UNIT'),\r\n dataIndex: 'interestRate',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'loanPeriodValue',\r\n title: i18next.t('LOAN_PERIOD_VALUE'),\r\n dataIndex: 'loanPeriod',\r\n objectKey: 'value',\r\n type: IMPORT_COL_TYPES.NUMBER\r\n },\r\n {\r\n key: 'loanPeriodUnit',\r\n title: i18next.t('LOAN_PERIOD_UNIT'),\r\n dataIndex: 'loanPeriod',\r\n objectKey: 'unit',\r\n type: IMPORT_COL_TYPES.LIST\r\n },\r\n {\r\n key: 'vehicleRegistrationNumber',\r\n title: i18next.t('VEHICLE_REGISTRATION_NUMBER')\r\n },\r\n {\r\n key: 'securityCollateral',\r\n title: i18next.t('SECURITY_COLLATERAL')\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Asset, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass RetirementAccount extends Asset {\r\n /**\r\n * Construct a new RetirementAccount instance\r\n * @param {object} params - RetirementAccount creation options:\r\n * @param {string} [params.retirementAccountType]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n valuationDate,\r\n currency,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n retirementAccountType,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.RETIREMENT_ACCOUNT\r\n this.retirementAccountType = retirementAccountType\r\n }\r\n}\r\n\r\nexport default RetirementAccount\r\n\r\nexport const retirementAccountColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'retirementAccountType',\r\n title: i18next.t('RETIREMENT_ACCOUNT_TYPE'),\r\n type: IMPORT_COL_TYPES.LIST,\r\n isCustomList: true\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Asset, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass Trust extends Asset {\r\n /**\r\n * Construct a new Trust instance\r\n * @param {object} params - Trust creation options:\r\n * @param {object} [params.typeOfTrustInterest]\r\n * @param {string} [params.trustType]\r\n * @param {string} [params.trustRevocability]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n trustRevocability,\r\n trustType,\r\n typeOfTrustInterest,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.TRUST\r\n this.trustRevocability = trustRevocability\r\n this.trustType = trustType\r\n this.typeOfTrustInterest = typeOfTrustInterest\r\n }\r\n}\r\n\r\nexport default Trust\r\n\r\nexport const trustColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'typeOfTrustInterestKey',\r\n title: i18next.t('TYPE_OF_TRUST_INTEREST'),\r\n dataIndex: 'typeOfTrustInterest',\r\n objectKey: 'key',\r\n type: IMPORT_COL_TYPES.LIST,\r\n isCustomList: true\r\n },\r\n {\r\n key: 'trustRevocability',\r\n title: i18next.t('TRUST_REVOCABILITY'),\r\n type: IMPORT_COL_TYPES.LIST,\r\n isCustomList: false\r\n },\r\n {\r\n key: 'trustType',\r\n title: i18next.t('TRUST_TYPE'),\r\n type: IMPORT_COL_TYPES.LIST,\r\n isCustomList: true\r\n },\r\n ...referenceColumns()\r\n]\r\n","import Asset, { assetColumns } from './AssetModel'\r\nimport { referenceColumns } from './AssetLiabilityModel'\r\nimport { ASSET_TYPES, IMPORT_COL_TYPES } from '../share/Constants'\r\nimport i18next from 'i18next'\r\n\r\nclass Crypto extends Asset {\r\n /**\r\n * Construct a new Crypto instance\r\n * @param {object} params - Crypto creation options:\r\n * @param {string} [params.cryptoExchange]\r\n * @param {string} [params.walletAddress]\r\n */\r\n constructor({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n cryptoExchange,\r\n walletAddress,\r\n password,\r\n status,\r\n events,\r\n passwords\r\n }) {\r\n super({\r\n _id,\r\n _rev,\r\n _deleted,\r\n title,\r\n description,\r\n descriptionWithMarkup,\r\n percentageOwnership,\r\n purchaseDate,\r\n disposalDate,\r\n currency,\r\n valuationDate,\r\n valuationInAssetCurrency,\r\n valuationInBaseCurrency,\r\n contacts,\r\n references,\r\n links,\r\n documents,\r\n includeValueInNetWorth,\r\n status,\r\n events,\r\n passwords\r\n })\r\n\r\n this.subType = ASSET_TYPES.CRYPTO\r\n this.cryptoExchange = cryptoExchange\r\n this.walletAddress = walletAddress\r\n this.percentageOwnership = 100\r\n this.password = password\r\n }\r\n}\r\n\r\nexport default Crypto\r\n\r\nexport const cryptoColumns = () => [\r\n ...assetColumns(),\r\n {\r\n key: 'cryptoExchange',\r\n title: i18next.t('WALLET_PROVIDER'),\r\n type: IMPORT_COL_TYPES.LIST,\r\n isCustomList: true\r\n },\r\n {\r\n key: 'walletAddress',\r\n title: i18next.t('WALLET_ADDRESS')\r\n },\r\n ...referenceColumns()\r\n]\r\n","import React from 'react'\r\nimport {\r\n RENDER_TYPES,\r\n ASSET_TYPES,\r\n LIABILITY_TYPES,\r\n CORE_TYPES,\r\n VAULTBOX_SAMPLE_DATA,\r\n TYPE_OF_TRUST_INTEREST_PLURAL_MAP,\r\n SQUARE_UNITS,\r\n LOAN_PERIOD_UNITS\r\n} from '../../share/Constants'\r\nimport {\r\n renderDate,\r\n currencyFormat,\r\n getAssetLiabilityValueWithSign,\r\n renderSignedNumber,\r\n renderLinkedItemsPlainText,\r\n renderItems,\r\n pngToBase64\r\n} from '../../share/helpers'\r\nimport banner from '../../assets/banner.png'\r\nimport { AssetLiabilityTitleWithIcon } from './AssetLiabilitySubtypes'\r\nimport DateRangeFilter from '../common/DateRangeFilter'\r\nimport Cash, { cashColumns } from '../../model/CashModel'\r\nimport Property, { propertyColumns } from '../../model/PropertyModel'\r\nimport LoanFromOthers, {\r\n loanFromOtherColumns\r\n} from '../../model/LoanFromOthersModel'\r\nimport LoanToOthers, {\r\n loanToOthersColumns\r\n} from '../../model/LoanToOthersModel'\r\nimport EquityListed, {\r\n equityListedColumns\r\n} from '../../model/EquityListedModel'\r\nimport Insurance, { insuranceColumns } from './../../model/InsuranceModel'\r\nimport PropertyLoan, {\r\n propertyLoanColumns\r\n} from '../../model/PropertyLoanModel'\r\nimport CreditCard, { creditCardColumns } from './../../model/CreditCardModel'\r\nimport EquityUnlisted, {\r\n equityUnlistedColumns\r\n} from '../../model/EquityUnlistedModel'\r\nimport OtherAssets, { otherAssetsColumns } from '../../model/OtherAssetsModel'\r\nimport OtherLiablity, {\r\n otherLiabilityColumns\r\n} from '../../model/OtherLiabilityModel'\r\nimport BrokerageAccount, {\r\n brokerageAccountColumns\r\n} from '../../model/BrokerageAccountModel'\r\nimport Vehicle, { vehicleColumns } from '../../model/VehicleModel'\r\nimport VehicleLoan, { vehicleLoanColumns } from './../../model/VehicleLoanModel'\r\nimport RetirementAccount, {\r\n retirementAccountColumns\r\n} from '../../model/RetirementAccountModel'\r\nimport { saveAs } from 'file-saver'\r\nimport currencyData from 'world-currencies'\r\nimport MICS from '../../share/CommonMICs'\r\nimport { Workbook } from 'exceljs'\r\nimport { addWorksheetContent } from '../../share/importHelpers'\r\nimport Trust, { trustColumns } from './../../model/TrustModel'\r\nimport Crypto, { cryptoColumns } from '../../model/CryptoModel'\r\nimport i18next from 'i18next'\r\n\r\nconst onDateFilter = (value, recordValue) =>\r\n recordValue &&\r\n (!value.startDate ||\r\n value.startDate.startOf('day').isSameOrBefore(recordValue)) &&\r\n (!value.endDate || value.endDate.endOf('day').isSameOrAfter(recordValue))\r\n\r\nfunction Valuation({ text, record, isBaseCurrency, baseCurrency, className }) {\r\n const value =\r\n text || getAssetLiabilityValueWithSign(record, isBaseCurrency) || null\r\n\r\n return (\r\n value && (\r\n \r\n {baseCurrency || record.currency}{' '}\r\n {renderSignedNumber(value, currencyFormat)}\r\n \r\n )\r\n )\r\n}\r\n\r\nconst sorterFn = (key, type, normFn = obj => obj[key]) => {\r\n return (a, b) => {\r\n const first = normFn(a)\r\n const second = normFn(b)\r\n\r\n if (type === 'string') {\r\n return (first || '').localeCompare(second || '')\r\n } else if (type === 'date') {\r\n return new Date(first || 0) - new Date(second || 0)\r\n } else {\r\n return (first || 0) - (second || 0)\r\n }\r\n }\r\n}\r\n\r\nexport const getAssetLiabilityColumns = (\r\n contacts = [],\r\n assetsLiabilities = [],\r\n documents = [],\r\n events = [],\r\n passwords = [],\r\n baseCurrency = null\r\n) => {\r\n //const { t } = i18next\r\n return [\r\n {\r\n key: 'title',\r\n title: {i18next.t('TITLE')},\r\n dataIndex: 'title',\r\n type: RENDER_TYPES.TITLE_WITH_ICON,\r\n // fixed: 'left',\r\n width: 120,\r\n ellipsis: true,\r\n className: 'td-res',\r\n sorter: sorterFn('title', 'string'),\r\n render: (text, record) => {t('MFA_TABLE_SUMMARY')}
\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport { Table } from 'antd'\r\nimport { P1 } from '../override/Typography'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nexport default function AuthenticatorAppsInstructions() {\r\n const { t } = useTranslation()\r\n const columns = [\r\n {\r\n key: 'app',\r\n dataIndex: 'app',\r\n title: t('AUTHENTICATOR_APP')\r\n },\r\n {\r\n key: 'steps',\r\n dataIndex: 'steps',\r\n title: t('BRIEF_STEPS')\r\n }\r\n ]\r\n\r\n const dataSource = [\r\n {\r\n app: t('GOOGLE_AUTHENTICATOR'),\r\n steps: (\r\n - \r\n
- {t('OPEN_THE_APP')} \r\n
- {t('TAP_BEGIN_SETUP')} \r\n
- {t('TAP_SCAN_BARCODE')} \r\n
- {t('SCAN_THE_QR_CODE')} \r\n
- {t('ENTER_THE_AUTHENTICATION_CODE')} \r\n
- \r\n
- {t('OPEN_THE_APP')} \r\n
- {t('TAP_PLUS_BUTTON')} \r\n
- {t('TAP_SCAN_BARCODE')} \r\n
- {t('SCAN_THE_QR_CODE')} \r\n
- {t('ENTER_THE_AUTHENTICATION_CODE')} \r\n
- \r\n
- {t('OPEN_THE_APP')} \r\n
- {t('TAP_PLUS_BUTTON')} \r\n
- {t('TAP_OTHER')} \r\n
- {t('SCAN_THE_QR_CODE')} \r\n
- {t('ENTER_THE_AUTHENTICATION_CODE')} \r\n
\r\n {handleCancel && (\r\n \r\n )}\r\n setCurrentStep(1)}\r\n >\r\n {t('NEXT')}\r\n \r\n
\r\n \r\n )\r\n },\r\n {\r\n title: t('ADD_VAULTBOX_TO_YOUR_AUTHENTICATOR_APP'),\r\n content: (\r\n <>\r\n \r\n setCurrentStep(0)}\r\n >\r\n {t('NEED_AN_AUTHENTICATOR_APP')}\r\n \r\n
\r\n\r\n \r\n \r\n {\r\n form.validateFields((err, values) => {\r\n if (err) return\r\n verifySoftwareToken(values.code)\r\n })\r\n }}\r\n loading={isSubmitting}\r\n >\r\n {t('NEXT')}\r\n \r\n
\r\n \r\n )\r\n },\r\n {\r\n title: t('REVIEW'),\r\n content: (\r\n <>\r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n ]\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\nconst WrappedSetupMfaForm = Form.create({ name: 'setupMfa' })(SetupMFA)\r\nexport default WrappedSetupMfaForm\r\n","import React from 'react'\r\nimport { Form, Alert } from 'antd'\r\nimport CodeInput from '../common/CodeInput'\r\nimport Button from '../override/Button'\r\nimport { H3, P1 } from '../override/Typography'\r\n//import { StringResources } from '../../share/StringResources'\r\nimport { MFA_TYPES } from '../../share/Constants'\r\nimport { Trans } from 'react-i18next'\r\n\r\nimport api from '../../lib/api'\r\nimport { onError } from '../../lib/sentry'\r\n\r\nclass MfaVerificationForm extends React.Component {\r\n render() {\r\n const {\r\n form,\r\n cognitoUser,\r\n mfaType,\r\n callbacks,\r\n className,\r\n errMsg,\r\n setErrMsg,\r\n isSubmitting,\r\n setIsSubmitting,\r\n extra,\r\n style,\r\n handleResend,\r\n isResending,\r\n isReset,\r\n emailOTPLoading,\r\n setEmailOTPLoading\r\n } = this.props\r\n\r\n const { getFieldDecorator } = form\r\n\r\n const descriptionByType = type => {\r\n switch (type) {\r\n case MFA_TYPES.TOTP:\r\n return \r\n
\r\n ) : (\r\n \r\n {t('RESET_PHONE_NUMBER_SUMMARY')} \r\n
\r\n {t('RESET_PHONE_NUMBER')}
\r\n\r\n {t('RESET_PHONE_NUMBER_SUMMARY')} \r\n
\r\n {errMsg && (\r\n {t('RESET_PHONE_NUMBER')}
\r\n\r\n \r\n {t('WELL_COME_TO_BANTEX')} Bantex Hybrid eFiling\r\n \r\n
\r\n {errMsg && (\r\n {t('SIGN_IN')}
\r\n\r\n {\r\n cognitoUser.signOut()\r\n mfaSecretCode = undefined\r\n clearApiInterceptor()\r\n setLoginStep(LOGIN_STEPS.LOGIN)\r\n }}\r\n handleFinish={() => {\r\n setIsAuthenticated(true)\r\n history.push('/')\r\n }}\r\n />\r\n
\r\n )}\r\n\r\n {loginStep === LOGIN_STEPS.TOTP && (\r\n \r\n \r\n {t('RESET_MFA')}\r\n \r\n \r\n
\r\n {t('RESET_MFA_FIRST_CONTENT')}
\r\n {t('RESET_MFA_SECOND_CONTENT')}
\r\n \r\n }\r\n overlayStyle={{ maxWidth: 300 }}\r\n >\r\n \r\n setLoginStep('reset_phone')}\r\n >\r\n {t('RESET_MFA_WITH_PHONE_NUMBER')}\r\n \r\n {t('RESET_MFA_WITH_PHONE_NUMBER_CONTENT')}
}\r\n overlayStyle={{ maxWidth: 300 }}\r\n >\r\n \r\n {Object.keys(passwordRules).map(key => (\r\n \r\n
\r\n ))}\r\n \r\n )}\r\n \r\n {title}\r\n
\r\n \r\n {!isSignupPage && isCurrentPlan && ' (current)'}\r\n \r\n \r\n {!isSignupPage &&\r\n !!nextPhase?.plans?.find(pl => pl.plan === plan?.id) &&\r\n ' (next)'}\r\n \r\n \r\n // )\r\n }\r\n className=\"plan__cards\"\r\n headStyle={{\r\n textAlign: 'center',\r\n backgroundColor: theme.primary,\r\n borderBottomColor: theme.primary,\r\n color: theme.white\r\n }}\r\n bodyStyle={{\r\n flexGrow: 1,\r\n display: 'flex',\r\n flexDirection: 'column'\r\n }}\r\n >\r\n {!isComingSoon ? (\r\n <>\r\n\r\n {isSignupPage ? (\r\n pl.plan === plan.id) &&\r\n nextPhase?.start_date\r\n }\r\n />\r\n )\r\n )}\r\n
\r\n \r\n ) : (\r\n <>\r\n \r\n \r\n Please contact us at{' '}\r\n support@bantexapp.com{' '}\r\n for customised plan\r\n \r\n
\r\n \r\n )}\r\n \r\n )\r\n }\r\n\r\n const CardDescription = ({ content }) => {\r\n return (\r\n \r\n
\r\n )\r\n }\r\n\r\n const ModalAction = ({\r\n isCurrentPlan,\r\n planId,\r\n isCancelAtEnd,\r\n changeDate\r\n }) => {\r\n return isCurrentPlan ? (\r\n isCancelAtEnd ? (\r\n \r\n ) : (\r\n \r\n )\r\n ) : changeDate ? (\r\n {t('REFERRAL_CODE_TOOLTIP_FIRST_SUMMARY')}
\r\n {t('REFERRAL_CODE_TOOLTIP_SECOND_SUMMARY')}
\r\n {t('THIS_IS_NOT_APPLIED_TO_THE_FREE_PLAN')}
\r\n \r\n }\r\n >\r\n \r\n {defaultPlans && (\r\n {t('2 GB Storage ')}}\r\n isCurrentPlan={currentPlanId === 'free'}\r\n metaTitle={t('FREE')}\r\n description={\r\n <>\r\n \r\n {t(defaultPlan.nickname)}\r\n \r\n {getPlanSubTitle(defaultPlan)}\r\n \r\n \r\n }\r\n isCurrentPlan={\r\n defaultPlan.id === currentPlanId ||\r\n nextPlan?.id === currentPlanId\r\n }\r\n metaTitle={\r\n <>\r\n {defaultPlan.amount !== 0 ? (\r\n <>\r\n {/* \r\n changePlan(e.target.value, nextPlan, defaultPlan)\r\n }\r\n value={value}\r\n >\r\n \r\n {defaultPlan.currency.toUpperCase()}{' '}\r\n {currencyFormat(defaultPlan.amount / 100)} /{' '}\r\n {t(defaultPlan.interval)}\r\n \r\n \r\n {nextPlan.currency.toUpperCase()}{' '}\r\n {currencyFormat(nextPlan.amount / 100)} /{' '}\r\n {t(nextPlan.interval)}\r\n \r\n \r\n \r\n ) : (\r\n \r\n US${' '}\r\n {defaultPlans.find(p => p.nickname === plan[0].nickname)\r\n .amount / 100}{' '}\r\n / {t(plan.interval)}\r\n
\r\n )} */}\r\n \r\n }\r\n description={getPlanDescription(defaultPlan).map(\r\n (item, index) => (\r\n \r\n {defaultPlan.currency.toUpperCase()}{' '}\r\n
\r\n */}\r\n {defaultPlan.amount / 100}
/{' '}\r\n {t(defaultPlan.interval)}\r\nFree
\r\n )}\r\n\r\n {/* {!!plan[0].metadata.discountCode && (\r\n\r\n US$
\r\n {!!plan.metadata.discountCode && (\r\n {plan.amount / 100}
/{' '}\r\n {t(plan.interval)}\r\n\r\n {t('Custom')}}\r\n // description={\r\n // <>\r\n // \r\n // Please contact us at{' '}\r\n // support@bantexapp.com\r\n // for customised plan\r\n // \r\n // \r\n // }\r\n isFree={true}\r\n isSignupPage={!!setSelectedPlan}\r\n isComingSoon={true}\r\n />\r\n
\r\n \r\n )\r\n}\r\n","import { useEffect, useState } from 'react'\r\nimport { PRODUCT_NAME } from '../share/Constants'\r\nimport api from '../lib/api'\r\nimport { onError } from '../lib/sentry'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nexport default function usePlans(discountCode, shouldFetch = true) {\r\n const [defaultPlans, setDefaultPlans] = useState([])\r\n const [defaultPdPlans, setDefaultPdPlans] = useState([])\r\n const [customPlans, setCustomPlans] = useState([])\r\n const [customPdPlans, setCustomPdPlans] = useState([])\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [error, setError] = useState('')\r\n const { t } = useTranslation()\r\n\r\n useEffect(() => {\r\n const fetchPlans = async () => {\r\n setIsLoading(true)\r\n try {\r\n const res = await Promise.all([\r\n api.getPlans(PRODUCT_NAME.BANTEX),\r\n api.getPlans(PRODUCT_NAME.PROFESSIONAL_DEPUTY)\r\n ])\r\n\r\n if (res[0].data.message || res[1].data.message)\r\n throw Error(res[0].data.message || res[1].data.message)\r\n\r\n if (res[0].data.data?.length) {\r\n const allVaultboxPlans = res[0].data.data\r\n\r\n const defaultVaultboxPlans = allVaultboxPlans.filter(\r\n p => !p.metadata.discountCode\r\n )\r\n\r\n const groupBy = (items, key, childKey) =>\r\n items.reduce(\r\n (result, item) => ({\r\n ...result,\r\n [item[key][childKey]]: [\r\n ...(result[item[key][childKey]] || []),\r\n item\r\n ]\r\n }),\r\n []\r\n )\r\n\r\n setDefaultPlans(\r\n groupBy(\r\n defaultVaultboxPlans.sort((a, b) => b.amount - a.amount),\r\n 'metadata',\r\n 'storage'\r\n )\r\n )\r\n\r\n if (discountCode) {\r\n const customVaultboxPlans = allVaultboxPlans.filter(\r\n p => p.metadata.discountCode === discountCode\r\n )\r\n setCustomPlans(\r\n customVaultboxPlans.sort((a, b) =>\r\n a.amount && b.amount\r\n ? a.amount - b.amount\r\n : a.interval.localeCompare(b.interval)\r\n )\r\n )\r\n }\r\n }\r\n\r\n if (res[1].data.data?.length) {\r\n const allPdPlans = res[1].data.data\r\n\r\n const defaultPdPlans = allPdPlans.filter(\r\n p => !p.metadata.discountCode\r\n )\r\n setDefaultPdPlans(defaultPdPlans.sort((a, b) => a.amount - b.amount))\r\n\r\n if (discountCode) {\r\n const customPdPlans = allPdPlans.filter(\r\n p => p.metadata.discountCode === discountCode\r\n )\r\n setCustomPdPlans(\r\n customPdPlans.sort((a, b) =>\r\n a.amount && b.amount\r\n ? a.amount - b.amount\r\n : a.interval.localeCompare(b.interval)\r\n )\r\n )\r\n }\r\n }\r\n } catch (err) {\r\n onError(err)\r\n setError(t('FAILED_TO_GET_PLAN'))\r\n } finally {\r\n setIsLoading(false)\r\n }\r\n }\r\n\r\n if (shouldFetch) fetchPlans()\r\n }, [discountCode, shouldFetch, t])\r\n\r\n return {\r\n defaultPlans,\r\n defaultPdPlans,\r\n customPlans,\r\n customPdPlans,\r\n isLoading,\r\n error\r\n }\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport {\r\n Checkbox,\r\n Steps,\r\n Descriptions,\r\n Alert,\r\n Result,\r\n Icon,\r\n Tooltip\r\n} from 'antd'\r\nimport { Link, useLocation } from 'react-router-dom'\r\nimport { CognitoUserAttribute } from 'amazon-cognito-identity-js'\r\nimport { getUserPool } from '../../lib/cognito'\r\n//import { StringResources } from '../../share/StringResources'\r\nimport { randomBytes } from 'crypto'\r\nimport { AES } from 'crypto-js'\r\nimport NodeRSA from 'node-rsa'\r\nimport PersonalInfo from '../common/PersonalInfo'\r\nimport Button from '../override/Button'\r\nimport FormItem from '../override/FormItem'\r\nimport { P1, H3 } from '../override/Typography'\r\nimport shortid from 'shortid'\r\nimport { H4 } from '../override/Typography'\r\nimport SubscriptionPlans from '../payment/SubscriptionPlans'\r\nimport usePlans from '../../hooks/usePlans'\r\nimport api from '../../lib/api'\r\nimport { GApageView, GAmodalView, GAevent } from '../../lib/ga'\r\nimport { onError } from '../../lib/sentry'\r\nimport { useTranslation, Trans } from 'react-i18next'\r\nimport { sanitizeValue } from './../../share/helpers'\r\nimport i18next from 'i18next'\r\n\r\nconst { Step } = Steps\r\nconst modalName = currentStep => {\r\n switch (currentStep) {\r\n case 0:\r\n return 'Register details'\r\n case 1:\r\n return 'Register subscription plans'\r\n case 2:\r\n return 'Register review'\r\n default:\r\n return null\r\n }\r\n}\r\n\r\nfunction SignupForm(props) {\r\n const [errMsg, setErrMsg] = useState('')\r\n const [hasAgreed, setHasAgreed] = useState(false)\r\n const [currentStep, setCurrentStep] = useState(0)\r\n const [personalInfo, setPersonalInfo] = useState({})\r\n const [hasSubmitted, setHasSubmitted] = useState(false)\r\n const [isSubmitting, setIsSubmitting] = useState(false)\r\n const [selectedPlan, setSelectedPlan] = useState({\r\n id: '',\r\n nickname: '',\r\n amount: 0,\r\n interval: '',\r\n currency: ''\r\n })\r\n const [appliedReferralCode, setAppliedReferralCode] = useState('')\r\n const [preselectedPlan, setPreselectedPlan] = useState('')\r\n const [promoCode, setPromoCode] = useState('')\r\n const [promotionInfo, setPromotionInfo] = useState(null)\r\n const [isCheckingCodeValidity, setIsCheckingCodeValidity] = useState(false)\r\n const [marketingConsent, setMarketingConsent] = useState([])\r\n const [countryCode, setCountryCode] = useState('')\r\n const [giftInfo, setGiftInfo] = useState(null)\r\n const [referredProfessionalDeputyId, setReferredProfessionalDeputyId] =\r\n useState('')\r\n // const [rawPrivateKey, setRawPrivateKey] = useState()\r\n // const [rawPublicKey, setRawPublicKey] = useState()\r\n const { t } = useTranslation()\r\n\r\n const urlSearchParams = new URLSearchParams(useLocation().search)\r\n const primaryUserName = urlSearchParams.get('username')\r\n const assistedUser = urlSearchParams.get('assistedUser')\r\n const email = urlSearchParams.get('email')\r\n const professionalDeputyId = urlSearchParams.get('professionalDeputyId')\r\n const planParam = urlSearchParams.get('plan')\r\n const referralCodeParam = urlSearchParams.get('referralCode')\r\n const referredProfessionalDeputyIdParam = urlSearchParams.get(\r\n 'referredProfessionalDeputyId'\r\n )\r\n const discountCode = urlSearchParams.get('discountCode')\r\n const partnerCode = urlSearchParams.get('partnerCode')\r\n const promoCodeParam = urlSearchParams.get('promotionCode')\r\n const sender = urlSearchParams.get('sender')\r\n const giftId = urlSearchParams.get('giftId')\r\n\r\n const plans = usePlans(discountCode)\r\n\r\n let personalInfoForm\r\n const personalInfoFormRef = fr => {\r\n personalInfoForm = fr\r\n }\r\n\r\n useEffect(() => {\r\n // const getAllKeys = async () => {\r\n // const res = await api.getAllKeys(primaryUserName, email)\r\n\r\n // setRawPrivateKey(res.data?.privateKey)\r\n // setRawPublicKey(res.data?.publicKey)\r\n // }\r\n\r\n if ((primaryUserName || professionalDeputyId) && email) {\r\n GApageView('deputy-register')\r\n // getAllKeys()\r\n } else {\r\n GApageView('register')\r\n }\r\n }, [primaryUserName, professionalDeputyId, email])\r\n\r\n useEffect(() => {\r\n GAmodalView(modalName(currentStep))\r\n }, [currentStep])\r\n\r\n useEffect(() => {\r\n const fetchCountryCode = async () => {\r\n try {\r\n const res = await api.getIpStackInfo()\r\n\r\n setCountryCode(res.data.country_code)\r\n } catch (error) {\r\n onError(error)\r\n console.log('Fail to get country code')\r\n }\r\n }\r\n\r\n fetchCountryCode()\r\n }, [])\r\n\r\n useEffect(() => {\r\n if (planParam && planParam !== 'free') {\r\n const vaultboxPlans = plans.customPlans?.length\r\n ? plans.customPlans\r\n : plans.defaultPlans\r\n const preselectedPlan = vaultboxPlans.find(\r\n p => p.nickname?.toLowerCase() === planParam.toLowerCase()\r\n )\r\n if (preselectedPlan) {\r\n setSelectedPlan(preselectedPlan)\r\n setPreselectedPlan(planParam)\r\n }\r\n }\r\n }, [planParam, plans])\r\n\r\n useEffect(() => {\r\n // this can't be merged with the similar useEffect above\r\n // as it will introduce an endless loop of re-rendering\r\n if (planParam === 'free') {\r\n setSelectedPlan({\r\n id: 'free',\r\n nickname: 'Deputy only'\r\n })\r\n setPreselectedPlan(planParam)\r\n }\r\n }, [planParam])\r\n\r\n useEffect(() => {\r\n if (referralCodeParam) {\r\n setAppliedReferralCode(referralCodeParam)\r\n }\r\n }, [referralCodeParam])\r\n\r\n useEffect(() => {\r\n if (promoCodeParam) {\r\n setPromoCode(promoCodeParam)\r\n }\r\n }, [promoCodeParam])\r\n\r\n useEffect(() => {\r\n const fetchGiftInfo = async () => {\r\n try {\r\n const res = await api.getGift(sender, giftId)\r\n const gift = res?.data\r\n if (gift?.receiver) {\r\n setPersonalInfo({ email: gift.receiver })\r\n setGiftInfo(gift)\r\n }\r\n } catch (err) {\r\n onError(err)\r\n }\r\n }\r\n if (sender && giftId) {\r\n fetchGiftInfo()\r\n }\r\n }, [sender, giftId])\r\n\r\n useEffect(() => {\r\n if (referredProfessionalDeputyIdParam)\r\n setReferredProfessionalDeputyId(referredProfessionalDeputyIdParam)\r\n }, [referredProfessionalDeputyIdParam])\r\n\r\n const handlePersonalInfoNext = () => {\r\n personalInfoForm.props.form.validateFieldsAndScroll((err, values) => {\r\n if (err) {\r\n return\r\n }\r\n\r\n if (sender && giftId) {\r\n if (!giftInfo) {\r\n setErrMsg(t('GIFT_INFO_NOT_FOUND'))\r\n return\r\n }\r\n if (giftInfo.receiver !== values.email) {\r\n setErrMsg(t('GIFT_RECEIVER_EMAIL_MISSMATCH'))\r\n return\r\n }\r\n if (giftInfo.plan !== selectedPlan.nickname) {\r\n setErrMsg(t('GIFT_PLAN_MISSMATCH'))\r\n return\r\n }\r\n }\r\n\r\n setErrMsg('')\r\n GAevent({\r\n category: 'Register',\r\n action: 'Register details completed'\r\n })\r\n setPersonalInfo({ ...personalInfo, ...values })\r\n setCurrentStep(currentStep + 1)\r\n })\r\n }\r\n\r\n const handlePreviewPrevious = () => {\r\n setErrMsg('')\r\n setCurrentStep(currentStep - 1)\r\n GAevent({\r\n category: 'Register',\r\n action: 'Clicked Previous',\r\n label: 'Review step'\r\n })\r\n }\r\n\r\n const handleSubscriptionNext = async () => {\r\n if (!selectedPlan.id) {\r\n setErrMsg(t('SUBSCRIPTION_PLAN_EMPTY_MSG'))\r\n } else {\r\n if (appliedReferralCode || promoCode) {\r\n try {\r\n setIsCheckingCodeValidity(true)\r\n if (appliedReferralCode) {\r\n const res = await api.getReferralCodeInfo(appliedReferralCode)\r\n\r\n if (res.data?.professionalDeputyId)\r\n setReferredProfessionalDeputyId(res.data.professionalDeputyId)\r\n }\r\n\r\n if (promoCode) {\r\n const res = await api.getPromotionCode(\r\n promoCode,\r\n personalInfo.email\r\n )\r\n if (!res?.data?.valid) {\r\n throw Error(t('INVALID_PROMOTION_CODE'))\r\n }\r\n if (\r\n res?.data?.appliesToPlan &&\r\n res.data.appliesToPlan !== selectedPlan.id\r\n ) {\r\n throw Error(t('PROMOTION_CODE_MSG'))\r\n }\r\n\r\n setPromotionInfo(res.data)\r\n }\r\n\r\n setErrMsg('')\r\n setIsCheckingCodeValidity(false)\r\n GAevent({\r\n category: 'Register',\r\n action: 'Register plan completed'\r\n })\r\n setCurrentStep(currentStep + 1)\r\n } catch (error) {\r\n setIsCheckingCodeValidity(false)\r\n setErrMsg(t('FAILED_TO_CHECK_CODE_VALIDATE'))\r\n onError(error)\r\n }\r\n } else {\r\n setPromotionInfo(null)\r\n setErrMsg('')\r\n GAevent({\r\n category: 'Register',\r\n action: 'Register plan completed'\r\n })\r\n setCurrentStep(currentStep + 1)\r\n }\r\n }\r\n }\r\n\r\n const handleSubscriptionPrevious = () => {\r\n setCurrentStep(currentStep - 1)\r\n GAevent({\r\n category: 'Register',\r\n action: 'Clicked Previous',\r\n label: 'Subscription plans step'\r\n })\r\n }\r\n\r\n const handleSubmit = async (values = null) => {\r\n setErrMsg('')\r\n setIsSubmitting(true)\r\n const info = values || personalInfo\r\n\r\n const userPool = getUserPool()\r\n // generating user's master encryption key\r\n const masterKey = randomBytes(20).toString('hex')\r\n const encryptedMasterKey = AES.encrypt(masterKey, info.password).toString()\r\n\r\n // generating public & private keys\r\n const key = new NodeRSA()\r\n key.generateKeyPair(1024) // while it's recommended to have key size as 2048, need to use this size to fit the max length of Cognito's user attribute\r\n\r\n const publicKey = key.exportKey('public')\r\n const privateKey = key.exportKey('pkcs8')\r\n const encryptedPrivateKey = AES.encrypt(privateKey, masterKey).toString()\r\n\r\n const formData = [\r\n {\r\n Name: 'email',\r\n Value: info.email\r\n },\r\n {\r\n Name: 'phone_number',\r\n Value: info.prefix + info.phone\r\n },\r\n {\r\n Name: 'custom:preferred_name',\r\n Value: sanitizeValue(info.fullname)\r\n },\r\n {\r\n Name: 'custom:full_name',\r\n Value: sanitizeValue(info.fullname)\r\n },\r\n {\r\n Name: 'custom:master_key',\r\n Value: encryptedMasterKey\r\n },\r\n {\r\n Name: 'custom:public_key',\r\n Value: publicKey\r\n },\r\n {\r\n Name: 'custom:raw_master_key',\r\n Value: primaryUserName ? masterKey : undefined\r\n },\r\n {\r\n Name: 'custom:private_key',\r\n Value: encryptedPrivateKey\r\n },\r\n {\r\n Name: 'custom:pending_primary',\r\n Value: primaryUserName\r\n },\r\n {\r\n Name: 'custom:government_id',\r\n Value: info.govId\r\n },\r\n {\r\n Name: 'custom:prefix',\r\n Value: info.prefix\r\n },\r\n {\r\n Name: 'custom:base_currency',\r\n Value: info.baseCurrency\r\n },\r\n {\r\n Name: 'custom:referral_code',\r\n Value: shortid.generate()\r\n },\r\n {\r\n Name: 'custom:applied_referral',\r\n Value: appliedReferralCode\r\n },\r\n {\r\n Name: 'custom:plan_id',\r\n Value: selectedPlan.id\r\n },\r\n {\r\n Name: 'custom:professional_deputy',\r\n Value: professionalDeputyId\r\n },\r\n {\r\n Name: 'custom:created_at',\r\n Value: new Date().toJSON()\r\n },\r\n {\r\n Name: 'custom:referred_pd',\r\n Value: referredProfessionalDeputyId\r\n },\r\n {\r\n Name: 'custom:discount_code',\r\n Value: discountCode\r\n },\r\n {\r\n Name: 'custom:applied_promo',\r\n Value: promotionInfo?.id\r\n },\r\n {\r\n Name: 'custom:marketing_consent',\r\n Value: JSON.stringify(\r\n marketingConsent.reduce((obj, key) => ({ ...obj, [key]: true }), {})\r\n )\r\n },\r\n {\r\n Name: 'custom:country',\r\n Value: JSON.stringify(info.country)\r\n },\r\n {\r\n Name: 'custom:gift_info',\r\n Value: JSON.stringify(\r\n giftId && sender\r\n ? {\r\n id: giftId,\r\n sender\r\n }\r\n : {}\r\n )\r\n },\r\n {\r\n Name: 'custom:default_language',\r\n Value: i18next.language\r\n },\r\n {\r\n Name: 'custom:partner_code',\r\n Value: partnerCode\r\n },\r\n {\r\n Name: 'custom:assisted_user',\r\n Value: assistedUser\r\n },\r\n ]\r\n\r\n const attributeList = formData.map(item => {\r\n return new CognitoUserAttribute(item)\r\n })\r\n\r\n userPool.signUp(\r\n info.email,\r\n info.password,\r\n attributeList,\r\n null,\r\n function (err, result) {\r\n setIsSubmitting(false)\r\n if (err) {\r\n console.log(err);\r\n setErrMsg(t('FAILED_TO_REGISTER_USER'))\r\n return\r\n }\r\n\r\n setHasSubmitted(true)\r\n GAevent({\r\n category: 'Register',\r\n action: 'Register successfully submitted'\r\n })\r\n\r\n GAmodalView('Account created')\r\n }\r\n )\r\n }\r\n\r\n const handleQuickSubmit = () => {\r\n GAevent({\r\n category: 'Register',\r\n action: 'Clicked Submit (for deputy)'\r\n })\r\n personalInfoForm.props.form.validateFieldsAndScroll((err, values) => {\r\n if (err) {\r\n return\r\n }\r\n\r\n handleSubmit(values)\r\n })\r\n }\r\n\r\n const handleAgreementChange = e => {\r\n setHasAgreed(e.target.checked)\r\n }\r\n\r\n const steps = [\r\n {\r\n title: t('DETAILS'),\r\n content: (\r\n <>\r\n \r\n \r\n {t('NEXT')}\r\n \r\n
\r\n \r\n )\r\n },\r\n {\r\n title: t('SUBSCRIPTION_PLANS'),\r\n hidden: !!preselectedPlan,\r\n content: (\r\n <>\r\n \r\n \r\n {t('PREVIOUS')}\r\n \r\n \r\n {t('NEXT')}\r\n \r\n
\r\n \r\n )\r\n },\r\n {\r\n title: t('REVIEW'),\r\n content: (\r\n <>\r\n {selectedPlan.amount / 100}
/{' '}\r\n {t(selectedPlan.interval)}\r\n \r\n )}\r\n\r\n {\r\n GAevent({\r\n category: 'Register',\r\n action:\r\n (event.target.checked ? 'Check' : 'Uncheck') +\r\n ' marketing from bantex',\r\n label: 'Marketing consent checkboxes'\r\n })\r\n }}\r\n >\r\n
\r\n \r\n {\r\n GAevent({\r\n category: 'Register',\r\n action:\r\n (event.target.checked ? 'Check' : 'Uncheck') +\r\n ' marketing from third parties',\r\n label: 'Marketing consent checkboxes'\r\n })\r\n }}\r\n >\r\n {t('MARKETING_CONSENT_FROM_THIRT_PARTY')}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n )\r\n }\r\n ]\r\n\r\n return !hasSubmitted ? (\r\n \r\n \r\n {\r\n GAevent({\r\n category: 'Register',\r\n action: 'Clicked Submit'\r\n })\r\n handleSubmit()\r\n }}\r\n disabled={!hasAgreed}\r\n loading={isSubmitting}\r\n >\r\n {t('SUBMIT')}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n {t('READ_AND_AGREE_TERM_OF_SERVICE')}{' '}\r\n \r\n {t('TERMS_OF_SERVICE')}\r\n \r\n \r\n \r\n\r\n {errMsg && (\r\n setErrMsg('')}\r\n />\r\n )}\r\n \r\n {t('CREATE_A_NEW_ACCOUNT')}\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n {steps\r\n .filter(s => !s.hidden)\r\n .map(item => (\r\n \r\n
\r\n ) : (\r\n \r\n {t('REGISTER_DESCRIPTION')} \r\n
\r\n {(primaryUserName || professionalDeputyId) && email ? (\r\n <>\r\n {t('REGISTER')}
\r\n\r\n {steps.filter(s => !s.hidden)[currentStep].content}\r\n
\r\n \r\n )}\r\n \r\n \r\n \r\n }\r\n extra={\r\n \r\n }\r\n />\r\n
\r\n )\r\n}\r\n\r\nexport default SignupForm\r\n","import React from 'react'\r\n\r\nconst VaultContext = React.createContext()\r\n\r\nexport default VaultContext\r\n","import React, { useState, useEffect, useContext } from 'react'\r\nimport { Tree } from 'antd'\r\nimport { useSelector } from 'react-redux'\r\n// import AuthContext from '../../contexts/AuthContext'\r\n// import { ACCESS_LEVEL } from './../../share/Constants'\r\nimport VaultContext from '../../contexts/VaultContext'\r\nimport { checkPermission } from '../../share/helpers'\r\n\r\nconst { TreeNode, DirectoryTree } = Tree\r\n\r\nexport default function FileDirectory(props) {\r\n const { isReadonly, permissions } = useContext(VaultContext)\r\n // const { isProfessionalDeputy, isDelegateByPD } = useContext(AuthContext)\r\n\r\n const { onFolderSelect } = props\r\n const [folders, setFolders] = useState([])\r\n // const { accessLevel } = useSelector(state => state.settings)\r\n const { activeFolders } = useSelector(state =>\r\n isReadonly ? state.otherDocuments : state.documents\r\n )\r\n\r\n useEffect(() => {\r\n const updateFoldersFromKeys = (key, keys, folders, level = 1) => {\r\n let folderIndex = folders.findIndex(f => f.name === keys[0])\r\n\r\n if (folderIndex === -1) {\r\n folderIndex =\r\n folders.push({\r\n name: keys[0],\r\n key,\r\n level,\r\n folders: []\r\n }) - 1\r\n }\r\n\r\n if (keys.length > 1) {\r\n updateFoldersFromKeys(\r\n key,\r\n keys.slice(1),\r\n folders[folderIndex].folders,\r\n level + 1\r\n )\r\n }\r\n }\r\n\r\n // TODO: add loading state\r\n // const allFolders =\r\n // (isProfessionalDeputy || (isDelegateByPD && isReadonly)) &&\r\n // accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n // ? [...activeFolders, ...pendingFolders]\r\n // : activeFolders\r\n\r\n const updatedFolders = []\r\n activeFolders\r\n .filter(f => !isReadonly || checkPermission(permissions, f._id))\r\n .map(f => f.path)\r\n .sort((a, b) => a.localeCompare(b))\r\n .forEach(folder => {\r\n const keys = folder.split('/').filter(s => s !== '')\r\n\r\n updateFoldersFromKeys(folder, keys, updatedFolders)\r\n })\r\n\r\n setFolders(updatedFolders)\r\n }, [activeFolders, isReadonly, permissions])\r\n\r\n const onSelect = keys => {\r\n onFolderSelect(keys[0])\r\n }\r\n\r\n const renderTreeNodes = (nodes, parentIndex) => {\r\n return nodes.map((node, index) => {\r\n const currentIndex =\r\n parentIndex !== undefined ? parentIndex + '-' + index : index\r\n\r\n return (\r\n \r\n {tags.map((tag, index) => {\r\n const isLongTag = tag.length > 20\r\n const tagElem = (\r\n handleClose(tag)}\r\n >\r\n {isLongTag ? `${tag.slice(0, 20)}...` : tag}\r\n \r\n )\r\n return isLongTag ? (\r\n \r\n {tagElem}\r\n \r\n ) : (\r\n tagElem\r\n )\r\n })}\r\n {inputVisible && (\r\n (tagInput = el)}\r\n type=\"text\"\r\n size=\"small\"\r\n style={{ width: 80 }}\r\n value={inputValue}\r\n onChange={handleInputChange}\r\n onBlur={handleInputConfirm}\r\n onPressEnter={handleInputConfirm}\r\n disabled={disabled}\r\n />\r\n )}\r\n {!inputVisible && (\r\n \r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Input, Icon } from 'antd'\r\nimport Button from '../override/Button'\r\nimport FormItem from '../override/FormItem'\r\nimport TextInput from '../common/TextInput'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { sanitizeValue } from '../../share/helpers'\r\n\r\nexport default function AddMultipleFields(props) {\r\n const {\r\n fields,\r\n name,\r\n title,\r\n getFieldDecorator,\r\n setFieldsValue,\r\n value,\r\n customRules,\r\n customPlaceholders,\r\n isTextArea\r\n } = props\r\n const [rowIds, setRowIds] = useState([])\r\n const { t } = useTranslation()\r\n\r\n useEffect(() => {\r\n setRowIds(value ? value.map((item, index) => index) : [])\r\n }, [value])\r\n\r\n const add = () => {\r\n const newRowId = rowIds.length ? rowIds[rowIds.length - 1] + 1 : 0\r\n setRowIds([...rowIds, newRowId])\r\n }\r\n\r\n const remove = rowId => {\r\n setRowIds(rowIds.filter(id => id !== rowId))\r\n }\r\n\r\n return (\r\n <>\r\n {rowIds.map(rowId => {\r\n return (\r\n \r\n {fields.map((field, index) => {\r\n const customRule =\r\n customRules &&\r\n customRules.find(rule => rule.fieldKey === field.key)\r\n\r\n return (\r\n \r\n {getFieldDecorator(`${name}[${rowId}][${field.key}]`, {\r\n rules: [\r\n {\r\n required: true,\r\n whitespace: true,\r\n message: `${t('ENTER')} ${field.key}.`\r\n },\r\n ...((customRule && customRule.rules) || [])\r\n ],\r\n initialValue:\r\n (value && value[rowId] && value[rowId][field.key]) ||\r\n (field.default && field.default(name))\r\n })(\r\n field.node ? (\r\n field.node(name, rowId)\r\n ) : isTextArea ? (\r\n \r\n setFieldsValue({\r\n [`${name}[${rowId}][${field.key}]`]: sanitizeValue(\r\n e.target.value\r\n )\r\n })\r\n }\r\n maxLength={2000}\r\n rows={4}\r\n key={field.key}\r\n placeholder={\r\n (customPlaceholders &&\r\n customPlaceholders[field.key]) ||\r\n field.placeholder\r\n }\r\n />\r\n ) : (\r\n \r\n )\r\n })}\r\n remove(rowId)} />\r\n
\r\n )\r\n })}\r\n\r\n \r\n {menu}\r\n e.preventDefault()}\r\n onClick={() => setActiveDynamicField({ name, rowId })}\r\n >\r\n
\r\n \r\n )}\r\n >\r\n {dynamicFieldsOptions[name].map(option => (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect, useContext } from 'react'\r\nimport api from '../lib/api'\r\nimport AuthContext from './AuthContext'\r\nimport { Modal } from 'antd'\r\nimport Button from '../components/override/Button'\r\nimport ReactJoyride, { ACTIONS, EVENTS } from 'react-joyride'\r\nimport { ThemeContext } from 'styled-components'\r\nimport { onError } from '../lib/sentry'\r\nimport { useMediaQuery } from '@material-ui/core'\r\nimport { useTranslation, Trans } from 'react-i18next'\r\n\r\nconst TourContext = React.createContext()\r\n\r\nconst TOUR_STEPS = [\r\n {\r\n target: 'body',\r\n content: (\r\n \r\n \r\n setContactModalVisibile(true)}\r\n className={`${label ? '' : 'no-label'}`}\r\n style={{ marginLeft: 8 }}\r\n icon=\"plus\"\r\n disabled={disabled}\r\n />\r\n \r\n )}\r\n
\r\n \r\n {getFieldDecorator(fieldName, {\r\n initialValue,\r\n rules: [\r\n {\r\n required: required,\r\n message:\r\n required && label && `${t('ENTER')} ${label.toLowerCase()}`\r\n }\r\n ]\r\n })(\r\n \r\n option.props.children\r\n .toString()\r\n .toLowerCase()\r\n .includes(input.trim().toLowerCase())\r\n }\r\n onDeselect={onDeselect}\r\n disabled={disabled}\r\n >\r\n {sortedData\r\n .filter(\r\n contact => !contactType || contact.type === contactType\r\n )\r\n .map(contact => (\r\n \r\n {contact.name}\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n {!isReadonly && (\r\n \r\n
\r\n ),\r\n disableBeacon: true,\r\n placement: 'center',\r\n key: 'TOUR_INTRO',\r\n firstStepOfSection: true,\r\n sidebarOpened: true\r\n },\r\n {\r\n target: '.tour-menu-step',\r\n content: (\r\n \r\n
\r\n ),\r\n disableBeacon: true,\r\n placement: 'right',\r\n key: 'GENERAL_MENU',\r\n sidebarOpened: true\r\n },\r\n {\r\n target: '.tour-menu-registry',\r\n content: (\r\n \r\n
\r\n ),\r\n disableBeacon: true,\r\n placement: 'right',\r\n key: 'ASSET_MENU',\r\n firstStepOfSection: true,\r\n sidebarOpened: true\r\n },\r\n {\r\n target: '.tour-asset-group-buttons',\r\n content: (\r\n \r\n
\r\n ),\r\n disableBeacon: true,\r\n styles: {\r\n buttonNext: {\r\n display: 'none'\r\n }\r\n },\r\n spotlightClicks: true,\r\n key: 'CREATE_NEW_ASSET_BUTTON'\r\n },\r\n {\r\n target: '.tour-create-asset-select-type',\r\n content: (\r\n \r\n
\r\n ),\r\n disableBeacon: true,\r\n spotlightClicks: true,\r\n placement: 'right',\r\n styles: {\r\n options: {\r\n width: 280\r\n }\r\n },\r\n key: 'CREATE_ASSET_SELECT_TYPE'\r\n },\r\n {\r\n target: '.tour-create-asset-form',\r\n content: (\r\n \r\n
\r\n ),\r\n disableBeacon: true,\r\n spotlightClicks: true,\r\n key: 'CREATE_ASSET_FORM'\r\n },\r\n {\r\n target: '.tour-action-buttons',\r\n content: (\r\n \r\n
\r\n ),\r\n disableBeacon: true,\r\n styles: {\r\n buttonNext: {\r\n display: 'none'\r\n }\r\n },\r\n spotlightClicks: true,\r\n key: 'SAVE_ASSET_BUTTON'\r\n },\r\n {\r\n target: 'body',\r\n content: \r\n
\r\n ),\r\n disableBeacon: true,\r\n hideBackButton: true,\r\n placement: 'right',\r\n key: 'FILE_MENU',\r\n firstStepOfSection: true,\r\n sidebarOpened: true\r\n },\r\n {\r\n target: '.tour-create-file-button',\r\n content: \r\n
\r\n ),\r\n disableBeacon: true,\r\n hideBackButton: true,\r\n spotlightClicks: true,\r\n key: 'ADD_FILE_UPLOAD'\r\n },\r\n {\r\n target: '.tour-file-info',\r\n content: (\r\n \r\n
\r\n ),\r\n disableBeacon: true,\r\n spotlightClicks: true,\r\n key: 'ADD_FILE_INFO'\r\n },\r\n {\r\n target: '.tour-save-file-button',\r\n content: \r\n
\r\n ),\r\n disableBeacon: true,\r\n hideBackButton: true,\r\n placement: 'right',\r\n key: 'CONTACT_MENU',\r\n firstStepOfSection: true,\r\n sidebarOpened: true\r\n },\r\n {\r\n target: '.tour-create-contact-button',\r\n content: \r\n
\r\n ),\r\n disableBeacon: true,\r\n spotlightClicks: true,\r\n placement: 'right',\r\n styles: {\r\n options: {\r\n width: 300\r\n }\r\n },\r\n key: 'CREATE_CONTACT_FORM'\r\n },\r\n {\r\n target: '.tour-action-buttons',\r\n content: \r\n
\r\n ),\r\n disableBeacon: true,\r\n hideBackButton: true,\r\n spotlightClicks: true,\r\n placement: 'right',\r\n key: 'REVIEW_REGISTRY',\r\n firstStepOfSection: true,\r\n sidebarOpened: true\r\n },\r\n {\r\n target: '.tour-created-asset',\r\n content: \r\n
\r\n ),\r\n disableBeacon: true,\r\n hideBackButton: true,\r\n spotlightClicks: true,\r\n key: 'SELECT_DOCS_TO_LINK'\r\n },\r\n {\r\n target: '.tour-save-selected-docs',\r\n content: \r\n
\r\n ),\r\n disableBeacon: true,\r\n hideBackButton: true,\r\n styles: {\r\n buttonNext: {\r\n display: 'none'\r\n }\r\n },\r\n spotlightClicks: true,\r\n key: 'CONTACTS_LINK_MODAL'\r\n },\r\n {\r\n target: '.tour-existed-contacts-link',\r\n content: \r\n
\r\n ),\r\n disableBeacon: true,\r\n hideBackButton: true,\r\n placement: 'right',\r\n key: 'DEPUTIES_MENU',\r\n firstStepOfSection: true,\r\n sidebarOpened: true\r\n },\r\n {\r\n target: '.tour-current-deputies',\r\n content: \r\n
\r\n ),\r\n disableBeacon: true,\r\n key: 'PENDING_FILE_UNLOCK'\r\n },\r\n {\r\n target: 'body',\r\n placement: 'center',\r\n content: (\r\n \r\n
\r\n ),\r\n disableBeacon: true,\r\n key: 'COMPLETE_TOUR'\r\n }\r\n]\r\n\r\nexport const TOUR_STEP_INDEXES = TOUR_STEPS.reduce((indexes, step, index) => {\r\n return { ...indexes, [step.key]: index }\r\n}, {})\r\n\r\nexport const TourContextProvider = ({\r\n children,\r\n history,\r\n tourModalVisible,\r\n setTourModalVisible,\r\n tourRun,\r\n setTourRun,\r\n setSiderCollapsed\r\n}) => {\r\n const { user, isDeputyOnly, isProfessionalDeputy } = useContext(AuthContext)\r\n const [tourStepIndex, setTourStepIndex] = useState(0)\r\n const [hasCompletedTour, setHasCompletedTour] = useState(true)\r\n const { t } = useTranslation()\r\n\r\n const theme = useContext(ThemeContext)\r\n const isMdUp = useMediaQuery(theme.breakpoints.up('md'))\r\n\r\n const nextTourStep = () => {\r\n setTourStepIndex(tourStepIndex + 1)\r\n }\r\n\r\n const prevTourStep = () => {\r\n setTourStepIndex(tourStepIndex - 1)\r\n }\r\n\r\n const handleSidebarCollapse = index => {\r\n if (isMdUp) return\r\n setTourRun(false)\r\n setSiderCollapsed(!TOUR_STEPS[index]?.sidebarOpened)\r\n setTimeout(() => {\r\n setTourRun(true)\r\n }, 400)\r\n }\r\n\r\n useEffect(() => {\r\n if (isProfessionalDeputy === false) {\r\n api\r\n .getUser(user.username)\r\n .then(res => {\r\n const { hasCompletedTour } = res.data\r\n setHasCompletedTour(hasCompletedTour)\r\n setTourRun(false)\r\n })\r\n .catch(err => onError(err))\r\n\r\n const localTourState = JSON.parse(localStorage.getItem('tourState'))\r\n if (localTourState && localTourState.currentStep) {\r\n setTourStepIndex(localTourState.currentStep)\r\n }\r\n }\r\n }, [user, setTourRun, isProfessionalDeputy])\r\n\r\n const updatedLanguage = localStorage.getItem('updatedLanguage')\r\n\r\n const handleJoyrideCallback = data => {\r\n const { action, type, index, step } = data\r\n //save current step to localStorage\r\n if (step.firstStepOfSection) {\r\n localStorage.setItem(\r\n 'tourState',\r\n JSON.stringify({\r\n currentStep: tourStepIndex,\r\n currentLink: history.location.pathname\r\n })\r\n )\r\n }\r\n\r\n if (type === EVENTS.STEP_BEFORE) {\r\n if (tourStepIndex === TOUR_STEP_INDEXES.ASSET_MENU) {\r\n history.push('/')\r\n } else if (tourStepIndex === TOUR_STEP_INDEXES.FILE_MENU) {\r\n history.push('/files')\r\n } else if (tourStepIndex === TOUR_STEP_INDEXES.CONTACT_MENU) {\r\n history.push('/contacts')\r\n } else if (tourStepIndex === TOUR_STEP_INDEXES.REVIEW_REGISTRY) {\r\n history.push('/')\r\n } else if (tourStepIndex === TOUR_STEP_INDEXES.DEPUTIES_MENU) {\r\n history.push('/deputy')\r\n }\r\n }\r\n\r\n // Handle action \"NEXT\"\r\n if (action === ACTIONS.NEXT && type === EVENTS.STEP_AFTER) {\r\n if (tourStepIndex !== TOUR_STEP_INDEXES.COMPLETE_TOUR) {\r\n handleSidebarCollapse(index + 1)\r\n }\r\n\r\n if (tourStepIndex === TOUR_STEPS.length - 1) {\r\n setTourCompletionStatus(true)\r\n setTourRun(false)\r\n localStorage.setItem(\r\n 'tourState',\r\n JSON.stringify({\r\n currentStep: 0,\r\n currentLink: '/'\r\n })\r\n )\r\n return\r\n }\r\n\r\n setTourStepIndex(index + 1)\r\n }\r\n\r\n // Handle action \"BACK\"\r\n else if (action === ACTIONS.PREV && type === EVENTS.STEP_AFTER) {\r\n handleSidebarCollapse(index - 1)\r\n\r\n if (tourStepIndex === TOUR_STEP_INDEXES.CREATE_ASSET_SELECT_TYPE) {\r\n history.push('/')\r\n } else if (tourStepIndex === TOUR_STEP_INDEXES.CREATE_CONTACT_FORM) {\r\n history.push('/contacts')\r\n } else if (tourStepIndex === TOUR_STEP_INDEXES.ASSET_OVERVIEW) {\r\n history.push('/')\r\n return\r\n } else if (tourStepIndex === TOUR_STEP_INDEXES.LINK_EXISTED_DOCS) {\r\n history.goBack()\r\n return\r\n }\r\n\r\n setTourStepIndex(index - 1)\r\n }\r\n\r\n // Handle action \"SKIP\"\r\n else if (action === ACTIONS.SKIP && type === EVENTS.TOUR_END) {\r\n if (isDeputyOnly) {\r\n Modal.destroyAll()\r\n history.push('/deputy')\r\n }\r\n Modal.info({\r\n title: t('VAULTBOX_TOUR_STOPPED'),\r\n content: t('VAULTBOX_TOUR_STOPPED_SUMMARY'),\r\n keyboard: false,\r\n onOk() {\r\n setTourCompletionStatus(true)\r\n setHasCompletedTour(true)\r\n setTourRun(false)\r\n }\r\n })\r\n }\r\n }\r\n\r\n const startFromBegin = () => {\r\n setTourCompletionStatus(false)\r\n setHasCompletedTour(false)\r\n setTourModalVisible(false)\r\n setTourStepIndex(0)\r\n history.push('/')\r\n setTourRun(true)\r\n }\r\n\r\n const continueTour = () => {\r\n const localTourState = JSON.parse(localStorage.getItem('tourState'))\r\n setTourCompletionStatus(false)\r\n setHasCompletedTour(false)\r\n setTourModalVisible(false)\r\n setTourStepIndex(localTourState ? localTourState.currentStep : 0)\r\n history.push(localTourState ? localTourState.currentLink : '/')\r\n setTourRun(true)\r\n }\r\n\r\n const setTourCompletionStatus = value => {\r\n api\r\n .setTourCompletionStatus(\r\n user.username,\r\n JSON.stringify({\r\n hasCompletedTour: value\r\n })\r\n )\r\n .catch(err => onError(err))\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n","import { createSlice } from '@reduxjs/toolkit'\r\nimport api from '../../lib/api'\r\nimport { onError } from '../../lib/sentry'\r\n\r\nconst initialState = {\r\n user: {},\r\n isLoading: false,\r\n error: null\r\n}\r\n\r\nconst user = createSlice({\r\n name: 'user',\r\n initialState,\r\n reducers: {\r\n getUserStart(state) {\r\n state.isLoading = true\r\n state.error = null\r\n },\r\n getUserSuccess(state, action) {\r\n state.user = action.payload\r\n state.isLoading = false\r\n state.error = null\r\n },\r\n getUserFailure(state, action) {\r\n state.isLoading = false\r\n state.error = action.payload\r\n }\r\n }\r\n})\r\n\r\nexport const { getUserStart, getUserSuccess, getUserFailure } = user.actions\r\n\r\nexport default user.reducer\r\n\r\nexport const fetchUser = userId => async dispatch => {\r\n try {\r\n dispatch(getUserStart())\r\n const res = await api.getUser(userId)\r\n dispatch(getUserSuccess(res.data || {}))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(getUserFailure(err.toString()))\r\n }\r\n}\r\n\r\n// export const fetchReminders = async (userId, masterKey) => {\r\n// try {\r\n// const records = await getRecords(userId, 'reminders', masterKey)\r\n// return records\r\n// } catch (err) {\r\n// onError(err)\r\n// }\r\n// }\r\n","import React, { useContext, useState, useEffect } from 'react'\r\nimport {\r\n Modal,\r\n Form,\r\n Input,\r\n DatePicker,\r\n message,\r\n InputNumber,\r\n Select,\r\n List,\r\n Icon\r\n} from 'antd'\r\nimport { RECURRING } from '../../share/Constants'\r\nimport FormItem from '../override/FormItem'\r\nimport AuthContext from '../../contexts/AuthContext'\r\nimport VaultContext from '../../contexts/VaultContext'\r\nimport Button from '../../components/override/Button'\r\nimport ContactSelect from '../common/ContactSelect'\r\n// import AssetLiabilitySelect from '../assets-liabilities/AssetLiabilitySelect'\r\nimport DocumentsLinksModal from '../assets-liabilities/DocumentsLinksModal'\r\nimport FileTags from '../file/FileTags'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { DATE_FORMAT } from '../../share/Constants'\r\nimport { useTranslation } from 'react-i18next'\r\nimport api from '../../lib/api'\r\nimport uuidv4 from 'uuid/v4'\r\nimport PouchDB from 'pouchdb'\r\nimport moment from 'moment'\r\nimport {\r\n uploadEncryptedData,\r\n updateLinkItemsForEvent,\r\n getRecords,\r\n permanentlyDeleteItems\r\n} from '../../lib/pouchDb'\r\nimport { onError } from '../../lib/sentry'\r\nimport { EDIT_DELETE_EVENT_TYPE } from './../../share/Constants'\r\nimport { uniq, isEqual } from 'lodash'\r\nimport { fetchEvents } from './../../features/events/eventsSlice'\r\nimport { fetchLinkedEvents } from './../../features/events/linkedEventsSlice'\r\nimport { Span } from '../override/Typography'\r\nimport PasswordSelect from '../common/PasswordSelect'\r\nimport { useMutation } from 'react-apollo-hooks'\r\nimport { createS3Change } from '../../graphql/mutations'\r\nimport { CirclePicker } from 'react-color'\r\nimport { getUserData } from '../../lib/cognito'\r\nimport { logDocumentActivity } from '../../share/logs'\r\nimport { fetchUser } from './../../features/user/userSlice';\r\n\r\nconst { TextArea } = Input\r\nconst { Option } = Select\r\n\r\nconst AddEventModal = props => {\r\n const {\r\n //props from Calendar Component\r\n data,\r\n isEditMode,\r\n isFullModal,\r\n handleReturn,\r\n selectedValue,\r\n eventDetails,\r\n //props from all Component\r\n visible,\r\n setVisible,\r\n handleClose,\r\n linkedEvents,\r\n setLinkedEvents,\r\n eventDate,\r\n eventDescription,\r\n eventRecurringValue,\r\n type,\r\n form,\r\n //props from EventSelect Component\r\n onAddComplete\r\n } = props\r\n const [isSaving, setIsSaving] = useState(false)\r\n const [tags, setTags] = useState([])\r\n const [listEvent, setListEvent] = useState([])\r\n const [documentsLinksVisible, setDocumentsLinksVisible] = useState(false)\r\n const [linkedDocuments, setLinkedDocuments] = useState([])\r\n const [value, setValue] = useState()\r\n const [color, setColor] = useState('')\r\n\r\n const dispatch = useDispatch()\r\n const { isProfessionalDeputy, user } = useContext(AuthContext)\r\n const { userId, masterKey, isReadonly } = useContext(VaultContext)\r\n const { activeContacts } = useSelector(state =>\r\n isProfessionalDeputy ? state.otherContacts : state.contacts\r\n )\r\n const { activeEvents } = useSelector(state => state.events)\r\n const handleContactDeselect = id => {\r\n activeContacts.find(record => record._id === id)\r\n }\r\n\r\n const { getFieldDecorator, getFieldValue, setFieldsValue } = form\r\n const { t } = useTranslation()\r\n\r\n const [addS3Change] = useMutation(createS3Change, {\r\n variables: {\r\n message: 'events, assetsLiabilities, documents, contacts, passwords',\r\n userId: userId\r\n }\r\n })\r\n\r\n useEffect(() => {\r\n setTags(eventDetails?.tags || [])\r\n setColor(eventDetails?.color || '#e91e63')\r\n setValue(\r\n eventRecurringValue\r\n ? eventRecurringValue\r\n : eventDetails?.recurringValue\r\n ? eventDetails.recurringValue\r\n : RECURRING.NONE\r\n )\r\n }, [eventDetails, eventRecurringValue, visible])\r\n\r\n useEffect(() => {\r\n const getEvents = async () => {\r\n try {\r\n const response = await api.getEvents(userId)\r\n if (response.data?.events) {\r\n setListEvent(response.data.events)\r\n }\r\n } catch (error) {\r\n onError(error)\r\n }\r\n }\r\n\r\n getEvents()\r\n }, [userId, visible])\r\n\r\n const documents = isEditMode ? eventDetails.documents : ''\r\n useEffect(() => {\r\n const fetchLinkedDocuments = async () => {\r\n try {\r\n const linkedDocuments =\r\n documents && documents.length\r\n ? await getRecords(userId, 'documents', masterKey, {\r\n keys: documents\r\n })\r\n : []\r\n setLinkedDocuments(linkedDocuments)\r\n } catch (err) {\r\n onError(err)\r\n }\r\n }\r\n if (masterKey) {\r\n fetchLinkedDocuments()\r\n }\r\n }, [documents, userId, masterKey])\r\n\r\n const handelSaveEvent = () => {\r\n form.validateFields(async (err, values) => {\r\n if (err) {\r\n return\r\n }\r\n try {\r\n setIsSaving(true)\r\n const db = new PouchDB(`${userId}_events`)\r\n db.crypto(masterKey)\r\n const record = isEditMode\r\n ? await db.get(eventDetails._id)\r\n : {\r\n _id: uuidv4(),\r\n date: '',\r\n description: '',\r\n tags: [],\r\n contacts: [],\r\n assetsLiabilities: [],\r\n documents: [],\r\n passwords: [],\r\n reminderDays: values.reminderDays,\r\n recurringValue: '',\r\n recurringTimes: '',\r\n endDate: ''\r\n }\r\n\r\n let newRecord\r\n if (!type) {\r\n newRecord = {\r\n ...record,\r\n date: moment(values.date).startOf('day').valueOf(),\r\n description: values.description,\r\n tags: tags,\r\n contacts: values.contacts,\r\n assetsLiabilities: values.assetsLiabilities,\r\n documents: linkedDocuments.map(doc => doc._id),\r\n passwords: values.passwords,\r\n reminderDays: values.reminderDays,\r\n recurringValue: value,\r\n recurringTimes: values.recurringTimes,\r\n endDate: values.endDate,\r\n color\r\n }\r\n } else {\r\n newRecord = {\r\n ...record,\r\n date: moment(values.date).startOf('day').valueOf(),\r\n description: values.description,\r\n tags: tags,\r\n contacts: values.contacts,\r\n assetsLiabilities: values.assetsLiabilities,\r\n documents: linkedDocuments.map(doc => doc._id),\r\n passwords: values.passwords,\r\n reminderDays: values.reminderDays,\r\n recurringValue: value,\r\n recurringTimes: values.recurringTimes,\r\n endDate: values.endDate,\r\n color,\r\n _id:\r\n type === EDIT_DELETE_EVENT_TYPE.ALL_EVENTS\r\n ? record._id\r\n : uuidv4(),\r\n parentId:\r\n type !== EDIT_DELETE_EVENT_TYPE.ALL_EVENTS\r\n ? record.parentId\r\n ? record.parentId\r\n : record._id\r\n : null\r\n }\r\n\r\n if (type !== EDIT_DELETE_EVENT_TYPE.ALL_EVENTS) {\r\n delete newRecord._rev\r\n }\r\n }\r\n\r\n await db.put(newRecord)\r\n\r\n await uploadEncryptedData(db, userId, 'events')\r\n\r\n if (isReadonly && isEditMode) {\r\n getUserData(\r\n user,\r\n async (err, data) => {\r\n if (err) {\r\n onError(err)\r\n return\r\n }\r\n\r\n await logDocumentActivity(\r\n userId,\r\n data.UserAttributes,\r\n user.username,\r\n newRecord._id,\r\n {\r\n id: newRecord._id,\r\n type: 'event',\r\n name: `${record.description} - ${moment(record.date).format(DATE_FORMAT)}`,\r\n action: 'edited',\r\n }\r\n )\r\n },\r\n { bypassCache: true }\r\n )\r\n }\r\n\r\n if (\r\n (linkedDocuments &&\r\n !isEqual(\r\n linkedDocuments.map(doc => doc._id),\r\n record.documents\r\n )) ||\r\n type === EDIT_DELETE_EVENT_TYPE.ALL_EVENTS\r\n ) {\r\n await updateLinkItemsForEvent(\r\n linkedDocuments.map(doc => doc._id),\r\n record.documents || [],\r\n 'documents',\r\n userId,\r\n masterKey,\r\n newRecord,\r\n record.parentId\r\n )\r\n }\r\n\r\n if (\r\n ((values.contacts || []) &&\r\n !isEqual(values.contacts, record.contacts)) ||\r\n type === EDIT_DELETE_EVENT_TYPE.ALL_EVENTS\r\n ) {\r\n await updateLinkItemsForEvent(\r\n values.contacts || [],\r\n record.contacts || [],\r\n 'contacts',\r\n userId,\r\n masterKey,\r\n newRecord,\r\n record.parentId\r\n )\r\n }\r\n\r\n if (\r\n ((values.assetsLiabilities || []) &&\r\n !isEqual(values.assetsLiabilities, record.assetsLiabilities)) ||\r\n type === EDIT_DELETE_EVENT_TYPE.ALL_EVENTS\r\n ) {\r\n await updateLinkItemsForEvent(\r\n values.assetsLiabilities || [],\r\n record.assetsLiabilities || [],\r\n 'assetsLiabilities',\r\n userId,\r\n masterKey,\r\n newRecord,\r\n record.parentId\r\n )\r\n }\r\n\r\n if (\r\n ((values.passwords || []) &&\r\n !isEqual(values.passwords, record.passwords)) ||\r\n type === EDIT_DELETE_EVENT_TYPE.ALL_EVENTS\r\n ) {\r\n await updateLinkItemsForEvent(\r\n values.passwords || [],\r\n record.passwords || [],\r\n 'passwords',\r\n userId,\r\n masterKey,\r\n newRecord,\r\n record.parentId\r\n )\r\n }\r\n\r\n let recurringEvents = []\r\n let i = 0\r\n while (recurringEvents.length < newRecord.recurringTimes) {\r\n const startDate = moment(newRecord.date)\r\n const dayOfMonth = moment(newRecord.date).date()\r\n let newDate\r\n if (newRecord.recurringValue === RECURRING.WEEKLY) {\r\n newDate = startDate.startOf('day').add(i, 'week')\r\n }\r\n if (\r\n newRecord.recurringValue === RECURRING.MONTHLY ||\r\n newRecord.recurringValue === RECURRING.QUARTERLY\r\n ) {\r\n if (\r\n newRecord.recurringValue === RECURRING.MONTHLY\r\n ? moment(startDate).startOf('day').add(i, 'M').date() ===\r\n dayOfMonth\r\n : moment(startDate).startOf('day').add(i, 'Q').date() ===\r\n dayOfMonth\r\n ) {\r\n newRecord.recurringValue === RECURRING.MONTHLY\r\n ? (newDate = startDate.startOf('day').add(i, 'M'))\r\n : (newDate = startDate.startOf('day').add(i, 'Q'))\r\n }\r\n }\r\n if (newRecord.recurringValue === RECURRING.YEARLY) {\r\n if (\r\n moment(startDate).date() === 29 &&\r\n moment(startDate).month() === 1\r\n ) {\r\n newDate = startDate.startOf('day').add(4 * i, 'Y')\r\n } else {\r\n newDate = startDate.startOf('day').add(i, 'Y')\r\n }\r\n }\r\n\r\n if (newDate) {\r\n const recurringObject = {\r\n id: newRecord._id,\r\n date: moment(newDate).startOf('day').valueOf(),\r\n reminderDays: newRecord.reminderDays,\r\n recurringValue: newRecord.recurringValue,\r\n recurringTimes: newRecord.recurringTimes,\r\n endDate: newRecord.endDate,\r\n parentId: newRecord.parentId\r\n }\r\n recurringEvents.push(recurringObject)\r\n }\r\n i++\r\n }\r\n let events\r\n\r\n if (newRecord.recurringValue === RECURRING.NONE) {\r\n events = [\r\n ...listEvent.filter(e => e.id !== newRecord._id),\r\n {\r\n id: newRecord._id,\r\n date: newRecord.date,\r\n reminderDays: newRecord.reminderDays\r\n }\r\n ]\r\n } else {\r\n if (!isEditMode) {\r\n events = [\r\n ...listEvent.filter(e => e.id !== newRecord._id),\r\n ...recurringEvents\r\n ]\r\n } else {\r\n if (type === EDIT_DELETE_EVENT_TYPE.THIS_EVENT) {\r\n events = [\r\n ...listEvent.filter(\r\n e => e.id !== newRecord._id && e.date !== newRecord.date\r\n ),\r\n {\r\n id: newRecord._id,\r\n date: newRecord.date,\r\n reminderDays: newRecord.reminderDays,\r\n recurringValue: newRecord.recurringValue,\r\n recurringTimes: newRecord.recurringTimes,\r\n endDate: newRecord.endDate,\r\n parentId: newRecord.parentId\r\n }\r\n ]\r\n } else if (\r\n type === EDIT_DELETE_EVENT_TYPE.THIS_AND_FOLLOWING_EVENTS\r\n ) {\r\n if (\r\n value !== eventDetails.recurringValue ||\r\n values.recurringTimes !== eventDetails.recurringTimes\r\n ) {\r\n events = [\r\n ...listEvent.filter(\r\n e => e.id !== record._id || e.date < newRecord.date\r\n ),\r\n ...recurringEvents\r\n ]\r\n } else {\r\n const updateEvents = listEvent\r\n .filter(e => e.id === record._id && e.date >= newRecord.date)\r\n .map(e => {\r\n return {\r\n ...e,\r\n id: newRecord._id,\r\n reminderDays: newRecord.reminderDays,\r\n recurringValue: newRecord.recurringValue,\r\n recurringTimes: newRecord.recurringTimes,\r\n endDate: newRecord.endDate,\r\n parentId: newRecord.parentId,\r\n deleted: false\r\n }\r\n })\r\n\r\n events = [\r\n ...listEvent.filter(\r\n e => e.id !== record._id || e.date < newRecord.date\r\n ),\r\n ...updateEvents\r\n ]\r\n }\r\n } else {\r\n if (\r\n value !== eventDetails.recurringValue ||\r\n values.recurringTimes !== eventDetails.recurringTimes\r\n ) {\r\n events = [\r\n ...listEvent.filter(e =>\r\n e.parentId\r\n ? e.id !== record._id &&\r\n e.id !== record.parentId &&\r\n e.parentId !== record._id &&\r\n e.parentId !== record.parentId\r\n : e.id !== record._id && e.id !== record.parentId\r\n ),\r\n ...recurringEvents\r\n ]\r\n } else {\r\n const updatedEvents = listEvent\r\n .filter(e =>\r\n e.parentId\r\n ? e.id === record._id ||\r\n e.parentId === record._id ||\r\n e.parentId === record.parentId ||\r\n e.id === record.parentId\r\n : e.id === record._id || e.id === record.parentId\r\n )\r\n .map(e => {\r\n return {\r\n ...e,\r\n id: newRecord._id,\r\n reminderDays: newRecord.reminderDays,\r\n recurringValue: newRecord.recurringValue,\r\n recurringTimes: newRecord.recurringTimes,\r\n parentId: undefined,\r\n deleted: false\r\n }\r\n })\r\n\r\n events = [\r\n ...listEvent.filter(e =>\r\n e.parentId\r\n ? e.id !== record._id &&\r\n e.id !== record.parentId &&\r\n e.parentId !== record._id &&\r\n e.parentId !== record.parentId\r\n : e.id !== record._id && e.id !== record.parentId\r\n ),\r\n ...updatedEvents\r\n ]\r\n }\r\n }\r\n }\r\n }\r\n\r\n if (type === EDIT_DELETE_EVENT_TYPE.ALL_EVENTS) {\r\n const eventsFromPouchDB = await getRecords(\r\n userId,\r\n 'events',\r\n masterKey\r\n )\r\n const deletedItems =\r\n eventsFromPouchDB?.filter(\r\n event =>\r\n !uniq([\r\n ...events.map(e => e.id),\r\n ...events.map(e => e.parentId)\r\n ]).includes(event._id)\r\n ) || []\r\n\r\n if (deletedItems?.length) {\r\n await permanentlyDeleteItems(\r\n 'events',\r\n userId,\r\n deletedItems,\r\n masterKey\r\n )\r\n }\r\n }\r\n\r\n setLinkedEvents([...linkedEvents, newRecord])\r\n await api.updateEvents(\r\n userId,\r\n JSON.stringify({\r\n events\r\n })\r\n )\r\n message.success(t('SUCCESSFULLY_SAVE_THE_EVENT'))\r\n onAddComplete && onAddComplete(record._id)\r\n dispatch(fetchEvents(userId, masterKey))\r\n dispatch(fetchUser(userId))\r\n dispatch(fetchLinkedEvents(userId, masterKey))\r\n setVisible(false)\r\n setListEvent(events)\r\n localStorage.setItem('NotReload', true)\r\n addS3Change()\r\n } catch (error) {\r\n setIsSaving(false)\r\n form.resetFields()\r\n } finally {\r\n form.resetFields()\r\n setValue(RECURRING.NONE)\r\n setIsSaving(false)\r\n setLinkedDocuments([])\r\n }\r\n\r\n handleClose()\r\n })\r\n }\r\n\r\n const handleCancel = () => {\r\n form.resetFields()\r\n setValue(RECURRING.NONE)\r\n setLinkedDocuments([])\r\n data?.length ? handleReturn() : handleClose()\r\n }\r\n\r\n const startDate = getFieldValue('date')\r\n ? getFieldValue('date')\r\n : moment(selectedValue)\r\n\r\n const disabledDate = current => {\r\n if (value === RECURRING.YEARLY) {\r\n return (\r\n current < moment(startDate).startOf('day') ||\r\n current > moment(startDate).endOf('day').add(9, 'Y')\r\n )\r\n } else if (value === RECURRING.MONTHLY) {\r\n return (\r\n current < moment(startDate).startOf('day') ||\r\n current > moment(startDate).endOf('day').add(119, 'M')\r\n )\r\n } else if (value === RECURRING.QUARTERLY) {\r\n return (\r\n current < moment(startDate).startOf('day') ||\r\n current > moment(startDate).endOf('day').add(39, 'Q')\r\n )\r\n } else {\r\n return (\r\n current < moment(startDate).startOf('day') ||\r\n current > moment(startDate).endOf('day').add(299, 'week')\r\n )\r\n }\r\n }\r\n\r\n const setEndDate = recurringTimes => {\r\n if (recurringTimes) {\r\n if (value === RECURRING.WEEKLY) {\r\n setFieldsValue({\r\n endDate: moment(startDate)\r\n .startOf('day')\r\n .add(recurringTimes - 1, 'week')\r\n })\r\n }\r\n if (value === RECURRING.MONTHLY || value === RECURRING.QUARTERLY) {\r\n let i = 0,\r\n count = 0,\r\n dayOfMonth = moment(startDate).date()\r\n while (count <= recurringTimes) {\r\n if (\r\n value === RECURRING.MONTHLY\r\n ? moment(startDate).startOf('day').add(i, 'M').date() ===\r\n dayOfMonth\r\n : moment(startDate).startOf('day').add(i, 'Q').date() ===\r\n dayOfMonth\r\n ) {\r\n count++\r\n }\r\n if (count < recurringTimes) {\r\n i++\r\n }\r\n if (count === recurringTimes) {\r\n value === RECURRING.MONTHLY\r\n ? setFieldsValue({\r\n endDate: moment(startDate).startOf('day').add(i, 'M')\r\n })\r\n : setFieldsValue({\r\n endDate: moment(startDate).startOf('day').add(i, 'Q')\r\n })\r\n }\r\n }\r\n }\r\n if (value === RECURRING.YEARLY) {\r\n if (\r\n moment(startDate).date() === 29 &&\r\n moment(startDate).month() === 1\r\n ) {\r\n setFieldsValue({\r\n endDate: moment(startDate)\r\n .startOf('day')\r\n .add(4 * (recurringTimes - 1), 'Y')\r\n })\r\n } else {\r\n setFieldsValue({\r\n endDate: moment(startDate)\r\n .startOf('day')\r\n .add(recurringTimes - 1, 'Y')\r\n })\r\n }\r\n }\r\n } else {\r\n setFieldsValue({\r\n endDate: null\r\n })\r\n }\r\n }\r\n\r\n const setRecurringTimes = endDate => {\r\n if (endDate) {\r\n if (value === RECURRING.WEEKLY) {\r\n setFieldsValue({\r\n recurringTimes:\r\n parseInt(\r\n moment(endDate)\r\n .endOf('day')\r\n .diff(startDate.startOf('day'), 'weeks', true)\r\n ) + 1\r\n })\r\n }\r\n if (value === RECURRING.MONTHLY || value === RECURRING.QUARTERLY) {\r\n let i = 0,\r\n count = 0,\r\n dayOfMonth = moment(startDate).date()\r\n while (\r\n value === RECURRING.MONTHLY\r\n ? moment(startDate).add(i, 'M').isBefore(moment(endDate))\r\n : moment(startDate).add(i, 'Q').isBefore(moment(endDate))\r\n ) {\r\n if (\r\n value === RECURRING.MONTHLY\r\n ? moment(startDate).add(i, 'M').endOf('month').date() >=\r\n dayOfMonth\r\n : moment(startDate).add(i, 'Q').endOf('month').date() >=\r\n dayOfMonth\r\n ) {\r\n count++\r\n }\r\n if (\r\n value === RECURRING.MONTHLY\r\n ? moment(startDate).add(i, 'M').isBefore(moment(endDate))\r\n : moment(startDate).add(i, 'Q').isBefore(moment(endDate))\r\n ) {\r\n i++\r\n }\r\n if (\r\n value === RECURRING.MONTHLY\r\n ? moment(startDate).add(i, 'M').isAfter(moment(endDate))\r\n : moment(startDate).add(i, 'Q').isAfter(moment(endDate))\r\n ) {\r\n setFieldsValue({\r\n recurringTimes: count + 1\r\n })\r\n }\r\n }\r\n }\r\n if (value === RECURRING.YEARLY) {\r\n if (\r\n moment(startDate).date() === 29 &&\r\n moment(startDate).month() === 1\r\n ) {\r\n setFieldsValue({\r\n recurringTimes:\r\n parseInt(\r\n moment(endDate)\r\n .endOf('day')\r\n .diff(startDate.startOf('day'), 'Y', true) / 4\r\n ) + 1\r\n })\r\n } else {\r\n setFieldsValue({\r\n recurringTimes:\r\n parseInt(\r\n moment(endDate)\r\n .endOf('day')\r\n .diff(startDate.startOf('day'), 'years', true)\r\n ) + 1\r\n })\r\n }\r\n }\r\n } else {\r\n setFieldsValue({\r\n recurringTimes: null\r\n })\r\n }\r\n }\r\n\r\n const onResetRecurring = () => {\r\n setFieldsValue({\r\n recurringTimes: null,\r\n endDate: null\r\n })\r\n }\r\n\r\n const onChangeRecurringValue = value => {\r\n setValue(value)\r\n onResetRecurring()\r\n }\r\n\r\n const unlinkDocument = itemId => {\r\n setLinkedDocuments(linkedDocuments.filter(doc => doc._id !== itemId))\r\n }\r\n\r\n const linkDocument = async documentId => {\r\n try {\r\n const documentIds = linkedDocuments.map(doc => doc._id).concat(documentId)\r\n const newLinkedDocuments =\r\n documentIds && documentIds.length\r\n ? await getRecords(userId, 'documents', masterKey, {\r\n keys: documentIds\r\n })\r\n : []\r\n setLinkedDocuments(newLinkedDocuments)\r\n } catch (err) {\r\n onError(err)\r\n }\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n setVisible(true)}\r\n className={`${label ? '' : 'no-label'}`}\r\n style={{ marginLeft: 8 }}\r\n icon=\"plus\"\r\n disabled={disabled}\r\n />\r\n \r\n
\r\n \r\n {getFieldDecorator(fieldName, {\r\n initialValue,\r\n rules: [\r\n {\r\n required: required,\r\n message: label && `${t('ENTER')} ${label.toLowerCase()}`\r\n }\r\n ]\r\n })(\r\n \r\n option.props.children\r\n .toString()\r\n .toLowerCase()\r\n .includes(input.trim().toLowerCase())\r\n }\r\n disabled={disabled}\r\n >\r\n {activePasswords.map(item => (\r\n {item.title} \r\n ))}\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n {\r\n fetchEvents()\r\n setEventModalVisibile(false)\r\n }}\r\n onAddComplete={onAddComplete}\r\n />\r\n
\r\n )\r\n}\r\n","import { createSlice } from '@reduxjs/toolkit'\r\nimport { getRecords } from '../../lib/pouchDb'\r\nimport { onError } from '../../lib/sentry'\r\n\r\nconst initialState = {\r\n locations: [],\r\n deletedLocations: [],\r\n activeLocations: [],\r\n isLoading: false,\r\n error: null\r\n}\r\n\r\nconst location = createSlice({\r\n name: 'location',\r\n initialState,\r\n reducers: {\r\n getLocationStart(state) {\r\n state.isLoading = true\r\n state.error = null\r\n },\r\n getLocationSuccess(state, action) {\r\n const { locations } = action.payload\r\n state.locations = locations\r\n state.deletedLocations = locations.filter(item => item.deleted)\r\n state.activeLocations = locations.filter(item => !item.deleted)\r\n state.isLoading = false\r\n state.error = null\r\n },\r\n getLocationFailure(state, action) {\r\n state.isLoading = false\r\n state.error = action.payload\r\n }\r\n }\r\n})\r\n\r\nexport const {\r\n getLocationStart,\r\n getLocationSuccess,\r\n getLocationFailure\r\n} = location.actions\r\n\r\nexport default location.reducer\r\n\r\nexport const fetchLocations = (userId, masterKey) => async dispatch => {\r\n try {\r\n dispatch(getLocationStart())\r\n const locations = await getRecords(userId, 'locations', masterKey)\r\n dispatch(getLocationSuccess({ locations }))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(getLocationFailure(err.toString()))\r\n }\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport { Modal, Form, Alert, Upload, Icon } from 'antd'\r\nimport { useTranslation } from 'react-i18next'\r\nimport Button from '../override/Button'\r\nimport { s3Get } from '../../lib/awsSDK'\r\nimport { toBase64 } from '../../share/helpers'\r\nimport { decryptFilePromise } from '../../lib/crypto'\r\n\r\nconst { Dragger } = Upload\r\nfunction getBase64(img, callback) {\r\n const reader = new FileReader()\r\n reader.addEventListener('load', () => callback(reader.result))\r\n reader.readAsDataURL(img)\r\n}\r\n\r\nconst LevelPictureModal = props => {\r\n const {\r\n selectedLocation,\r\n setVisible,\r\n visible,\r\n levelPicture,\r\n setLevelPicture,\r\n setImageLevel1,\r\n setImageLevel2,\r\n setImageLevel3,\r\n urlLevel1,\r\n urlLevel2,\r\n urlLevel3,\r\n setUrlLevel1,\r\n setUrlLevel2,\r\n setUrlLevel3,\r\n userId,\r\n masterKey,\r\n form\r\n } = props\r\n const { getFieldDecorator } = form\r\n const { t } = useTranslation()\r\n const [errMsg, setErrMsg] = useState('')\r\n const [imageUrl, setImageUrl] = useState('')\r\n\r\n useEffect(() => {\r\n const getUrl = async img => {\r\n const resBody = await s3Get(\r\n userId,\r\n img.fileId,\r\n { sub: img.sub },\r\n { responseType: 'blob' }\r\n )\r\n const uint8Array = await decryptFilePromise(resBody, masterKey)\r\n const blob = new Blob([uint8Array])\r\n const file = new File([blob], img.name, {\r\n type: img.type\r\n })\r\n return await toBase64(file)\r\n }\r\n\r\n const setUrl = async () => {\r\n const pictureLevel1 = selectedLocation.image?.find(img => img.level === 1)\r\n const pictureLevel2 = selectedLocation.image?.find(img => img.level === 2)\r\n const pictureLevel3 = selectedLocation.image?.find(img => img.level === 3)\r\n\r\n if (pictureLevel1) {\r\n const url = await getUrl(pictureLevel1)\r\n setUrlLevel1(url)\r\n }\r\n\r\n if (pictureLevel2) {\r\n const url = await getUrl(pictureLevel2)\r\n setUrlLevel2(url)\r\n }\r\n\r\n if (pictureLevel3) {\r\n const url = await getUrl(pictureLevel3)\r\n setUrlLevel3(url)\r\n }\r\n }\r\n\r\n if (selectedLocation) {\r\n setUrl()\r\n }\r\n }, [\r\n selectedLocation,\r\n setUrlLevel1,\r\n setUrlLevel2,\r\n setUrlLevel3,\r\n userId,\r\n masterKey\r\n ])\r\n\r\n useEffect(() => {\r\n switch (levelPicture) {\r\n case 1:\r\n setImageUrl(urlLevel1)\r\n break\r\n case 2:\r\n setImageUrl(urlLevel2)\r\n break\r\n case 3:\r\n setImageUrl(urlLevel3)\r\n break\r\n default:\r\n break\r\n }\r\n }, [levelPicture, urlLevel1, urlLevel2, urlLevel3])\r\n\r\n const handelSave = () => {\r\n form.validateFields(async (err, values) => {\r\n if (values.image) {\r\n switch (levelPicture) {\r\n case 1:\r\n setImageLevel1(values.image)\r\n break\r\n case 2:\r\n setImageLevel2(values.image)\r\n break\r\n case 3:\r\n setImageLevel3(values.image)\r\n break\r\n default:\r\n break\r\n }\r\n }\r\n form.resetFields()\r\n setLevelPicture('')\r\n setVisible(false)\r\n })\r\n }\r\n\r\n const handleCancel = () => {\r\n setErrMsg('')\r\n setVisible(false)\r\n form.resetFields()\r\n switch (levelPicture) {\r\n case 1:\r\n if (!selectedLocation.image?.find(img => img.level === 1)) {\r\n setUrlLevel1('')\r\n setImageLevel1('')\r\n }\r\n break\r\n case 2:\r\n if (!selectedLocation.image?.find(img => img.level === 2)) {\r\n setUrlLevel2('')\r\n setImageLevel2('')\r\n }\r\n break\r\n case 3:\r\n if (!selectedLocation.image?.find(img => img.level === 3)) {\r\n setUrlLevel3('')\r\n setImageLevel3('')\r\n }\r\n break\r\n default:\r\n break\r\n }\r\n setLevelPicture('')\r\n }\r\n\r\n const draggerProps = {\r\n beforeUpload: () => {\r\n // this is for preventing the upload action, so we can customize the upload flow and upload to S3 later when the form is saved\r\n return false\r\n },\r\n onChange: info => {\r\n if (info.file.status === 'removed') {\r\n setImageUrl('')\r\n } else if (\r\n info.file.type === 'image/jpeg' ||\r\n info.file.type === 'image/png'\r\n ) {\r\n getBase64(info.file, imageUrl => {\r\n setImageUrl(imageUrl)\r\n switch (levelPicture) {\r\n case 1:\r\n setUrlLevel1(imageUrl)\r\n break\r\n case 2:\r\n setUrlLevel2(imageUrl)\r\n break\r\n case 3:\r\n setUrlLevel3(imageUrl)\r\n break\r\n default:\r\n break\r\n }\r\n })\r\n }\r\n }\r\n }\r\n\r\n const normFile = e => {\r\n // Temporary only allow uploading a single file at once (the last selected file) for simplicity,\r\n // may consider adding support for uploading multiple files later\r\n if (Array.isArray(e)) {\r\n return e.slice(-1)\r\n }\r\n return e && e.fileList.slice(-1)\r\n }\r\n\r\n return (\r\n <>\r\n \r\n \r\n setEventModalVisibile(true)}\r\n className={`${label ? '' : 'no-label'}`}\r\n style={{ marginLeft: 8 }}\r\n icon=\"plus\"\r\n disabled={disabled}\r\n />\r\n \r\n
\r\n \r\n {getFieldDecorator(fieldName, {\r\n initialValue,\r\n rules: [\r\n {\r\n required: required,\r\n message: label && `${t('ENTER')} ${label.toLowerCase()}`\r\n }\r\n ]\r\n })(\r\n \r\n option.props.children\r\n .toString()\r\n .toLowerCase()\r\n .includes(input.trim().toLowerCase())\r\n }\r\n disabled={disabled}\r\n >\r\n {events.map(item => (\r\n \r\n {moment(item.date).format(DATE_FORMAT)} - {item.description}\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n {\r\n setLocationModalVisibile(false)\r\n }}\r\n onAddComplete={onAddComplete}\r\n />\r\n
\r\n )\r\n}\r\n","import React, { useState, useEffect, useContext } from 'react'\r\nimport { s3Get } from '../../lib/awsSDK'\r\nimport { decryptFilePromise } from '../../lib/crypto'\r\nimport VaultContext from '../../contexts/VaultContext'\r\nimport { Modal } from 'antd'\r\nimport { useSelector } from 'react-redux'\r\nimport noImage from '../../assets/no-image.png'\r\n\r\nconst ShowImage = ({\r\n recordId,\r\n width = 50,\r\n isListLocation = false,\r\n level = null\r\n}) => {\r\n const { userId, masterKey, isReadonly } = useContext(VaultContext)\r\n const [imageUrl, setImageUrl] = useState('')\r\n const [showModalVisible, setShowModalVisible] = useState(false)\r\n const { locations } = useSelector(state =>\r\n isReadonly ? state.otherLocations : state.locations\r\n )\r\n\r\n useEffect(() => {\r\n const getUrl = async record => {\r\n if (level && record?.image?.length) {\r\n const img = record.image.find(img => img.level === level)\r\n if (img && img.fileId && img.sub) {\r\n const resBody = await s3Get(\r\n userId,\r\n img.fileId,\r\n { sub: img.sub },\r\n { responseType: 'blob' }\r\n )\r\n const uint8Array = await decryptFilePromise(resBody, masterKey)\r\n const blob = new Blob([uint8Array])\r\n const file = new File([blob], img.name, {\r\n type: img.type\r\n })\r\n setImageUrl(URL.createObjectURL(file))\r\n }\r\n } else {\r\n if (record?.fileId && record?.sub && record.image?.length) {\r\n const resBody = await s3Get(\r\n userId,\r\n record.fileId,\r\n { sub: record.sub },\r\n { responseType: 'blob' }\r\n )\r\n const uint8Array = await decryptFilePromise(resBody, masterKey)\r\n const blob = new Blob([uint8Array])\r\n const file = new File([blob], record.image[0].name, {\r\n type: record.image[0].type\r\n })\r\n setImageUrl(URL.createObjectURL(file))\r\n }\r\n }\r\n }\r\n\r\n const record = locations.find(item => item._id === recordId)\r\n getUrl(record)\r\n }, [userId, masterKey, locations, recordId, level])\r\n\r\n return (\r\n <>\r\n {imageUrl ? (\r\n \r\n \r\n setLocationModalVisibile(true)}\r\n className={`${label ? '' : 'no-label'}`}\r\n style={{ marginLeft: 8 }}\r\n icon=\"plus\"\r\n disabled={disabled}\r\n />\r\n \r\n
\r\n \r\n {getFieldDecorator(fieldName, {\r\n initialValue,\r\n rules: [\r\n {\r\n required: required,\r\n message: label && `${t('ENTER')} ${label.toLowerCase()}`\r\n }\r\n ]\r\n })(\r\n setValue(value)}\r\n optionFilterProp=\"children\"\r\n filterOption={(input, option) =>\r\n option.props.children\r\n .toString()\r\n .toLowerCase()\r\n .includes(input.trim().toLowerCase())\r\n }\r\n disabled={disabled}\r\n >\r\n {[...activeLocations]\r\n .sort((a, b) => a.level1.localeCompare(b.level1))\r\n .map(item => (\r\n \r\n {item.level1}\r\n {item.level2 && `- ${item.level2}`}\r\n {item.level3 && `- ${item.level3}`}\r\n \r\n ))}\r\n \r\n )}\r\n
\r\n \r\n \"\r\n navigateTo={navigateTo}\r\n homeLink={\r\n isStarred ? (\r\n {\r\n setShowStarredDocsOnly(true)\r\n navigateTo('', e)\r\n }}\r\n >\r\n navigateTo('', e)}>\r\n \r\n )\r\n }\r\n />\r\n\r\n
\r\n\r\n \r\n
\r\n \r\n {foldersCount} {t('FOLDERS').toLowerCase()} & {filesCount}{' '}\r\n {t('FILES').toLowerCase()}\r\n
\r\n {/* \r\n {pendingFoldersCount} {t('PENDING_FOLDES').toLowerCase()} &{' '}\r\n {pendingFilesCount} {t('PENDING_FILES').toLowerCase()}\r\n
*/}\r\n {t('MARKING_FILE_AS_SECRET_SUMMARY')}
\r\n // {t('ARE_YOU_SURE_YOU_WANT_TO_CONTINUTE')}
\r\n // \r\n // ),\r\n // onOk: async () => {\r\n // setIsLocking(true)\r\n // try {\r\n // const { fileId, sub } = docItem\r\n // let keys = []\r\n // await Promise.all(\r\n // deputies.map(async deputy => {\r\n // const key = new NodeRSA()\r\n // key.importKey(deputy.publicKey, 'public')\r\n\r\n // // encryptedBlob was previously encrypted by master key,\r\n // // now it's being encrypted the 2nd layer with deputies' public key\r\n // const fileKey = randomBytes(20).toString('hex')\r\n // keys.push({\r\n // deputyId: deputy.id,\r\n // key: key.encrypt(fileKey, 'base64')\r\n // })\r\n\r\n // const encryptedFile = await encryptFilePromise(\r\n // encryptedBlob,\r\n // fileKey\r\n // )\r\n // await s3Put(userId, `${fileId}/${deputy.id}`, encryptedFile, {\r\n // sub\r\n // })\r\n // })\r\n // )\r\n\r\n // const fileKeys = [\r\n // {\r\n // fileId,\r\n // keys,\r\n // isSecretFile: true\r\n // }\r\n // ]\r\n // const fileKeysRes = await api.saveFileKeys(\r\n // userId,\r\n // JSON.stringify({ fileKeys })\r\n // )\r\n // if (fileKeysRes.data.message) throw Error(fileKeysRes.data.message)\r\n\r\n // await api.deleteFile(userId, fileId)\r\n // setIsLocking(false)\r\n // setVisible(false)\r\n // message.success(t('SUCCESSFULLY_MARKED_DOCUMENT_AS_SECRET'))\r\n // } catch (e) {\r\n // setIsLocking(false)\r\n // setErrMsg(t('FAILED_TO_MARK_DOCUMENT_AS_SECRET'))\r\n // onError(e)\r\n // }\r\n // }\r\n // })\r\n // }\r\n\r\n // const requestUnlock = async () => {\r\n // getUserData(user, async (err, userData) => {\r\n // if (err) {\r\n // onError(err)\r\n // return\r\n // }\r\n // setIsRequestingUnlock(true)\r\n // try {\r\n // const userAttributes = userData.UserAttributes\r\n // const userFullname = getUserAttributeValue(\r\n // userAttributes,\r\n // 'custom:full_name'\r\n // )\r\n // const email = getUserAttributeValue(userAttributes, 'email')\r\n\r\n // const { fileId, name, sub } = docItem\r\n // const fileData = {\r\n // fileId,\r\n // fileName: name,\r\n // userFullname,\r\n // email,\r\n // deputiesCanUnlock,\r\n // sub\r\n // }\r\n\r\n // await api.requestUnlock(userId, JSON.stringify(fileData))\r\n // setIsRequestingUnlock(false)\r\n // setVisible(false)\r\n // message.success(t('REQUEST_TO_UNLOCK_HAS_BEEN_SENT'))\r\n // } catch (e) {\r\n // onError(e)\r\n // }\r\n // })\r\n // }\r\n\r\n const handleContactDeselect = id => {\r\n const deselectedContact = activeContacts.find(record => record._id === id)\r\n if (deselectedContact) {\r\n const markUp = new RegExp(`@\\\\[(((?!@\\\\[).)*)\\\\]\\\\(${id}\\\\)`, 'g')\r\n const newDescriptionValue = descriptionValue.replace(markUp, '$1')\r\n setDescriptionValue(newDescriptionValue)\r\n }\r\n }\r\n\r\n const handleDescriptionChange = (\r\n event,\r\n newValue,\r\n newPlainTextValue,\r\n mentions\r\n ) => {\r\n setFieldsValue({\r\n description: sanitizeValue(newPlainTextValue).trim()\r\n })\r\n setDescriptionValue(newValue)\r\n }\r\n\r\n const handleContactMention = (id, display) => {\r\n const selectedContacts = getFieldValue('contacts')\r\n if (!selectedContacts.includes(id)) {\r\n setFieldsValue({\r\n contacts: [...selectedContacts, id]\r\n })\r\n }\r\n }\r\n\r\n const handleSave = item => {\r\n form.validateFields(async (err, values) => {\r\n if (err) {\r\n return\r\n }\r\n if (item.type === 'folder') {\r\n return\r\n }\r\n\r\n removeHtmlTags(values)\r\n\r\n setIsSaving(true)\r\n try {\r\n const db =\r\n (isProfessionalDeputy || (isDelegateByPD && isReadonly)) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? new PouchDB(`${userId}_pendingDocuments`)\r\n : new PouchDB(`${userId}_documents`)\r\n db.crypto(masterKey)\r\n const doc = await db.get(item.id)\r\n await db.put({\r\n ...doc,\r\n //...values,\r\n tags: removeHtmlTags(tags),\r\n fileName: getFullFilename(values.fileName, values.extension),\r\n contacts: values.contacts,\r\n assetsLiabilities: values.assetsLiabilities,\r\n description: values.description,\r\n events: values.events,\r\n passwords: values.passwords,\r\n descriptionWithMarkup: sanitizeValue(descriptionValue),\r\n status:\r\n (isProfessionalDeputy || (isDelegateByPD && isReadonly)) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? 'Draft'\r\n : undefined,\r\n reasonReject: undefined,\r\n location: values.location\r\n })\r\n\r\n const parentFolders = activeFolders.filter(folder =>\r\n item.path.includes(folder.path)\r\n )\r\n\r\n getUserData(\r\n user,\r\n async (err, data) => {\r\n if (err) {\r\n onError(err)\r\n return\r\n }\r\n\r\n await logDocumentActivity(\r\n userId,\r\n data.UserAttributes,\r\n user.username,\r\n doc._id,\r\n {\r\n id: doc._id,\r\n type: 'file',\r\n name: getFullFilename(values.fileName, values.extension),\r\n action: 'edited',\r\n in: breadcrumb || ''\r\n }\r\n )\r\n\r\n if (parentFolders.length) {\r\n for (const folder of parentFolders) {\r\n await logDocumentActivity(\r\n userId,\r\n data.UserAttributes,\r\n user.username,\r\n folder._id,\r\n {\r\n id: doc._id,\r\n type: 'file',\r\n name: getFullFilename(values.fileName, values.extension),\r\n action: 'edited',\r\n in: breadcrumb || ''\r\n }\r\n )\r\n }\r\n }\r\n },\r\n { bypassCache: true }\r\n )\r\n\r\n //get parent folders when edit rejected file\r\n if (\r\n (isProfessionalDeputy || (isDelegateByPD && isReadonly)) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ) {\r\n const parentItems = [\r\n ...pendingDocuments,\r\n ...rejectedDocuments,\r\n ...activeDocuments\r\n ].filter(d => !d.fileName && item.path.indexOf(d.path) === 0)\r\n\r\n if (parentItems?.length) {\r\n const updatedParentsItems = parentItems\r\n .filter(item => item.status === 'Rejected')\r\n .map(item => {\r\n return {\r\n ...item,\r\n status: 'Draft',\r\n reasonReject: undefined\r\n }\r\n })\r\n\r\n await db.bulkDocs(updatedParentsItems)\r\n }\r\n }\r\n\r\n await uploadEncryptedData(\r\n db,\r\n userId,\r\n (isProfessionalDeputy || (isDelegateByPD && isReadonly)) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? 'pendingDocuments'\r\n : 'documents'\r\n )\r\n\r\n // update contacts\r\n const pendingContactIds =\r\n values.contacts.filter(id =>\r\n pendingContacts.map(c => c._id).includes(id)\r\n ) || []\r\n const activeContactIds =\r\n values.contacts.filter(id =>\r\n activeContacts.map(c => c._id).includes(id)\r\n ) || []\r\n\r\n if (\r\n (isProfessionalDeputy || (isDelegateByPD && isReadonly)) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ) {\r\n await updateLinkItemsForFile(\r\n pendingContactIds,\r\n fileData.contacts.filter(id =>\r\n pendingContacts.map(c => c._id).includes(id)\r\n ) || [],\r\n 'pendingContacts',\r\n userId,\r\n masterKey,\r\n item\r\n )\r\n }\r\n\r\n await updateLinkItemsForFile(\r\n activeContactIds,\r\n fileData.contacts.filter(id =>\r\n activeContacts.map(c => c._id).includes(id)\r\n ) || [],\r\n 'contacts',\r\n userId,\r\n masterKey,\r\n item\r\n )\r\n\r\n const sharedUsers = deputies?.filter(d =>\r\n d.records?.map(r => r.id).includes(item.id)\r\n )\r\n\r\n //update sharing record\r\n if (sharedUsers) {\r\n const linkedItems = [\r\n ...values.contacts,\r\n ...values.events,\r\n ...values.passwords,\r\n ...(values.location ? [values.location] : [])\r\n ]\r\n\r\n await api.updateSharingRecord(\r\n userId,\r\n JSON.stringify({\r\n recordId: item.id,\r\n linkedItems\r\n })\r\n )\r\n }\r\n\r\n // // update assets/liablities\r\n // const pendingAssetLiabilityIds =\r\n // values.assetsLiabilities.filter(id =>\r\n // pendingAssetsLiabilities.map(c => c._id).includes(id)\r\n // ) || []\r\n // const activeAssetLiabilityIds =\r\n // values.assetsLiabilities.filter(id =>\r\n // activeAssetsLiabilities.map(pa => pa._id).includes(id)\r\n // ) || []\r\n\r\n // if (\r\n // (isProfessionalDeputy || (isDelegateByPD && isReadonly)) &&\r\n // accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n // ) {\r\n // await updateLinkItemsForFile(\r\n // pendingAssetLiabilityIds,\r\n // fileData.assetsLiabilities.filter(id =>\r\n // pendingAssetsLiabilities.map(pa => pa._id).includes(id)\r\n // ) || [],\r\n // 'pendingAssetsLiabilities',\r\n // userId,\r\n // masterKey,\r\n // item\r\n // )\r\n // }\r\n\r\n // await updateLinkItemsForFile(\r\n // activeAssetLiabilityIds,\r\n // fileData.assetsLiabilities.filter(id =>\r\n // activeAssetsLiabilities.map(pa => pa._id).includes(id)\r\n // ) || [],\r\n // 'assetsLiabilities',\r\n // userId,\r\n // masterKey,\r\n // item\r\n // )\r\n\r\n // update events\r\n await updateLinkItemsForFile(\r\n values.events || [],\r\n fileData.events || [],\r\n 'events',\r\n userId,\r\n masterKey,\r\n item\r\n )\r\n\r\n // update passwords\r\n await updateLinkItemsForFile(\r\n values.passwords || [],\r\n fileData.passwords || [],\r\n 'passwords',\r\n userId,\r\n masterKey,\r\n item\r\n )\r\n\r\n setFileData({\r\n ...fileData,\r\n fileName: getFullFilename(values.fileName, values.extension),\r\n description: values.description,\r\n tags: removeHtmlTags(tags),\r\n contacts: values.contacts,\r\n assetsLiabilities: values.assetsLiabilities,\r\n events: values.events,\r\n passwords: values.passwords,\r\n descriptionWithMarkup: sanitizeValue(descriptionValue),\r\n name: values.fileName,\r\n extension: values.extension,\r\n location: values.location\r\n })\r\n\r\n if (\r\n pendingUnlockFiles?.length &&\r\n pendingUnlockFiles.find(puf => puf.fileId === item.fileId)\r\n ) {\r\n const updateData = {\r\n fileId: item.fileId,\r\n fileName: getFullFilename(values.fileName, values.extension)\r\n }\r\n\r\n await api.updateLockFileDetails(userId, JSON.stringify(updateData))\r\n dispatch(fetchPendingUnlockFiles(userId))\r\n }\r\n if (\r\n (isProfessionalDeputy || (isDelegateByPD && isReadonly)) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ) {\r\n await api.sendAddRecordNotification(\r\n JSON.stringify({\r\n userId,\r\n recordType: 'document'\r\n })\r\n )\r\n dispatch(fetchOtherPendingDocuments(userId, masterKey))\r\n setIsEdited(false)\r\n setVisible(false)\r\n }\r\n localStorage.setItem('NotReload', true)\r\n addS3Change({\r\n variables: {\r\n message:\r\n 'assetsLiabilities, pendingAssetsLiabilities, contacts, pendingContacts, documents, pendingDocuments, events, locations, passwords',\r\n userId: userId\r\n }\r\n })\r\n setEditMode(false)\r\n } catch (e) {\r\n onError(e)\r\n }\r\n setIsSaving(false)\r\n })\r\n }\r\n\r\n const handleView = () => {\r\n var win = window.open()\r\n win.document.write(\r\n ''\r\n )\r\n }\r\n\r\n const handleEdit = () => {\r\n setEditMode(true)\r\n }\r\n\r\n const onCancel = () => {\r\n form.resetFields()\r\n setEditMode(false)\r\n }\r\n\r\n const handleCancel = () => {\r\n URL.revokeObjectURL(fileData.url)\r\n setFileData({\r\n url: '',\r\n fileName: '',\r\n description: '',\r\n tags: [],\r\n contacts: [],\r\n events: [],\r\n assetsLiabilities: [],\r\n passwords: [],\r\n descriptionWithMarkup: '',\r\n name: '',\r\n extension: ''\r\n })\r\n setVisible(false)\r\n setEditMode(false)\r\n if (isEdited) {\r\n setIsEdited(false)\r\n }\r\n }\r\n\r\n const readButtons = [\r\n \r\n {t('FILE_NAME')}: {fileData.fileName}\r\n
\r\n\r\n {t('DESCRIPTION')}: {fileData.description}\r\n
\r\n\r\n {t('TAGS')}:{' '}\r\n {fileData.tags.map(tag => (\r\n
\r\n {t('CONTACTS')}:{' '}\r\n {fileData.contacts &&\r\n fileData.contacts.map(cId =>\r\n (accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? [...activeContacts, ...pendingContacts]\r\n : activeContacts.filter(\r\n ac => !isReadonly || recordIds.includes(ac._id)\r\n )\r\n ).map(contact =>\r\n cId === contact._id ? (\r\n
\r\n {t('ASSETS_LIABILITIES')}:{' '}\r\n {fileData.assetsLiabilities &&\r\n fileData.assetsLiabilities.map(alId =>\r\n (accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? [...activeAssetsLiabilities, ...pendingAssetsLiabilities]\r\n : activeAssetsLiabilities\r\n ).map(al =>\r\n alId === al._id ?
\r\n {t('EVENTS')}:{' '}\r\n {fileData.events &&\r\n fileData.events.map(eId =>\r\n events\r\n .filter(ae => !isReadonly || recordIds.includes(ae._id))\r\n .map(e =>\r\n eId === e._id ? (\r\n
\r\n {t('PASSWORDS')}:{' '}\r\n {fileData.passwords &&\r\n fileData.passwords.map(passwordId =>\r\n activePasswords\r\n .filter(ap => !isReadonly || recordIds.includes(ap._id))\r\n .map(password =>\r\n passwordId === password._id ? (\r\n
\r\n {t('PATH')}: {fileData.path}\r\n
\r\n\r\n\r\n {t('Location')}:\r\n \r\n {locationRecord.level3\r\n ? `${locationRecord.level1}, ${locationRecord.level2}, ${locationRecord.level3}`\r\n : locationRecord.level2\r\n ? `${locationRecord.level1}, ${locationRecord.level2}`\r\n : locationRecord.level1\r\n ? locationRecord.level1\r\n : ''}\r\n \r\n
\r\n {locationRecord && (\r\n <>\r\n {locationRecord?.image?.find(image => image.level === 1) && (\r\n <>\r\n\r\n {locationRecord.level1}\r\n
\r\n \r\n {locationRecord.level2}\r\n
\r\n \r\n {locationRecord.level3}\r\n
\r\n {t('SUPPORTED_CARD_TYPES')}
\r\n\r\n
\r\n
{t('ARE_YOU_SURE_YOU_WANT_TO_CONTINUTE')}
\r\n \r\n ),\r\n onCancel() {\r\n setIsSaving(false)\r\n },\r\n async onOk() {\r\n try {\r\n await saveSubscription(\r\n planId,\r\n customerId,\r\n withoutPaymentInfo,\r\n removedPromoCode\r\n )\r\n message.success(t('Successfully change subscription plan'))\r\n } catch (error) {\r\n message.error(t('FAILED_TO_SAVE_SUBSCRIPTION'))\r\n }\r\n }\r\n })\r\n } else {\r\n Modal.confirm({\r\n title: t('CHANGE_SUBSCRIPTION_PLAN'),\r\n content: t('ARE_YOU_SURE_YOU_WANT_TO_CONTINUTE'),\r\n async onOk() {\r\n try {\r\n await saveSubscription(\r\n planId,\r\n customerId,\r\n withoutPaymentInfo,\r\n removedPromoCode\r\n )\r\n message.success(t('Successfully change subscription plan'))\r\n } catch (error) {\r\n message.error(t('FAILED_TO_SAVE_SUBSCRIPTION'))\r\n }\r\n },\r\n onCancel() {}\r\n })\r\n }\r\n }\r\n\r\n const saveSubscription = async (\r\n planId,\r\n customerId,\r\n withoutPaymentInfo,\r\n removedPromoCode\r\n ) => {\r\n try {\r\n let res\r\n\r\n if (!subscription?.items?.data[0].plan.id) {\r\n if (withoutPaymentInfo) {\r\n const current = Math.floor(new Date().getTime() / 1000)\r\n\r\n if (trialEnd && trialEnd < current) {\r\n message.error(t('TRIAL_EXPIRES'))\r\n setIsSaving(false)\r\n return\r\n }\r\n }\r\n\r\n let items = [{ plan: planId }]\r\n const deputyRes = await api.getDeputies(user.username)\r\n if (deputyRes.data.message)\r\n throw Error(\r\n t('FAILED_TO_GET_DEPUTIES_LIST_TO_CHECK_PROFESSTIONAL_DEPUTY_PLAN')\r\n )\r\n // const { deputies } = deputyRes.data\r\n\r\n // if (\r\n // deputies?.filter(d => d.publicKey && d.professionalDeputyId).length >\r\n // 1\r\n // ) {\r\n // const matchingPlan = vaultboxPlans.find(p => p.id === planId)\r\n // items.push({\r\n // plan: deputyPlans.find(\r\n // dp =>\r\n // dp.interval === matchingPlan?.interval &&\r\n // dp.interval_count === matchingPlan?.interval_count\r\n // )?.id\r\n // })\r\n // }\r\n\r\n const createData = {\r\n userId: user.username,\r\n customerId,\r\n items\r\n }\r\n res = await api.createSubscription(JSON.stringify(createData))\r\n if (res?.data.message) {\r\n throw Error(res.data.message)\r\n }\r\n } else if (subscription?.id) {\r\n const subscriptionItems = subscription.items.data\r\n\r\n const mappedSubItem = subscriptionItems.find(item =>\r\n vaultboxPlans.map(p => p.id).includes(item.plan.id)\r\n )\r\n\r\n // const mappedDeputySubItem = subscriptionItems.find(item =>\r\n // deputyPlans.map(p => p.id).includes(item.plan.id)\r\n // )\r\n\r\n let updateItems = [\r\n {\r\n id: mappedSubItem.id,\r\n plan: planId // bantex plan\r\n }\r\n ]\r\n // if (mappedDeputySubItem) {\r\n // const matchingPlan = vaultboxPlans.find(p => p.id === planId)\r\n // updateItems.push({\r\n // id: mappedDeputySubItem.id,\r\n // plan: deputyPlans.find(\r\n // dp =>\r\n // dp.interval === matchingPlan?.interval &&\r\n // dp.interval_count === matchingPlan?.interval_count\r\n // )?.id // Professional Deputy plan\r\n // })\r\n // }\r\n\r\n if (subscription.status === 'trialing') {\r\n const updateData = {\r\n items: updateItems,\r\n cancel_at_period_end: false,\r\n proration_behavior: 'none',\r\n coupon: removedPromoCode\r\n ? null // have to set it to null to remove the coupon\r\n : undefined // set to undefined will make no change (i.e. if the coupon was added, it would still be there)\r\n }\r\n\r\n res = await api.updateSubscription(\r\n subscription.id,\r\n JSON.stringify(updateData)\r\n )\r\n if (res?.data.message) throw Error(res.data.message)\r\n } else {\r\n const currentPlans = subscriptionItems.map(item => ({\r\n plan: item.plan.id\r\n }))\r\n\r\n res = await api.updateSubscriptionSchedule(\r\n subscription.id,\r\n JSON.stringify({\r\n scheduleId: subscription.schedule,\r\n isRelease: false,\r\n phases: [\r\n {\r\n plans: currentPlans,\r\n start_date: subscription?.current_period_start,\r\n end_date: \"now\",\r\n proration_behavior: 'none',\r\n coupon: removedPromoCode\r\n ? undefined\r\n : subscription?.discount?.coupon?.id\r\n },\r\n {\r\n plans: updateItems.map(item => ({ plan: item.plan })),\r\n start_date: 'now',\r\n proration_behavior: 'none',\r\n coupon: removedPromoCode\r\n ? undefined\r\n : subscription?.discount?.coupon?.id\r\n }\r\n ]\r\n })\r\n )\r\n }\r\n }\r\n if (res?.data.message) throw Error(res.data.message)\r\n\r\n if (removedPromoCode) {\r\n const updateData = {\r\n code: removedPromoCode,\r\n end: moment().unix()\r\n }\r\n\r\n await api.updateAppliedPromotionCodes(\r\n user.username,\r\n JSON.stringify(updateData)\r\n )\r\n }\r\n\r\n setIsSaving(false)\r\n setVisible(false)\r\n dispatch(fetchCustomer(user.username))\r\n\r\n if (isDeputyOnly) {\r\n // reload to update the whole app state, as the account has switched from deputy only to normal\r\n window.location.reload()\r\n }\r\n } catch (err) {\r\n onError(err)\r\n message.error(t('FAILED_TO_SAVE_SUBSCRIPTION'))\r\n }\r\n }\r\n\r\n const handleCancelSubscription = async () => {\r\n Modal.confirm({\r\n title: t('CANCEL_SUBSCRIPTION'),\r\n content: (\r\n <>\r\n {t('CANCEL_SUBSCRIPTION_FIRST_SUMMARY')}
\r\n\r\n
\r\n
{t('ARE_YOU_SURE_YOU_WISH_TO_CANCEL_SUBSCRIPTION')}
\r\n \r\n ),\r\n width: 500,\r\n cancelText: t('CANCEL_SUBSCRIPTION'),\r\n cancelButtonProps: { style: { color: 'rgb(200, 0, 0)' } },\r\n okText: t('KEEP_SUBSCRIPTION'),\r\n onCancel: async () => {\r\n try {\r\n setIsSaving(true)\r\n if (schedule?.id) {\r\n await api.updateSubscriptionSchedule(\r\n subscription.id,\r\n JSON.stringify({\r\n scheduleId: schedule?.id,\r\n isRelease: true\r\n })\r\n )\r\n }\r\n\r\n await updateCancelSchedule(\r\n subscription.id,\r\n user.username,\r\n dispatch,\r\n true\r\n )\r\n\r\n const professionalDeputyEmails = deputies\r\n ?.filter(d => d.professionalDeputyId)\r\n .map(e => e.email)\r\n\r\n if (professionalDeputyEmails?.length) {\r\n await api.sendUnsubscribeNotification(\r\n JSON.stringify({\r\n deputyEmails: professionalDeputyEmails,\r\n fullname: userInfo.fullname,\r\n email: userInfo.email,\r\n cancelDate: moment(\r\n subscription.current_period_end * 1000\r\n ).format('LL')\r\n })\r\n )\r\n }\r\n\r\n setVisible(false)\r\n\r\n notification.info({\r\n message: t('SUBSCRIPTION_CANCELLED'),\r\n description: (\r\n \r\n {fields.map((field, index) => {\r\n const customRule =\r\n customRules &&\r\n customRules.find(rule => rule.fieldKey === field.key)\r\n\r\n return (\r\n \r\n {getFieldDecorator(`${name}[${rowId}][${field.key}]`, {\r\n rules: [\r\n {\r\n required: true,\r\n whitespace: true,\r\n message: `${t('ENTER')} ${field.key}.`\r\n },\r\n ...((customRule && customRule.rules) || [])\r\n ],\r\n initialValue:\r\n (value && value[rowId] && value[rowId][field.key]) ||\r\n (field.default && field.default(name))\r\n })(\r\n field.node ? (\r\n field.node(name, rowId)\r\n ) : (\r\n \r\n option.props.children\r\n .toUpperCase()\r\n .indexOf(inputValue.toUpperCase()) !== -1\r\n }\r\n />\r\n )\r\n )}\r\n \r\n )\r\n })}\r\n \r\n {\r\n setEmail(getFieldValue('emails')[rowId]['email'])\r\n setContactModalVisibile(true)\r\n }}\r\n />\r\n \r\n remove(rowId)} />\r\n
\r\n )\r\n })}\r\n\r\n \r\n {/* (formRef = fr)}>\r\n {(getFieldDecorator, getFieldValue) => (\r\n <>\r\n \r\n \r\n compareWithCurrentUserEmail(\r\n rule,\r\n value,\r\n callback,\r\n email\r\n )\r\n }\r\n ]\r\n }\r\n ]}\r\n />\r\n \r\n \r\n {getFieldDecorator('permission', {\r\n initialValue: SHARE_PERMISSIONS.READ_ACCESS\r\n })(\r\n \r\n )}\r\n \r\n \r\n )}\r\n \r\n {errMsg && (\r\n setErrMsg('')}\r\n closable\r\n style={{ marginTop: '1em' }}\r\n />\r\n )}\r\n
\r\n \r\n )\r\n}\r\n\r\nexport default ShareDataModal\r\n","import React, { useState, useEffect, useContext } from 'react'\r\nimport { s3Get } from '../../lib/awsSDK'\r\nimport { decryptFilePromise } from '../../lib/crypto'\r\nimport VaultContext from '../../contexts/VaultContext'\r\nimport { Modal, Spin } from 'antd'\r\nimport { useSelector } from 'react-redux'\r\nimport noImage from '../../assets/no-image.png'\r\n\r\nconst ShowLocationImageModal = ({\r\n recordId,\r\n setRecordId,\r\n level,\r\n setLevel,\r\n visible,\r\n setVisible\r\n}) => {\r\n const { userId, masterKey, isReadonly } = useContext(VaultContext)\r\n const [imageUrl, setImageUrl] = useState('')\r\n const { locations } = useSelector(state =>\r\n isReadonly ? state.otherLocations : state.locations\r\n )\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [record, setRecord] = useState('')\r\n\r\n useEffect(() => {\r\n const getUrl = async record => {\r\n setIsLoading(true)\r\n if (level && record?.image?.length) {\r\n const img = record.image.find(img => img.level === level)\r\n if (img && img.fileId && img.sub) {\r\n const resBody = await s3Get(\r\n userId,\r\n img.fileId,\r\n { sub: img.sub },\r\n { responseType: 'blob' }\r\n )\r\n const uint8Array = await decryptFilePromise(resBody, masterKey)\r\n const blob = new Blob([uint8Array])\r\n const file = new File([blob], img.name, {\r\n type: img.type\r\n })\r\n setImageUrl(URL.createObjectURL(file))\r\n }\r\n }\r\n setIsLoading(false)\r\n }\r\n\r\n const record = locations.find(item => item._id === recordId)\r\n if (record && visible) {\r\n setRecord(record)\r\n getUrl(record)\r\n }\r\n }, [userId, masterKey, locations, recordId, level, visible])\r\n\r\n const onCancel = () => {\r\n setVisible(false)\r\n setLevel('')\r\n setRecordId('')\r\n setImageUrl('')\r\n }\r\n\r\n return (\r\n <>\r\n \r\n To share your data, enter email address below. If they already have a\r\n Bantex Hybrid eFiling account, this appointment will be saved in their\r\n Bantex Hybrid eFiling. Otherwise, they will be able to create a free\r\n limited account to be shared your data.\r\n
*/}\r\n\r\n\r\n Level {level} -{' '}\r\n {level === 1\r\n ? record.level1\r\n : level === 2\r\n ? record.level2\r\n : record.level3}\r\n
\r\n \r\n {`${linkedItemsMessages.join(' & ')} ${t(\r\n 'WILL_BE_UNLINKED_FROM_THIS_ITEM'\r\n )}`}\r\n
\r\n )}\r\n{t('CONFIRM_DELETE_ITEM_MSG')}
\r\n \r\n ),\r\n async onOk() {\r\n try {\r\n if (item.type === 'folder') {\r\n await deleteFolder(\r\n user,\r\n activeDocuments,\r\n item,\r\n userId,\r\n masterKey,\r\n activeFolders,\r\n breadcrumb\r\n )\r\n } else {\r\n const legacyInfo = await getLegacyInfo(userId, masterKey)\r\n\r\n if (legacyInfo?.instructionFileId === item.fileId) {\r\n message.error(t('FILE_USED_IN_LEGACY_MANAGEMENT'))\r\n return\r\n }\r\n\r\n await deleteDocument(\r\n user,\r\n userId,\r\n item.id,\r\n masterKey,\r\n activeFolders,\r\n breadcrumb\r\n )\r\n linkedContacts?.length &&\r\n (await unlinkDocument(\r\n userId,\r\n item.id,\r\n 'contacts',\r\n linkedContacts,\r\n masterKey\r\n ))\r\n\r\n linkedPendingContacts?.length &&\r\n (await unlinkDocument(\r\n userId,\r\n item.id,\r\n 'pendingContacts',\r\n linkedPendingContacts,\r\n masterKey\r\n ))\r\n\r\n linkedEvents?.length &&\r\n (await unlinkDocument(\r\n userId,\r\n item.id,\r\n 'events',\r\n linkedEvents,\r\n masterKey\r\n ))\r\n\r\n linkedPasswords?.length &&\r\n (await unlinkDocument(\r\n userId,\r\n item.id,\r\n 'passwords',\r\n linkedPasswords,\r\n masterKey\r\n ))\r\n\r\n linkedAssetsLiabilities?.length &&\r\n (await unlinkDocument(\r\n userId,\r\n item.id,\r\n 'assetsLiabilities',\r\n linkedAssetsLiabilities,\r\n masterKey\r\n ))\r\n\r\n linkedPendingAssetsLiabilities?.length &&\r\n (await unlinkDocument(\r\n userId,\r\n item.id,\r\n 'pendingAssetsLiabilities',\r\n linkedPendingAssetsLiabilities,\r\n masterKey\r\n ))\r\n }\r\n localStorage.setItem('NotReload', true)\r\n addS3Change({\r\n variables: {\r\n message:\r\n 'assetsLiabilities, pendingAssetsLiabilities, contacts, pendingContacts, documents, pendingDocuments, events, locations, passwords',\r\n userId: userId\r\n }\r\n })\r\n message.success(\r\n `${t('SUCCESSFULLY_DELETED')} ${\r\n item.type === 'folder'\r\n ? t('FOLDER').toLowerCase()\r\n : t('FILE').toLowerCase()\r\n }`\r\n )\r\n } catch (err) {\r\n message.error(\r\n `${t('FAILED_TO_DELETE')} ${\r\n item.type === 'folder'\r\n ? t('FOLDER').toLowerCase()\r\n : t('FILE').toLowerCase()\r\n }`\r\n )\r\n onError(err)\r\n }\r\n },\r\n onCancel() {}\r\n })\r\n }\r\n\r\n // delete multiple records\r\n const handleDeleteItems = async () => {\r\n let allLinkedContacts = [],\r\n allLinkedPendingContacts = [],\r\n allLinkedAssetsLiabilities = [],\r\n allLinkedPendingAssetsLiabilities = [],\r\n allLinkedEvents = [],\r\n allLinkedPasswords = [],\r\n linkedItemsMessages = []\r\n\r\n if (selectedRows.find(sr => sr.type === 'folder' && sr.filesCount > 0)) {\r\n message.error(\r\n `${t('FAILED_TO_DELETE')}: ${t(\r\n 'CANNOT_DELETE_FOLDERS_WITH_FILES_INSIDE'\r\n )}`\r\n )\r\n return\r\n }\r\n\r\n const fileItems = selectedRows.filter(sr => sr.type === 'file-text')\r\n\r\n const legacyInfo = await getLegacyInfo(userId, masterKey)\r\n\r\n if (legacyInfo) {\r\n const instructionFile = fileItems.find(\r\n item => item.fileId === legacyInfo.instructionFileId\r\n )\r\n if (instructionFile) {\r\n message.error(\r\n \r\n {`${linkedItemsMessages.join(' & ')} ${t(\r\n 'WILL_BE_UNLINKED_FROM_THIS_ITEM'\r\n )}`}\r\n
\r\n )}\r\n{t('CONFIRM_DELETE_ITEMS_MSG')}
\r\n \r\n ),\r\n async onOk() {\r\n try {\r\n await bulkDeleteDocuments(\r\n user,\r\n activeFolders,\r\n activeFiles,\r\n selectedRows,\r\n userId,\r\n masterKey,\r\n breadcrumb\r\n )\r\n\r\n linkedAssetsLiabilitiesArr?.length &&\r\n (await unlinkDocuments(\r\n userId,\r\n fileItems.map(sr => sr.id),\r\n 'assetsLiabilities',\r\n linkedAssetsLiabilitiesArr,\r\n masterKey\r\n ))\r\n\r\n linkedPendingAssetsLiabilitiesArr?.length &&\r\n (await unlinkDocuments(\r\n userId,\r\n fileItems.map(sr => sr.id),\r\n 'pendingAssetsLiabilities',\r\n linkedPendingAssetsLiabilitiesArr,\r\n masterKey\r\n ))\r\n\r\n linkedContactsArr?.length &&\r\n (await unlinkDocuments(\r\n userId,\r\n fileItems.map(sr => sr.id),\r\n 'contacts',\r\n linkedContactsArr,\r\n masterKey\r\n ))\r\n\r\n linkedPendingContactsArr?.length &&\r\n (await unlinkDocuments(\r\n userId,\r\n fileItems.map(sr => sr.id),\r\n 'pendingContacts',\r\n linkedPendingContactsArr,\r\n masterKey\r\n ))\r\n\r\n linkedEventsArr?.length &&\r\n (await unlinkDocuments(\r\n userId,\r\n fileItems.map(sr => sr.id),\r\n 'events',\r\n linkedEventsArr,\r\n masterKey\r\n ))\r\n\r\n linkedPasswordsArr?.length &&\r\n (await unlinkDocuments(\r\n userId,\r\n fileItems.map(sr => sr.id),\r\n 'passwords',\r\n linkedPasswordsArr,\r\n masterKey\r\n ))\r\n\r\n setSelectedRows([])\r\n localStorage.setItem('NotReload', true)\r\n addS3Change({\r\n variables: {\r\n message:\r\n 'assetsLiabilities, pendingAssetsLiabilities, contacts, pendingContacts, documents, pendingDocuments, events, location, passwords',\r\n userId: userId\r\n }\r\n })\r\n message.success(\r\n \r\n {(!isModal ||\r\n isProfessionalDeputy ||\r\n (isDelegateByPD && isReadonly)) &&\r\n (!!record.pendingFoldersCount ||\r\n !!record.pendingFilesCount) && (\r\n \r\n \r\n {record.pendingFoldersCount} {t('PENDING_FOLDES')}\r\n {' & '} {record.pendingFilesCount} {t('PENDING_FILES')}\r\n \r\n \r\n )}\r\n \r\n )}\r\n \r\n )\r\n },\r\n {\r\n key: 'status',\r\n render: (text, record) =>\r\n (!isModal || isProfessionalDeputy || (isDelegateByPD && isReadonly)) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL &&\r\n (record.status ? {t('PENDING')} : '')\r\n },\r\n {\r\n key: 'size',\r\n title: 'Size',\r\n render: (text, record) => {\r\n return (\r\n \r\n {record.type === 'folder' ? record.folderSize : record.size}\r\n \r\n )\r\n }\r\n },\r\n // {\r\n // key: 'picture',\r\n // title: 'Picture',\r\n // render: (text, record) => (\r\n //
\r\n {isModal && isSelectedMutilpleFiles\r\n ? selectedFilesFolders.length > 1 && (\r\n recordIds.includes(c.id))\r\n : content\r\n }\r\n renderItem={(item, index) => {\r\n return (\r\n \r\n handleClick(item, e, index)}\r\n onDoubleClick={() => handleDoubleClick(item)}\r\n >\r\n handleDoubleClick(item)}\r\n >\r\n {item.status ? (\r\n \r\n {item.name} ({t('PENDING')})\r\n \r\n ) : (\r\n item.name\r\n )}\r\n
\r\n \r\n {`${t('SELECTED_RECORDS')}: ${\r\n selectedFilesFolders.length\r\n }`}\r\n
\r\n )\r\n : !isReadonly &&\r\n selectedRows.length > 1 && (\r\n \r\n {`${t('SELECTED_RECORDS')}: ${selectedRows.length}`}\r\n \r\n \r\n \r\n
\r\n )}\r\n\r\n {viewMode === 'grid' && (\r\n \r\n {item.type === 'folder' ? (\r\n folderWithIcon(item.folderIcon, item.folderType, 32)\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n {item.type === 'folder' ? (\r\n <>\r\n {accessLevel === ACCESS_LEVEL.NEED_APPROVAL &&\r\n item.status ? (\r\n \r\n \r\n {item.pendingFoldersCount} {t('PENDING_FOLDES')}\r\n {' & '} {item.pendingFilesCount}{' '}\r\n {t('PENDING_FILES')}\r\n \r\n \r\n ) : (\r\n <>\r\n \r\n {item.foldersCount} {t('FOLDERS').toLowerCase()}\r\n {' &'}\r\n {item.filesCount} {t('FILES').toLowerCase()}\r\n \r\n
\r\n {(!isModal ||\r\n isProfessionalDeputy ||\r\n (isDelegateByPD && isReadonly)) &&\r\n (!!item.pendingFoldersCount ||\r\n !!item.pendingFilesCount) && (\r\n \r\n \r\n {item.pendingFoldersCount}{' '}\r\n {t('PENDING_FOLDES')}\r\n {' & '} {item.pendingFilesCount}{' '}\r\n {t('PENDING_FILES')}\r\n \r\n \r\n )}\r\n \r\n )}\r\n
\r\n {item.folderSize}\r\n \r\n ) : (\r\n `${item.size}`\r\n )}\r\n
\r\n \r\n \r\n )\r\n }}\r\n />\r\n )}\r\n {viewMode === 'list' && (\r\n \r\n {(!isModal ||\r\n isProfessionalDeputy ||\r\n (isDelegateByPD && isReadonly)) &&\r\n (!!item.pendingFoldersCount ||\r\n !!item.pendingFilesCount) && (\r\n \r\n \r\n {item.pendingFoldersCount}{' '}\r\n {t('PENDING_FOLDES')}\r\n {' & '} {item.pendingFilesCount}{' '}\r\n {t('PENDING_FILES')}\r\n \r\n \r\n )}\r\n \r\n )}\r\n
\r\n {item.folderSize}\r\n \r\n ) : (\r\n `${item.size}`\r\n )}\r\n
\r\n {title}\r\n {extra}\r\n
\r\n)\r\n\r\nconst StyledSimpleHeader = styled(SimpleHeader)`\r\n min-height: 80px;\r\n background: ${props => props.theme.white};\r\n box-shadow: ${props => props.theme.underlineShadow};\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 20px;\r\n &.small {\r\n height: 46px;\r\n box-shadow: none;\r\n margin-bottom: 10px;\r\n }\r\n`\r\n\r\nexport default StyledSimpleHeader\r\n","import React from 'react'\r\nimport { Form, Modal, Select } from 'antd'\r\nimport FormItem from '../override/FormItem'\r\nimport { TEXT_FILE_TYPES } from '../../share/Constants'\r\n//import { StringResources } from '../../share/StringResources'\r\nimport { validateFilename } from '../../share/formHelpers'\r\nimport { withTranslation } from 'react-i18next'\r\nimport TextInput from './../common/TextInput'\r\nimport LocationSelect from './../common/LocationSelect'\r\nimport ShowImage from '../common/ShowImage'\r\n\r\nclass SaveTextFileModal extends React.Component {\r\n constructor(props) {\r\n super(props)\r\n this.state = this.getInitialState()\r\n }\r\n\r\n getInitialState = () => {\r\n return {\r\n locationRecord: {}\r\n }\r\n }\r\n\r\n componentWillReceiveProps = nextProps => {\r\n const locationId = !!nextProps.form.getFieldValue('location')\r\n ? nextProps.form.getFieldValue('location')\r\n : nextProps.location\r\n const activeLocations = nextProps.activeLocations\r\n if (locationId && activeLocations?.length) {\r\n const locationRecord = activeLocations.find(\r\n item => item._id === locationId\r\n )\r\n if (\r\n locationRecord &&\r\n locationRecord._id !== this.state.locationRecord._id\r\n ) {\r\n this.setState({ locationRecord: locationRecord })\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n const {\r\n form,\r\n visible,\r\n handleOk,\r\n handleCancel,\r\n isSaving,\r\n activeFiles,\r\n destination,\r\n fileName,\r\n location,\r\n fileExtension,\r\n t\r\n } = this.props\r\n const { getFieldDecorator, getFieldValue, setFieldsValue } = form\r\n const { locationRecord } = this.state\r\n\r\n return (\r\n ' +\r\n selectedTextFile.fileContent\r\n .replace(/\\n{2,}/g, '
')\r\n .replace(/\\n/g, '
') +\r\n '
\r\n {t('FILES')}\r\n
\r\n \r\n }\r\n suffix={\r\n\r\n {selectedTextFile.id\r\n ? 'Edit text file'\r\n : 'Create new text file'}\r\n
\r\n\r\n \r\n viewFileDetail(item)}\r\n type=\"link\"\r\n >\r\n {item.name}\r\n \r\n )}\r\n {item.status &&\r\n (!isProfessionalDeputy && (!isReadonly || !isDelegateByPD) ? (\r\n \r\n approveDocument(item)}\r\n type=\"check-circle\"\r\n style={{\r\n fontSize: '18px',\r\n color: approvedDocuments\r\n .map(ad => ad._id)\r\n .includes(item.id)\r\n ? theme.primary\r\n : theme.dark1\r\n }}\r\n />\r\n {\r\n rejectFormRef.props.form.resetFields()\r\n setRejectModalVisible(true)\r\n setRejectRecord(item)\r\n }}\r\n type=\"close-circle\"\r\n style={{\r\n fontSize: '18px',\r\n color: allRejectedDocuments\r\n .map(rd => rd._id)\r\n .includes(item.id)\r\n ? theme.red\r\n : theme.dark1\r\n }}\r\n />\r\n
\r\n ) : (\r\n ((isRejected && item.status === 'Rejected') ||\r\n (!isRejected && item.status === 'Draft')) && (\r\n <>\r\n \r\n {t('REJECTION_REASON')}: {item.reasonReject}\r\n
\r\n )}\r\n \r\n\r\n {!!item.children.length && renderListItems(item.children)}\r\n \r\n ))\r\n ) : (\r\n {renderListItems(documents)}
\r\n {(!!approvedDocuments?.length || !!allRejectedDocuments?.length) && (\r\n \r\n {\r\n setApprovedDocuments([])\r\n setAllRejectedDocuments([])\r\n }}\r\n >\r\n {t('RESET')}\r\n \r\n \r\n {t('SAVE')}\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n onClick\r\n ? onClick(item)\r\n : setSelectedItem &&\r\n setSelectedItem(\r\n selectedItem !== item[itemKey] ? item[itemKey] : ''\r\n )\r\n }\r\n >\r\n {icon(item)}\r\n \r\n {action(item)}\r\n
\r\n )}\r\n \r\n ))}\r\n {!data.length && empty}\r\n \r\n )\r\n}\r\n\r\nconst StyledSimpleList = styled(SimpleList)`\r\n .list-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n .header-extra {\r\n flex-grow: 1;\r\n text-align: right;\r\n }\r\n .item {\r\n .item-info {\r\n flex-grow: 1;\r\n margin-left: 14px;\r\n height: 40px;\r\n width: calc(100% - 50px);\r\n }\r\n .item-name {\r\n padding-top: 0;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n }\r\n .item-action:not(.action-visible) {\r\n display: none;\r\n }\r\n &:hover,\r\n &.selected {\r\n .item-info {\r\n p {\r\n color: ${props => props.theme.primary};\r\n }\r\n span {\r\n color: ${props => props.theme.darkBg};\r\n }\r\n }\r\n .item-action {\r\n display: block;\r\n }\r\n }\r\n }\r\n`\r\n\r\nexport default StyledSimpleList\r\n","import React, { useState, useContext } from 'react'\r\nimport { Modal, Select, Form, message } from 'antd'\r\nimport api from '../../lib/api'\r\nimport { useDispatch } from 'react-redux'\r\nimport { SHARE_PERMISSIONS } from './../../share/Constants'\r\nimport FormItem from '../override/FormItem'\r\nimport VaultContext from './../../contexts/VaultContext'\r\nimport { fetchDeputies } from './../../features/deputies/deputiesSlice'\r\nimport { createS3Change } from '../../graphql/mutations'\r\nimport { useMutation } from 'react-apollo-hooks'\r\n\r\nexport const ChangePermissionModal = props => {\r\n const {\r\n visible,\r\n setVisible,\r\n selectedId,\r\n permission,\r\n setPermission,\r\n setSelectedId,\r\n email,\r\n setSelectedDoc\r\n } = props\r\n const { userId } = useContext(VaultContext)\r\n const [isSaving, setIsSaving] = useState()\r\n\r\n const dispatch = useDispatch()\r\n\r\n const [addS3Change] = useMutation(createS3Change)\r\n\r\n const handleSave = async () => {\r\n setIsSaving(true)\r\n try {\r\n const data = {\r\n email,\r\n id: selectedId,\r\n permission\r\n }\r\n\r\n await api.changePermission(userId, JSON.stringify(data))\r\n dispatch(fetchDeputies(userId))\r\n setSelectedDoc && setSelectedDoc()\r\n setIsSaving(false)\r\n addS3Change({\r\n variables: {\r\n message: 'documents',\r\n userId: userId\r\n }\r\n })\r\n message.success('Successfully changed permission!')\r\n handleCancel()\r\n } catch (error) {\r\n setIsSaving(false)\r\n message.error('Failed to change permission!')\r\n }\r\n }\r\n\r\n const handleCancel = () => {\r\n setVisible(false)\r\n setSelectedId()\r\n setPermission()\r\n }\r\n\r\n return (\r\n \r\n {header}\r\n {extra}\r\n
\r\n\r\n {data.map(item => (\r\n \r\n {subInfo(item)} \r\n )}\r\n
\r\n {action && (\r\n {mainInfo(item)}
\r\n {subInfo && (\r\n\r\n {showLog(a)}\r\n \r\n {renderDateTime(a.Time)}\r\n \r\n
\r\n \r\n ))}\r\n \r\n
\r\n )\r\n\r\n const dispatchSetBreadcrumb = breadcrumb => {\r\n dispatch(setBreadcrumb(breadcrumb))\r\n }\r\n\r\n const dispatchSetShowStarredDocsOnly = isStarred =>\r\n dispatch(setShowStarredDocsOnly(isStarred))\r\n\r\n let paths = activeDocuments.map(doc => {\r\n if (doc._id.includes('folder')) {\r\n return {\r\n path: doc.path,\r\n type: 'folder'\r\n }\r\n } else {\r\n return {\r\n path: doc.path.concat(doc.fileName),\r\n type: 'file'\r\n }\r\n }\r\n })\r\n\r\n let fileArr = paths.filter(e => e.type === 'file')\r\n const filterPaths = paths.reduce((acc, element) => {\r\n element.type === 'file'\r\n ? acc.push(element)\r\n : fileArr.forEach(item => {\r\n if (item.path.includes(element.path)) {\r\n acc.push(element)\r\n }\r\n })\r\n return acc\r\n }, [])\r\n\r\n // build an array tree from flat array\r\n let pathsTree = filterPaths.reduce((r, p) => {\r\n let names = p.path.split('/')\r\n names.reduce((q, name) => {\r\n let temp = q.find(o => o.name === name)\r\n if (!temp) q.push((temp = { name, children: [] }))\r\n return temp.children\r\n }, r)\r\n return r\r\n }, [])\r\n\r\n updatePathsTree(pathsTree)\r\n sortTree(pathsTree)\r\n\r\n const exportMenu = (\r\n \r\n )\r\n\r\n return enableCreateFile ? (\r\n \r\n \r\n {t('STORAGE')}{' '}\r\n {deletedStorage > 0 && (\r\n
\r\n 0\r\n ? ((usedStorage + (backupSize || 0)) / allowedStorage) *\r\n 100\r\n : 0\r\n }\r\n successPercent={\r\n storageStatus === 'normal' && allowedStorage > 0\r\n ? ((usedStorage + (backupSize || 0) - deletedStorage) /\r\n allowedStorage) *\r\n 100\r\n : 0\r\n }\r\n status={storageStatus}\r\n format={() =>\r\n `${formatBytes(usedStorage + (backupSize || 0))} ${t(\r\n 'OF'\r\n )} ${formatBytes(allowedStorage)} ${t(\r\n 'USED'\r\n ).toLowerCase()}`\r\n }\r\n className=\"storage-progress\"\r\n />\r\n
\r\n )\r\n }\r\n />\r\n {!isPending && !isRejected && (\r\n \r\n {t('STORAGE')}{' '}\r\n {deletedStorage > 0 && (\r\n \r\n }\r\n >\r\n
\r\n \r\n searchFileOrFolder(value)}\r\n className=\"search-asset-liability-input\"\r\n style={{ marginRight: 20 }}\r\n />\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n {t('SELECT_FILE_OR_FOLDER_TO_SEE_DETAILS')}\r\n
\r\n \r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n )}\r\n {t('ACTIVITIES')}
\r\n\r\n \r\n {renderDateTime(a.Time)}\r\n \r\n
\r\n \r\n ))}\r\n \r\n {a.AccessedByUserId === user.username ? (\r\n t('LOGIN')\r\n ) : (\r\n
\r\n {!isDeputyOnly && \r\n \r\n {t('DOWNLOAD_VAULTBOX')}\r\n \r\n }\r\n {canDownloadFiles && \r\n {t('DOWNLOAD_FILES')}\r\n }\r\n \r\n {\r\n setIsDeleteUser(true)\r\n setPasswordModalVisible(true)\r\n }}\r\n color={theme.red}\r\n >\r\n
\r\n \r\n )\r\n\r\n return (\r\n <>\r\n \r\n {t('SETTINGS')}}\r\n extra={\r\n !isMdUp && (\r\n \r\n {!isDeputyOnly && (\r\n \r\n \r\n \r\n )}\r\n {!isDeputyOnly && (\r\n \r\n {\r\n setIsDeleteUser(false)\r\n setPasswordModalVisible(true)\r\n }}\r\n >\r\n \r\n )}\r\n \r\n {\r\n setIsDeleteUser(true)\r\n setPasswordModalVisible(true)\r\n }}\r\n >\r\n \r\n \r\n }\r\n >\r\n
\r\n \r\n
\r\n \r\n {menu(\r\n isDeputyOnly\r\n ? settingMenuItems.filter(\r\n item => item.url !== '/settings/currency'\r\n )\r\n : settingMenuItems,\r\n location,\r\n isMdUp ? 'vertical' : 'horizontal'\r\n )}\r\n\r\n {isMdUp &&
\r\n\r\n \r\n {children}\r\n\r\n {!isLgUp && location.pathname === '/settings' && (\r\n <>\r\n
\r\n \r\n {isDeleteUser\r\n ? t('CONFIRM_CLOSE_ACCOUNT_MSG')\r\n : t('ARE_YOU_SURE_YOU_WANT_TO_RESET_YOUR_REGISTRY')}\r\n
\r\n{t('ENTER_YOUR_PASSWORD_TO_PROCEED')}:
\r\n\r\n \r\n Next\r\n \r\n
\r\n\r\n {/* mfa authentication modal */}\r\n \r\n {isIncorrectRecoveryKey && (\r\n Your recovery key is not correct!\r\n )}{' '}\r\n Please input your recovery key to process or click on Reset\r\n Account button to reset your account without recover your data\r\n
\r\n\r\n {\r\n if (user && user.username) {\r\n setIsAuthenticated(true)\r\n }\r\n history.push('/')\r\n }}\r\n >\r\n Finish\r\n \r\n
\r\n \r\n )\r\n }\r\n ]\r\n\r\n return (\r\n \r\n \r\n {steps.map(step => (\r\n \r\n
\r\n )\r\n}\r\n\r\nconst WrappedForgotPasswordForm = Form.create({ name: 'forgotPassword' })(\r\n ForgotPasswordForm\r\n)\r\nexport default withRouter(WrappedForgotPasswordForm)\r\n","import React, { useContext } from 'react'\r\nimport { DATE_FORMAT } from '../../share/Constants'\r\nimport { useTranslation } from 'react-i18next'\r\nimport Button from '../../components/override/Button'\r\nimport moment from 'moment'\r\nimport { useSelector } from 'react-redux'\r\nimport VaultContext from '../../contexts/VaultContext'\r\nimport { ThemeContext } from 'styled-components'\r\nimport { Modal, Tag, Spin } from 'antd'\r\n\r\nconst EventDetails = props => {\r\n const {\r\n isViewMode,\r\n visible,\r\n record,\r\n setVisible,\r\n isLoading,\r\n handleEditItem,\r\n handleDeleteItem\r\n } = props\r\n const { isReadonly } = useContext(VaultContext)\r\n const theme = useContext(ThemeContext)\r\n\r\n const { activeContacts } = useSelector(state =>\r\n isReadonly ? state.otherContacts : state.contacts\r\n )\r\n\r\n const { activeDocuments } = useSelector(state =>\r\n isReadonly ? state.otherDocuments : state.documents\r\n )\r\n\r\n // const { activeAssetsLiabilities } = useSelector(state =>\r\n // isReadonly ? state.otherAssetsLiabilities : state.assetsLiabilities\r\n // )\r\n const { activePasswords } = useSelector(state => state.passwords)\r\n const { t } = useTranslation()\r\n return (\r\n \r\n {t('RECOVER_ACCESS_TO_YOUR_ACCOUNT')} \r\n
\r\n {t('ACCOUNT_RECOVERY')}
\r\n{steps[currentStep].content}
\r\n \r\n {t('DESCRIPTION')}\r\n {': '}\r\n {record.description}\r\n
\r\n\r\n {t('DATE')}\r\n {': '}\r\n {moment(record.date).format(DATE_FORMAT)}{' '}\r\n
\r\n\r\n {t('TAGS')}:{' '}\r\n {record.tags?.map(tag => (\r\n
\r\n {t('CONTACTS')}:{' '}\r\n {record.contacts &&\r\n record.contacts.map(cId =>\r\n activeContacts.map(contact =>\r\n cId === contact._id ? (\r\n
\r\n {t('ASSETS_LIABILITIES')}:{' '}\r\n {record.assetsLiabilities &&\r\n record.assetsLiabilities.map(alId =>\r\n activeAssetsLiabilities.map(al =>\r\n alId === al._id ?
\r\n {t('DOCUMENTS')}:{' '}\r\n {record.documents &&\r\n record.documents.map(dId =>\r\n activeDocuments.map(d =>\r\n dId === d._id ?
\r\n {t('PASSWORDS')}:{' '}\r\n {record.passwords &&\r\n record.passwords.map(passwordId =>\r\n activePasswords.map(password =>\r\n passwordId === password._id ? (\r\n
\r\n \r\n
\r\n
\r\n )\r\n}\r\n\r\nfunction ContactDetails({\r\n contactId,\r\n contactIds,\r\n setContactId,\r\n history,\r\n // isPendingRecords,\r\n activeKey\r\n}) {\r\n const theme = useContext(ThemeContext)\r\n const { userId, isReadonly, masterKey, fullName, permissions } =\r\n useContext(VaultContext)\r\n const { isProfessionalDeputy, isDelegateByPD } = useContext(AuthContext)\r\n const { t } = useTranslation()\r\n\r\n const [isDetailEventModal, setIsDetailEventModal] = useState(false)\r\n const [eventDetails, setEventDetails] = useState('')\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [record, setRecord] = useState({})\r\n const [linkedEvents, setLinkedEvents] = useState([])\r\n const [linkedDocuments, setLinkedDocuments] = useState([])\r\n const [linkedContacts, setLinkedContacts] = useState([])\r\n const [filteredLinkedDocuments, setFilteredLinkedDocuments] = useState([])\r\n const [fileDetailsVisible, setFileDetailsVisible] = useState(false)\r\n const [selectedDoc, setSelectedDoc] = useState({})\r\n const [rejectModalVisible, setRejectModalVisible] = useState(false)\r\n const [rejecting, setRejecting] = useState(false)\r\n const [rejectRecord, setRejectRecord] = useState({})\r\n const [loading, SetLoading] = useState(false)\r\n const [shareDataModalVisible, setShareDataModalVisible] = useState(false)\r\n\r\n const { activeDocuments, pendingDocuments } = useSelector(state =>\r\n isReadonly ? state.otherDocuments : state.documents\r\n )\r\n const { activeAssetsLiabilities, pendingAssetsLiabilities } = useSelector(\r\n state =>\r\n isReadonly ? state.otherAssetsLiabilities : state.assetsLiabilities\r\n )\r\n const { activeContacts, pendingContacts } = useSelector(state =>\r\n isProfessionalDeputy ? state.otherContacts : state.contacts\r\n )\r\n const { accessLevel } = useSelector(state => state.settings)\r\n\r\n const lstPendingDocuments = pendingDocuments.filter(pd =>\r\n record.documents?.includes(pd._id)\r\n )\r\n\r\n const dispatch = useDispatch()\r\n let rejectFormRef\r\n\r\n const [addS3Change] = useMutation(createS3Change)\r\n\r\n // TODO: check again why quick add an asset with link to contact doesn't show up\r\n useEffect(() => {\r\n const documents = [...activeDocuments, ...pendingDocuments]\r\n const fetchData = async () => {\r\n try {\r\n setIsLoading(true)\r\n if (contactId) {\r\n const record = await getRecord(\r\n userId,\r\n // activeKey !== TAB_KEY.ACTIVED ? 'pendingContacts' : 'contacts',\r\n 'contacts',\r\n\r\n contactId,\r\n masterKey\r\n )\r\n\r\n const linkedDocuments = record.documents\r\n ? record.documents\r\n .map(docId => documents.find(record => record._id === docId))\r\n .filter(doc => !!doc)\r\n : []\r\n const linkedEvents = record.events?.length\r\n ? await getRecords(userId, 'events', masterKey, {\r\n keys: record.events\r\n })\r\n : []\r\n\r\n const linkedContacts =\r\n record.links && record.links.length\r\n ? [\r\n ...(await getRecords(userId, 'contacts', masterKey)).filter(\r\n c => record.links?.includes(c._id)\r\n ),\r\n ...(\r\n await getRecords(userId, 'pendingContacts', masterKey)\r\n ).filter(c => record.links?.includes(c._id))\r\n ]\r\n : []\r\n\r\n setRecord(record)\r\n setLinkedContacts(linkedContacts)\r\n setLinkedDocuments(linkedDocuments)\r\n setLinkedEvents(linkedEvents)\r\n setFilteredLinkedDocuments(linkedDocuments)\r\n } else if (contactIds && contactIds.length) {\r\n const linkedDocuments = queryLinkedRecords(\r\n documents,\r\n 'contacts',\r\n contactIds,\r\n 'every'\r\n )\r\n\r\n setRecord({})\r\n\r\n setLinkedDocuments(linkedDocuments)\r\n setFilteredLinkedDocuments(linkedDocuments)\r\n }\r\n\r\n setIsLoading(false)\r\n } catch (err) {\r\n onError(err)\r\n setIsLoading(false)\r\n }\r\n }\r\n\r\n if (masterKey) {\r\n fetchData()\r\n }\r\n }, [\r\n userId,\r\n contactId,\r\n contactIds,\r\n activeAssetsLiabilities,\r\n pendingAssetsLiabilities,\r\n masterKey,\r\n activeKey,\r\n isProfessionalDeputy,\r\n activeDocuments,\r\n pendingDocuments,\r\n accessLevel,\r\n activeContacts,\r\n isDelegateByPD,\r\n isReadonly\r\n ])\r\n\r\n const documentColumns = [\r\n {\r\n key: 'name',\r\n width: 400,\r\n title: {t('NAME')},\r\n render: (text, record) => (\r\n \r\n e.stopPropagation()}>\r\n \r\n \r\n handleUnlinkEvent(record._id)}\r\n >\r\n {t('UNLINK')}\r\n \r\n \r\n \r\n }\r\n placement=\"bottomRight\"\r\n trigger={['click']}\r\n >\r\n
\r\n )\r\n }\r\n ]\r\n\r\n const linkedContactsColumns = [\r\n {\r\n key: 'name',\r\n width: 250,\r\n dataIndex: 'name',\r\n title: {t('NAME')},\r\n render: (text, record) => (\r\n \r\n e.stopPropagation()}>\r\n {((!isReadonly && !record.status) ||\r\n (record.status &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL &&\r\n isProfessionalDeputy)) && (\r\n \r\n \r\n handleUnlinkContact(contact)}\r\n >\r\n {t('UNLINK')}\r\n \r\n \r\n \r\n }\r\n placement=\"bottomRight\"\r\n trigger={['click']}\r\n >\r\n
\r\n )\r\n }\r\n ]\r\n\r\n const handleUnlinkContact = contact => {\r\n Modal.confirm({\r\n title: t('UNLINK_CONFIRM'),\r\n content: <>{t('UNLINK_CONTACT_CONFIRM')},\r\n async onOk() {\r\n await unlinkContactsFromAnother(\r\n userId,\r\n record._id,\r\n [contact._id],\r\n masterKey,\r\n contact.status ? 'pendingContacts' : 'contacts'\r\n )\r\n await unlinkContactsFromAnother(\r\n userId,\r\n contact._id,\r\n [record._id],\r\n masterKey,\r\n record.status ? 'pendingContacts' : 'contacts'\r\n )\r\n setLinkedContacts(\r\n linkedContacts.filter(record => record._id !== contact._id)\r\n )\r\n localStorage.setItem('NotReload', true)\r\n addS3Change({\r\n variables: {\r\n message:\r\n 'contacts, pendingContacts, assetsLiabilites, pendingAssetsLiabilities, events, documents, pendingDocuments, events',\r\n userId: userId\r\n }\r\n })\r\n },\r\n onCancel() {}\r\n })\r\n }\r\n\r\n const handleDeleteContact = async () => {\r\n try {\r\n if (!isProfessionalDeputy && !isReadonly) {\r\n const legacyInfo = await getLegacyInfo(userId, masterKey)\r\n if (legacyInfo && legacyInfo.otherPersonId === record._id) {\r\n message.error(t('CONTACT_USED_IN_LEGACY'))\r\n return\r\n }\r\n }\r\n\r\n await deleteContact(\r\n userId,\r\n record,\r\n masterKey,\r\n isProfessionalDeputy || (isDelegateByPD && isReadonly),\r\n activeAssetsLiabilities,\r\n pendingAssetsLiabilities\r\n )\r\n\r\n if (isProfessionalDeputy || (isDelegateByPD && isReadonly)) {\r\n dispatch(fetchOtherPendingContacts(userId, masterKey))\r\n }\r\n\r\n setContactId('')\r\n localStorage.setItem('NotReload', true)\r\n addS3Change({\r\n variables: {\r\n message:\r\n 'contacts, pendingContacts, assetsLiabilites, pendingAssetsLiabilities, documents, pendingDocuments, events',\r\n userId: userId\r\n }\r\n })\r\n message.success(t('REMOVE_CONTACT_SUCCESS'))\r\n } catch (err) {\r\n message.error(t('FAILED_TO_DELETE_CONTACT'))\r\n onError(err)\r\n }\r\n }\r\n\r\n const showConfirm = () => {\r\n let linkedItemsMessages = []\r\n if (record.assetsLiabilities?.length)\r\n linkedItemsMessages.push(\r\n `${record.assetsLiabilities.length} ${t('ASSET_LIABILITY_RECORDS')}`\r\n )\r\n\r\n if (record.documents?.length)\r\n linkedItemsMessages.push(\r\n `${record.documents.length} ${t('DOCUMENT_RECORDS')}`\r\n )\r\n\r\n if (record.events?.length)\r\n linkedItemsMessages.push(`${record.events.length} ${t('EVENT_RECORDS')}`)\r\n\r\n Modal.confirm({\r\n title: t('REMOVE_CONTACT_CONFIRM'),\r\n okText: t('OK'),\r\n cancelText: t('CANCEL'),\r\n content:\r\n !!linkedItemsMessages.length &&\r\n `${linkedItemsMessages.join(' & ')} ${t(\r\n 'WILL_BE_UNLINKED_FROM_THIS_CONTACT'\r\n )}`,\r\n onOk: handleDeleteContact\r\n })\r\n }\r\n\r\n const handleContactRequest = async (record, isApproved) => {\r\n SetLoading(true)\r\n try {\r\n if (isApproved) {\r\n const db = new PouchDB(`${userId}_contacts`)\r\n db.crypto(masterKey)\r\n const newRecord = {\r\n ...record,\r\n status: undefined\r\n }\r\n delete newRecord._rev\r\n await db.put(newRecord)\r\n await uploadEncryptedData(db, userId, 'contacts')\r\n //remove pending contact\r\n const pendingDb = new PouchDB(`${userId}_pendingContacts`)\r\n const deletedRecord = {\r\n ...record,\r\n deleted: true\r\n }\r\n\r\n pendingDb.crypto(masterKey)\r\n await pendingDb.put(deletedRecord)\r\n const deletedRecords = await getRecords(\r\n userId,\r\n 'pendingContacts',\r\n masterKey,\r\n {\r\n startkey: record._id,\r\n endkey: `${record._id}\\ufff0`\r\n }\r\n )\r\n\r\n await permanentlyDeleteItems(\r\n 'pendingContacts',\r\n userId,\r\n deletedRecords,\r\n masterKey\r\n )\r\n await api.handleAddRecordRequest(\r\n JSON.stringify({\r\n isApproved,\r\n primaryUserId: userId,\r\n fullname: fullName,\r\n recordType: 'contact'\r\n })\r\n )\r\n\r\n localStorage.setItem('NotReload', true)\r\n addS3Change({\r\n variables: {\r\n message: 'contacts, pendingContacts',\r\n userId: userId\r\n }\r\n })\r\n setContactId('')\r\n dispatch(fetchPendingContacts(userId, masterKey))\r\n } else {\r\n rejectFormRef.props.form.resetFields()\r\n setRejectModalVisible(true)\r\n setRejectRecord(record)\r\n }\r\n } catch (error) {\r\n message.error(\r\n isApproved\r\n ? t('FAILED_TO_APPROVE_REQUEST')\r\n : t('FAILED_TO_REJECT_REQUEST')\r\n )\r\n } finally {\r\n SetLoading(false)\r\n }\r\n }\r\n\r\n const handleRejectRecord = () => {\r\n setRejecting(true)\r\n\r\n rejectFormRef.props.form.validateFields(async (err, values) => {\r\n try {\r\n if (err) {\r\n setRejecting(false)\r\n return\r\n }\r\n\r\n const { documents, links } = rejectRecord\r\n\r\n const contactIds = links?.filter(cId =>\r\n activeContacts.map(ac => ac._id).includes(cId)\r\n )\r\n\r\n const pendingContactIds = links?.filter(cId =>\r\n pendingContacts.map(pc => pc._id).includes(cId)\r\n )\r\n\r\n const pendingDb = new PouchDB(`${userId}_pendingContacts`)\r\n pendingDb.crypto(masterKey)\r\n const newRecord = {\r\n ...rejectRecord,\r\n assetsLiabilities: [],\r\n documents: [],\r\n links: [],\r\n status: 'Rejected',\r\n reasonReject: values.reasonReject\r\n }\r\n await pendingDb.put(newRecord)\r\n await uploadEncryptedData(pendingDb, userId, 'pendingContacts')\r\n\r\n //unlink document\r\n if (documents?.length) {\r\n const activeDocumentIds = rejectRecord.documents.filter(id =>\r\n activeDocuments.map(ad => ad._id).includes(id)\r\n )\r\n const pendingDocumentIds = rejectRecord.documents.filter(id =>\r\n pendingDocuments.map(pd => pd._id).includes(id)\r\n )\r\n\r\n if (activeDocumentIds?.length) {\r\n const documentsDb = new PouchDB(`${userId}_documents`)\r\n documentsDb.crypto(masterKey)\r\n await unlinkItemFromLinkedList(\r\n rejectRecord._id,\r\n 'contacts',\r\n activeDocumentIds,\r\n documentsDb\r\n )\r\n await uploadEncryptedData(documentsDb, userId, 'documents')\r\n }\r\n\r\n if (pendingDocumentIds?.length) {\r\n const pendingDocumentsDb = new PouchDB(`${userId}_pendingDocuments`)\r\n pendingDocumentsDb.crypto(masterKey)\r\n await unlinkItemFromLinkedList(\r\n rejectRecord._id,\r\n 'contacts',\r\n pendingDocumentIds,\r\n pendingDocumentsDb\r\n )\r\n\r\n await uploadEncryptedData(\r\n pendingDocumentsDb,\r\n userId,\r\n 'pendingDocuments'\r\n )\r\n }\r\n }\r\n\r\n //unlink contacts\r\n if (contactIds?.length) {\r\n unlinkContactsFromAnother(\r\n userId,\r\n newRecord._id,\r\n contactIds,\r\n masterKey,\r\n 'contacts'\r\n )\r\n }\r\n\r\n if (pendingContactIds?.length) {\r\n unlinkContactsFromAnother(\r\n userId,\r\n newRecord._id,\r\n pendingContactIds,\r\n masterKey,\r\n 'pendingContacts'\r\n )\r\n }\r\n\r\n await api.handleAddRecordRequest(\r\n JSON.stringify({\r\n isApproved: false,\r\n primaryUserId: userId,\r\n fullname: fullName,\r\n recordType: 'contact'\r\n })\r\n )\r\n\r\n dispatch(fetchPendingAssetsLiabilities(userId, masterKey))\r\n dispatch(fetchPendingContacts(userId, masterKey))\r\n setRejecting(false)\r\n setRejectModalVisible(false)\r\n setContactId()\r\n localStorage.setItem('NotReload', true)\r\n addS3Change({\r\n variables: {\r\n message:\r\n 'assetsLiabilities, pendingAssetsLiabilities, contacts, pendingContacts, documents, pendingDocuments, events',\r\n userId: userId\r\n }\r\n })\r\n } catch (error) {\r\n setRejecting(false)\r\n message.error(t('FAILED_TO_REJECT_REQUEST'))\r\n }\r\n })\r\n }\r\n\r\n return (\r\n <>\r\n \r\n {record.name ? (\r\n \r\n {contactIds.length} {t('PEOPLE')}\r\n \r\n \r\n )}\r\n
\r\n {record.name}
\r\n ) : (\r\n <>\r\n{t('GROUP_INFORMATION')}
\r\n{t('REJECTION_REASON')}
\r\n {record.reasonReject}\r\n \r\n }\r\n />\r\n )}\r\n\r\n {email.name}: {email.value}\r\n
\r\n ))}\r\n />\r\n\r\n \r\n {address.name}:\r\n \r\n {address.value}\r\n \r\n
\r\n ))}\r\n />\r\n\r\n \r\n {phoneNumber.name}:{' '}\r\n {phoneNumber.value}\r\n
\r\n ))}\r\n />\r\n\r\n \r\n {reference.name}:{' '}\r\n {reference.value}\r\n
\r\n ))}\r\n />\r\n\r\n \r\n handleContactRequest(record, true)}\r\n >\r\n {t('APPROVE')}\r\n \r\n
\r\n )}\r\n \r\n {filteredLinkedDocuments.length}\r\n
\r\n }\r\n style={{ padding: '0 0 20px' }}\r\n extra={\r\n\r\n {t('ALL')}\r\n !!isSelected(contact))}\r\n indeterminate={\r\n !contacts.every(contact => !!isSelected(contact)) &&\r\n contacts.some(contact => !!isSelected(contact))\r\n }\r\n onChange={e => {\r\n e.target.checked\r\n ? setSelectedContactIds(contacts.map(x => x._id))\r\n : setSelectedContactIds([])\r\n }}\r\n />\r\n
\r\n {groupData.map(group => (\r\n \r\n \r\n {group.key}\r\n
\r\n \r\n (\r\n \r\n {contact.shortName}\r\n \r\n )}\r\n mainInfo={contact => contact.name}\r\n subInfo={contact =>\r\n contact.emails &&\r\n !!contact.emails.length &&\r\n contact.emails[0].value\r\n }\r\n actionVisible={true}\r\n action={contact => {\r\n return (\r\n {\r\n toggleItem(contact)\r\n }}\r\n />\r\n )\r\n }}\r\n setSelectedItem={id =>\r\n toggleItem(contacts.find(x => x._id === id))\r\n }\r\n />\r\n
\r\n \r\n ))}\r\n \r\n ) : (\r\n \r\n {filteredContacts.length > 1 && (\r\n {\r\n setContactId('')\r\n setIsGroupView(true)\r\n }}\r\n >\r\n {filteredContacts.map(contact => (\r\n \r\n {contact.shortName}\r\n \r\n ))}\r\n \r\n )}\r\n (\r\n \r\n {contact.shortName}\r\n \r\n )}\r\n mainInfo={contact => contact.name}\r\n subInfo={contact =>\r\n contact.emails &&\r\n !!contact.emails.length &&\r\n contact.emails[0].value\r\n }\r\n selectedItem={contactId}\r\n setSelectedItem={setContactId}\r\n />\r\n
\r\n ) : (\r\n contactsGroupsByFirstChar.map(group => (\r\n \r\n \r\n {group.key}\r\n
\r\n \r\n (\r\n \r\n {contact.shortName}\r\n \r\n )}\r\n mainInfo={contact => contact.name}\r\n subInfo={contact =>\r\n contact.emails &&\r\n !!contact.emails.length &&\r\n contact.emails[0].value\r\n }\r\n selectedItem={contactId}\r\n setSelectedItem={setContactId}\r\n />\r\n
\r\n \r\n ))\r\n )\r\n ) : (\r\n {t('CONTACTS')}
\r\n{t('NO_CONTACTS_RESULTS')}
}\r\n subTitle={\r\n\r\n {isMdUp\r\n ? t('SEARCH_CONTACT_FROM_LEFT_SIDEBAR')\r\n : t('SEARCH_CONTACT_FROM_CONTACTS_LIST')}\r\n
\r\n }\r\n style={{ width: 460 }}\r\n />\r\n{t('INFORMATION')}
\r\n {extra}\r\n \r\n{version.description}
\r\n{t('CONTACT_INFORMATION')}
\r\n {extra}\r\n \r\n{version.description}
\r\n\r\n {email.name}: {email.value}\r\n
\r\n ))}\r\n />\r\n\r\n \r\n {address.name}: {address.value}\r\n
\r\n ))}\r\n />\r\n\r\n \r\n {phoneNumber.name}: {phoneNumber.value}\r\n
\r\n ))}\r\n />\r\n\r\n \r\n {reference.name}: {reference.value}\r\n
\r\n ))}\r\n />\r\n\r\n {t('FILE_INFORMATION')}
\r\n {extra}\r\n \r\n{record.description}
\r\n{t('PASSWORD_INFORMATION')}
\r\n {extra}\r\n \r\n{t('LOCATION_INFORMATION')}
\r\n {extra}\r\n \r\n{t('EVENT_INFORMATION')}
\r\n {extra}\r\n \r\n\r\n {t('DATA_RECOVERY_SUMMARY')} \r\n
\r\n {errMsg && (\r\n {t('DATA_RECOVERY')}
\r\n\r\n {sourceAssetsLiabilities.length}\r\n
\r\n }\r\n extra={\r\n\r\n {sourceContacts.length}\r\n
\r\n }\r\n extra={\r\n\r\n {filteredDocuments.length}\r\n
\r\n }\r\n extra={\r\n\r\n {sourcePasswords.length}\r\n
\r\n }\r\n extra={\r\n\r\n {sourceLocations.length}\r\n
\r\n }\r\n extra={\r\n\r\n {sourceEvents.length}\r\n
\r\n }\r\n extra={\r\n- \r\n {children}\r\n
- \r\n {children}\r\n
- \r\n {children}\r\n
\r\n {/* \r\n
\r\n\r\n \r\n Terms of Service\r\n
\r\n Version as at 6 October 2021\r\n- \r\n {/* A.\tImportant */}\r\n
- Important \r\n
- \r\n Please read these terms and conditions carefully before accessing\r\n this website and using the online services. You agree to be bound\r\n by the following terms and conditions. If you do not accept any of\r\n these terms and conditions, please immediately discontinue your\r\n access to this website and use of the online services. For an\r\n explanation of defined terms, please refer to the Definitions\r\n section at the end of these terms and conditions.\r\n \r\n
- Disclaimer \r\n
- \r\n The information and materials contained in or accessed through\r\n this website are provided on an “as is” and “as available” basis.\r\n We do not warrant the accuracy, adequacy, completeness or\r\n reasonableness of the information and materials contained in or\r\n accessed through this website and expressly disclaims liability\r\n from any errors in, or omissions from, such information and\r\n materials. No warranty of any kind, implied, express or statutory\r\n (including, but not limited to, warranties of title,\r\n merchantability, satisfactory quality, non-infringement of third\r\n party intellectual property rights, fitness for a particular\r\n purposes and freedom from computer virus and other malicious\r\n code), is given in conjunction with such information and\r\n materials, or this website in general.\r\n \r\n
- \r\n Under no circumstances shall we be liable regardless of the form\r\n of action for any failure of performance, system, server or\r\n connection failure, error, omission, interruption, breach of\r\n security, computer virus, malicious code, corruption, delay in\r\n operation or transmission, transmission error or unavailability of\r\n access in connection with your accessing this website and using\r\n the online services even if we had been advised as to the\r\n possibility.\r\n \r\n
- \r\n In no event shall we be liable to you or any other party for any\r\n damages, losses, expenses or costs whatsoever (including, without\r\n limitation, any direct, indirect, special, incidental or\r\n consequential damages, loss of profits or loss opportunity)\r\n arising in connection with your accessing this website and using\r\n the online services, regardless of the form of action and even if\r\n we had been advised as to the possibility of such damages.\r\n \r\n
- Indemnity \r\n
- \r\n You hereby agree to indemnify and hold us harmless against all\r\n damages, losses, expenses and costs suffered or incurred by us in\r\n connection with or arising from (i) your access to this website\r\n and use of its online services, or (ii) any other party’s access\r\n to this website and use of its online services using your login\r\n details, or (iii) your breach of any of these terms and\r\n conditions, or (iv) any other party’s breach of any of these terms\r\n and conditions using your login details.\r\n \r\n
- Hyperlinks \r\n
- \r\n For your convenience, we may include hyperlinks to websites that\r\n are owned and operated by third parties. Such linked websites are\r\n not under the control of us and we cannot accept responsibility\r\n for the contents of or the consequences of accessing any linked\r\n website or hyperlink contained in a linked website. Furthermore,\r\n the hyperlinks provided in this website shall not be considered or\r\n construed as an endorsement or verification of such linked website\r\n or its contents by us. You agree that your access to and use of\r\n such linked websites is entirely at your own risk and subject to\r\n the terms and conditions contained therein.\r\n \r\n
- Subscriptions and Payments \r\n
- Subscription period \r\n
- \r\n The online services or some parts of the online services are\r\n available only with a paid Subscription. You will be billed in\r\n advance on a recurring and periodic basis (such as but not\r\n limited to daily, weekly, monthly or annually), depending on the\r\n type of Subscription plan you select when purchasing the\r\n Subscription.\r\n \r\n
- \r\n At the end of each period, your Subscription will automatically\r\n renew for the same period at the prevailing rates unless\r\n cancelled by you or us.\r\n \r\n
- Subscription cancellation \r\n
- \r\n You may cancel your Subscription renewal through the relevant\r\n settings page in your Account.\r\n \r\n
- \r\n You will not receive a refund for the fees you already paid for\r\n your current Subscription period and you will be able to access\r\n the paid online services until the end of your current\r\n Subscription period.\r\n \r\n
- Billing \r\n
- \r\n All benefit of the online services are provided solely to you\r\n and are strictly non-transferable, non-refundable and\r\n non-exchangeable for cash, credit or other items and/or\r\n benefits.\r\n \r\n
- \r\n You shall provide us accurate and complete billing and payment\r\n method information.\r\n \r\n
- \r\n Should automatic billing fail to occur for any reason, or if\r\n your owings to us are not settled on time, your access to the\r\n online services requiring payment may be restricted and/or\r\n suspended until full payment is made. We reserve the right to\r\n downgrade your Subscription to a free plan (if any), cancel your\r\n Subscription or delete your accounts and data if full payment is\r\n not received when due.\r\n \r\n
- \r\n We may bill you for associated services consumed through the\r\n online services on behalf of such service providers. We shall\r\n not be liable for their services. Your personal information may\r\n be transmitted to such service providers for billing purposes.\r\n If you cease to be our customer, you will no longer be able to\r\n be billed for the associated services through us, but you shall\r\n remain responsible for all charges incurred prior to such\r\n cessation.\r\n \r\n
- Fee changes \r\n
- \r\n We may at any time and at our sole discretion change the\r\n Subscription fees, which will then become effective at the end\r\n of your then-current Subscription period.\r\n \r\n
- \r\n Your continued use of the online services after the Subscription\r\n fee change comes into effect constitutes your agreement to pay\r\n the modified Subscription fee amount.\r\n \r\n
- Refunds \r\n
- \r\n Except when required by law, paid Subscription fees are\r\n non-refundable.\r\n \r\n
- Free trial \r\n
- \r\n We may, at our sole discretion, offer a Subscription with a free\r\n trial for a limited period of time.\r\n \r\n
- \r\n You may be required to enter your billing and payment\r\n information in order to sign up for the free trial.\r\n \r\n
- \r\n If you do enter your billing information when signing up for a\r\n free trial, you will not be charged until the free trial has\r\n expired. On the last day of the free trial period, unless you\r\n cancelled your Subscription, you will be automatically charged\r\n the applicable Subscription fees for the type of Subscription\r\n you have selected.\r\n \r\n
- \r\n At any time and without notice, we reserve the right to (i)\r\n modify the terms and conditions of the free trial offer, or (ii)\r\n cancel such free trial offer.\r\n \r\n
- Promotions \r\n
- \r\n Any promotions (including but not limited to referral\r\n promotions) made available through the online services may be\r\n governed by additional rules separate from these terms. Unless\r\n otherwise specified, we reserve the right to modify the terms\r\n and conditions of any promotion, offer or discount (including to\r\n cancel), and a specific promotion, offer or discount is not\r\n valid with and may not be used with any other promotion, offer\r\n or discount.\r\n \r\n
- \r\n If your use of a specific promotion, offer or discount is\r\n conditional upon your fulfilment of certain criteria (such as\r\n but not limited to keeping your account in good standing for a\r\n certain period of time, using a personalised promotional code\r\n from a referrer known to you or being a customer of an affiliate\r\n or partner), and at any point in time you fail to satisfy such\r\n criteria or are otherwise not entitled to such promotion, offer\r\n or discount, we shall be entitled to clawback the benefit in\r\n full and charge you an equivalent value as determined by us.\r\n \r\n
- \r\n Notwithstanding anything to the contrary, any credit or amounts\r\n on your account in your favour are non-refundable and\r\n non-exchangeable for cash, credit or other items and/or\r\n benefits, but may be used by you to offset future payments to\r\n us.\r\n \r\n
- Access and Use \r\n
- \r\n You agree and undertake, in connection with the website and online\r\n services, and whether by yourself or in assisting others, to:\r\n \r\n
- \r\n not use any equipment, device, software or material which you\r\n know or have reason to suspect contains any viruses, malicious\r\n code or damaging components which may interfere with the\r\n operation of the website or online services, or corrupt data or\r\n software on or provided through the website or online services;\r\n \r\n
- \r\n not transmit any materials or information through the website or\r\n online services which are or may be offensive, indecent,\r\n defamatory, fraudulent, criminal or which may not be lawfully\r\n disseminated under applicable laws or which you know or have\r\n reason to suspect contains any viruses, malicious code or\r\n damaging components;\r\n \r\n
- \r\n not probe, scan or test the vulnerability of the website or any\r\n online services without our prior express written consent;\r\n \r\n
- \r\n not breach or otherwise circumvent any security or\r\n authentication measures;\r\n \r\n
- \r\n not abuse referrals or promotions to get more features than\r\n deserved or to sell features received from referrals or\r\n promotions;\r\n \r\n
- not circumvent feature limits; \r\n
- \r\n not sell the online services unless specifically authorised to\r\n do so;\r\n \r\n
- \r\n not harass or abuse our personnel or representatives or agents\r\n performing services on behalf of us;\r\n \r\n
- \r\n not violate the privacy of or infringe the rights of others;\r\n \r\n
- \r\n access the website and use the online services in conformity\r\n with all applicable laws, the acceptable use policies of any\r\n connected computer networks and any applicable Internet\r\n standards.\r\n \r\n
- \r\n We may at any time without notice to you determine and vary the\r\n (a) frequency and operating hours of, and manner of access to, the\r\n website and use of its online services, and (b) the types of\r\n information, facilities and services available.\r\n \r\n\r\n
- \r\n You will be responsible for all transactions made by the use or\r\n purported use of the website and its online services by any\r\n person, with or without your authority, knowledge or consent, and\r\n may not claim against us in respect of any such use or purported\r\n use.\r\n \r\n\r\n
- \r\n We may at any time, without notice to you and without assigning\r\n any reason therefor, and without liability for any inconvenience,\r\n loss, damage or injury suffered by you or any third party:\r\n \r\n
- \r\n limit, suspend or terminate any or all of the website and/or its\r\n online services;\r\n \r\n
- \r\n disallow any transaction or allow a transaction subject to such\r\n conditions as we see fit; or\r\n \r\n
- \r\n revoke or suspend your, or any person’s, right and authority to\r\n access the website and use the online services.\r\n \r\n
- Authorised User \r\n
- \r\n You acknowledge and confirm that any persons that you have\r\n authorised or are deemed to have authorised to access and/or use\r\n the online services directly or indirectly in relation to you (all\r\n such persons to be collectively referred to as the{' '}\r\n \"Authorised Users\"), are, subject to any restrictions that\r\n we may impose, severally empowered and authorised to give orders\r\n or instructions through the online services on your behalf and\r\n shall act, without prejudice to any other capacity which such\r\n person may be transacting under, as your agent when accessing\r\n and/or using the website or online services, directly or\r\n indirectly in relation to you.\r\n \r\n
- \r\n You acknowledge and confirm that we shall be authorised to\r\n disclose your information to your Authorised Users or any persons\r\n whom we reasonably believe in good faith to be your Authorised\r\n Users.\r\n \r\n
- \r\n You acknowledge and agree that all use and/or access of the\r\n website and online services by your Authorised Users shall be\r\n deemed your use. All references to your access or use of the\r\n website or online services shall be deemed to include the\r\n Authorised User's use and/or access where applicable. You shall\r\n procure and ensure that each of your Authorised Users is aware of\r\n and complies with the terms of this Agreement in relation to you.\r\n \r\n
- \r\n Where you are accessing this website or using the online services\r\n as an Authorised User, you agree that:\r\n \r\n
- \r\n the terms and conditions of this Agreement shall apply to any\r\n such access or use; and\r\n \r\n
- \r\n you shall be bound by and shall comply with all other terms and\r\n conditions or restrictions applicable to you in connection with\r\n such use.\r\n \r\n
- Instructions \r\n
- \r\n You agree to be bound by any access or use of the website or\r\n online services (whether such access or use are authorised by you\r\n or not) which are referable to your information or Security Codes\r\n or those of your Authorised User. You agree and acknowledge that\r\n any use of or access to the website or online services referable\r\n to your information or Security Codes or those of your Authorised\r\n Users and any Instructions shall be deemed to be, as the case may\r\n be:\r\n \r\n
- \r\n use of or access to the website or online services by you or\r\n your Authorised Users; or\r\n \r\n
- \r\n Instructions transmitted or validly issued by you or your\r\n Authorised Users.\r\n \r\n
- \r\n You further agree that we shall be entitled (but not obliged) to\r\n act upon, rely on or hold you solely responsible and liable in\r\n respect thereof as if the same were carried out or transmitted by\r\n you or your Authorised Users and you waive all rights and remedies\r\n against us in respect of any loss, damage or expense thereby\r\n arising. You will be responsible and shall be liable for all\r\n Instructions.\r\n \r\n
- \r\n We are under no obligation to investigate the authenticity or\r\n authority of persons effecting the Instructions or to verify the\r\n accuracy and completeness of the Instructions. Accordingly, we may\r\n (a) treat the Instructions as valid and binding on you; and/or (b)\r\n reveal your information to such persons notwithstanding any\r\n unauthorised access to the website or online services, error,\r\n fraud, forgery, lack of clarity or misunderstanding in the terms\r\n of the Instructions. Any loss, damage or expense resulting from\r\n the use of the website or online services by you or your\r\n Authorised Users are entirely at your own risk and we shall not be\r\n liable therefor.\r\n \r\n
- \r\n All Instructions will be deemed to be irrevocable and\r\n unconditional upon transmission through the website or online\r\n services and we shall be entitled (but not obliged) to effect,\r\n perform or process such Instruction(s) without your further\r\n consent and without any further reference or notice to you.\r\n Nevertheless, in certain circumstances you may request to cancel\r\n or amend the Electronic Instructions which we will endeavour to\r\n give effect to on a commercially reasonable effort basis. However,\r\n notwithstanding the foregoing, we are not obliged to give effect\r\n to any request to cancel or amend any Instruction.\r\n \r\n
- \r\n Instructions may not have been received by us and accordingly, may\r\n not be carried out or processed, and we will not be liable for any\r\n loss, damage or expense which thereby arises. You are therefore\r\n advised to check on such Instructions via the website or online\r\n services or otherwise. Unless otherwise stated or determined in\r\n our absolute discretion any Instruction received by us after the\r\n relevant cut-off time on a business day (as determined by us from\r\n time to time) or on a non-business day in Singapore will be\r\n treated as an Instruction received on the next business day.\r\n \r\n
- \r\n You acknowledge and agree that we may at any time at our sole\r\n discretion and without stating reasons:\r\n \r\n
- \r\n require that you identify yourself by alternative means;\r\n \r\n
- \r\n require any Instructions to be confirmed through alternative\r\n means;\r\n \r\n
- \r\n refrain from acting promptly upon any Instructions in order to\r\n verify the authenticity of any Instructions or your identity;\r\n \r\n
- \r\n determine the order of priority in effecting the Instructions,\r\n \r\n
- \r\n decline to act on the Instructions at any time without prior\r\n notice or giving any reason, where:\r\n
\r\n \r\n without incurring any responsibility for loss, liability or\r\n expense arising out of so declining to act.\r\n- \r\n the Instructions are ambiguous, incomplete or inconsistent\r\n with your other Instructions or instructions, information\r\n and/or data;\r\n
\r\n- \r\n the Instructions have lapsed, been rendered invalid due to\r\n failure to comply with applicable conditions or are\r\n cancelled by the relevant regulatory or governmental body;\r\n
\r\n- \r\n the Instructions cannot be processed due to any disruptions\r\n that are beyond our reasonable control;\r\n
\r\n \r\n - \r\n You agree and acknowledge that Instructions may not be processed\r\n immediately, around the clock or in a timely manner, and that we\r\n will not thereby be liable for any loss, damage or expense\r\n suffered by you as a result of any delay.\r\n \r\n
- \r\n You shall be solely responsible for ensuring the accuracy,\r\n adequacy and completeness of the Instructions and we shall not be\r\n obliged to verify the accuracy, adequacy and completeness of such\r\n instructions. You agree that we shall not be liable for any loss,\r\n damage or expense suffered by you as a result of any Instructions\r\n being inaccurate, inadequate or incomplete in any way.\r\n \r\n
- Security \r\n
- \r\n Use of the online services may require the use of Security Codes.\r\n Your Security Codes may be dispatched by us, at your risk: by mail\r\n to your last known address, by email to your last known email\r\n address, or in such other manner as we may prescribe. You agree to\r\n hold us harmless if any other person obtains possession of any of\r\n your Security Codes or Security Device.\r\n \r\n
- \r\n Separate Security Codes for your Authorised Users may be issued\r\n directly to your Authorised User on such conditions as determined\r\n by us from time to time and such issuance will be subject to the\r\n terms of this Agreement to be accepted in full by the Authorised\r\n User in their personal capacity.\r\n \r\n
- \r\n You are responsible for the confidentiality and use of your\r\n Security Codes. It is vital that you take steps to prevent\r\n disclosure or discovery of the Security Codes provided to you as\r\n you are liable for all losses incurred or transactions carried out\r\n in connection with any unauthorised use of the Security Codes or\r\n Security Devices and you may not claim against us in respect of\r\n any such use or purported use.\r\n \r\n
- \r\n You must notify us by contacting us in the manner stipulated in\r\n the online services immediately if you have lost any of your\r\n Security Codes, Security Devices or have knowledge or have reason\r\n for suspecting that the confidentiality of the Security Codes have\r\n been compromised or if there has been any unauthorised use of the\r\n Security Codes (such as where you notice any unauthorised\r\n transactions or unauthorised access to your Accounts through the\r\n online services). Following the occurrence of any event referred\r\n to in this Clause, we may at our discretion issue replacement\r\n Security Codes and/or Security Devices and charge a replacement\r\n fee.\r\n \r\n
- \r\n We may at our sole discretion require you to use and shall issue\r\n to you, replacement Security Codes or Security Devices.\r\n \r\n
- \r\n All Security Devices provided to you by us are and will remain our\r\n property and you must return all Security Devices promptly upon\r\n our request or upon cancellation or termination of the online\r\n services. Security Devices must not be altered, tampered with,\r\n disassembled or in any way copied or modified, and must not be\r\n dealt with or exploited in any way without our written\r\n authorisation.\r\n \r\n
- \r\n You shall notify us immediately upon receipt of any data or\r\n information which is not intended for you and you shall delete\r\n such data or information from your telecommunications device or\r\n equipment immediately.\r\n \r\n
- \r\n If any Authorised User to whom the Security Codes and/or Security\r\n Devices are given is no longer authorised to use the online\r\n services in relation to your Account, you shall immediately notify\r\n us.\r\n \r\n
- Copyright \r\n
- \r\n Unless accompanied by an explicit statement to the contrary, all\r\n information and materials contained in or accessed through this\r\n website are protected by copyrights, trademarks, database rights\r\n or other intellectual property rights, and is the property of\r\n ours.\r\n \r\n
- \r\n Except as otherwise specifically agreed in writing or to the\r\n extent necessary for your access to this website and use of its\r\n online services in accordance with these terms and conditions, you\r\n shall not (i) copy the website in whole or in part, (ii) display,\r\n reproduce, create derivative works from, transmit, sell,\r\n distribute, rent, lease, sublicense, timeshare, lend or transfer\r\n or in any way exploit the website in whole or in part, (iii) embed\r\n the website into other products, (iv) use the website in any\r\n timesharing arrangement, (v) create function calls or other\r\n embedded links from any software program to the website, (vi)\r\n remove or obscure any copyright notice of ours or any of its third\r\n party suppliers, (vii) use any trademarks, service markets, domain\r\n names, logos or other identifiers of ours or of any of its third\r\n party suppliers, or (viii) save to the extent permitted by law,\r\n reverse engineer, decompile, disassemble or access the source code\r\n of the website.\r\n \r\n
- \r\n Nothing on the website is designed to grant any license or right\r\n to use any image, trademark or logo. No act of downloading or\r\n otherwise copying from the website will transfer any legal\r\n entitlement to any software, information or materials on the\r\n website to you. We reserve all intellectual property rights\r\n (including but not limited to copyrights, trademarks or database\r\n rights) to all information and materials on the website, and will\r\n enforce such rights to the full extent of the law.\r\n \r\n
- Severability \r\n
- \r\n To the extent that any provisions in these terms and conditions\r\n are found by any competent court or authority to be invalid,\r\n unlawful or unenforceable in any jurisdiction, that provision\r\n shall be deemed to be severed from these terms and conditions but\r\n such finding shall not affect the validity, lawfulness or\r\n enforceability of these terms and conditions in any other\r\n jurisdiction.\r\n \r\n
- Consent to Disclosure and Use of Information \r\n
- \r\n By accessing the website and/or using the online services, you\r\n acknowledge and accept the disclosure of your information to us,\r\n our affiliates or such other third party for the purpose of\r\n providing you access to the website and/or use of the online\r\n services, and sending you notices and communications relating to\r\n your access to the website and/or use of the online services, or\r\n to your business with us. Failure to allow such disclosure, access\r\n to or use of your information may result in our inability to offer\r\n or continue to offer the online services to you.\r\n \r\n
- \r\n You will provide us with any information or documentation that we\r\n may reasonably request relating to your access of the website or\r\n use of the online services and shall cooperate with us in any\r\n related investigation or litigation.\r\n \r\n
- \r\n Our authority to collect, use or disclose your information shall\r\n survive the termination of this Agreement, and our rights and\r\n abilities under this section shall be in addition to and without\r\n prejudice to our other rights of disclosure under and pursuant to\r\n any other agreement you have with us, or any other laws and\r\n nothing herein is to be construed as limiting any of those other\r\n rights.\r\n \r\n
- \r\n Neither we nor any of our personnel shall be liable for any loss\r\n or damage suffered by you as a result of any disclosure of any\r\n information which you have consented to us collecting, using or\r\n disclosing or where such collection, use or disclosure is allowed\r\n under the applicable laws.\r\n \r\n
- \r\n For information on how we collect, use and disclose personal data,\r\n please request our Personal Data Protection Policy Statement from\r\n us using the contact form on{' '}\r\n
- Personal Data Protection Statement \r\n
- \r\n This statement applies to any individual’s personal data which is\r\n accessible to us in the clear, and in our possession or under our\r\n control.\r\n \r\n
- \r\n In this statement, “personal data” refers to data, whether true or\r\n not, that can be used to uniquely identify a natural person.\r\n Personal data can be collected from various sources and processed\r\n by us. Such data includes but is not limited to your personal\r\n particulars, financial details, images and biometrics, personal\r\n opinions made known to us and information relating to your\r\n activities, preferences and interests arising from your use of the\r\n products and services of us, our affiliates or our partners or\r\n vendors, and other data or information relating to you through the\r\n usage of the online services or as part of the delivery of the\r\n online services to you.\r\n \r\n
- \r\n We may use your personal data for our core business purposes,\r\n which includes without limitation:\r\n \r\n
- \r\n developing and providing products or services (whether made\r\n available by us or through us);\r\n \r\n
- \r\n assessing and processing applications, Instructions or requests\r\n from you or any Authorised User;\r\n \r\n
- \r\n communicating with you, including providing you with updates on\r\n changes to products and services (whether made available by us\r\n or through us) including any additions, expansions, suspensions\r\n and replacements of or to such products and services and their\r\n terms and conditions;\r\n \r\n
- \r\n managing our infrastructure, business operations and complying\r\n with internal policies and procedures;\r\n \r\n
- responding to queries or feedback; \r\n
- \r\n addressing or investigating any complaints, claims or disputes;\r\n \r\n
- \r\n verifying your identity for the purposes of providing any\r\n products or services;\r\n \r\n
- \r\n conducting credit checks, screenings or due diligence checks as\r\n may be required under applicable law, regulation or directive;\r\n \r\n
- \r\n complying with all applicable laws, regulations, rules,\r\n directives, orders, instructions, guidance and requests from any\r\n local or foreign authorities, including regulatory,\r\n governmental, tax and law enforcement authorities or other\r\n authorities;\r\n \r\n
- \r\n monitoring products and services provided by or made available\r\n through us;\r\n \r\n
- \r\n financial reporting, regulatory reporting, management reporting,\r\n risk management (including monitoring credit exposures), audit\r\n and record keeping purposes;\r\n \r\n
- \r\n enabling any actual or proposed assignee or transferee,\r\n participant or sub-participant of our rights or obligations to\r\n evaluate any proposed transaction;\r\n \r\n
- enforcing obligations owed to us \r\n
- \r\n in connection with performance of duties when seeking\r\n consultancy or professional advice, including legal advice;\r\n and/or\r\n \r\n
- \r\n administering benefits or entitlements in connection with our\r\n relationship with you, including the administration of loyalty,\r\n rewards programmes, lucky draws, and/or sending gifts and awards\r\n sent by post or left at your last known address or sent to your\r\n last known email will be deemed to be received by you on the day\r\n following such posting or transmission or on the day when it was\r\n so left; or\r\n \r\n
- \r\n for such purposes set out in the terms and conditions governing\r\n our relationship with you or Authorised User.\r\n \r\n
- \r\n We may use your personal data to offer you products or services,\r\n including special offers, promotions, contests or entitlements\r\n that may be of interest to you or for which you may be eligible.\r\n Such marketing messages may be sent to you in various modes\r\n including but not limited to electronic mail, direct mailers,\r\n short message service, telephone calls, facsimile and other mobile\r\n messaging services.\r\n \r\n
- \r\n If you are in Singapore, in respect of sending telemarketing\r\n messages to your Singapore telephone number via short message\r\n service, telephone calls (voice or video), facsimile and other\r\n mobile messaging services, we will only do so if\r\n \r\n
- \r\n you have provided your clear and unambiguous consent in writing\r\n or other recorded form for us to do so, which shall override any\r\n registration of that number with the Singapore National Do Not\r\n Call Registry; or\r\n \r\n
- \r\n you have not indicated to us in our ongoing relationship that\r\n you do not wish to receive telemarketing messages sent to your\r\n Singapore telephone number and you have not registered that\r\n number with the Singapore National Do Not Call Registry.\r\n \r\n
- \r\n We may from time to time and in compliance with all applicable\r\n laws on data privacy, disclose your personal data to any of our\r\n personnel or to third parties, whether located in Singapore or\r\n elsewhere, in order to carry out the purposes set out above.\r\n \r\n
- \r\n We may transfer, store, process and/or deal with your personal\r\n data outside Singapore. In doing so, we will comply with\r\n applicable data protection laws.\r\n \r\n
- \r\n Our products and services may use cookies. A cookie is a small\r\n text file placed on your computer or mobile device when you visit\r\n a web site or use an app. We use cookies and other technologies to\r\n facilitate your internet sessions and use of our products and\r\n services, offer you products and/or services according to your\r\n preferred settings, track use of our products and services and to\r\n compile statistics about activities carried out on our web sites\r\n and/or through our products and services. We may also use web\r\n beacons or similar technologies with or without cookies.\r\n \r\n
- \r\n You may set up your web browser to block cookies or you may also\r\n remove cookies stored from your computer or mobile device.\r\n However, this may limit certain features and functions in your use\r\n of the relevant products and services.\r\n \r\n
- \r\n Your personal data is retained as long as the purpose for which it\r\n was collected remains and until it is no longer necessary for any\r\n other legal or business purposes.\r\n \r\n
- \r\n You may request access or make corrections to your personal data\r\n held by us. We may charge a fee for processing your request for\r\n access. Such a fee depends on the nature and complexity of your\r\n access request. Information on the processing fee will be made\r\n available to you upon reasonable request.\r\n \r\n
- \r\n This statement may be amended by us from time to time. We will\r\n make available the statement on{' '}\r\n
- \r\n To contact us on any aspect of this statement or your personal\r\n data, please contact us using the contact form on{' '}\r\n
- Notices \r\n
- \r\n All notices or other communications given by us to you if:\r\n \r\n
- \r\n sent by post or left at your last known address or sent to your\r\n last known email will be deemed to be received by you on the day\r\n following such posting or transmission or on the day when it was\r\n so left; or\r\n \r\n
- \r\n communicated through any print or electronic media (including\r\n but not limited to via this website or online services) as we\r\n may select will be deemed to be notified to you on the date of\r\n publication or broadcast.\r\n \r\n
- Records \r\n
- \r\n Our records of information or transactions shall be conclusive\r\n against and binding on you except in the case of manifest error.\r\n You hereby agree that all such records are admissible in evidence\r\n and that you shall not challenge or dispute the admissibility,\r\n reliability, accuracy or the authenticity of the contents of such\r\n records merely on the basis that such records were incorporated\r\n and/or set out in electronic form or are produced by or were the\r\n output of a computer system, and you hereby waive any of your\r\n rights (if any) to so object.\r\n \r\n
- No Waiver \r\n
- \r\n No failure to exercise, nor any delay in exercising, on our part\r\n any right or remedy under this Agreement will operate as a waiver\r\n thereof, nor shall any single or partial exercise of any right or\r\n remedy prevent any further or other exercise thereof or the\r\n exercise of any other right or remedy. Our rights and remedies in\r\n this Agreement are cumulative and not exclusive of any other\r\n rights or remedies provided by law.\r\n \r\n
- Miscellaneous \r\n
- \r\n We reserve the right to use any providers, subcontractors and/or\r\n agents on such terms as we deem appropriate.\r\n \r\n
- \r\n Except for our affiliates, providers, subcontractors and agents,\r\n no person or entity who is not a party to this Agreement shall\r\n have any right under the Contracts (Rights of Third Parties) Act\r\n (Cap. 53B) to enforce any term of this Agreement, regardless of\r\n whether such person or entity has been identified by name, as a\r\n member of a class or as answering a particular description. For\r\n the avoidance of doubt, this shall not affect the rights of any\r\n permitted assignee or transferee of this Agreement.\r\n \r\n
- \r\n The information and materials contained in or accessed through\r\n this website or the online services are subject to change\r\n (including, without limitation, modification, deletion or\r\n replacement thereof) without notice.\r\n \r\n
- \r\n We may without giving any reason vary this Agreement at any time\r\n with or without prior notice to you. We will post the most current\r\n version of this Agreement at{' '}\r\n
- \r\n We, our affiliates, providers, subcontractors and agents shall not\r\n be liable for any non-performance, error, interruption or delay in\r\n the performance of any obligations under this Agreement or in the\r\n website’s or online services’ operation, or for any inaccuracy,\r\n unreliability or unsuitability of the online services if this is\r\n due, in whole or in part, directly or indirectly to an event or\r\n failure which is beyond its reasonable control (which includes\r\n acts of God, natural disasters, acts of terrorism, embargoes,\r\n epidemics, acts of any government or authority, power failures,\r\n and the acts or a party for whom we, our affiliates, providers,\r\n subcontractors and agents are not responsible for).\r\n \r\n
- Governing Law and Jurisdiction \r\n
- \r\n Nothing herein shall be construed as a representation by us that\r\n the information and materials contained in or accessed through\r\n this website is appropriate or available for use in jurisdictions\r\n other than Singapore. By accessing this website and using the\r\n online services, you agree that such access to this website and\r\n use of its online services, as well as these terms and conditions\r\n shall be governed by, and construed in accordance with, the laws\r\n of the Republic of Singapore, and you agree to submit to the\r\n exclusive jurisdiction of the Singapore courts.\r\n \r\n
- Definitions \r\n
- \r\n In this Agreement, unless the context otherwise requires:\r\n \r\n
- \r\n “Account” means the specific electronic vault or custody account\r\n or engagement which you maintain with and through us;\r\n \r\n
- \r\n \"affiliate\" means, in relation to any person, a person that\r\n directly, or indirectly through one or more intermediaries,\r\n controls or is controlled by, or is under common control with,\r\n such person;\r\n \r\n
- \r\n “Instructions” means any communication, instruction, order,\r\n message, data, information or other materials received by us via\r\n the website, online services or any other channel and referable\r\n to your information, Security Codes or those of your Authorised\r\n Users (including use of your information or Security Codes or\r\n those of your Authorised Users by any person, whether authorised\r\n or unauthorised by you or your Authorised Users), from you or\r\n purporting to come from you or from your Authorised Users or\r\n purporting to come from your Authorised Users;\r\n \r\n
- \r\n “online services” means any services offered or otherwise\r\n accessed in any manner through this website;.\r\n \r\n
- \r\n “Security Codes” means personal or login identification details,\r\n Security Devices and other codes (including but not limited to\r\n passcodes, whether selected by you, generated for one-time use\r\n or otherwise) and access procedures for use in connection with\r\n access to and use of the website or online services;\r\n \r\n
- \r\n \"Security Devices\" means any software, tokens, electronic\r\n devices, hardware or any other equipment required in conjunction\r\n with the Security Codes in order to enable you to access and/or\r\n use the website or online services;\r\n \r\n
- \r\n “Subscription” means the online services or access to the online\r\n services (or such add-on, component or part thereof) offered on\r\n a subscription basis to you;\r\n \r\n
- \r\n “this Agreement” means these terms and conditions as amended or\r\n supplemented;\r\n \r\n
- \r\n “BDS” (which may also be referred to as “we”, “us” or “our”)\r\n means Bino Digital Solutions Pte. Ltd. and/or its affiliates;\r\n \r\n
- \r\n “you” means the individual accessing or using the website and/or\r\n online services, or the company or legal entity on behalf of\r\n which such individual is accessing or using the website and/or\r\n online services, as applicable;\r\n \r\n
- \r\n words importing the singular include the plural and vice versa;\r\n \r\n
- \r\n words importing the masculine gender include the feminine or\r\n neuter gender and vice versa;\r\n \r\n
- \r\n references to persons are to be construed as references to an\r\n individual, company or trust as the context requires; and\r\n \r\n
- \r\n headings are for ease of reference and shall not affect the\r\n interpretation of any provision herein.\r\n \r\n
Please reduce your file size below 2 GB to use the free plan.
\r\n )}\r\n \r\n Total size:{' '}\r\n {formatBytes(\r\n usedStorage - sum(deletedRecords.map(item => item.file[0].size))\r\n )}\r\n
\r\n \r\n Pending deletion files size:{' '}\r\n {formatBytes(sum(deletedRecords.map(item => item.file[0].size)))}\r\n
\r\n\r\n {/* */}\r\n\r\n \r\n \r\n
\r\n \r\n To continue using this plan, please add a payment method with in\r\n one week, otherwise your current subscription will be canceled and\r\n downgraded to a free plan. Please reduce your file size below 2 GB to\r\n use the free plan.\r\n
\r\n\r\n \r\n {tableFilesVisible && (\r\n
\r\n {isDeputyOnly ? (\r\n
\r\n )\r\n}\r\n\r\nconst StyledOverlay = styled(Overlay)`\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n z-index: 999;\r\n width: 100%;\r\n height: 100%;\r\n background-color: #fff;\r\n opacity: 0.6;\r\n`\r\nexport default StyledOverlay\r\n","import { createSlice } from '@reduxjs/toolkit'\r\nimport { getRecords } from '../../lib/pouchDb'\r\nimport { onError } from '../../lib/sentry'\r\n\r\nconst initialState = {\r\n assetsLiabilities: [],\r\n deletedAssetsLiabilities: [],\r\n activeAssetsLiabilities: [],\r\n draftAssetsLiabilities: [],\r\n valuations: [],\r\n pendingAssetsLiabilities: [],\r\n rejectedAssetsLiabilities: [],\r\n pendingLoading: false,\r\n pendingError: null,\r\n isLoading: false,\r\n error: null\r\n}\r\n\r\nconst otherAssetsLiabilities = createSlice({\r\n name: 'otherAssetsLiabilities',\r\n initialState,\r\n reducers: {\r\n getOtherAssetsLiabilitiesStart(state) {\r\n state.isLoading = true\r\n state.error = null\r\n },\r\n getOtherAssetsLiabilitiesSuccess(state, action) {\r\n const { assetsLiabilities } = action.payload\r\n state.assetsLiabilities = assetsLiabilities\r\n state.deletedAssetsLiabilities = assetsLiabilities.filter(\r\n al => al.deleted\r\n )\r\n state.activeAssetsLiabilities = assetsLiabilities.filter(\r\n al => !al.deleted\r\n )\r\n // state.draftAssetsLiabilities = assetsLiabilities.filter(\r\n // al => !al.deleted && al.status === 'Draft'\r\n // )\r\n state.isLoading = false\r\n state.error = null\r\n },\r\n getOtherAssetsLiabilitiesFailure(state, action) {\r\n state.isLoading = false\r\n state.error = action.payload\r\n },\r\n getOtherPendingAssetsLiabilitiesStart(state) {\r\n state.pendingLoading = true\r\n state.pendingError = null\r\n },\r\n getOtherPendingAssetsLiabilitiesSuccess(state, action) {\r\n const { assetsLiabilities } = action.payload\r\n state.pendingAssetsLiabilities = assetsLiabilities.filter(\r\n al => al.status === 'Draft'\r\n )\r\n state.rejectedAssetsLiabilities = assetsLiabilities.filter(\r\n al => al.status === 'Rejected'\r\n )\r\n state.pendingLoading = false\r\n state.pendingError = null\r\n },\r\n getOtherPendingAssetsLiabilitiesFailure(state, action) {\r\n state.pendingLoading = false\r\n state.pendingError = action.payload\r\n },\r\n getOtherValuationsStart(state) {\r\n state.valuationsLoading = true\r\n state.valuationsError = null\r\n },\r\n getOtherValuationsSuccess(state, action) {\r\n const { valuations } = action.payload\r\n state.valuations = valuations\r\n state.valuationsLoading = false\r\n state.valuationsError = null\r\n },\r\n getOtherValuationsFailure(state, action) {\r\n state.valuationsLoading = false\r\n state.valuationsError = action.payload\r\n }\r\n }\r\n})\r\n\r\nexport const {\r\n getOtherAssetsLiabilitiesStart,\r\n getOtherAssetsLiabilitiesSuccess,\r\n getOtherAssetsLiabilitiesFailure,\r\n getOtherPendingAssetsLiabilitiesStart,\r\n getOtherPendingAssetsLiabilitiesSuccess,\r\n getOtherPendingAssetsLiabilitiesFailure,\r\n getOtherValuationsStart,\r\n getOtherValuationsSuccess,\r\n getOtherValuationsFailure\r\n} = otherAssetsLiabilities.actions\r\n\r\nexport default otherAssetsLiabilities.reducer\r\n\r\nexport const fetchOtherAssetsLiabilities = (\r\n userId,\r\n masterKey\r\n) => async dispatch => {\r\n try {\r\n dispatch(getOtherAssetsLiabilitiesStart())\r\n const assetsLiabilities = await getRecords(\r\n userId,\r\n 'assetsLiabilities',\r\n masterKey\r\n )\r\n dispatch(getOtherAssetsLiabilitiesSuccess({ assetsLiabilities }))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(getOtherAssetsLiabilitiesFailure(err.toString()))\r\n }\r\n}\r\n\r\nexport const fetchOtherPendingAssetsLiabilities = (\r\n userId,\r\n masterKey\r\n) => async dispatch => {\r\n try {\r\n dispatch(getOtherPendingAssetsLiabilitiesStart())\r\n const assetsLiabilities = await getRecords(\r\n userId,\r\n 'pendingAssetsLiabilities',\r\n masterKey\r\n )\r\n\r\n dispatch(getOtherPendingAssetsLiabilitiesSuccess({ assetsLiabilities }))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(getOtherPendingAssetsLiabilitiesFailure(err.toString()))\r\n }\r\n}\r\n\r\nexport const fetchOtherValuations = (userId, masterKey) => async dispatch => {\r\n try {\r\n dispatch(getOtherValuationsStart())\r\n const valuations = await getRecords(\r\n userId,\r\n 'assetsLiabilitiesValuations',\r\n masterKey\r\n )\r\n dispatch(getOtherValuationsSuccess({ valuations }))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(getOtherValuationsFailure(err.toString()))\r\n }\r\n}\r\n","import { createSlice } from '@reduxjs/toolkit'\r\nimport api from '../../lib/api'\r\n\r\nconst initialState = {\r\n customer: {},\r\n subscription: {},\r\n allowedStorage: 2 * 1024 * 1024 * 1024,\r\n isLoading: false,\r\n error: null,\r\n schedule: null\r\n}\r\n\r\nconst otherCustomer = createSlice({\r\n name: 'customer',\r\n initialState,\r\n reducers: {\r\n getOtherCustomerStart(state) {\r\n state.isLoading = true\r\n state.error = null\r\n },\r\n getOtherCustomerSuccess(state, action) {\r\n const { customer, schedule } = action.payload\r\n state.customer = customer || {}\r\n state.subscription = customer.subscriptions?.data[0] || {}\r\n state.schedule = schedule\r\n const storageFromPlan =\r\n state.subscription?.items?.data[0].plan.metadata?.storage\r\n if (storageFromPlan) {\r\n state.allowedStorage = storageFromPlan * 1024 * 1024 * 1024\r\n }\r\n\r\n state.isLoading = false\r\n state.error = null\r\n },\r\n getOtherCustomerFailure(state, action) {\r\n state.isLoading = false\r\n state.error = action.payload\r\n }\r\n }\r\n})\r\n\r\nexport const { getOtherCustomerStart, getOtherCustomerSuccess, getOtherCustomerFailure } =\r\notherCustomer.actions\r\n\r\nexport default otherCustomer.reducer\r\n\r\nexport const fetchOtherCustomer = userId => async dispatch => {\r\n try {\r\n dispatch(getOtherCustomerStart())\r\n const res = await api.getCustomer(userId)\r\n dispatch(getOtherCustomerSuccess(res.data.message ? {} : res.data))\r\n } catch (err) {\r\n dispatch(getOtherCustomerFailure(err.toString()))\r\n }\r\n}\r\n","import { createSlice } from '@reduxjs/toolkit'\r\nimport { getRecords } from '../../lib/pouchDb'\r\nimport { onError } from '../../lib/sentry'\r\nimport api from '../../lib/api'\r\n\r\nconst initialState = {\r\n events: [],\r\n deletedEvents: [],\r\n activeEvents: [],\r\n isLoading: false,\r\n error: null\r\n}\r\n\r\nconst events = createSlice({\r\n name: 'events',\r\n initialState,\r\n reducers: {\r\n getOtherEventsStart(state) {\r\n state.isLoading = true\r\n state.error = null\r\n },\r\n getOtherEventsSuccess(state, action) {\r\n const { events } = action.payload\r\n state.events = events\r\n state.deletedEvents = events.filter(item => item.deleted)\r\n state.activeEvents = events.filter(item => !item.deleted)\r\n state.isLoading = false\r\n state.error = null\r\n },\r\n getOtherEventsFailure(state, action) {\r\n state.isLoading = false\r\n state.error = action.payload\r\n }\r\n }\r\n})\r\n\r\nexport const {\r\n getOtherEventsStart,\r\n getOtherEventsSuccess,\r\n getOtherEventsFailure\r\n} = events.actions\r\n\r\nexport default events.reducer\r\n\r\nexport const fetchOtherEvents = (userId, masterKey) => async dispatch => {\r\n try {\r\n dispatch(getOtherEventsStart())\r\n let events = []\r\n const eventsFromPouchDB = await getRecords(userId, 'events', masterKey)\r\n const eventsFromDynamoDB = await api.getEvents(userId)\r\n if (eventsFromDynamoDB.data?.events) {\r\n events = eventsFromPouchDB\r\n .map(event => {\r\n const results = eventsFromDynamoDB.data.events.filter(\r\n e => e.id === event._id\r\n )\r\n return results.map(e => {\r\n return {\r\n ...event,\r\n ...e\r\n }\r\n })\r\n })\r\n .flat()\r\n }\r\n dispatch(getOtherEventsSuccess({ events }))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(getOtherEventsFailure(err.toString()))\r\n }\r\n}\r\n","import { createSlice } from '@reduxjs/toolkit'\r\nimport { getRecords } from '../../lib/pouchDb'\r\nimport { onError } from '../../lib/sentry'\r\n\r\nconst initialState = {\r\n locations: [],\r\n deletedLocations: [],\r\n activeLocations: [],\r\n isLoading: false,\r\n error: null\r\n}\r\n\r\nconst location = createSlice({\r\n name: 'location',\r\n initialState,\r\n reducers: {\r\n getOtherLocationStart(state) {\r\n state.isLoading = true\r\n state.error = null\r\n },\r\n getOtherLocationSuccess(state, action) {\r\n const { locations } = action.payload\r\n state.locations = locations\r\n state.deletedLocations = locations.filter(item => item.deleted)\r\n state.activeLocations = locations.filter(item => !item.deleted)\r\n state.isLoading = false\r\n state.error = null\r\n },\r\n getOtherLocationFailure(state, action) {\r\n state.isLoading = false\r\n state.error = action.payload\r\n }\r\n }\r\n})\r\n\r\nexport const {\r\n getOtherLocationStart,\r\n getOtherLocationSuccess,\r\n getOtherLocationFailure\r\n} = location.actions\r\n\r\nexport default location.reducer\r\n\r\nexport const fetchOtherLocations = (userId, masterKey) => async dispatch => {\r\n try {\r\n dispatch(getOtherLocationStart())\r\n const locations = await getRecords(userId, 'locations', masterKey)\r\n dispatch(getOtherLocationSuccess({ locations }))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(getOtherLocationFailure(err.toString()))\r\n }\r\n}\r\n","import { createSlice } from '@reduxjs/toolkit'\r\nimport { getRecords } from '../../lib/pouchDb'\r\nimport { onError } from '../../lib/sentry'\r\n\r\nconst initialState = {\r\n passwords: [],\r\n deletedPasswords: [],\r\n activePasswords: [],\r\n isLoading: false,\r\n error: null\r\n}\r\n\r\nconst passwords = createSlice({\r\n name: 'passwords',\r\n initialState,\r\n reducers: {\r\n getOtherPasswordsStart(state) {\r\n state.isLoading = true\r\n state.error = null\r\n },\r\n getOtherPasswordsSuccess(state, action) {\r\n const { passwords } = action.payload\r\n state.passwords = passwords\r\n state.deletedPasswords = passwords.filter(item => item.deleted)\r\n state.activePasswords = passwords.filter(item => !item.deleted)\r\n state.isLoading = false\r\n state.error = null\r\n },\r\n getOtherPasswordsFailure(state, action) {\r\n state.isLoading = false\r\n state.error = action.payload\r\n }\r\n }\r\n})\r\n\r\nexport const {\r\n getOtherPasswordsStart,\r\n getOtherPasswordsSuccess,\r\n getOtherPasswordsFailure\r\n} = passwords.actions\r\n\r\nexport default passwords.reducer\r\n\r\nexport const fetchOtherPasswords = (userId, masterKey) => async dispatch => {\r\n try {\r\n dispatch(getOtherPasswordsStart())\r\n const passwords = await getRecords(userId, 'passwords', masterKey)\r\n dispatch(getOtherPasswordsSuccess({ passwords }))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(getOtherPasswordsFailure(err.toString()))\r\n }\r\n}\r\n","import { createSlice } from '@reduxjs/toolkit'\r\nimport api from '../../lib/api'\r\nimport NodeRSA from 'node-rsa'\r\nimport { message } from 'antd'\r\nimport { onError } from '../../lib/sentry'\r\nimport i18next from 'i18next'\r\nimport { fetchUser } from '../user/userSlice'\r\n\r\nconst initialState = {\r\n assistants: [],\r\n error: null,\r\n isLoading: false,\r\n distributeError: null\r\n}\r\n\r\nconst assistants = createSlice({\r\n name: 'assistants',\r\n initialState,\r\n reducers: {\r\n getAssistantsStart(state) {\r\n state.isLoading = true\r\n state.error = null\r\n },\r\n getAssistantsSuccess(state, action) {\r\n state.assistants = action.payload.assistants\r\n state.isLoading = false\r\n state.error = null\r\n },\r\n getAssistantsFailure(state, action) {\r\n state.isLoading = false\r\n state.error = action.payload\r\n },\r\n distributeRecoveryShareKeysStart(state) {\r\n state.isLoading = true\r\n state.distributeError = null\r\n },\r\n distributeRecoveryShareKeysSuccess(state) {\r\n state.isLoading = false\r\n state.distributeError = null\r\n },\r\n distributeRecoveryShareKeysFailure(state, action) {\r\n state.isLoading = false\r\n state.distributeError = action.payload\r\n },\r\n assistantActionStart(state) {\r\n state.isLoading = true\r\n },\r\n assistantActionSuccess(state, action) {\r\n state.isLoading = false\r\n message.success(action.payload)\r\n },\r\n assistantActionFailure(state, action) {\r\n state.isLoading = false\r\n message.error(action.payload)\r\n }\r\n }\r\n})\r\n\r\nexport const {\r\n getAssistantsStart,\r\n getAssistantsSuccess,\r\n getAssistantsFailure,\r\n distributeRecoveryShareKeysStart,\r\n distributeRecoveryShareKeysSuccess,\r\n distributeRecoveryShareKeysFailure,\r\n assistantActionStart,\r\n assistantActionSuccess,\r\n assistantActionFailure\r\n} = assistants.actions\r\n\r\nexport default assistants.reducer\r\n\r\nexport const fetchAssistants = userId => async dispatch => {\r\n try {\r\n dispatch(getAssistantsStart())\r\n const response = await api.getUser(userId)\r\n const { assistants } = response.data\r\n\r\n dispatch(getAssistantsSuccess({ assistants }))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(\r\n getAssistantsFailure(i18next.t('Failed to load recovery assistant'))\r\n )\r\n }\r\n}\r\n\r\nexport const distributeRecoveryShareKey =\r\n (userId, masterKey, assistantsInfo) => async dispatch => {\r\n try {\r\n dispatch(distributeRecoveryShareKeysStart())\r\n\r\n let listInfo = []\r\n\r\n await assistantsInfo.forEach(d => {\r\n const key = new NodeRSA()\r\n key.importKey(d.publicKey, 'public')\r\n const shareKey = key.encrypt(masterKey, 'base64')\r\n listInfo.push({ shareKey, userId: d.userId, email: d.email })\r\n })\r\n\r\n await api.distributeRecoveryShare(userId, JSON.stringify({ listInfo }))\r\n\r\n dispatch(distributeRecoveryShareKeysSuccess())\r\n dispatch(fetchAssistants(userId))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(\r\n distributeRecoveryShareKeysFailure(\r\n i18next.t('FAILED_TO_LOAD_DISTRIBUTE_KEYS')\r\n )\r\n )\r\n }\r\n }\r\n\r\nexport const revokeAssistant = (userId, assistant) => async dispatch => {\r\n try {\r\n dispatch(assistantActionStart())\r\n\r\n const revokeData = {\r\n email: assistant.email\r\n }\r\n\r\n const response = await api.revokeAssistant(\r\n userId,\r\n JSON.stringify(revokeData)\r\n )\r\n if (!response.data || !response.data.success) {\r\n throw response.data.message\r\n }\r\n\r\n dispatch(fetchAssistants(userId))\r\n dispatch(fetchUser(userId))\r\n dispatch(assistantActionSuccess(i18next.t('SUCCESSFULLY_REVOKED_DEPUTY')))\r\n } catch (err) {\r\n onError(err)\r\n dispatch(assistantActionFailure(i18next.t('FAILED_TO_REVOKE_DEPUTY')))\r\n }\r\n}\r\n\r\nexport const resendAssistantRequest =\r\n (userId, email) => async dispatch => {\r\n try {\r\n dispatch(assistantActionStart())\r\n await api.requestAssistant(\r\n userId,\r\n JSON.stringify({ emails: [email] })\r\n )\r\n\r\n dispatch(\r\n assistantActionSuccess(i18next.t('SUCCESSFULLY_RESENT_DEPUTY_REQUEST'))\r\n )\r\n } catch (err) {\r\n onError(err)\r\n dispatch(\r\n assistantActionFailure(i18next.t('FAILED_TO_RESENT_DEPUTY_REQUEST'))\r\n )\r\n }\r\n }\r\n","import { combineReducers, createAction } from '@reduxjs/toolkit'\r\nimport assetsLiabilitiesReducer from './features/assets-liabilities/assetsLiabilitiesSlice'\r\nimport otherAssetsLiabilitiesReducer from './features/assets-liabilities/otherAssetsLiabilitiesSlice'\r\nimport contactsReducer from './features/contacts/contactsSlice'\r\nimport eventsReducer from './features/events/eventsSlice'\r\nimport linkedEventsReducer from './features/events/linkedEventsSlice'\r\nimport otherContactsReducer from './features/contacts/otherContactsSlice'\r\nimport documentsReducer from './features/documents/documentsSlice'\r\nimport otherDocumentsReducer from './features/documents/otherDocumentsSlice'\r\nimport deputiesReducer from './features/deputies/deputiesSlice'\r\nimport customerReducer from './features/payment/customerSlice'\r\nimport settingsReducer from './features/settings/settingsSlice'\r\nimport userReducer from './features/user/userSlice'\r\nimport passwordsReducer from './features/passwords/PasswordSlice'\r\nimport locationReducer from './features/location/LocationSlice'\r\nimport otherCustomerReducer from './features/payment/otherCustomerSlice'\r\nimport otherEventsReducer from './features/events/otherEventsSlice'\r\nimport otherLocationsReducer from './features/location/otherLocationsSlice'\r\nimport otherPasswordsReducer from './features/passwords/otherPasswordsSlice'\r\nimport assistantsReducer from './features/deputies/assistantsSlice'\r\n\r\nconst combinedReducer = combineReducers({\r\n assetsLiabilities: assetsLiabilitiesReducer,\r\n otherAssetsLiabilities: otherAssetsLiabilitiesReducer,\r\n events: eventsReducer,\r\n linkedEvents: linkedEventsReducer,\r\n contacts: contactsReducer,\r\n otherContacts: otherContactsReducer,\r\n documents: documentsReducer,\r\n otherDocuments: otherDocumentsReducer,\r\n deputies: deputiesReducer,\r\n assistants: assistantsReducer,\r\n customer: customerReducer,\r\n settings: settingsReducer,\r\n user: userReducer,\r\n passwords: passwordsReducer,\r\n locations: locationReducer,\r\n otherCustomer: otherCustomerReducer,\r\n otherEvents: otherEventsReducer,\r\n otherLocations: otherLocationsReducer,\r\n otherPasswords: otherPasswordsReducer\r\n})\r\n\r\nexport const storeReset = createAction('store/reset')\r\n\r\nconst rootReducer = (state, action) => {\r\n if (action.type === storeReset.toString()) {\r\n state = undefined\r\n }\r\n return combinedReducer(state, action)\r\n}\r\n\r\nexport default rootReducer\r\n","import gql from 'graphql-tag'\r\n\r\nexport const onCreateByUserId = gql`\r\n subscription OnCreateByUserId($userId: String!) {\r\n onCreateByUserId(userId: $userId) {\r\n id\r\n message\r\n userId\r\n }\r\n }\r\n`\r\n\r\nexport const onCreateS3Change = gql`\r\n subscription OnCreateS3Change {\r\n onCreateS3Change {\r\n id\r\n message\r\n userId\r\n }\r\n }\r\n`","import React, { useState, useContext } from 'react'\r\nimport { Form, Alert, Modal } from 'antd'\r\nimport AuthContext from '../../contexts/AuthContext'\r\nimport CodeInput from '../common/CodeInput'\r\nimport Button from '../override/Button'\r\nimport { H4, P1 } from '../override/Typography'\r\nimport { useTranslation } from 'react-i18next'\r\nimport api from '../../lib/api'\r\nimport { onError } from '../../lib/sentry'\r\nimport { Trans } from 'react-i18next'\r\nfunction EmailVerificationModal(props) {\r\n const { form, visible, setVisible, getUserInfo, onVerificationComplete } =\r\n props\r\n\r\n const { t } = useTranslation()\r\n const { user } = useContext(AuthContext)\r\n const { getFieldDecorator } = form\r\n const [errMsg, setErrMsg] = useState('')\r\n const [isSubmitting, setIsSubmitting] = useState(false)\r\n const [isResendEmailCode, setIsResendEmailCode] = useState(false)\r\n\r\n const handleSubmit = e => {\r\n e.preventDefault()\r\n setErrMsg('')\r\n\r\n form.validateFields((err, values) => {\r\n if (err) {\r\n return\r\n }\r\n\r\n setIsSubmitting(true)\r\n user.verifyAttribute('email', values.code, {\r\n onSuccess: function (result) {\r\n form.resetFields()\r\n setIsSubmitting(false)\r\n setVisible(false)\r\n getUserInfo()\r\n onVerificationComplete()\r\n Modal.info({\r\n content: t('EMAIL_ADDRESS_UPDATED_AND_VERIFIED')\r\n })\r\n },\r\n\r\n onFailure: function (err) {\r\n setIsSubmitting(false)\r\n setErrMsg(t('FAILED_TO_VERIFY_EMAIL_ADDRESS'))\r\n }\r\n })\r\n })\r\n }\r\n\r\n const handleResend = async () => {\r\n setIsResendEmailCode(true)\r\n try {\r\n await api.resendEmailVerification(\r\n JSON.stringify({\r\n userId: user.username,\r\n accessToken: user.signInUserSession.accessToken.jwtToken\r\n })\r\n )\r\n setIsResendEmailCode(false)\r\n } catch (err) {\r\n onError(err)\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n
\r\n \r\n {!siderCollapsed &&\r\n (imageUrl ? (\r\n \r\n {\r\n setaddLogoModalVisible(true)\r\n setPopoverVisible(false)\r\n }}\r\n type=\"link\"\r\n size=\"small\"\r\n >\r\n {\r\n setaddLogoModalVisible(true)\r\n setPopoverVisible(false)\r\n setIsEditAvatarMode(true)\r\n }}\r\n type=\"link\"\r\n size=\"small\"\r\n >\r\n setPopoverVisible(true)}\r\n src={imageUrl}\r\n icon=\"user\"\r\n size={54}\r\n />\r\n \r\n ) : (\r\n setaddLogoModalVisible(true)}\r\n style={{ cursor: 'pointer' }}\r\n icon=\"user\"\r\n size={54}\r\n />\r\n ))}\r\n
\r\n {isReadonly && (\r\n <>\r\n \r\n {siderCollapsed ? (\r\n
\r\n \r\n \r\n {imageUrl ? (\r\n \r\n {\r\n setaddLogoModalVisible(true)\r\n setPopoverVisible(false)\r\n }}\r\n type=\"link\"\r\n size=\"small\"\r\n >\r\n {\r\n setaddLogoModalVisible(true)\r\n setPopoverVisible(false)\r\n setIsEditAvatarMode(true)\r\n }}\r\n type=\"link\"\r\n size=\"small\"\r\n >\r\n setPopoverVisible(true)}\r\n src={imageUrl}\r\n icon=\"user\"\r\n // size={54}\r\n />\r\n \r\n ) : (\r\n setaddLogoModalVisible(true)}\r\n icon=\"user\"\r\n style={{ cursor: 'pointer' }}\r\n />\r\n )}\r\n \r\n
\r\n ) : (\r\n {fullName}
\r\n )}\r\n\r\n \r\n history.push('/settings')}\r\n />\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n history.push('/')\r\n dispatch(setBreadcrumb(''))\r\n }}\r\n >\r\n
\r\n {/* \r\n \r\n
*/}\r\n \r\n )}\r\n\r\n {menu(\r\n isReadonly\r\n ? otherMenuItems(\r\n userId,\r\n pendingAssetsLiabilities,\r\n pendingContacts,\r\n pendingDocuments\r\n // isProfessionalDeputy &&\r\n // accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n )\r\n : isProfessionalDeputy\r\n ? deputyOnlyMenuItems\r\n : isSharedData\r\n ? getSharedMenu(\r\n primaryMenuItems(\r\n pendingAssetsLiabilities,\r\n pendingContacts,\r\n pendingDocuments\r\n //accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ),\r\n sharedMenuItem\r\n )\r\n : primaryMenuItems(\r\n pendingAssetsLiabilities,\r\n pendingContacts,\r\n pendingDocuments\r\n //accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ),\r\n !isReadonly && !isProfessionalDeputy,\r\n location,\r\n history,\r\n dispatch,\r\n setTourModalVisible,\r\n isReadonly,\r\n isDownloading,\r\n handleDownloadVaultbox,\r\n onMenuItemClick\r\n )}\r\n \r\n
\r\n \r\n \r\n {siderCollapsed ? (\r\n \r\n ) : (\r\n
\r\n \r\n \r\n \r\n \r\n {t('ABOUT_US')}\r\n \r\n \r\n •\r\n \r\n \r\n {t('HELP')}\r\n \r\n \r\n •\r\n \r\n \r\n {t('PRIVACY')}\r\n \r\n \r\n
\r\n )}\r\n \r\n ©{new Date().getFullYear()}{' '}\r\n Bino Digital Solutions Pte Ltd\r\n
\r\n \r\n {/* {showReminder && !isReadonly && !isDeputyOnly && (\r\n \r\n
\r\n }\r\n type=\"error\"\r\n showIcon\r\n icon={\r\n \r\n
\r\n history.push('/deputy')}\r\n type=\"primary\"\r\n >\r\n {t('APPOINT_DEPUTIES_NOW')}\r\n \r\n {\r\n localStorage.setItem(\r\n 'hideDeputiesSetupReminder',\r\n true\r\n )\r\n dispatch(fetchUser(user.username))\r\n }}\r\n >\r\n {t('REMIND_ME_LATER')}\r\n \r\n {\r\n setIsHidingDeputiesReminder(true)\r\n api\r\n .hideDeputiesSetupReminder(user.username)\r\n .then(res => dispatch(fetchUser(user.username)))\r\n .catch(err => onError(err))\r\n .finally(() => {\r\n setIsHidingDeputiesReminder(false)\r\n })\r\n }}\r\n loading={isHidingDeputiesReminder}\r\n >\r\n {t('DO_NOT_REMIND_ME_AGAIN')}\r\n \r\n
\r\n \r\n \r\n
\r\n {!customer.default_source && (\r\n \r\n \r\n You haven't added any{' '}\r\n payment method\r\n . Please add at least one{' '}\r\n payment method{' '}\r\n before the trial period expires.\r\n \r\n
\r\n )}\r\n \r\n }\r\n type={customer.default_source ? 'info' : 'warning'}\r\n showIcon\r\n />\r\n )} */}\r\n {subscription.cancel_at && (\r\n \r\n \r\n
\r\n \r\n \r\n Please update your{' '}\r\n \r\n payment information\r\n {' '}\r\n within one week, otherwise your current\r\n subscription will be canceled and downgraded to a\r\n free plan.\r\n \r\n
\r\n \r\n }\r\n type=\"error\"\r\n showIcon\r\n icon={\r\n \r\n Free accounts can only act as Deputy for other{' '}\r\n bantex users. Upgrade your subscription plan to\r\n have use of the other features of bantex.\r\n
\r\n\r\n
\r\n
\r\n \r\n {/* \r\n 
\r\n */}\r\n
\r\n {children}\r\n {header}
\r\n \r\n
\r\n \r\n © {new Date().getFullYear()}{' '}\r\n Bino Digital Solutions Pte Ltd\r\n
\r\n \r\n \r\n {\r\n GAevent({\r\n category: 'Login',\r\n action: 'Clicked Website'\r\n })\r\n }}\r\n >\r\n \r\n •\r\n \r\n {\r\n GAevent({\r\n category: 'Login',\r\n action: 'Clicked About us'\r\n })\r\n }}\r\n >\r\n \r\n •\r\n \r\n {\r\n GAevent({\r\n category: 'Login',\r\n action: 'Clicked Help'\r\n })\r\n }}\r\n >\r\n \r\n •\r\n \r\n {\r\n GAevent({\r\n category: 'Login',\r\n action: 'Clicked Privacy'\r\n })\r\n }}\r\n >\r\n \r\n •\r\n \r\n {\r\n GAevent({\r\n category: 'Login',\r\n action: 'Clicked Terms of Service',\r\n label: 'Footer link'\r\n })\r\n }}\r\n >\r\n \r\n
\r\n \r\n \r\n
\r\n {/* \r\n
*/}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n // \r\n // {form => (\r\n // save(e, form, record.key)}\r\n // style={{ marginRight: 10 }}\r\n // >\r\n // Save\r\n // \r\n // )}\r\n // \r\n // cancel(record.key)}\r\n // cancelText=\"No\"\r\n // arrowPointAtCenter\r\n // placement=\"bottomRight\"\r\n // >\r\n // \r\n // \r\n //
\r\n // ) : (\r\n // <>\r\n // \r\n \r\n {t('BASE_CURRENCY')}{' '}\r\n
\r\n \r\n {baseCurrency || 'n/a'}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n {t('BASE_CURRENCY')}{' '}\r\n \r\n
\r\n \r\n {t('TITLE')}\r\n {': '}\r\n {record.title}\r\n
\r\n\r\n {t('USERNAME')}\r\n {': '}\r\n {record.username}\r\n
\r\n\r\n {t('PASSWORD')}\r\n {': '}\r\n {record.password}{' '}\r\n
\r\n {t('URL')}\r\n {': '}\r\n {record.url}\r\n
\r\n\r\n {t('NOTE')}\r\n {': '}\r\n {record.note}\r\n
\r\n {/*\r\n {t('ASSETS_LIABILITIES')}:{' '}\r\n {record.assetsLiabilities &&\r\n record.assetsLiabilities.map(alId =>\r\n activeAssetsLiabilities.map(al =>\r\n alId === al._id ?
\r\n {t('DOCUMENTS')}:{' '}\r\n {record.documents &&\r\n record.documents.map(dId =>\r\n activeDocuments.map(d =>\r\n dId === d._id ?
\r\n {t('EVENTS')}:{' '}\r\n {record.events &&\r\n record.events.map(eventId =>\r\n events.map(event =>\r\n eventId === event._id ? (\r\n
\r\n {t('TITLE')}\r\n {': '}\r\n {record.title}\r\n
\r\n\r\n {t('USERNAME')}\r\n {': '}\r\n {record.username}\r\n
\r\n\r\n {t('PASSWORD')}\r\n {': '}\r\n {hidenPassword}{' '}\r\n
\r\n {t('URL')}\r\n {': '}\r\n {record.url}\r\n
\r\n\r\n {t('NOTE')}\r\n {': '}\r\n {record.note}\r\n
\r\n {/*\r\n {t('ASSETS_LIABILITIES')}:{' '}\r\n {record.assetsLiabilities &&\r\n record.assetsLiabilities.map(alId =>\r\n activeAssetsLiabilities.map(al =>\r\n alId === al._id ?
\r\n {t('DOCUMENTS')}:{' '}\r\n {record.documents &&\r\n record.documents.map(dId =>\r\n activeDocuments.map(d =>\r\n dId === d._id ?
\r\n {t('EVENTS')}:{' '}\r\n {record.events &&\r\n record.events.map(eventId =>\r\n events.map(event =>\r\n eventId === event._id ? (\r\n
\r\n
\r\n )\r\n }\r\n\r\n return null\r\n}\r\n\r\nfunction AssetLiabilityDetails({ history }) {\r\n const { userId, isReadonly, masterKey } = useContext(VaultContext)\r\n const { nextTourStep, tourStepIndex, prevTourStep, tourRun } =\r\n useContext(TourContext)\r\n const { isProfessionalDeputy } = useContext(AuthContext)\r\n\r\n const { t } = useTranslation()\r\n const dispatch = useDispatch()\r\n const query = new URLSearchParams(useLocation().search)\r\n const isActived = query.get('isActived')\r\n\r\n const timeRanges = [\r\n {\r\n key: 'allTime',\r\n title: t('ALL_TIME')\r\n },\r\n {\r\n key: '1W',\r\n title: 1 + t('W_AS_WEEK'),\r\n subtract: { weeks: 1 }\r\n },\r\n {\r\n key: '1M',\r\n title: 1 + t('M_AS_MONTH'),\r\n subtract: { months: 1 }\r\n },\r\n {\r\n key: '3M',\r\n title: 3 + t('M_AS_MONTH'),\r\n subtract: { months: 3 }\r\n },\r\n {\r\n key: '6M',\r\n title: 6 + t('M_AS_MONTH'),\r\n subtract: { months: 6 }\r\n },\r\n {\r\n key: '1Y',\r\n title: 1 + t('Y_AS_YEAR'),\r\n subtract: { years: 1 }\r\n },\r\n {\r\n key: '3Y',\r\n title: 3 + t('Y_AS_YEAR'),\r\n subtract: { years: 3 }\r\n },\r\n {\r\n key: '5Y',\r\n title: 5 + t('Y_AS_YEAR'),\r\n subtract: { years: 5 }\r\n }\r\n ]\r\n\r\n const { assetLiabilityId } = useParams()\r\n const [record, setRecord] = useState({})\r\n const [isLoading, setIsLoading] = useState(false)\r\n const [linkedAssets, setLinkedAssets] = useState([])\r\n const [linkedLiabilities, setLinkedLiabilities] = useState([])\r\n const [linkedDocuments, setLinkedDocuments] = useState([])\r\n const [linkedEvents, setLinkedEvents] = useState([])\r\n const [linkedPasswords, setLinkedPasswords] = useState([])\r\n const [passwordDetails, setPasswordDetails] = useState('')\r\n const [passwordDetailsVisible, setPasswordDetailsVisible] = useState(false)\r\n const [filteredLinkedAssets, setFilteredLinkedAssets] = useState([])\r\n const [filteredLinkedLiabilities, setFilteredLinkedLiabilities] = useState([])\r\n const [filteredLinkedDocuments, setFilteredLinkedDocuments] = useState([])\r\n const [linkedContacts, setLinkedContacts] = useState([])\r\n const [documentsLinksVisible, setDocumentsLinksVisible] = useState(false)\r\n const [assetLiabilityLinksVisible, setAssetLiabilityLinksVisible] =\r\n useState(false)\r\n const [isDetailEventModal, setIsDetailEventModal] = useState(false)\r\n const [eventDetails, setEventDetails] = useState('')\r\n const [fileDetailsVisible, setFileDetailsVisible] = useState(false)\r\n const [selectedDoc, setSelectedDoc] = useState({})\r\n const [linkType, setLinkType] = useState('')\r\n const [error, setError] = useState('')\r\n const [chartData, setChartData] = useState([])\r\n const [ticks, setTicks] = useState([])\r\n const [filteredChartData, setFilteredChartData] = useState([])\r\n const [chartKey, setChartKey] = useState('')\r\n const [chartFrom, setChartFrom] = useState('')\r\n\r\n const theme = useContext(ThemeContext)\r\n const { activeAssetsLiabilities } = useSelector(state =>\r\n isReadonly ? state.otherAssetsLiabilities : state.assetsLiabilities\r\n )\r\n const { pendingContacts } = useSelector(state => state.contacts)\r\n const { pendingDocuments } = useSelector(state => state.documents)\r\n const { baseCurrency } = useSelector(state => state.settings)\r\n\r\n const chartKeyUnitMap = {\r\n valuationInAssetCurrency: record.currency,\r\n valuationInBaseCurrency: baseCurrency,\r\n outstandingValueInLiabilityCurrency: record.currency,\r\n outstandingValueInBaseCurrency: baseCurrency\r\n }\r\n\r\n const isSmUp = useMediaQuery(theme.breakpoints.up('sm'))\r\n const isLgUp = useMediaQuery(theme.breakpoints.up('lg'))\r\n\r\n const chartRef = useRef()\r\n\r\n const [addS3Change] = useMutation(createS3Change)\r\n\r\n useEffect(() => {\r\n const fetchData = async () => {\r\n try {\r\n setIsLoading(true)\r\n const record = await getRecord(\r\n userId,\r\n isActived === 'true'\r\n ? 'assetsLiabilities'\r\n : 'pendingAssetsLiabilities',\r\n assetLiabilityId,\r\n masterKey\r\n )\r\n const linkedAssetsLiabilities =\r\n record.links && record.links.length\r\n ? await getRecords(userId, 'assetsLiabilities', masterKey, {\r\n keys: record.links\r\n })\r\n : []\r\n const linkedDocuments =\r\n record.documents && record.documents.length\r\n ? [\r\n ...(await getRecords(userId, 'documents', masterKey)).filter(\r\n d => record.documents?.includes(d._id)\r\n ),\r\n ...(\r\n await getRecords(userId, 'pendingDocuments', masterKey)\r\n ).filter(d => record.documents?.includes(d._id))\r\n ]\r\n : []\r\n const linkedEvents = record.events?.length\r\n ? await getRecords(userId, 'events', masterKey, {\r\n keys: record.events\r\n })\r\n : []\r\n const linkedPasswords = record.passwords?.length\r\n ? await getRecords(userId, 'passwords', masterKey, {\r\n keys: record.passwords\r\n })\r\n : []\r\n const linkedContacts =\r\n record.contacts && record.contacts.length\r\n ? [\r\n ...(await getRecords(userId, 'contacts', masterKey)).filter(c =>\r\n record.contacts?.includes(c._id)\r\n ),\r\n ...(\r\n await getRecords(userId, 'pendingContacts', masterKey)\r\n ).filter(c => record.contacts?.includes(c._id))\r\n ]\r\n : []\r\n const linkedAssets = linkedAssetsLiabilities.filter(\r\n al => al.type === CORE_TYPES.ASSET\r\n )\r\n const linkedLiabilities = linkedAssetsLiabilities.filter(\r\n al => al.type === CORE_TYPES.LIABILITY\r\n )\r\n\r\n setRecord(record)\r\n setChartKey(\r\n record.type === CORE_TYPES.ASSET\r\n ? 'valuationInAssetCurrency'\r\n : 'outstandingValueInLiabilityCurrency'\r\n )\r\n\r\n setLinkedAssets(linkedAssets)\r\n setLinkedLiabilities(linkedLiabilities)\r\n setLinkedDocuments(linkedDocuments)\r\n setLinkedEvents(linkedEvents)\r\n setLinkedPasswords(linkedPasswords)\r\n setFilteredLinkedAssets(linkedAssets)\r\n setFilteredLinkedLiabilities(linkedLiabilities)\r\n setFilteredLinkedDocuments(linkedDocuments)\r\n\r\n setLinkedContacts(linkedContacts)\r\n setIsLoading(false)\r\n } catch (err) {\r\n onError(err)\r\n setIsLoading(false)\r\n if (err.status === 404)\r\n setError({`${payload[0].name} : ${moment(payload[0].value).format(\r\n 'DD/MM/YYYY'\r\n )}`}
\r\n{`${payload[1].name} : ${\r\n payload[1].name !== 'quantity'\r\n ? currencyFormat(payload[1].value)\r\n : payload[1].value\r\n }`}
\r\n e.stopPropagation()}>\r\n \r\n \r\n handleUnlinkAssetLiability(record._id)}\r\n >\r\n {t('UNLINK')}\r\n \r\n \r\n \r\n }\r\n placement=\"bottomRight\"\r\n trigger={['click']}\r\n >\r\n
\r\n )\r\n }\r\n ]\r\n\r\n const liabilitiesColumns = [\r\n {\r\n key: 'title',\r\n width: 200,\r\n title: {t('LIABILITY_NAME')},\r\n dataIndex: 'title',\r\n sorter: (a, b) => a.title.localeCompare(b.title),\r\n render: (text, record) => e.stopPropagation()}>\r\n \r\n \r\n handleUnlinkAssetLiability(record._id)}\r\n >\r\n {t('UNLINK')}\r\n \r\n \r\n \r\n }\r\n placement=\"bottomRight\"\r\n trigger={['click']}\r\n >\r\n
\r\n )\r\n }\r\n ]\r\n\r\n const showDetailEventModal = record => {\r\n setIsLoading(true)\r\n setTimeout(() => {\r\n setIsLoading(false)\r\n }, 1500)\r\n setEventDetails(record)\r\n setIsDetailEventModal(true)\r\n }\r\n\r\n const showPasswordDetails = record => {\r\n setPasswordDetails(record)\r\n setPasswordDetailsVisible(true)\r\n }\r\n\r\n const handleUnlinkEvent = async eventId => {\r\n Modal.confirm({\r\n title: t('UNLINK_CONFIRM'),\r\n content: <>{t('UNLINK_EVENT_CONFIRM')},\r\n async onOk() {\r\n try {\r\n await unlinkEvent(\r\n userId,\r\n assetLiabilityId,\r\n 'assetsLiabilities',\r\n eventId,\r\n masterKey\r\n )\r\n\r\n setLinkedEvents(linkedEvents.filter(doc => doc._id !== eventId))\r\n localStorage.setItem('NotReload', true)\r\n addS3Change({\r\n variables: {\r\n message: 'assetsLiabilities, events',\r\n userId: userId\r\n }\r\n })\r\n message.success(t('SUCCESSFULLY_UNLINKED_EVENT'))\r\n } catch (e) {\r\n message.error(t('FAILED_TO_UNLINK_EVENT'))\r\n onError(e)\r\n }\r\n },\r\n onCancel() {}\r\n })\r\n }\r\n\r\n const eventsColumns = [\r\n {\r\n key: 'description',\r\n width: 250,\r\n dataIndex: 'description',\r\n title: {t('DESCRIPTION')},\r\n render: (text, record) => (\r\n e.stopPropagation()}>\r\n \r\n handleUnlinkEvent(record._id)}\r\n theme=\"twoTone\"\r\n twoToneColor=\"#eb4444\"\r\n type=\"delete\"\r\n />\r\n \r\n
\r\n )\r\n }\r\n ]\r\n\r\n const passwordsColumns = [\r\n {\r\n key: 'title',\r\n width: 250,\r\n dataIndex: 'title',\r\n title: {t('TITLE')},\r\n render: (text, record) => (\r\n e.stopPropagation()}>\r\n \r\n handleUnlinkPassword(record._id)}\r\n theme=\"twoTone\"\r\n twoToneColor=\"#eb4444\"\r\n type=\"delete\"\r\n />\r\n \r\n
\r\n )\r\n }\r\n ]\r\n\r\n const handleUnlinkPassword = async passwordId => {\r\n Modal.confirm({\r\n title: t('UNLINK_CONFIRM'),\r\n content: <>{t('UNLINK_PASSWORD_CONFIRM')},\r\n async onOk() {\r\n try {\r\n await unlinkPassword(\r\n userId,\r\n assetLiabilityId,\r\n 'assetsLiabilities',\r\n passwordId,\r\n masterKey\r\n )\r\n\r\n setLinkedPasswords(linkedPasswords.filter(doc => doc._id !== passwordId))\r\n\r\n message.success(t('SUCCESSFULLY_UNLINKED_PASSWORD'))\r\n } catch (e) {\r\n message.error(t('FAILED_TO_UNLINK_PASSWORD'))\r\n onError(e)\r\n }\r\n },\r\n onCancel() {}\r\n })\r\n }\r\n\r\n const handleTimeRangeChange = value => {\r\n const selectedRange = timeRanges.find(range => range.key === value)\r\n const chartFrom = selectedRange.subtract\r\n ? moment().startOf('day').subtract(selectedRange.subtract).valueOf()\r\n : 'dataMin'\r\n setChartFrom(chartFrom)\r\n\r\n const ticks = getTicks(chartFrom, chartData, value, true)\r\n setTicks(ticks)\r\n\r\n setFilteredChartData(\r\n chartData\r\n .filter(\r\n record => chartFrom === 'dataMin' || record.validFromUnix >= chartFrom\r\n )\r\n .concat(\r\n ticks.map(tick => {\r\n return { validFromUnix: tick }\r\n })\r\n )\r\n )\r\n }\r\n\r\n const DetailsComponent = () => (\r\n <>\r\n \r\n {t('REGISTRY')}\r\n
\r\n \r\n{record.title}
\r\n\r\n \r\n \r\n setChartKey(e.target.value)}\r\n value={chartKey}\r\n >\r\n {record.type === CORE_TYPES.ASSET && (\r\n <>\r\n \r\n {t('VALUATION_ASSET_CURRENCY')}\r\n \r\n \r\n {t('VALUATION_BASE_CURRENCY')}\r\n \r\n \r\n )}\r\n {record.type === CORE_TYPES.LIABILITY && (\r\n <>\r\n \r\n {t('OUTSTANDING_VALUE_LIABILITY_CURRENCY')}\r\n \r\n \r\n {t('OUTSTANDING_VALUE_BASE_CURRENCY')}\r\n \r\n \r\n )}\r\n {t('QUANTITY')} \r\n \r\n \r\n \r\n \r\n {isSmUp ? (\r\n \r\n handleTimeRangeChange(e.target.value)\r\n }\r\n defaultValue=\"allTime\"\r\n >\r\n {timeRanges.map(option => (\r\n \r\n {option.title}\r\n \r\n ))}\r\n \r\n ) : (\r\n \r\n {timeRanges.map(option => (\r\n \r\n {option.title}\r\n \r\n ))}\r\n \r\n )}\r\n \r\n \r\n
\r\n
\r\n\r\n \r\n \r\n \r\n {\r\n return moment(unixTime).format('DD/MM/YYYY')\r\n }}\r\n type=\"number\"\r\n padding={{ right: 20 }}\r\n label={{\r\n value: 'Time',\r\n position: 'insideBottomRight',\r\n offset: -5\r\n }}\r\n />\r\n \r\n
\r\n \r\n {/* )} */}\r\n {!isLgUp && (\r\n \r\n
\r\n \r\n {filteredLinkedDocuments.length}\r\n
\r\n }\r\n style={{ padding: '0 0 20px' }}\r\n extra={\r\n\r\n {\r\n const filteredDocuments = search(\r\n linkedDocuments,\r\n ['fileName'],\r\n value\r\n )\r\n setFilteredLinkedDocuments(filteredDocuments)\r\n }}\r\n style={{ width: 320 }}\r\n />\r\n {!isReadonly && (\r\n setDocumentsLinksVisible(true)}\r\n >\r\n {t('LINK_NEW_FILE')}\r\n \r\n )}\r\n
\r\n }\r\n />\r\n \r\n {filteredLinkedAssets.length}\r\n
\r\n }\r\n style={{ padding: '0 0 20px' }}\r\n extra={\r\n\r\n {\r\n const filteredAssets = search(\r\n linkedAssets,\r\n ['title'],\r\n value\r\n )\r\n setFilteredLinkedAssets(filteredAssets)\r\n }}\r\n style={{ width: 320 }}\r\n />\r\n {!isReadonly && (\r\n \r\n setAssetLiabilityLinksVisible(true)\r\n }\r\n >\r\n {t('LINK_ASSETS')}\r\n \r\n )}\r\n
\r\n }\r\n />\r\n \r\n {filteredLinkedLiabilities.length}\r\n
\r\n }\r\n style={{ padding: '0 0 20px' }}\r\n extra={\r\n\r\n {\r\n const filteredLiabilities = search(\r\n linkedLiabilities,\r\n ['title'],\r\n value\r\n )\r\n setFilteredLinkedLiabilities(filteredLiabilities)\r\n }}\r\n style={{ width: 320 }}\r\n />\r\n {!isReadonly && (\r\n \r\n setAssetLiabilityLinksVisible(true)\r\n }\r\n >\r\n {t('LINK_LIABILITIES')}\r\n \r\n )}\r\n
\r\n }\r\n />\r\n \r\n {isLoading ? (\r\n <>\r\n {errMsg ? (\r\n
\r\n )\r\n}\r\n\r\nexport default ConfirmSignUp\r\n","import React, { useState, useEffect, useContext, useCallback } from 'react'\r\nimport { Modal, Form, Select, Tooltip } from 'antd'\r\nimport FormItem from '../override/FormItem'\r\nimport Button from '../override/Button'\r\nimport { onError } from '../../lib/sentry'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { getRecords } from '../../lib/pouchDb'\r\nimport VaultContext from '../../contexts/VaultContext'\r\nimport { DATE_FORMAT } from '../../share/Constants'\r\nimport moment from 'moment'\r\nimport AddEventModal from './AddEventModal'\r\n\r\nconst EventLinksModal = props => {\r\n const { Option } = Select\r\n const {\r\n visible,\r\n setVisible,\r\n handleLinkEvents,\r\n form,\r\n handleClose,\r\n linkedEvents,\r\n setLinkedEvents\r\n } = props\r\n const { getFieldDecorator } = form\r\n\r\n const [isSaving, setIsSaving] = useState(false)\r\n const [eventModalVisibile, setEventModalVisibile] = useState(false)\r\n const { userId, masterKey } = useContext(VaultContext)\r\n const [events, setEvents] = useState([])\r\n const { t } = useTranslation()\r\n\r\n const fetchEvents = useCallback(async () => {\r\n try {\r\n const events = await getRecords(userId, 'events', masterKey)\r\n setEvents(events)\r\n } catch (err) {\r\n onError(err)\r\n }\r\n }, [userId, masterKey])\r\n\r\n useEffect(() => {\r\n fetchEvents()\r\n }, [fetchEvents])\r\n\r\n const handleOk = () => {\r\n form.validateFields(async (err, values) => {\r\n if (err) {\r\n return\r\n }\r\n\r\n setIsSaving(true)\r\n try {\r\n if (values.events && values.events.length) {\r\n await handleLinkEvents(values.events)\r\n }\r\n\r\n setIsSaving(false)\r\n form.resetFields()\r\n setVisible(false)\r\n } catch (e) {\r\n setIsSaving(false)\r\n onError(e)\r\n }\r\n })\r\n }\r\n\r\n const handleCancel = () => {\r\n form.resetFields()\r\n setVisible(false)\r\n }\r\n\r\n return (\r\n \r\n {t('DOCUMENT_LINKS')}}\r\n extra={\r\n !isReadonly && (\r\n {\r\n setDocumentsLinksModalVisible(true)\r\n }}\r\n />\r\n )\r\n }\r\n data={linkedDocuments}\r\n itemKey=\"_id\"\r\n icon={document => (\r\n handleUnlinkDocument(document._id)}\r\n okText={t('YES')}\r\n cancelText={t('NO')}\r\n arrowPointAtCenter\r\n placement=\"bottomRight\"\r\n >\r\n doc._id)}\r\n />\r\n )}\r\n
\r\n )\r\n}\r\n","import React, { useState, useRef } from 'react'\r\nimport { useScrollPosition } from '@n8tb1t/use-scroll-position'\r\nimport Button from '../override/Button'\r\nimport { Checkbox, Tooltip, Icon } from 'antd'\r\n//import { StringResources } from '../../share/StringResources'\r\nimport { useTranslation } from 'react-i18next'\r\n\r\nexport default function SiderActionButtons({\r\n handleOk,\r\n handleCancel,\r\n isSaving,\r\n width,\r\n isEdit,\r\n isMinor,\r\n setIsMinor,\r\n preExtra,\r\n style,\r\n isScrolled = true\r\n}) {\r\n const [currPosY, setCurrPosY] = useState(0)\r\n const actionButtonsRef = useRef()\r\n const { t } = useTranslation()\r\n\r\n useScrollPosition(\r\n ({ currPos }) => {\r\n if (isScrolled) {\r\n setCurrPosY(currPos.y)\r\n }\r\n },\r\n [currPosY],\r\n actionButtonsRef,\r\n false,\r\n 100\r\n )\r\n\r\n return (\r\n \r\n {menu}\r\n e.preventDefault()}\r\n onClick={() => setAddItemModalVisible(true)}\r\n >\r\n
\r\n \r\n )}\r\n >\r\n {options\r\n .map(opt => {\r\n return { key: opt, value: t(opt) }\r\n })\r\n .sort((a, b) => a.value.localeCompare(b.value))\r\n .map(option => (\r\n \r\n
\r\n \r\n {menu}\r\n e.preventDefault()}\r\n onClick={() => setAddCryptoModalVisible(true)}\r\n >\r\n
\r\n \r\n )}\r\n >\r\n {cryptoCurrencies.map(c => (\r\n \r\n ))}\r\n \r\n \r\n
\r\n )\r\n\r\n const referencesFields = FIELDS.map(field =>\r\n referencesOptions && referencesOptions.length && field.key === 'name'\r\n ? {\r\n ...field,\r\n node: (name, rowId) => (\r\n \r\n \r\n {getFieldDecorator('interestRate.value', {\r\n initialValue: record.interestRate?.value\r\n })(\r\n \r\n
\r\n \r\n \r\n {getFieldDecorator('interestRate.unit', {\r\n initialValue: t(record.interestRate?.unit) || t('per month')\r\n })(\r\n \r\n {Object.values(INTEREST_RATE_UNITS).map(unit => (\r\n \r\n {t(unit)}\r\n \r\n ))}\r\n \r\n )}\r\n \r\n
\r\n \r\n {menu}\r\n e.preventDefault()}\r\n onClick={() => setActiveReferencesRow(rowId)}\r\n >\r\n
\r\n \r\n )}\r\n >\r\n {referencesOptions.map(option => (\r\n \r\n \r\n {getFieldDecorator('premium.unit', {\r\n initialValue:\r\n (record.premium && record.premium.unit) ||\r\n PREMIUM_UNITS.MONTHLY\r\n })(\r\n \r\n {Object.values(PREMIUM_UNITS).map(unit => (\r\n \r\n {t(unit)}\r\n \r\n ))}\r\n \r\n )}\r\n \r\n
\r\n {t('PROPERTY_LOAN_INFORMATION')}
}\r\n \r\n )}\r\n {(selectedType === CORE_TYPES.LIABILITY || showPropertyLoan) && (\r\n <>\r\n {showPropertyLoan && (\r\n <>\r\n\r\n The position and valuation changes will be recorded as of the\r\n selected {valuationDateLabel(selectedSubType)} -{' '}\r\n {newValuationDate.format(DATE_FORMAT)}.\r\n
\r\n Are you sure you want to continue?
\r\n \r\n ),\r\n onOk: async () => await handleSave(values, newValuationDate, true)\r\n })\r\n } else {\r\n await handleSave(values, newValuationDate)\r\n }\r\n })\r\n }\r\n\r\n const prepareData = (\r\n values,\r\n isBackdatedAmend,\r\n newValuationDate,\r\n record,\r\n selectedType,\r\n selectedSubType,\r\n isCallLiab = false\r\n ) => {\r\n const backdatedAmendFields = isBackdatedAmend\r\n ? {\r\n percentageOwnership: record.percentageOwnership,\r\n quantity: record.quantity,\r\n valuationInAssetCurrency: record.valuationInAssetCurrency,\r\n valuationInBaseCurrency: record.valuationInBaseCurrency,\r\n outstandingValueInLiabilityCurrency:\r\n record.outstandingValueInLiabilityCurrency,\r\n outstandingValueInBaseCurrency: record.outstandingValueInBaseCurrency,\r\n valuationDate: moment(record.valuationDate)\r\n }\r\n : { valuationDate: newValuationDate }\r\n\r\n const id = record._id || uuidv4()\r\n return mapAssetLiabilityModel(\r\n {\r\n ...record,\r\n ...values,\r\n _id: id,\r\n descriptionWithMarkup: sanitizeValue(\r\n isCallLiab ? descriptionExtraValue : descriptionValue\r\n ),\r\n references: filterEmptyEls(values.references),\r\n documents: linkedDocuments.map(doc => doc._id),\r\n contacts: linkedContacts.map(doc => doc._id),\r\n events: linkedEvents.map(doc => doc._id),\r\n passwords: linkedPasswords.map(doc => doc._id),\r\n ...backdatedAmendFields,\r\n status:\r\n ((isReadonly && isDelegateByPD) || isProfessionalDeputy) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? 'Draft'\r\n : undefined,\r\n reasonReject: undefined\r\n },\r\n selectedType,\r\n selectedSubType\r\n )\r\n }\r\n\r\n const [addS3Change] = useMutation(createS3Change, {\r\n variables: {\r\n message:\r\n 'assetsLiabilities, pendingAssetsLiabilities, contacts, pendingContacts, documents, pendingDocuments, events, assetsLiabilitiesHistory, assetsLiabilitiesValuations',\r\n userId: userId\r\n }\r\n })\r\n\r\n const handleSave = async (\r\n values,\r\n newValuationDate,\r\n isBackdatedAmend = false\r\n ) => {\r\n setIsSaving(true)\r\n const record = assetLiabilityId\r\n ? await getRecord(\r\n userId,\r\n ((isReadonly && isDelegateByPD) || isProfessionalDeputy) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? 'pendingAssetsLiabilities'\r\n : 'assetsLiabilities',\r\n assetLiabilityId,\r\n masterKey\r\n )\r\n : mockRecord.title\r\n ? mockRecord\r\n : {}\r\n const newRecord = prepareData(\r\n values,\r\n isBackdatedAmend,\r\n newValuationDate,\r\n record,\r\n selectedType,\r\n selectedSubType\r\n )\r\n\r\n let newPropertyLoanRecord\r\n if (showPropertyLoan) {\r\n newPropertyLoanRecord = prepareData(\r\n {\r\n ...values,\r\n title: values.titleExtra,\r\n description: values.descriptionExtra,\r\n address: values.addressExtra,\r\n currency: values.currencyExtra,\r\n includeValueInNetWorth: values.includeValueInNetWorthExtra,\r\n percentageOwnership: values.percentageOwnershipExtra,\r\n valuationDate: values.valuationDateExtra,\r\n links: [newRecord._id]\r\n },\r\n false,\r\n newValuationDate,\r\n {},\r\n CORE_TYPES.LIABILITY,\r\n LIABILITY_TYPES.PROPERTY_LOAN,\r\n true\r\n )\r\n newRecord.propertyLoanId = newPropertyLoanRecord._id\r\n newRecord.links = [...(newRecord.links || []), newPropertyLoanRecord._id]\r\n }\r\n\r\n try {\r\n ;((isReadonly && isDelegateByPD) || isProfessionalDeputy) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? pendingDb.crypto(masterKey)\r\n : db.crypto(masterKey)\r\n\r\n const records = newPropertyLoanRecord?._id\r\n ? [newRecord, newPropertyLoanRecord]\r\n : [newRecord]\r\n const putResults =\r\n ((isReadonly && isDelegateByPD) || isProfessionalDeputy) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? await pendingDb.bulkDocs(records)\r\n : await db.bulkDocs(records)\r\n\r\n // add a version record to history db\r\n const historyDb = new PouchDB(`${userId}_assetsLiabilitiesHistory`)\r\n historyDb.crypto(masterKey)\r\n if (newPropertyLoanRecord?._id) {\r\n await Promise.all([\r\n addVersionToHistory(\r\n record,\r\n newRecord,\r\n putResults[0],\r\n isBackdatedAmend,\r\n isMinor || (isReadonly && isDelegateByPD) || isProfessionalDeputy,\r\n historyDb\r\n ),\r\n addVersionToHistory(\r\n {},\r\n newPropertyLoanRecord,\r\n putResults[1],\r\n false,\r\n false,\r\n historyDb\r\n )\r\n ])\r\n } else {\r\n await addVersionToHistory(\r\n record,\r\n newRecord,\r\n putResults[0],\r\n isBackdatedAmend,\r\n isMinor || isProfessionalDeputy || (isReadonly && isDelegateByPD),\r\n historyDb\r\n )\r\n }\r\n\r\n const valuationDb = new PouchDB(`${userId}_assetsLiabilitiesValuations`)\r\n valuationDb.crypto(masterKey)\r\n if (\r\n (!isProfessionalDeputy && !(isDelegateByPD && isReadonly)) ||\r\n accessLevel !== ACCESS_LEVEL.NEED_APPROVAL\r\n ) {\r\n if (newPropertyLoanRecord?._id) {\r\n await Promise.all([\r\n addVersionToValuation(\r\n newValuationDate,\r\n values,\r\n newRecord,\r\n record,\r\n putResults[0],\r\n valuationDb\r\n ),\r\n addVersionToValuation(\r\n newValuationDate,\r\n {\r\n ...values,\r\n address: values.addressExtra,\r\n percentageOwnership: values.percentageOwnershipExtra,\r\n currency: values.currencyExtra,\r\n valuationDate: values.valuationDateExtra,\r\n includeValueInNetWorth: values.includeValueInNetWorthExtra\r\n },\r\n newPropertyLoanRecord,\r\n {},\r\n putResults[1],\r\n valuationDb\r\n )\r\n ])\r\n } else {\r\n await addVersionToValuation(\r\n newValuationDate,\r\n values,\r\n newRecord,\r\n record,\r\n putResults[0],\r\n valuationDb\r\n )\r\n }\r\n }\r\n\r\n await Promise.all([\r\n ((isReadonly && isDelegateByPD) || isProfessionalDeputy) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? uploadEncryptedData(pendingDb, userId, 'pendingAssetsLiabilities')\r\n : uploadEncryptedData(db, userId, 'assetsLiabilities'),\r\n uploadEncryptedData(historyDb, userId, 'assetsLiabilitiesHistory'),\r\n (!(isDelegateByPD && isReadonly) && !isProfessionalDeputy) ||\r\n accessLevel !== ACCESS_LEVEL.NEED_APPROVAL\r\n ? uploadEncryptedData(\r\n valuationDb,\r\n userId,\r\n 'assetsLiabilitiesValuations'\r\n )\r\n : ''\r\n ])\r\n\r\n // update contacts\r\n let initialLinkedContacts\r\n let newLinkedContacts\r\n\r\n initialLinkedContacts = uniq([\r\n ...(record.contacts || []),\r\n ...(record.tenant || []),\r\n ...(record.insuranceAdvisor || []),\r\n ...(record.beneficiaries || []),\r\n ...(record.borrower ? [record.borrower] : []),\r\n ...(record.nameAssured ? [record.nameAssured] : []),\r\n ...(record.company ? [record.company] : []),\r\n ...(record.lender ? [record.lender] : []),\r\n ...(record.typeOfTrustInterest?.values || [])\r\n ])\r\n\r\n newLinkedContacts = uniq([\r\n ...linkedContacts.map(c => c._id),\r\n ...(values.tenant || []),\r\n ...(values.insuranceAdvisor || []),\r\n ...(values.beneficiaries || []),\r\n ...(values.borrower ? [values.borrower] : []),\r\n ...(values.nameAssured ? [values.nameAssured] : []),\r\n ...(values.company ? [values.company] : []),\r\n ...(values.lender ? [values.lender] : []),\r\n ...(values.typeOfTrustInterest?.values || [])\r\n ])\r\n\r\n const addedContacts = newLinkedContacts.filter(\r\n contactId => !initialLinkedContacts.includes(contactId)\r\n )\r\n\r\n const removedContacts = initialLinkedContacts.filter(\r\n contactId => !newLinkedContacts.includes(contactId)\r\n )\r\n\r\n const updatedContacts = [...addedContacts, ...removedContacts]\r\n\r\n const updatedActivedContacts = updatedContacts.filter(cid =>\r\n activeContacts.map(ac => ac._id).includes(cid)\r\n )\r\n\r\n const updatedPendingContacts = updatedContacts.filter(cid =>\r\n pendingContacts.map(pc => pc._id).includes(cid)\r\n )\r\n\r\n if (updatedActivedContacts?.length) {\r\n await updateContactsLinks(\r\n updatedActivedContacts,\r\n values,\r\n newPropertyLoanRecord,\r\n newRecord,\r\n addedContacts,\r\n removedContacts,\r\n contactDb,\r\n 'contacts'\r\n )\r\n }\r\n\r\n if (updatedPendingContacts?.length) {\r\n await updateContactsLinks(\r\n updatedPendingContacts,\r\n values,\r\n newPropertyLoanRecord,\r\n newRecord,\r\n addedContacts,\r\n removedContacts,\r\n pendingContactDb,\r\n 'pendingContacts'\r\n )\r\n }\r\n\r\n //update events links\r\n const addedEvents = linkedEvents\r\n .map(e => e._id)\r\n .filter(eventId => !record.events?.includes(eventId))\r\n\r\n const removedEvents =\r\n record.events?.filter(\r\n contactId => !linkedEvents.map(e => e._id).includes(contactId)\r\n ) || []\r\n\r\n const updatedEvents = [...addedEvents, ...removedEvents]\r\n if (updatedEvents?.length) {\r\n const eventsDb = new PouchDB(`${userId}_events`)\r\n await updateEventsLinks(\r\n updatedEvents,\r\n newRecord,\r\n addedEvents,\r\n removedEvents,\r\n eventsDb,\r\n 'events'\r\n )\r\n }\r\n\r\n //update passwords\r\n const addedPasswords = linkedPasswords\r\n .map(password => password._id)\r\n .filter(passwordId => !record.passwords?.includes(passwordId))\r\n\r\n const removedPasswords =\r\n record.passwords?.filter(\r\n passwordId =>\r\n !linkedPasswords.map(password => password._id).includes(passwordId)\r\n ) || []\r\n\r\n const updatedPasswords = [...addedPasswords, ...removedPasswords]\r\n if (updatedPasswords?.length) {\r\n const passwordsDb = new PouchDB(`${userId}_passwords`)\r\n await updatePasswordsLinks(\r\n updatedPasswords,\r\n newRecord,\r\n addedPasswords,\r\n removedPasswords,\r\n passwordsDb,\r\n 'passwords'\r\n )\r\n }\r\n\r\n //update documents\r\n const addedDocuments =\r\n linkedDocuments\r\n .map(d => d._id)\r\n .filter(dId => !record.documents?.includes(dId)) || []\r\n\r\n const removedDocuments =\r\n record.documents?.filter(\r\n id => !linkedDocuments.map(d => d._id).includes(id)\r\n ) || []\r\n\r\n const updatedDocuments = [...addedDocuments, ...removedDocuments]\r\n\r\n const updatedActiveDocuments = updatedDocuments.filter(cid =>\r\n activeDocuments.map(ac => ac._id).includes(cid)\r\n )\r\n\r\n const updatedPendingDocuments = updatedDocuments.filter(cid =>\r\n pendingDocuments.map(pc => pc._id).includes(cid)\r\n )\r\n\r\n if (updatedActiveDocuments?.length) {\r\n await linkDocumentsFromAssetsLiabilities(\r\n updatedActiveDocuments,\r\n newRecord,\r\n addedDocuments,\r\n removedDocuments,\r\n 'documents',\r\n userId,\r\n masterKey\r\n )\r\n }\r\n\r\n if (updatedPendingDocuments?.length) {\r\n await linkDocumentsFromAssetsLiabilities(\r\n updatedPendingDocuments,\r\n newRecord,\r\n addedDocuments,\r\n removedDocuments,\r\n 'pendingDocuments',\r\n userId,\r\n masterKey\r\n )\r\n }\r\n\r\n if ((isReadonly && isDelegateByPD) || isProfessionalDeputy) {\r\n if (accessLevel === ACCESS_LEVEL.NEED_APPROVAL) {\r\n await api.sendAddRecordNotification(\r\n JSON.stringify({\r\n userId,\r\n recordType: 'asset / liability'\r\n })\r\n )\r\n\r\n dispatch(fetchOtherPendingAssetsLiabilities(userId, masterKey))\r\n } else {\r\n dispatch(fetchOtherAssetsLiabilities(userId, masterKey))\r\n }\r\n }\r\n setIsSaving(false)\r\n message.success(\r\n record._id\r\n ? t('UPDATE_ASSET_LIABILITY_SUCCESS')\r\n : t('ADD_ASSET_LIABILITY_SUCCESS')\r\n )\r\n localStorage.setItem('NotReload', true)\r\n addS3Change()\r\n reset()\r\n\r\n if (\r\n tourStepIndex === TOUR_STEP_INDEXES.SAVE_ASSET_BUTTON ||\r\n tourStepIndex === TOUR_STEP_INDEXES.SAVE_LINKED_ASSET\r\n ) {\r\n nextTourStep()\r\n }\r\n } catch (err) {\r\n setIsSaving(false)\r\n onError(err)\r\n }\r\n }\r\n\r\n const updateContactsLinks = async (\r\n updatedContacts,\r\n values,\r\n newPropertyLoanRecord,\r\n newRecord,\r\n addedContacts,\r\n removedContacts,\r\n db,\r\n dbName\r\n ) => {\r\n db.crypto(masterKey)\r\n const docs = await db.allDocs({\r\n keys: updatedContacts,\r\n include_docs: true\r\n })\r\n\r\n const updatedDocs = docs.rows\r\n .filter(row => row.doc)\r\n .map(row => {\r\n const { doc } = row\r\n\r\n if (addedContacts.includes(doc._id)) {\r\n let ids = []\r\n if (showPropertyLoan && newPropertyLoanRecord._id) {\r\n if (values.lender === doc._id) {\r\n ids = [...ids, newPropertyLoanRecord._id]\r\n }\r\n if (values.tenant?.includes(doc._id)) {\r\n ids = [...ids, newRecord._id]\r\n }\r\n if (\r\n values.lender !== doc._id &&\r\n !values.tenant?.includes(doc._id)\r\n ) {\r\n ids = [newRecord._id, newPropertyLoanRecord._id]\r\n }\r\n } else ids = [newRecord._id]\r\n\r\n const newAssetsLiabilities = uniq([\r\n ...(doc.assetsLiabilities || []),\r\n ...ids\r\n ])\r\n\r\n return { ...doc, assetsLiabilities: newAssetsLiabilities }\r\n } else if (removedContacts.includes(doc._id)) {\r\n const newAssetsLiabilities = doc.assetsLiabilities\r\n ? doc.assetsLiabilities.filter(alId => alId !== newRecord._id)\r\n : []\r\n return { ...doc, assetsLiabilities: newAssetsLiabilities }\r\n } else {\r\n return { ...doc }\r\n }\r\n })\r\n\r\n // Only property link with lender\r\n if (values.lender && showPropertyLoan) {\r\n const doc = await db.get(values.lender)\r\n await db.put({\r\n ...doc,\r\n assetsLiabilities: [\r\n ...(doc.assetsLiabilities || []),\r\n newPropertyLoanRecord._id\r\n ]\r\n })\r\n }\r\n\r\n await db.bulkDocs(updatedDocs)\r\n await uploadEncryptedData(db, userId, dbName)\r\n }\r\n\r\n const updateEventsLinks = async (\r\n updatedEvents,\r\n newRecord,\r\n addedEvents,\r\n removedEvents,\r\n db,\r\n dbName\r\n ) => {\r\n db.crypto(masterKey)\r\n const docs = await db.allDocs({\r\n keys: updatedEvents,\r\n include_docs: true\r\n })\r\n\r\n const updatedDocs = docs.rows\r\n .filter(row => row.doc)\r\n .map(row => {\r\n const { doc } = row\r\n\r\n if (addedEvents.includes(doc._id)) {\r\n const newAssetsLiabilities = uniq([\r\n ...(doc.assetsLiabilities || []),\r\n newRecord._id\r\n ])\r\n\r\n return { ...doc, assetsLiabilities: newAssetsLiabilities }\r\n } else if (removedEvents.includes(doc._id)) {\r\n const newAssetsLiabilities = doc.assetsLiabilities\r\n ? doc.assetsLiabilities.filter(alId => alId !== newRecord._id)\r\n : []\r\n return { ...doc, assetsLiabilities: newAssetsLiabilities }\r\n } else {\r\n return { ...doc }\r\n }\r\n })\r\n\r\n await db.bulkDocs(updatedDocs)\r\n await uploadEncryptedData(db, userId, dbName)\r\n }\r\n\r\n const updatePasswordsLinks = async (\r\n updatedPasswords,\r\n newRecord,\r\n addedPasswords,\r\n removedPasswords,\r\n db,\r\n dbName\r\n ) => {\r\n db.crypto(masterKey)\r\n const docs = await db.allDocs({\r\n keys: updatedPasswords,\r\n include_docs: true\r\n })\r\n\r\n const updatedDocs = docs.rows\r\n .filter(row => row.doc)\r\n .map(row => {\r\n const { doc } = row\r\n\r\n if (addedPasswords.includes(doc._id)) {\r\n const newAssetsLiabilities = uniq([\r\n ...(doc.assetsLiabilities || []),\r\n newRecord._id\r\n ])\r\n\r\n return { ...doc, assetsLiabilities: newAssetsLiabilities }\r\n } else if (removedPasswords.includes(doc._id)) {\r\n const newAssetsLiabilities = doc.assetsLiabilities\r\n ? doc.assetsLiabilities.filter(alId => alId !== newRecord._id)\r\n : []\r\n return { ...doc, assetsLiabilities: newAssetsLiabilities }\r\n } else {\r\n return { ...doc }\r\n }\r\n })\r\n\r\n await db.bulkDocs(updatedDocs)\r\n await uploadEncryptedData(db, userId, dbName)\r\n }\r\n\r\n const reset = () => {\r\n form.resetFields()\r\n setSelectedType(record.type || CORE_TYPES.ASSET)\r\n setSelectedSubType(record.subType)\r\n setDescriptionValue(record.descriptionWithMarkup || '')\r\n isProfessionalDeputy || (isDelegateByPD && isReadonly)\r\n ? history.goBack()\r\n : history.push(\r\n `/?tab=${\r\n selectedType === CORE_TYPES.ASSET ? t('ASSETS') : t('LIABILITIES')\r\n }`\r\n )\r\n }\r\n\r\n const handleContactMention = (id, display) => {\r\n if (!linkedContacts.find(lc => lc._id === id)) {\r\n handleLinkContacts([id])\r\n }\r\n }\r\n\r\n const handleTypeChange = e => {\r\n setSelectedType(e.target.value)\r\n setSelectedSubType(\r\n e.target.value === CORE_TYPES.ASSET\r\n ? ASSET_TYPES.CASH\r\n : LIABILITY_TYPES.PROPERTY_LOAN\r\n )\r\n form.setFieldsValue({\r\n subType: undefined\r\n })\r\n }\r\n\r\n const unlinkDocument = itemId => {\r\n setLinkedDocuments(linkedDocuments.filter(doc => doc._id !== itemId))\r\n }\r\n\r\n const linkDocument = async documentId => {\r\n try {\r\n const documentIds = linkedDocuments.map(doc => doc._id).concat(documentId)\r\n const newLinkedDocuments =\r\n documentIds && documentIds.length\r\n ? ((isReadonly && isDelegateByPD) || isProfessionalDeputy) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? [\r\n ...(await getRecords(userId, 'documents', masterKey)).filter(\r\n c => documentIds?.includes(c._id)\r\n ),\r\n ...(\r\n await getRecords(userId, 'pendingDocuments', masterKey)\r\n ).filter(c => documentIds?.includes(c._id))\r\n ]\r\n : await getRecords(userId, 'documents', masterKey, {\r\n keys: documentIds\r\n })\r\n : []\r\n setLinkedDocuments(newLinkedDocuments)\r\n } catch (err) {\r\n onError(err)\r\n }\r\n }\r\n\r\n const linkDocuments = async documentIds => {\r\n try {\r\n const newDocumentIds = linkedDocuments\r\n .map(doc => doc._id)\r\n .concat(documentIds)\r\n const newLinkedDocuments =\r\n newDocumentIds && newDocumentIds.length\r\n ? // ? await getRecords(userId, 'documents', masterKey, {\r\n // keys: newDocumentIds\r\n // })\r\n // : []\r\n ((isReadonly && isDelegateByPD) || isProfessionalDeputy) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? [\r\n ...(await getRecords(userId, 'documents', masterKey)).filter(\r\n c => newDocumentIds?.includes(c._id)\r\n ),\r\n ...(\r\n await getRecords(userId, 'pendingDocuments', masterKey)\r\n ).filter(c => newDocumentIds?.includes(c._id))\r\n ]\r\n : await getRecords(userId, 'documents', masterKey, {\r\n keys: newDocumentIds\r\n })\r\n : []\r\n setLinkedDocuments(newLinkedDocuments)\r\n } catch (err) {\r\n onError(err)\r\n }\r\n }\r\n\r\n const handleLinkContacts = async contactIds => {\r\n try {\r\n const allContactIds = linkedContacts\r\n .map(doc => doc._id)\r\n .concat(contactIds)\r\n\r\n const newLinkedContacts =\r\n allContactIds && allContactIds.length\r\n ? ((isReadonly && isDelegateByPD) || isProfessionalDeputy) &&\r\n accessLevel === ACCESS_LEVEL.NEED_APPROVAL\r\n ? [\r\n ...(\r\n await await getRecords(userId, 'contacts', masterKey)\r\n ).filter(c => allContactIds.includes(c._id)),\r\n ...(\r\n await getRecords(userId, 'pendingContacts', masterKey)\r\n ).filter(c => allContactIds.includes(c._id))\r\n ]\r\n : await getRecords(userId, 'contacts', masterKey, {\r\n keys: allContactIds\r\n })\r\n : []\r\n\r\n setLinkedContacts(newLinkedContacts)\r\n } catch (err) {\r\n onError(err)\r\n }\r\n }\r\n\r\n const handleUnlinkContact = contactId => {\r\n setLinkedContacts(linkedContacts.filter(doc => doc._id !== contactId))\r\n\r\n const deselectedContact = activeContacts.find(\r\n record => record._id === contactId\r\n )\r\n if (deselectedContact) {\r\n const markUp = new RegExp(`@\\\\[(((?!@\\\\[).)*)\\\\]\\\\(${contactId}\\\\)`, 'g')\r\n const newDescriptionValue = descriptionValue.replace(markUp, '$1')\r\n setDescriptionValue(newDescriptionValue)\r\n }\r\n }\r\n\r\n const handleLinkEvents = async eventIds => {\r\n try {\r\n const allEventIds = linkedEvents.map(doc => doc._id).concat(eventIds)\r\n\r\n const newLinkedEvents = allEventIds?.length\r\n ? await getRecords(userId, 'events', masterKey, {\r\n keys: allEventIds\r\n })\r\n : []\r\n\r\n setLinkedEvents(newLinkedEvents)\r\n } catch (error) {\r\n onError(error)\r\n }\r\n }\r\n\r\n const handleUnlinkEvents = eventId => {\r\n setLinkedEvents(linkedEvents.filter(doc => doc._id !== eventId))\r\n }\r\n\r\n const handleLinkPasswords = async passwordIds => {\r\n try {\r\n const allPasswordIds = linkedPasswords\r\n .map(doc => doc._id)\r\n .concat(passwordIds)\r\n\r\n const newLinkedPasswords = allPasswordIds?.length\r\n ? await getRecords(userId, 'passwords', masterKey, {\r\n keys: allPasswordIds\r\n })\r\n : []\r\n\r\n setLinkedPasswords(newLinkedPasswords)\r\n } catch (error) {\r\n onError(error)\r\n }\r\n }\r\n\r\n const handleUnlinkPassword = passwordId => {\r\n setLinkedPasswords(linkedPasswords.filter(doc => doc._id !== passwordId))\r\n }\r\n\r\n return (\r\n \r\n {t('REGISTRY')}\r\n
\r\n \r\n\r\n {record._id && record.title\r\n ? `${t('EDIT')} ${record.title}`\r\n : t('CREATE_NEW')}\r\n
\r\n\r\n Your recovery key has been changed because you changed your password.\r\n
\r\n )}\r\n {isResetAccount && (\r\nYour recovery key has been changed after you reset your account.
\r\n )}\r\n {isRecoverData && (\r\nYour recovery key has been changed after recovering data.
\r\n )}\r\n\r\n Please store this key securely. It can be used to recover your data when\r\n you forget your password.\r\n
\r\n \r\n {recoveryKey} \r\n \r\n\r\n The recovery key will be sent to your email address.\r\n
\r\n \r\n )\r\n}\r\nexport default SharedRecoverKey\r\n","import React, { useState, useEffect, useContext } from 'react'\r\nimport FormItem from '../override/FormItem'\r\nimport SetupMFA from '../common/SetupMFA'\r\nimport WrappedForm from '../common/WrappedForm'\r\nimport CodeInput from '../common/CodeInput'\r\nimport moment from 'moment'\r\nimport { Alert, Icon, Input, Modal } from 'antd'\r\nimport { Span, H4, StatusText, P } from '../override/Typography'\r\nimport { errorMessage } from '../../share/helpers'\r\nimport { useSelector, useDispatch } from 'react-redux'\r\nimport { fetchUser } from '../../features/user/userSlice'\r\nimport { getAuthenticationDetails, getCognitoUser } from '../../lib/cognito'\r\nimport AuthContext from '../../contexts/AuthContext'\r\nimport { StringResources } from '../../share/StringResources'\r\nimport api from '../../lib/api'\r\nimport Button from '../override/Button'\r\nimport { ThemeContext } from 'styled-components'\r\nimport { AUTH_FLOW, MFA_TYPES } from '../../share/Constants'\r\nimport { onError } from '../../lib/sentry'\r\nimport { useTranslation, Trans } from 'react-i18next'\r\nimport AuthFlowTypeForm from '../pages/SelectAuthFlowTypeForm'\r\n\r\nlet cognitoUser, mfaSecretCode, authFormRef, authDetails\r\n\r\nexport default function MFAInfo({ userInfo, userMFASettingList }) {\r\n const { user } = useContext(AuthContext)\r\n const theme = useContext(ThemeContext)\r\n const { t } = useTranslation()\r\n\r\n const [authModalVisible, setAuthModalVisible] = useState(false)\r\n const [setupMfaModalVisible, setSetupMfaModalVisible] = useState()\r\n const [selectMfaModalVisible, setSelectMfaModalVisible] = useState()\r\n const [currentStep, setCurrentStep] = useState(0)\r\n const [isSubmitting, setIsSubmitting] = useState(false)\r\n const [mfaRequired, setMfaRequired] = useState(false)\r\n const [errMsg, setErrMsg] = useState('')\r\n const [isSmsType, setIsSmsType] = useState(false)\r\n const [isEmailType, setIsEmailType] = useState(false)\r\n const [selectedOTPType, setSelectedOTPType] = useState()\r\n const [isChangedAuthFlow, setIsChangedAuthFlow] = useState(false)\r\n const [isReset, setIsReset] = useState(false)\r\n const { setupMfaDate, currentFlow } = useSelector(state => state.user).user\r\n const dispatch = useDispatch()\r\n\r\n useEffect(() => {\r\n if (errMsg) setIsSubmitting(false)\r\n }, [errMsg])\r\n\r\n const verifySoftwareToken = token => {\r\n setIsSubmitting(true)\r\n setErrMsg('')\r\n\r\n cognitoUser.verifySoftwareToken(\r\n token,\r\n StringResources.FRIENDLY_DEVICE_NAME,\r\n {\r\n onSuccess: function (session) {\r\n // if input token is valid, then enable MFA for specific user, with SOFTWARE_TOKEN_MFA type\r\n cognitoUser.setUserMfaPreference(\r\n { Enabled: true, PreferredMfa: false },\r\n { Enabled: true, PreferredMfa: false },\r\n function (err, result) {\r\n if (err) {\r\n setErrMsg(t('FAILED_TO_SET_USER_MFA_PREFERENCE'))\r\n return\r\n }\r\n\r\n api\r\n .updateSetupMfaDate(\r\n user.username,\r\n JSON.stringify({\r\n setupMfaDate: Math.floor(new Date().getTime() / 1000)\r\n })\r\n )\r\n .then(async res => {\r\n dispatch(fetchUser(user.username))\r\n setIsSubmitting(false)\r\n setCurrentStep(2)\r\n setIsReset(false)\r\n })\r\n .catch(err => onError(err))\r\n }\r\n )\r\n },\r\n onFailure: function (err) {\r\n setErrMsg(errorMessage(err))\r\n setIsSubmitting(false)\r\n }\r\n }\r\n )\r\n }\r\n\r\n const resetMfaSetupProcess = () => {\r\n authFormRef.props.form.resetFields()\r\n setErrMsg('')\r\n setMfaRequired(false)\r\n setSetupMfaModalVisible(false)\r\n setIsSubmitting(false)\r\n setCurrentStep(0)\r\n }\r\n\r\n const cognitoCallbacks = {\r\n onSuccess: function (session) {\r\n const callbacks = this\r\n setAuthModalVisible(false)\r\n if (isReset) {\r\n cognitoUser.setUserMfaPreference(\r\n { PreferredMfa: false, Enabled: true },\r\n { PreferredMfa: false, Enabled: false },\r\n function (err) {\r\n if (err) onError(err)\r\n else {\r\n cognitoUser.associateSoftwareToken(callbacks)\r\n }\r\n }\r\n )\r\n } else {\r\n if (\r\n (!userMFASettingList?.length && currentFlow !== AUTH_FLOW.MFA_FLOW) ||\r\n userMFASettingList?.length ||\r\n currentFlow === AUTH_FLOW.CUSTOM_FLOW ||\r\n currentFlow === AUTH_FLOW.NONE\r\n ) {\r\n setSelectMfaModalVisible(true)\r\n }\r\n\r\n if (\r\n (selectedOTPType === AUTH_FLOW.MFA_FLOW && isChangedAuthFlow) ||\r\n (!userMFASettingList?.length && currentFlow === AUTH_FLOW.MFA_FLOW)\r\n ) {\r\n setSelectMfaModalVisible(false)\r\n cognitoUser.associateSoftwareToken(callbacks)\r\n }\r\n\r\n if (\r\n (selectedOTPType === AUTH_FLOW.CUSTOM_FLOW ||\r\n selectedOTPType === AUTH_FLOW.NONE) &&\r\n isChangedAuthFlow\r\n ) {\r\n window.location.reload()\r\n }\r\n }\r\n },\r\n onFailure: function (err) {\r\n setErrMsg(errorMessage(err))\r\n },\r\n associateSecretCode: function (secretCode) {\r\n setIsSubmitting(false)\r\n // Show setup MFA modal (including generated QR and secret code)\r\n mfaSecretCode = secretCode\r\n setSetupMfaModalVisible(true)\r\n }\r\n }\r\n\r\n const authenticateUser = () => {\r\n const authenticationDetails = getAuthenticationDetails(\r\n authDetails.username,\r\n authDetails.password\r\n )\r\n\r\n if (currentFlow === AUTH_FLOW.CUSTOM_FLOW && !isChangedAuthFlow) {\r\n cognitoUser.setAuthenticationFlowType('CUSTOM_AUTH')\r\n } else {\r\n cognitoUser.setAuthenticationFlowType('USER_SRP_AUTH')\r\n }\r\n\r\n cognitoUser.authenticateUser(authenticationDetails, {\r\n ...cognitoCallbacks,\r\n selectMFAType: function () {\r\n cognitoUser.sendMFASelectionAnswer(MFA_TYPES.TOTP, this)\r\n },\r\n customChallenge: function () {\r\n setIsSubmitting(false)\r\n setMfaRequired(true)\r\n setIsEmailType(true)\r\n setSelectMfaModalVisible(false)\r\n setAuthModalVisible(true)\r\n },\r\n mfaRequired: function () {\r\n setIsSubmitting(false)\r\n setMfaRequired(true)\r\n setIsSmsType(true)\r\n },\r\n totpRequired: function () {\r\n setIsSubmitting(false)\r\n setMfaRequired(true)\r\n }\r\n })\r\n }\r\n\r\n const handlePasswordSubmit = () => {\r\n authFormRef.props.form.validateFields((err, values) => {\r\n if (err) return\r\n\r\n setIsSubmitting(true)\r\n setErrMsg('')\r\n\r\n cognitoUser = getCognitoUser()\r\n\r\n authDetails = { username: userInfo.email, password: values.password }\r\n authenticateUser()\r\n })\r\n }\r\n\r\n const handleMFACodeSubmit = () => {\r\n authFormRef.props.form.validateFields((err, values) => {\r\n if (err) return\r\n\r\n setIsSubmitting(true)\r\n setErrMsg('')\r\n\r\n isEmailType\r\n ? cognitoUser.sendCustomChallengeAnswer(values.code, cognitoCallbacks)\r\n : cognitoUser.sendMFACode(\r\n values.code,\r\n cognitoCallbacks,\r\n isSmsType ? MFA_TYPES.SMS : MFA_TYPES.TOTP\r\n )\r\n })\r\n }\r\n\r\n return (\r\n <>\r\n{t('MULTI_FACTOR_AUTHENTICATION')}
\r\n\r\n setAuthModalVisible(true)}\r\n >\r\n {\r\n setAuthModalVisible(true)\r\n setIsReset(true)\r\n }}\r\n >\r\n
\r\n \r\n {setupMfaDate && (\r\n <>\r\n \r\n {isSmsType\r\n ? t('INPUT_SMS_CODE')\r\n : isEmailType\r\n ? t('INPUT_EMAIL_CODE')\r\n : t('INPUT_TOTP_CODE')}\r\n :\r\n
\r\n\r\n {t('ENTER_YOUR_PASSWORD_TO_PROCEED')}:\r\n
\r\n\r\n {\r\n resetMfaSetupProcess()\r\n setAuthModalVisible(false)\r\n }}\r\n >\r\n {t('CANCEL')}\r\n \r\n \r\n {t('NEXT')}\r\n \r\n
\r\n \r\n )}\r\n \r\n Current data\r\n
\r\n Documents: {documents.length || 0}
\r\n Contacts: {contacts.length || 0}
\r\n Events: {recurringEvents.length || 0}
\r\n Locations: {locations.length || 0}
\r\n Passwords: {passwords.length || 0}
\r\n \r\n Restore data\r\n
\r\n \r\n \r\n ),\r\n okText: t('YES'),\r\n cancelText: t('NO'),\r\n onOk: () =>\r\n !isLocal\r\n ? handleRestore(record)\r\n : handleRestoreLocal(record, files, zip)\r\n })\r\n }\r\n\r\n const getBackupFileKeys = async () => {\r\n const filesBackup = documents\r\n .filter(doc => doc.fileName)\r\n .map(doc => {\r\n return {\r\n id: doc.fileId,\r\n sub: doc.sub,\r\n size: doc.file[0].size\r\n }\r\n })\r\n\r\n const loctionImagesBackup = locations\r\n .filter(lc => lc.image?.length)\r\n .map(lc => lc.image)\r\n .flat()\r\n .map(img => {\r\n return {\r\n id: img.fileId,\r\n sub: img.sub,\r\n size: img.size\r\n }\r\n })\r\n\r\n const allBackupFiles = [...filesBackup, ...loctionImagesBackup]\r\n return allBackupFiles\r\n }\r\n\r\n const cloneS3Files = async () => {\r\n const allBackupFiles = await getBackupFileKeys()\r\n\r\n let backupKeys = []\r\n allBackupFiles.forEach(async item => {\r\n // copy s3 object\r\n const newId = uuidv4()\r\n\r\n const key = {\r\n sourceFileId: item.id,\r\n newFileId: newId,\r\n size: item.size\r\n }\r\n\r\n backupKeys.push(key)\r\n await api.bulkCopyFiles(\r\n userId,\r\n JSON.stringify({\r\n normalFileData: backupKeys\r\n })\r\n )\r\n })\r\n return backupKeys\r\n }\r\n\r\n const restoreFromLocal = () => {\r\n setIsRestoring(true)\r\n form.validateFields(async (err, values) => {\r\n if (err) {\r\n setIsRestoring(false)\r\n return\r\n }\r\n const file = values.file[0].originFileObj\r\n\r\n const reader = new FileReader()\r\n reader.onload = async () => {\r\n try {\r\n // const data = JSON.parse(reader.result)\r\n\r\n // await showWarningRestore(data, true)\r\n JSZip.loadAsync(reader.result)\r\n .then(async zip => {\r\n const data = JSON.parse(\r\n await zip.file('bantex-backup-data.json').async('string')\r\n )\r\n await showWarningRestore(data, true, zip.files, zip)\r\n setIsRestoring(false)\r\n })\r\n .catch(function (err) {\r\n message.error('Failed to open ZIP file')\r\n })\r\n } catch (error) {\r\n message.error('Failed to restore data')\r\n setIsRestoring()\r\n }\r\n }\r\n reader.readAsArrayBuffer(file)\r\n })\r\n }\r\n\r\n const backupFilesToS3 = async (files, keys, zip) => {\r\n await Promise.all(\r\n Object.keys(files).map(async filename => {\r\n const fileInfo = keys.find(key => key.id === filename)\r\n\r\n if (fileInfo?.id) {\r\n const fileContent = await zip.file(filename).async('nodebuffer')\r\n await s3Put(userId, fileInfo.id, fileContent, {\r\n sub: fileInfo.sub\r\n })\r\n }\r\n })\r\n )\r\n }\r\n\r\n const handleRestoreLocal = async (data, files, zip) => {\r\n try {\r\n //delete old data\r\n await deleteOldData()\r\n\r\n //restore data\r\n await restoreData('documents', data.documents)\r\n await restoreData('contacts', data.contacts)\r\n await restoreData('events', data.events)\r\n await restoreData('locations', data.locations)\r\n await restoreData('passwords', data.passwords)\r\n await restoreData('contactsHistory', data.contactsHistory)\r\n if (data.recurringEvents?.length) {\r\n await api.updateEvents(\r\n userId,\r\n JSON.stringify({\r\n events: data.recurringEvents\r\n })\r\n )\r\n }\r\n\r\n //upload files to s3\r\n if (data.backupKeys?.length && files) {\r\n await backupFilesToS3(files, data.backupKeys, zip)\r\n }\r\n dispatch(fetchUser(userId))\r\n message.success('Successfully restored data')\r\n setIsRestoring()\r\n setRestoreModalVisible(false)\r\n form.resetFields()\r\n } catch (error) {\r\n onError(error)\r\n }\r\n }\r\n\r\n const restoreData = async (dbName, data) => {\r\n const urlRes = await api.getSignedUrl(userId, dbName, 'putObject', {})\r\n if (urlRes.data.message) throw Error(urlRes.data.message)\r\n\r\n await api.uploadToS3Url(urlRes.data, data, {})\r\n await reloadRecords(dbName, userId, masterKey)\r\n await fetchDataFunction(dbName, userId, masterKey)\r\n }\r\n\r\n const fetchDataFunction = async (dbName, userId, masterKey) => {\r\n switch (dbName) {\r\n case 'contacts':\r\n return dispatch(fetchContacts(userId, masterKey))\r\n case 'documents':\r\n return dispatch(fetchDocuments(userId, masterKey))\r\n case 'locations':\r\n return dispatch(fetchLocations(userId, masterKey))\r\n case 'passwords':\r\n return dispatch(fetchPasswords(userId, masterKey))\r\n case 'events':\r\n return dispatch(fetchEvents(userId, masterKey))\r\n default:\r\n return null\r\n }\r\n }\r\n\r\n const handleBackup = () => {\r\n if (backupType === 'Download') {\r\n backupToLocal()\r\n } else {\r\n backupToCloud()\r\n }\r\n }\r\n\r\n const deleteOldData = async () => {\r\n try {\r\n const contactsHistory = await getRecords(\r\n userId,\r\n 'contactsHistory',\r\n masterKey\r\n )\r\n\r\n if (events?.length)\r\n await permanentlyDeleteItems('events', userId, events, masterKey)\r\n if (contacts?.length)\r\n await permanentlyDeleteItems('contacts', userId, contacts, masterKey)\r\n\r\n if (documents?.length)\r\n await permanentlyDeleteDocuments(\r\n userId,\r\n documents,\r\n documents,\r\n masterKey\r\n )\r\n if (locations?.length)\r\n await permanentlyDeleteLocations(userId, locations, masterKey)\r\n if (passwords?.length)\r\n await permanentlyDeleteItems('passwords', userId, passwords, masterKey)\r\n if (contactsHistory?.length)\r\n await permanentlyDeleteItems(\r\n 'contactsHistory',\r\n userId,\r\n contactsHistory,\r\n masterKey\r\n )\r\n } catch (error) {\r\n onError(error)\r\n }\r\n }\r\n\r\n const backupToCloud = async () => {\r\n setIsSaving(true)\r\n const db = new PouchDB(`${userId}_${'backupData'}`)\r\n db.crypto(masterKey)\r\n\r\n try {\r\n const totalBackupSize = await sumSizeStoraged()\r\n\r\n if (totalBackupSize + usedStorage > allowedStorage) {\r\n Modal.warning({\r\n title: t('Cannot backup files'),\r\n content:\r\n 'Your space has been full. Please clear your space to continue backup'\r\n })\r\n setIsSaving(false)\r\n return\r\n }\r\n const contactsHistory = (\r\n await getRecords(userId, 'contactsHistory', masterKey)\r\n ).map(cth => {\r\n delete cth._rev\r\n return cth\r\n })\r\n\r\n const backupKeys = await cloneS3Files(totalBackupSize)\r\n\r\n const data = {\r\n _id: uuidv4(),\r\n time: new Date(),\r\n documents: documents.map(doc => {\r\n return {\r\n ...doc,\r\n _rev: undefined\r\n }\r\n }),\r\n contacts: {\r\n data: contacts.map(contact => {\r\n return { ...contact, _rev: undefined }\r\n }),\r\n history: contactsHistory\r\n },\r\n passwords: passwords.map(password => {\r\n return { ...password, _rev: undefined }\r\n }),\r\n locations: locations.map(location => {\r\n return { ...location, _rev: undefined }\r\n }),\r\n events: {\r\n pouchDB: events.map(event => {\r\n return { ...event, _rev: undefined }\r\n }),\r\n dynamoDB: recurringEvents\r\n },\r\n backupKeys\r\n }\r\n\r\n await db.put(data)\r\n await uploadEncryptedData(db, userId, 'backupData')\r\n if (totalBackupSize > 0) {\r\n await api.updateBackupSize(\r\n userId,\r\n JSON.stringify({\r\n size: totalBackupSize\r\n })\r\n )\r\n }\r\n message.success('Backup data successfully')\r\n setIsSaving(false)\r\n setBackupModalVisible(false)\r\n dispatch(fetchUser(userId))\r\n } catch (error) {\r\n setIsSaving(false)\r\n onError(error)\r\n message.error('Failed to backup data')\r\n }\r\n }\r\n const handleRestore = async selectedRecord => {\r\n setIsRestoring(selectedRecord._id)\r\n\r\n try {\r\n //delete all old data\r\n await deleteOldData()\r\n\r\n //restore data to database\r\n\r\n if (selectedRecord.documents?.length) {\r\n const documentDb = new PouchDB(`${userId}_documents`)\r\n documentDb.crypto(masterKey)\r\n await documentDb.bulkDocs(selectedRecord.documents)\r\n await uploadEncryptedData(documentDb, userId, 'documents')\r\n }\r\n if (selectedRecord.contacts?.data?.length) {\r\n const contactDb = new PouchDB(`${userId}_contacts`)\r\n contactDb.crypto(masterKey)\r\n await contactDb.bulkDocs(selectedRecord?.contacts?.data)\r\n await uploadEncryptedData(contactDb, userId, 'contacts')\r\n }\r\n\r\n if (selectedRecord.contacts?.history?.length) {\r\n const contactHistoryDb = new PouchDB(`${userId}_contactsHistory`)\r\n contactHistoryDb.crypto(masterKey)\r\n await contactHistoryDb.bulkDocs(selectedRecord?.contacts?.history)\r\n await uploadEncryptedData(contactHistoryDb, userId, 'contactsHistory')\r\n }\r\n\r\n if (selectedRecord.events?.pouchDB?.length) {\r\n const eventDb = new PouchDB(`${userId}_events`)\r\n eventDb.crypto(masterKey)\r\n await eventDb.bulkDocs(selectedRecord.events.pouchDB)\r\n await uploadEncryptedData(eventDb, userId, 'events')\r\n await api.updateEvents(\r\n userId,\r\n JSON.stringify({\r\n events: selectedRecord.events.dynamoDB\r\n })\r\n )\r\n }\r\n\r\n if (selectedRecord.locations?.length) {\r\n const locationDb = new PouchDB(`${userId}_locations`)\r\n locationDb.crypto(masterKey)\r\n await locationDb.bulkDocs(selectedRecord.locations)\r\n await uploadEncryptedData(locationDb, userId, 'locations')\r\n }\r\n\r\n if (selectedRecord.passwords?.length) {\r\n const passwordDb = new PouchDB(`${userId}_passwords`)\r\n passwordDb.crypto(masterKey)\r\n await passwordDb.bulkDocs(selectedRecord.passwords)\r\n await uploadEncryptedData(passwordDb, userId, 'passwords')\r\n }\r\n\r\n if (selectedRecord.backupKeys?.length) {\r\n await api.bulkCopyFiles(\r\n userId,\r\n JSON.stringify({\r\n normalFileData: selectedRecord.backupKeys.map(k => {\r\n return {\r\n sourceFileId: k.newFileId,\r\n newFileId: k.sourceFileId\r\n }\r\n })\r\n })\r\n )\r\n }\r\n dispatch(fetchUser(userId))\r\n\r\n message.success('Restore data successfully')\r\n setIsRestoring()\r\n setRestoreModalVisible(false)\r\n form.resetFields()\r\n } catch (error) {\r\n onError(error)\r\n setIsRestoring()\r\n message.error('Failed to restore data')\r\n }\r\n }\r\n\r\n const draggerProps = {\r\n beforeUpload: () => {\r\n // this is for preventing the upload action, so we can customize the upload flow and upload to S3 later when the form is saved\r\n return false\r\n }\r\n }\r\n\r\n const normFile = e => {\r\n // Temporary only allow uploading a single file at once (the last selected file) for simplicity,\r\n // may consider adding support for uploading multiple files later\r\n if (Array.isArray(e)) {\r\n return e.slice(-1)\r\n }\r\n return e && e.fileList.slice(-1)\r\n }\r\n\r\n return (\r\n <>\r\n \r\n Documents:{' '}\r\n {isLocal\r\n ? record?.documents?.docs?.length || 0\r\n : record?.documents?.length || 0}\r\n
\r\n \r\n Contacts:{' '}\r\n {isLocal\r\n ? record?.contacts?.docs?.length || 0\r\n : record?.contacts?.data?.length || 0}\r\n
\r\n \r\n Events:{' '}\r\n {isLocal\r\n ? record?.recurringEvents?.length || 0\r\n : record?.events?.dynamoDB?.length || 0}\r\n
\r\n \r\n Locations:{' '}\r\n {isLocal\r\n ? record?.locations?.docs?.length || 0\r\n : record?.locations?.length || 0}\r\n
\r\n \r\n Passwords:{' '}\r\n {isLocal\r\n ? record?.passwords?.docs?.length || 0\r\n : record?.passwords?.length || 0}\r\n
\r\n {t('Backup/Restore')}:
\r\n\r\n setBackupModalVisible(true)}\r\n >\r\n