@procivis/one-react-native-components 0.1.63 → 0.3.22

package/lib/module/components/entity/entity-details-with-buttons.js

@@ -0,0 +1,81 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { TrustEntityRoleEnum, TrustEntityStateEnum } from '@procivis/react-native-one-core';
+import React, { memo, useMemo } from 'react';
+import { View } from 'react-native';
+import EntityCluster from '../../ui-components/entity/entity-cluster';
+import { EntityTrustedIcon } from '../../ui-components/icons';
+import { useAppColorScheme } from '../../ui-components/theme/color-scheme-context';
+import { concatTestID } from '../../utils';
+import { useTrustEntity } from '../../utils/hooks/core/trust-entity';
+import EntityAttributes from './entity-attributes';
+import EntityButtons from './EntityButtons';
+const EntityDetailsWithButtons = ({
+  did,
+  entityLabels,
+  attributesLabels,
+  onCopyToClipboard,
+  role,
+  entityType,
+  testID,
+  ...props
+}) => {
+  let {
+    data
+  } = useTrustEntity(did === null || did === void 0 ? void 0 : did.id);
+  const trustEntity = data !== null && data !== void 0 ? data : undefined;
+  const colorScheme = useAppColorScheme();
+  const trusted = Boolean(trustEntity && trustEntity.state === TrustEntityStateEnum.ACTIVE && (trustEntity.role === TrustEntityRoleEnum.BOTH || trustEntity.role === role));
+  const trustEntityName = useMemo(() => {
+    if (!trustEntity || !trusted) {
+      return role === TrustEntityRoleEnum.ISSUER ? entityLabels.unknownIssuer : entityLabels.unknownVerifier;
+    }
+    return trustEntity.name;
+  }, [entityLabels, role, trustEntity, trusted]);
+  const trustEntitySubline = useMemo(() => {
+    if (!trusted) {
+      return undefined;
+    }
+    return `${entityLabels.trusted} • ${trustEntity === null || trustEntity === void 0 ? void 0 : trustEntity.trustAnchor.name}`;
+  }, [trustEntity, trusted, entityLabels.trusted]);
+  const trustEntityStatusIcon = useMemo(() => {
+    if (!trusted) {
+      return undefined;
+    }
+    return /*#__PURE__*/React.createElement(EntityTrustedIcon, {
+      testID: concatTestID(testID, 'statusIcon', 'trusted')
+    });
+  }, [testID, trusted]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      backgroundColor: colorScheme.nerdView.background
+    }
+  }, /*#__PURE__*/React.createElement(EntityCluster, _extends({
+    avatar: {
+      avatar: trusted && trustEntity !== null && trustEntity !== void 0 && trustEntity.logo ? {
+        imageSource: {
+          uri: trustEntity.logo
+        }
+      } : undefined,
+      placeholderText: trustEntity === null || trustEntity === void 0 ? void 0 : trustEntity.name.substring(0, 1),
+      statusIcon: trustEntityStatusIcon,
+      testID: concatTestID(testID, 'avatar')
+    },
+    entityName: trustEntityName,
+    subline: trustEntitySubline,
+    sublineColor: trusted ? colorScheme.success : colorScheme.white,
+    testID: testID
+  }, props)), trusted && /*#__PURE__*/React.createElement(EntityButtons, {
+    entity: trustEntity,
+    labels: entityLabels,
+    testID: concatTestID(testID, 'links')
+  }), /*#__PURE__*/React.createElement(EntityAttributes, {
+    did: did === null || did === void 0 ? void 0 : did.did,
+    trustEntity: trustEntity,
+    trusted: trusted,
+    labels: attributesLabels,
+    onCopyToClipboard: onCopyToClipboard,
+    entityType: entityType
+  }));
+};
+export default /*#__PURE__*/memo(EntityDetailsWithButtons);
+//# sourceMappingURL=entity-details-with-buttons.js.map

package/lib/module/components/entity/entity-details-with-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TrustEntityRoleEnum","TrustEntityStateEnum","React","memo","useMemo","View","EntityCluster","EntityTrustedIcon","useAppColorScheme","concatTestID","useTrustEntity","EntityAttributes","EntityButtons","EntityDetailsWithButtons","did","entityLabels","attributesLabels","onCopyToClipboard","role","entityType","testID","props","data","id","trustEntity","undefined","colorScheme","trusted","Boolean","state","ACTIVE","BOTH","trustEntityName","ISSUER","unknownIssuer","unknownVerifier","name","trustEntitySubline","trustAnchor","trustEntityStatusIcon","createElement","style","backgroundColor","nerdView","background","_extends","avatar","logo","imageSource","uri","placeholderText","substring","statusIcon","entityName","subline","sublineColor","success","white","entity","labels"],"sources":["entity-details-with-buttons.tsx"],"sourcesContent":["import { DidListItem, TrustEntityRoleEnum, TrustEntityStateEnum } from '@procivis/react-native-one-core';\nimport React, { FC, memo, useMemo } from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\n\nimport EntityCluster from '../../ui-components/entity/entity-cluster';\nimport { EntityTrustedIcon } from '../../ui-components/icons';\nimport { AttributesLabels, EntityLabels, EntityType } from '../../ui-components/screens/nerd-mode-screen';\nimport { useAppColorScheme } from '../../ui-components/theme/color-scheme-context';\nimport { concatTestID } from '../../utils';\nimport { useTrustEntity } from '../../utils/hooks/core/trust-entity';\nimport EntityAttributes from './entity-attributes';\nimport EntityButtons from './EntityButtons';\n\nexport type ContextRole = Exclude<TrustEntityRoleEnum, TrustEntityRoleEnum.BOTH>;\n\ninterface EntityDetailsWithButtonsProps {\n  did?: DidListItem;\n  entityLabels: EntityLabels;\n  attributesLabels: AttributesLabels;\n  style?: StyleProp<ViewStyle>;\n  textColor?: string;\n  testID?: string;\n  role: ContextRole;\n  onCopyToClipboard: (value: string) => void;\n  entityType: EntityType;\n}\n\nconst EntityDetailsWithButtons: FC<EntityDetailsWithButtonsProps> = ({\n  did,\n  entityLabels,\n  attributesLabels,\n  onCopyToClipboard,\n  role,\n  entityType,\n  testID,\n  ...props\n}) => {\n  let { data } = useTrustEntity(did?.id);\n  const trustEntity = data ?? undefined;\n\n  const colorScheme = useAppColorScheme();\n\n  const trusted = Boolean(\n    trustEntity &&\n      trustEntity.state === TrustEntityStateEnum.ACTIVE &&\n      (trustEntity.role === TrustEntityRoleEnum.BOTH || trustEntity.role === role),\n  );\n\n  const trustEntityName = useMemo(() => {\n    if (!trustEntity || !trusted) {\n      return role === TrustEntityRoleEnum.ISSUER ? entityLabels.unknownIssuer : entityLabels.unknownVerifier;\n    }\n    return trustEntity.name;\n  }, [entityLabels, role, trustEntity, trusted]);\n\n  const trustEntitySubline = useMemo(() => {\n    if (!trusted) {\n      return undefined;\n    }\n\n    return `${entityLabels.trusted} • ${trustEntity?.trustAnchor.name}`;\n  }, [trustEntity, trusted, entityLabels.trusted]);\n\n  const trustEntityStatusIcon = useMemo(() => {\n    if (!trusted) {\n      return undefined;\n    }\n    return <EntityTrustedIcon testID={concatTestID(testID, 'statusIcon', 'trusted')} />;\n  }, [testID, trusted]);\n\n  return (\n    <View style={{ backgroundColor: colorScheme.nerdView.background }}>\n      <EntityCluster\n        avatar={{\n          avatar: trusted && trustEntity?.logo ? { imageSource: { uri: trustEntity.logo } } : undefined,\n          placeholderText: trustEntity?.name.substring(0, 1),\n          statusIcon: trustEntityStatusIcon,\n          testID: concatTestID(testID, 'avatar'),\n        }}\n        entityName={trustEntityName}\n        subline={trustEntitySubline}\n        sublineColor={trusted ? colorScheme.success : colorScheme.white}\n        testID={testID}\n        {...props}\n      />\n      {trusted && <EntityButtons entity={trustEntity} labels={entityLabels} testID={concatTestID(testID, 'links')} />}\n      <EntityAttributes\n        did={did?.did}\n        trustEntity={trustEntity}\n        trusted={trusted}\n        labels={attributesLabels}\n        onCopyToClipboard={onCopyToClipboard}\n        entityType={entityType}\n      />\n    </View>\n  );\n};\n\nexport default memo(EntityDetailsWithButtons);\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/entity/entity-details.js

@@ -0,0 +1,63 @@
+import { TrustEntityRoleEnum, TrustEntityStateEnum } from '@procivis/react-native-one-core';
+import React, { useMemo } from 'react';
+import EntityCluster from '../../ui-components/entity/entity-cluster';
+import { EntityTrustedIcon } from '../../ui-components/icons';
+import { concatTestID, replaceBreakingHyphens } from '../../utils';
+import { useTrustEntity } from '../../utils/hooks/core/trust-entity';
+const EntityDetails = ({
+  labels,
+  renderMore,
+  role,
+  style,
+  testID,
+  ...props
+}) => {
+  var _props$did;
+  const {
+    data
+  } = useTrustEntity('did' in props ? (_props$did = props.did) === null || _props$did === void 0 ? void 0 : _props$did.id : undefined);
+  const trustEntity = 'entity' in props ? props.entity : data !== null && data !== void 0 ? data : undefined;
+  const trusted = trustEntity && trustEntity.state === TrustEntityStateEnum.ACTIVE && (trustEntity.role === TrustEntityRoleEnum.BOTH || trustEntity.role === role);
+  const trustEntityName = useMemo(() => {
+    if (!trusted) {
+      return labels.unknown;
+    }
+    return trustEntity.name;
+  }, [labels.unknown, trustEntity, trusted]);
+  const trustEntitySubline = useMemo(() => {
+    if (!trustEntity) {
+      var _props$did2;
+      return 'did' in props ? (_props$did2 = props.did) !== null && _props$did2 !== void 0 && _props$did2.did ? replaceBreakingHyphens(props.did.did) : undefined : undefined;
+    }
+    if (!trusted) {
+      return replaceBreakingHyphens(trustEntity.did.did);
+    }
+    return undefined;
+  }, [props, trustEntity, trusted]);
+  const trustEntityStatusIcon = useMemo(() => {
+    if (!trusted) {
+      return undefined;
+    }
+    return /*#__PURE__*/React.createElement(EntityTrustedIcon, {
+      testID: concatTestID(testID, 'statusIcon', 'trusted')
+    });
+  }, [testID, trusted]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(EntityCluster, {
+    avatar: trustEntity ? {
+      avatar: trusted && trustEntity.logo ? {
+        imageSource: {
+          uri: trustEntity.logo
+        }
+      } : undefined,
+      placeholderText: trustEntity.name.substring(0, 1),
+      statusIcon: trustEntityStatusIcon,
+      testID: concatTestID(testID, 'avatar')
+    } : undefined,
+    entityName: trustEntityName,
+    style: style,
+    subline: trustEntitySubline,
+    testID: testID
+  }), trustEntity && renderMore && renderMore(trustEntity));
+};
+export default EntityDetails;
+//# sourceMappingURL=entity-details.js.map

package/lib/module/components/entity/entity-details.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TrustEntityRoleEnum","TrustEntityStateEnum","React","useMemo","EntityCluster","EntityTrustedIcon","concatTestID","replaceBreakingHyphens","useTrustEntity","EntityDetails","labels","renderMore","role","style","testID","props","_props$did","data","did","id","undefined","trustEntity","entity","trusted","state","ACTIVE","BOTH","trustEntityName","unknown","name","trustEntitySubline","_props$did2","trustEntityStatusIcon","createElement","Fragment","avatar","logo","imageSource","uri","placeholderText","substring","statusIcon","entityName","subline"],"sources":["entity-details.tsx"],"sourcesContent":["import { DidListItem, TrustEntity, TrustEntityRoleEnum, TrustEntityStateEnum } from '@procivis/react-native-one-core';\nimport React, { FC, ReactNode, useMemo } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\n\nimport EntityCluster from '../../ui-components/entity/entity-cluster';\nimport { EntityTrustedIcon } from '../../ui-components/icons';\nimport { concatTestID, replaceBreakingHyphens } from '../../utils';\nimport { useTrustEntity } from '../../utils/hooks/core/trust-entity';\n\nexport type EntityDetailsLabels = {\n  unknown: string;\n};\n\nexport type EntityDetailsProps = {\n  labels: EntityDetailsLabels;\n  renderMore?: (trustEntity: TrustEntity) => ReactNode;\n  role: Exclude<TrustEntityRoleEnum, TrustEntityRoleEnum.BOTH>;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n} & (\n  | {\n      did?: DidListItem;\n    }\n  | {\n      entity: TrustEntity;\n    }\n);\n\nconst EntityDetails: FC<EntityDetailsProps> = ({ labels, renderMore, role, style, testID, ...props }) => {\n  const { data } = useTrustEntity('did' in props ? props.did?.id : undefined);\n  const trustEntity: TrustEntity | undefined = 'entity' in props ? props.entity : data ?? undefined;\n\n  const trusted =\n    trustEntity &&\n    trustEntity.state === TrustEntityStateEnum.ACTIVE &&\n    (trustEntity.role === TrustEntityRoleEnum.BOTH || trustEntity.role === role);\n\n  const trustEntityName = useMemo(() => {\n    if (!trusted) {\n      return labels.unknown;\n    }\n    return trustEntity.name;\n  }, [labels.unknown, trustEntity, trusted]);\n\n  const trustEntitySubline = useMemo(() => {\n    if (!trustEntity) {\n      return 'did' in props ? (props.did?.did ? replaceBreakingHyphens(props.did.did) : undefined) : undefined;\n    }\n    if (!trusted) {\n      return replaceBreakingHyphens(trustEntity.did.did);\n    }\n    return undefined;\n  }, [props, trustEntity, trusted]);\n\n  const trustEntityStatusIcon = useMemo(() => {\n    if (!trusted) {\n      return undefined;\n    }\n    return <EntityTrustedIcon testID={concatTestID(testID, 'statusIcon', 'trusted')} />;\n  }, [testID, trusted]);\n\n  return (\n    <>\n      <EntityCluster\n        avatar={\n          trustEntity\n            ? {\n                avatar: trusted && trustEntity.logo ? { imageSource: { uri: trustEntity.logo } } : undefined,\n                placeholderText: trustEntity.name.substring(0, 1),\n                statusIcon: trustEntityStatusIcon,\n                testID: concatTestID(testID, 'avatar'),\n              }\n            : undefined\n        }\n        entityName={trustEntityName}\n        style={style}\n        subline={trustEntitySubline}\n        testID={testID}\n      />\n      {trustEntity && renderMore && renderMore(trustEntity)}\n    </>\n  );\n};\n\nexport default EntityDetails;\n"],"mappings":"AAAA,SAAmCA,mBAAmB,EAAEC,oBAAoB,QAAQ,iCAAiC;AACrH,OAAOC,KAAK,IAAmBC,OAAO,QAAQ,OAAO;AAGrD,OAAOC,aAAa,MAAM,2CAA2C;AACrE,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,YAAY,EAAEC,sBAAsB,QAAQ,aAAa;AAClE,SAASC,cAAc,QAAQ,qCAAqC;AAqBpE,MAAMC,aAAqC,GAAGA,CAAC;EAAEC,MAAM;EAAEC,UAAU;EAAEC,IAAI;EAAEC,KAAK;EAAEC,MAAM;EAAE,GAAGC;AAAM,CAAC,KAAK;EAAA,IAAAC,UAAA;EACvG,MAAM;IAAEC;EAAK,CAAC,GAAGT,cAAc,CAAC,KAAK,IAAIO,KAAK,IAAAC,UAAA,GAAGD,KAAK,CAACG,GAAG,cAAAF,UAAA,uBAATA,UAAA,CAAWG,EAAE,GAAGC,SAAS,CAAC;EAC3E,MAAMC,WAAoC,GAAG,QAAQ,IAAIN,KAAK,GAAGA,KAAK,CAACO,MAAM,GAAGL,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIG,SAAS;EAEjG,MAAMG,OAAO,GACXF,WAAW,IACXA,WAAW,CAACG,KAAK,KAAKvB,oBAAoB,CAACwB,MAAM,KAChDJ,WAAW,CAACT,IAAI,KAAKZ,mBAAmB,CAAC0B,IAAI,IAAIL,WAAW,CAACT,IAAI,KAAKA,IAAI,CAAC;EAE9E,MAAMe,eAAe,GAAGxB,OAAO,CAAC,MAAM;IACpC,IAAI,CAACoB,OAAO,EAAE;MACZ,OAAOb,MAAM,CAACkB,OAAO;IACvB;IACA,OAAOP,WAAW,CAACQ,IAAI;EACzB,CAAC,EAAE,CAACnB,MAAM,CAACkB,OAAO,EAAEP,WAAW,EAAEE,OAAO,CAAC,CAAC;EAE1C,MAAMO,kBAAkB,GAAG3B,OAAO,CAAC,MAAM;IACvC,IAAI,CAACkB,WAAW,EAAE;MAAA,IAAAU,WAAA;MAChB,OAAO,KAAK,IAAIhB,KAAK,GAAI,CAAAgB,WAAA,GAAAhB,KAAK,CAACG,GAAG,cAAAa,WAAA,eAATA,WAAA,CAAWb,GAAG,GAAGX,sBAAsB,CAACQ,KAAK,CAACG,GAAG,CAACA,GAAG,CAAC,GAAGE,SAAS,GAAIA,SAAS;IAC1G;IACA,IAAI,CAACG,OAAO,EAAE;MACZ,OAAOhB,sBAAsB,CAACc,WAAW,CAACH,GAAG,CAACA,GAAG,CAAC;IACpD;IACA,OAAOE,SAAS;EAClB,CAAC,EAAE,CAACL,KAAK,EAAEM,WAAW,EAAEE,OAAO,CAAC,CAAC;EAEjC,MAAMS,qBAAqB,GAAG7B,OAAO,CAAC,MAAM;IAC1C,IAAI,CAACoB,OAAO,EAAE;MACZ,OAAOH,SAAS;IAClB;IACA,oBAAOlB,KAAA,CAAA+B,aAAA,CAAC5B,iBAAiB;MAACS,MAAM,EAAER,YAAY,CAACQ,MAAM,EAAE,YAAY,EAAE,SAAS;IAAE,CAAE,CAAC;EACrF,CAAC,EAAE,CAACA,MAAM,EAAES,OAAO,CAAC,CAAC;EAErB,oBACErB,KAAA,CAAA+B,aAAA,CAAA/B,KAAA,CAAAgC,QAAA,qBACEhC,KAAA,CAAA+B,aAAA,CAAC7B,aAAa;IACZ+B,MAAM,EACJd,WAAW,GACP;MACEc,MAAM,EAAEZ,OAAO,IAAIF,WAAW,CAACe,IAAI,GAAG;QAAEC,WAAW,EAAE;UAAEC,GAAG,EAAEjB,WAAW,CAACe;QAAK;MAAE,CAAC,GAAGhB,SAAS;MAC5FmB,eAAe,EAAElB,WAAW,CAACQ,IAAI,CAACW,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC;MACjDC,UAAU,EAAET,qBAAqB;MACjClB,MAAM,EAAER,YAAY,CAACQ,MAAM,EAAE,QAAQ;IACvC,CAAC,GACDM,SACL;IACDsB,UAAU,EAAEf,eAAgB;IAC5Bd,KAAK,EAAEA,KAAM;IACb8B,OAAO,EAAEb,kBAAmB;IAC5BhB,MAAM,EAAEA;EAAO,CAChB,CAAC,EACDO,WAAW,IAAIV,UAAU,IAAIA,UAAU,CAACU,WAAW,CACpD,CAAC;AAEP,CAAC;AAED,eAAeZ,aAAa","ignoreList":[]}

package/lib/module/components/entity/index.js

@@ -0,0 +1,3 @@
+import EntityDetails, { EntityDetailsLabels, EntityDetailsProps } from './entity-details';
+export { EntityDetails, EntityDetailsLabels, EntityDetailsProps };
+//# sourceMappingURL=index.js.map

package/lib/module/components/entity/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["EntityDetails","EntityDetailsLabels","EntityDetailsProps"],"sources":["index.ts"],"sourcesContent":["import EntityDetails, { EntityDetailsLabels, EntityDetailsProps } from './entity-details';\n\nexport { EntityDetails, EntityDetailsLabels, EntityDetailsProps };\n"],"mappings":"AAAA,OAAOA,aAAa,IAAIC,mBAAmB,EAAEC,kBAAkB,QAAQ,kBAAkB;AAEzF,SAASF,aAAa,EAAEC,mBAAmB,EAAEC,kBAAkB","ignoreList":[]}

package/lib/module/components/history/history-details-screen.js

@@ -0,0 +1,59 @@
+import { HistoryActionEnum } from '@procivis/react-native-one-core';
+import React from 'react';
+import { useAppColorScheme } from '../../ui-components';
+import { HistoryDetailsView } from '../../ui-components/history/history-details';
+import { capitalizeFirstLetter, concatTestID, formatDateTimeLocalized } from '../../utils';
+import { getHistoryItemActionIcon } from './history-list-item-icon';
+const getStatusTextColor = (action, colorScheme) => {
+  switch (action) {
+    case HistoryActionEnum.CLAIMS_REMOVED:
+    case HistoryActionEnum.DEACTIVATED:
+    case HistoryActionEnum.DELETED:
+    case HistoryActionEnum.REJECTED:
+    case HistoryActionEnum.REVOKED:
+    case HistoryActionEnum.ERRORED:
+      return colorScheme.errorText;
+    case HistoryActionEnum.SUSPENDED:
+    case HistoryActionEnum.OFFERED:
+    case HistoryActionEnum.PENDING:
+    case HistoryActionEnum.REQUESTED:
+      return colorScheme.text;
+    default:
+      return colorScheme.successText;
+  }
+};
+export const HistoryDetailsScreen = ({
+  assets,
+  dataHeader,
+  headerButton,
+  item,
+  labels,
+  onBackPressed,
+  onInfoPressed,
+  onImagePreview,
+  testID = 'HistoryDetailScreen'
+}) => {
+  var _formatDateTimeLocali;
+  const colorScheme = useAppColorScheme();
+  const actionValueColor = getStatusTextColor(item.action, colorScheme);
+  return /*#__PURE__*/React.createElement(HistoryDetailsView, {
+    assets: assets,
+    data: {
+      header: dataHeader,
+      date: (_formatDateTimeLocali = formatDateTimeLocalized(new Date(item.createdDate))) !== null && _formatDateTimeLocali !== void 0 ? _formatDateTimeLocali : '',
+      action: {
+        icon: getHistoryItemActionIcon(item.action),
+        label: capitalizeFirstLetter(labels.item.actions[item.action]),
+        color: actionValueColor,
+        testID: concatTestID(testID, 'action', item.action)
+      }
+    },
+    headerButton: headerButton,
+    labels: labels,
+    onBackPressed: onBackPressed,
+    onInfoPressed: onInfoPressed,
+    onImagePreview: onImagePreview,
+    testID: testID
+  });
+};
+//# sourceMappingURL=history-details-screen.js.map

package/lib/module/components/history/history-details-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HistoryActionEnum","React","useAppColorScheme","HistoryDetailsView","capitalizeFirstLetter","concatTestID","formatDateTimeLocalized","getHistoryItemActionIcon","getStatusTextColor","action","colorScheme","CLAIMS_REMOVED","DEACTIVATED","DELETED","REJECTED","REVOKED","ERRORED","errorText","SUSPENDED","OFFERED","PENDING","REQUESTED","text","successText","HistoryDetailsScreen","assets","dataHeader","headerButton","item","labels","onBackPressed","onInfoPressed","onImagePreview","testID","_formatDateTimeLocali","actionValueColor","createElement","data","header","date","Date","createdDate","icon","label","actions","color"],"sources":["history-details-screen.tsx"],"sourcesContent":["import {\n  HistoryActionEnum,\n  HistoryListItem,\n} from '@procivis/react-native-one-core';\nimport React, { FC, ReactElement } from 'react';\nimport { ImageSourcePropType } from 'react-native';\n\nimport { ColorScheme, useAppColorScheme } from '../../ui-components';\nimport {\n  HistoryDetailsLabels,\n  HistoryDetailsView,\n  HistoryDetailsViewProps,\n} from '../../ui-components/history/history-details';\nimport { capitalizeFirstLetter, concatTestID, formatDateTimeLocalized } from '../../utils';\nimport { HistoryListItemLabels } from './history-list-item';\nimport { getHistoryItemActionIcon } from './history-list-item-icon';\n\nconst getStatusTextColor = (action: HistoryActionEnum, colorScheme: Readonly<ColorScheme>) => {\n  switch (action) {\n    case HistoryActionEnum.CLAIMS_REMOVED:\n    case HistoryActionEnum.DEACTIVATED:\n    case HistoryActionEnum.DELETED:\n    case HistoryActionEnum.REJECTED:\n    case HistoryActionEnum.REVOKED:\n    case HistoryActionEnum.ERRORED:\n      return colorScheme.errorText;\n    case HistoryActionEnum.SUSPENDED:\n    case HistoryActionEnum.OFFERED:\n    case HistoryActionEnum.PENDING:\n    case HistoryActionEnum.REQUESTED:\n      return colorScheme.text;\n    default:\n      return colorScheme.successText;\n  }\n};\n\nexport type HistoryDetailsScreenLabels = HistoryDetailsLabels & {\n  item: HistoryListItemLabels;\n};\n\nexport type HistoryDetailsScreenProps = {\n  assets: HistoryDetailsViewProps['assets'];\n  dataHeader: HistoryDetailsViewProps['data']['header'];\n  headerButton?: ReactElement;\n  item: HistoryListItem;\n  labels: HistoryDetailsScreenLabels;\n  onBackPressed: () => void;\n  onInfoPressed?: () => void;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  testID?: string;\n};\n\nexport const HistoryDetailsScreen: FC<HistoryDetailsScreenProps> = ({\n  assets,\n  dataHeader,\n  headerButton,\n  item,\n  labels,\n  onBackPressed,\n  onInfoPressed,\n  onImagePreview,\n  testID = 'HistoryDetailScreen',\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const actionValueColor = getStatusTextColor(item.action, colorScheme);\n\n  return (\n    <HistoryDetailsView\n      assets={assets}\n      data={{\n        header: dataHeader,\n        date: formatDateTimeLocalized(new Date(item.createdDate)) ?? '',\n        action: {\n          icon: getHistoryItemActionIcon(item.action),\n          label: capitalizeFirstLetter(labels.item.actions[item.action]),\n          color: actionValueColor,\n          testID: concatTestID(testID, 'action', item.action),\n        },\n      }}\n      headerButton={headerButton}\n      labels={labels}\n      onBackPressed={onBackPressed}\n      onInfoPressed={onInfoPressed}\n      onImagePreview={onImagePreview}\n      testID={testID}\n    />\n  );\n};\n"],"mappings":"AAAA,SACEA,iBAAiB,QAEZ,iCAAiC;AACxC,OAAOC,KAAK,MAA4B,OAAO;AAG/C,SAAsBC,iBAAiB,QAAQ,qBAAqB;AACpE,SAEEC,kBAAkB,QAEb,6CAA6C;AACpD,SAASC,qBAAqB,EAAEC,YAAY,EAAEC,uBAAuB,QAAQ,aAAa;AAE1F,SAASC,wBAAwB,QAAQ,0BAA0B;AAEnE,MAAMC,kBAAkB,GAAGA,CAACC,MAAyB,EAAEC,WAAkC,KAAK;EAC5F,QAAQD,MAAM;IACZ,KAAKT,iBAAiB,CAACW,cAAc;IACrC,KAAKX,iBAAiB,CAACY,WAAW;IAClC,KAAKZ,iBAAiB,CAACa,OAAO;IAC9B,KAAKb,iBAAiB,CAACc,QAAQ;IAC/B,KAAKd,iBAAiB,CAACe,OAAO;IAC9B,KAAKf,iBAAiB,CAACgB,OAAO;MAC5B,OAAON,WAAW,CAACO,SAAS;IAC9B,KAAKjB,iBAAiB,CAACkB,SAAS;IAChC,KAAKlB,iBAAiB,CAACmB,OAAO;IAC9B,KAAKnB,iBAAiB,CAACoB,OAAO;IAC9B,KAAKpB,iBAAiB,CAACqB,SAAS;MAC9B,OAAOX,WAAW,CAACY,IAAI;IACzB;MACE,OAAOZ,WAAW,CAACa,WAAW;EAClC;AACF,CAAC;AAkBD,OAAO,MAAMC,oBAAmD,GAAGA,CAAC;EAClEC,MAAM;EACNC,UAAU;EACVC,YAAY;EACZC,IAAI;EACJC,MAAM;EACNC,aAAa;EACbC,aAAa;EACbC,cAAc;EACdC,MAAM,GAAG;AACX,CAAC,KAAK;EAAA,IAAAC,qBAAA;EACJ,MAAMxB,WAAW,GAAGR,iBAAiB,CAAC,CAAC;EAEvC,MAAMiC,gBAAgB,GAAG3B,kBAAkB,CAACoB,IAAI,CAACnB,MAAM,EAAEC,WAAW,CAAC;EAErE,oBACET,KAAA,CAAAmC,aAAA,CAACjC,kBAAkB;IACjBsB,MAAM,EAAEA,MAAO;IACfY,IAAI,EAAE;MACJC,MAAM,EAAEZ,UAAU;MAClBa,IAAI,GAAAL,qBAAA,GAAE5B,uBAAuB,CAAC,IAAIkC,IAAI,CAACZ,IAAI,CAACa,WAAW,CAAC,CAAC,cAAAP,qBAAA,cAAAA,qBAAA,GAAI,EAAE;MAC/DzB,MAAM,EAAE;QACNiC,IAAI,EAAEnC,wBAAwB,CAACqB,IAAI,CAACnB,MAAM,CAAC;QAC3CkC,KAAK,EAAEvC,qBAAqB,CAACyB,MAAM,CAACD,IAAI,CAACgB,OAAO,CAAChB,IAAI,CAACnB,MAAM,CAAC,CAAC;QAC9DoC,KAAK,EAAEV,gBAAgB;QACvBF,MAAM,EAAE5B,YAAY,CAAC4B,MAAM,EAAE,QAAQ,EAAEL,IAAI,CAACnB,MAAM;MACpD;IACF,CAAE;IACFkB,YAAY,EAAEA,YAAa;IAC3BE,MAAM,EAAEA,MAAO;IACfC,aAAa,EAAEA,aAAc;IAC7BC,aAAa,EAAEA,aAAc;IAC7BC,cAAc,EAAEA,cAAe;IAC/BC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/components/history/history-list-item-icon.js

@@ -0,0 +1,84 @@
+import { HistoryActionEnum, HistoryEntityTypeEnum } from '@procivis/react-native-one-core';
+import React, { useMemo } from 'react';
+import { HistoryBackupCreatedIcon, HistoryBackupRestoredIcon, HistoryCredentialIcon, HistoryDidIcon, HistoryIssueIcon, HistoryItemIcon, HistoryKeyIcon, HistoryOrganisationIcon, HistoryProofRequestIcon, HistoryRevokeIcon, HistorySchemaIcon, HistoryStatusAcceptedIcon, HistoryStatusDeleteIcon, HistoryStatusErrorIcon, HistoryStatusSuspendIcon, HistorySuspendIcon, HistoryTrustAnchorIcon, HistoryTrustedEntityIcon } from '../../ui-components';
+const defaultIcons = {
+  actions: {
+    ACCEPTED: HistoryStatusAcceptedIcon,
+    ACTIVATED: HistoryStatusAcceptedIcon,
+    CLAIMS_REMOVED: HistoryStatusDeleteIcon,
+    CREATED: HistoryStatusAcceptedIcon,
+    DEACTIVATED: HistoryStatusErrorIcon,
+    DELETED: HistoryStatusDeleteIcon,
+    ERRORED: HistoryStatusErrorIcon,
+    IMPORTED: HistoryStatusAcceptedIcon,
+    ISSUED: HistoryStatusAcceptedIcon,
+    OFFERED: HistoryStatusAcceptedIcon,
+    PENDING: HistoryStatusAcceptedIcon,
+    REJECTED: HistoryStatusErrorIcon,
+    REMOVED: HistoryStatusDeleteIcon,
+    REQUESTED: HistoryStatusAcceptedIcon,
+    RESTORED: HistoryStatusAcceptedIcon,
+    RETRACTED: HistoryStatusErrorIcon,
+    REVOKED: HistoryStatusErrorIcon,
+    SHARED: HistoryStatusAcceptedIcon,
+    SUSPENDED: HistoryStatusSuspendIcon,
+    UPDATED: HistoryStatusAcceptedIcon,
+    WITHDRAWN: HistoryStatusErrorIcon,
+    REACTIVATED: HistoryStatusAcceptedIcon,
+    CSR_GENERATED: HistoryStatusAcceptedIcon
+  },
+  entityTypes: {
+    BACKUP: HistoryRevokeIcon,
+    CREDENTIAL: HistoryCredentialIcon,
+    CREDENTIAL_SCHEMA: HistorySchemaIcon,
+    DID: HistoryDidIcon,
+    KEY: HistoryKeyIcon,
+    ORGANISATION: HistoryOrganisationIcon,
+    PROOF: HistoryProofRequestIcon,
+    PROOF_SCHEMA: HistorySchemaIcon,
+    TRUST_ANCHOR: HistoryTrustAnchorIcon,
+    TRUST_ENTITY: HistoryTrustedEntityIcon
+  }
+};
+export const getHistoryItemActionIcon = action => {
+  var _defaultIcons$actions;
+  return (_defaultIcons$actions = defaultIcons.actions[action]) !== null && _defaultIcons$actions !== void 0 ? _defaultIcons$actions : HistoryStatusAcceptedIcon;
+};
+export const HistoryListItemIcon = ({
+  item
+}) => {
+  const statusIcon = getHistoryItemActionIcon(item.action);
+  const typeIcon = useMemo(() => {
+    var _defaultIcons$entityT;
+    switch (item.entityType) {
+      case HistoryEntityTypeEnum.BACKUP:
+        switch (item.action) {
+          case HistoryActionEnum.CREATED:
+            return HistoryBackupCreatedIcon;
+          case HistoryActionEnum.RESTORED:
+            return HistoryBackupRestoredIcon;
+          default:
+            break;
+        }
+        break;
+      case HistoryEntityTypeEnum.CREDENTIAL:
+        switch (item.action) {
+          case HistoryActionEnum.REVOKED:
+            return HistoryRevokeIcon;
+          case HistoryActionEnum.SUSPENDED:
+            return HistorySuspendIcon;
+          default:
+            break;
+        }
+        break;
+      default:
+        break;
+    }
+    return (_defaultIcons$entityT = defaultIcons.entityTypes[item.entityType]) !== null && _defaultIcons$entityT !== void 0 ? _defaultIcons$entityT : HistoryIssueIcon;
+  }, [item.action, item.entityType]);
+  return /*#__PURE__*/React.createElement(HistoryItemIcon, {
+    StatusIcon: statusIcon,
+    TypeIcon: typeIcon
+  });
+};
+//# sourceMappingURL=history-list-item-icon.js.map

package/lib/module/components/history/history-list-item-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HistoryActionEnum","HistoryEntityTypeEnum","React","useMemo","HistoryBackupCreatedIcon","HistoryBackupRestoredIcon","HistoryCredentialIcon","HistoryDidIcon","HistoryIssueIcon","HistoryItemIcon","HistoryKeyIcon","HistoryOrganisationIcon","HistoryProofRequestIcon","HistoryRevokeIcon","HistorySchemaIcon","HistoryStatusAcceptedIcon","HistoryStatusDeleteIcon","HistoryStatusErrorIcon","HistoryStatusSuspendIcon","HistorySuspendIcon","HistoryTrustAnchorIcon","HistoryTrustedEntityIcon","defaultIcons","actions","ACCEPTED","ACTIVATED","CLAIMS_REMOVED","CREATED","DEACTIVATED","DELETED","ERRORED","IMPORTED","ISSUED","OFFERED","PENDING","REJECTED","REMOVED","REQUESTED","RESTORED","RETRACTED","REVOKED","SHARED","SUSPENDED","UPDATED","WITHDRAWN","REACTIVATED","CSR_GENERATED","entityTypes","BACKUP","CREDENTIAL","CREDENTIAL_SCHEMA","DID","KEY","ORGANISATION","PROOF","PROOF_SCHEMA","TRUST_ANCHOR","TRUST_ENTITY","getHistoryItemActionIcon","action","_defaultIcons$actions","HistoryListItemIcon","item","statusIcon","typeIcon","_defaultIcons$entityT","entityType","createElement","StatusIcon","TypeIcon"],"sources":["history-list-item-icon.tsx"],"sourcesContent":["import { HistoryActionEnum, HistoryEntityTypeEnum, HistoryListItem } from '@procivis/react-native-one-core';\nimport React, { FC, useMemo } from 'react';\nimport { SvgProps } from 'react-native-svg';\n\nimport {\n  HistoryBackupCreatedIcon,\n  HistoryBackupRestoredIcon,\n  HistoryCredentialIcon,\n  HistoryDidIcon,\n  HistoryIssueIcon,\n  HistoryItemIcon,\n  HistoryKeyIcon,\n  HistoryOrganisationIcon,\n  HistoryProofRequestIcon,\n  HistoryRevokeIcon,\n  HistorySchemaIcon,\n  HistoryStatusAcceptedIcon,\n  HistoryStatusDeleteIcon,\n  HistoryStatusErrorIcon,\n  HistoryStatusSuspendIcon,\n  HistorySuspendIcon,\n  HistoryTrustAnchorIcon,\n  HistoryTrustedEntityIcon,\n} from '../../ui-components';\n\nconst defaultIcons: {\n  actions: { [key in keyof typeof HistoryActionEnum]: FC<SvgProps> };\n  entityTypes: { [key in keyof typeof HistoryEntityTypeEnum]: FC<SvgProps> };\n} = {\n  actions: {\n    ACCEPTED: HistoryStatusAcceptedIcon,\n    ACTIVATED: HistoryStatusAcceptedIcon,\n    CLAIMS_REMOVED: HistoryStatusDeleteIcon,\n    CREATED: HistoryStatusAcceptedIcon,\n    DEACTIVATED: HistoryStatusErrorIcon,\n    DELETED: HistoryStatusDeleteIcon,\n    ERRORED: HistoryStatusErrorIcon,\n    IMPORTED: HistoryStatusAcceptedIcon,\n    ISSUED: HistoryStatusAcceptedIcon,\n    OFFERED: HistoryStatusAcceptedIcon,\n    PENDING: HistoryStatusAcceptedIcon,\n    REJECTED: HistoryStatusErrorIcon,\n    REMOVED: HistoryStatusDeleteIcon,\n    REQUESTED: HistoryStatusAcceptedIcon,\n    RESTORED: HistoryStatusAcceptedIcon,\n    RETRACTED: HistoryStatusErrorIcon,\n    REVOKED: HistoryStatusErrorIcon,\n    SHARED: HistoryStatusAcceptedIcon,\n    SUSPENDED: HistoryStatusSuspendIcon,\n    UPDATED: HistoryStatusAcceptedIcon,\n    WITHDRAWN: HistoryStatusErrorIcon,\n    REACTIVATED: HistoryStatusAcceptedIcon,\n    CSR_GENERATED: HistoryStatusAcceptedIcon,\n  },\n  entityTypes: {\n    BACKUP: HistoryRevokeIcon,\n    CREDENTIAL: HistoryCredentialIcon,\n    CREDENTIAL_SCHEMA: HistorySchemaIcon,\n    DID: HistoryDidIcon,\n    KEY: HistoryKeyIcon,\n    ORGANISATION: HistoryOrganisationIcon,\n    PROOF: HistoryProofRequestIcon,\n    PROOF_SCHEMA: HistorySchemaIcon,\n    TRUST_ANCHOR: HistoryTrustAnchorIcon,\n    TRUST_ENTITY: HistoryTrustedEntityIcon,\n  },\n};\n\nexport const getHistoryItemActionIcon = (action: HistoryActionEnum) => {\n  return defaultIcons.actions[action] ?? HistoryStatusAcceptedIcon;\n};\n\nexport type HistoryListItemIconProps = {\n  item: HistoryListItem;\n};\n\nexport const HistoryListItemIcon: FC<HistoryListItemIconProps> = ({ item }) => {\n  const statusIcon = getHistoryItemActionIcon(item.action);\n  const typeIcon = useMemo(() => {\n    switch (item.entityType) {\n      case HistoryEntityTypeEnum.BACKUP:\n        switch (item.action) {\n          case HistoryActionEnum.CREATED:\n            return HistoryBackupCreatedIcon;\n          case HistoryActionEnum.RESTORED:\n            return HistoryBackupRestoredIcon;\n          default:\n            break;\n        }\n        break;\n      case HistoryEntityTypeEnum.CREDENTIAL:\n        switch (item.action) {\n          case HistoryActionEnum.REVOKED:\n            return HistoryRevokeIcon;\n          case HistoryActionEnum.SUSPENDED:\n            return HistorySuspendIcon;\n          default:\n            break;\n        }\n        break;\n      default:\n        break;\n    }\n\n    return defaultIcons.entityTypes[item.entityType] ?? HistoryIssueIcon;\n  }, [item.action, item.entityType]);\n  return <HistoryItemIcon StatusIcon={statusIcon} TypeIcon={typeIcon} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/history/history-list-item.js

@@ -0,0 +1,36 @@
+import React, { useCallback } from 'react';
+import { HistoryItemView } from '../../ui-components';
+import { formatTime, useTrustEntity } from '../../utils';
+import { HistoryListItemIcon } from './history-list-item-icon';
+export const HistoryListItemView = ({
+  dateFormatter = formatTime,
+  first,
+  item,
+  labels,
+  last,
+  onPress,
+  testID
+}) => {
+  var _dateFormatter;
+  const {
+    data: entity
+  } = useTrustEntity(item.target);
+  const label = `${labels.entityTypes[item.entityType]} ${labels.actions[item.action]}`;
+  const icon = /*#__PURE__*/React.createElement(HistoryListItemIcon, {
+    item: item
+  });
+  const pressHandler = useCallback(() => {
+    onPress === null || onPress === void 0 || onPress(item);
+  }, [onPress, item]);
+  return /*#__PURE__*/React.createElement(HistoryItemView, {
+    first: first,
+    icon: icon,
+    info: entity === null || entity === void 0 ? void 0 : entity.name,
+    label: label,
+    last: last,
+    onPress: pressHandler,
+    testID: testID,
+    time: (_dateFormatter = dateFormatter(new Date(item.createdDate))) !== null && _dateFormatter !== void 0 ? _dateFormatter : ''
+  });
+};
+//# sourceMappingURL=history-list-item.js.map

package/lib/module/components/history/history-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","HistoryItemView","formatTime","useTrustEntity","HistoryListItemIcon","HistoryListItemView","dateFormatter","first","item","labels","last","onPress","testID","_dateFormatter","data","entity","target","label","entityTypes","entityType","actions","action","icon","createElement","pressHandler","info","name","time","Date","createdDate"],"sources":["history-list-item.tsx"],"sourcesContent":["import { HistoryActionEnum, HistoryEntityTypeEnum, HistoryListItem } from '@procivis/react-native-one-core';\nimport React, { FC, useCallback } from 'react';\n\nimport { HistoryItemView } from '../../ui-components';\nimport { formatTime, useTrustEntity } from '../../utils';\nimport { HistoryListItemIcon } from './history-list-item-icon';\n\nexport type HistoryListItemLabels = {\n  actions: { [key in keyof typeof HistoryActionEnum]: string };\n  entityTypes: { [key in keyof typeof HistoryEntityTypeEnum]: string };\n};\n\nexport interface HistoryListItemViewProps {\n  dateFormatter?: (date: Date) => string;\n  first?: boolean;\n  item: HistoryListItem;\n  labels: HistoryListItemLabels;\n  last?: boolean;\n  onPress?: (item: HistoryListItem) => void;\n  testID?: string;\n}\n\nexport const HistoryListItemView: FC<HistoryListItemViewProps> = ({\n  dateFormatter = formatTime,\n  first,\n  item,\n  labels,\n  last,\n  onPress,\n  testID\n}) => {\n  const { data: entity } = useTrustEntity(item.target);\n\n  const label = `${labels.entityTypes[item.entityType]} ${labels.actions[item.action]}`;\n  const icon = <HistoryListItemIcon item={item} />;\n\n  const pressHandler = useCallback(() => {\n    onPress?.(item);\n  }, [onPress, item]);\n\n  return (\n    <HistoryItemView\n      first={first}\n      icon={icon}\n      info={entity?.name}\n      label={label}\n      last={last}\n      onPress={pressHandler}\n      testID={testID}\n      time={dateFormatter(new Date(item.createdDate)) ?? ''}\n    />\n  );\n};\n"],"mappings":"AACA,OAAOA,KAAK,IAAQC,WAAW,QAAQ,OAAO;AAE9C,SAASC,eAAe,QAAQ,qBAAqB;AACrD,SAASC,UAAU,EAAEC,cAAc,QAAQ,aAAa;AACxD,SAASC,mBAAmB,QAAQ,0BAA0B;AAiB9D,OAAO,MAAMC,mBAAiD,GAAGA,CAAC;EAChEC,aAAa,GAAGJ,UAAU;EAC1BK,KAAK;EACLC,IAAI;EACJC,MAAM;EACNC,IAAI;EACJC,OAAO;EACPC;AACF,CAAC,KAAK;EAAA,IAAAC,cAAA;EACJ,MAAM;IAAEC,IAAI,EAAEC;EAAO,CAAC,GAAGZ,cAAc,CAACK,IAAI,CAACQ,MAAM,CAAC;EAEpD,MAAMC,KAAK,GAAG,GAAGR,MAAM,CAACS,WAAW,CAACV,IAAI,CAACW,UAAU,CAAC,IAAIV,MAAM,CAACW,OAAO,CAACZ,IAAI,CAACa,MAAM,CAAC,EAAE;EACrF,MAAMC,IAAI,gBAAGvB,KAAA,CAAAwB,aAAA,CAACnB,mBAAmB;IAACI,IAAI,EAAEA;EAAK,CAAE,CAAC;EAEhD,MAAMgB,YAAY,GAAGxB,WAAW,CAAC,MAAM;IACrCW,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGH,IAAI,CAAC;EACjB,CAAC,EAAE,CAACG,OAAO,EAAEH,IAAI,CAAC,CAAC;EAEnB,oBACET,KAAA,CAAAwB,aAAA,CAACtB,eAAe;IACdM,KAAK,EAAEA,KAAM;IACbe,IAAI,EAAEA,IAAK;IACXG,IAAI,EAAEV,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEW,IAAK;IACnBT,KAAK,EAAEA,KAAM;IACbP,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEa,YAAa;IACtBZ,MAAM,EAAEA,MAAO;IACfe,IAAI,GAAAd,cAAA,GAAEP,aAAa,CAAC,IAAIsB,IAAI,CAACpB,IAAI,CAACqB,WAAW,CAAC,CAAC,cAAAhB,cAAA,cAAAA,cAAA,GAAI;EAAG,CACvD,CAAC;AAEN,CAAC","ignoreList":[]}

package/lib/module/components/history/history-list-screen.js

@@ -0,0 +1,112 @@
+import { debounce } from 'lodash';
+import React, { useEffect, useMemo, useState } from 'react';
+import { Animated, StyleSheet, View } from 'react-native';
+import { BackButton, FilterButton, FoldableHeader, NavigationHeader, Typography, useAppColorScheme } from '../../ui-components';
+import { concatTestID, groupEntriesByDay, useListContentInset } from '../../utils';
+import { HistoryListView } from './history-list';
+export const HistoryListScreen = ({
+  children,
+  groupItems = groupEntriesByDay,
+  labels,
+  onBackPressed,
+  onHistoryItemPressed,
+  onOpenFilter,
+  onSearchPhraseChange,
+  queryParams,
+  testID = 'HistoryScreen'
+}) => {
+  const colorScheme = useAppColorScheme();
+  const [empty, setEmpty] = useState(false);
+  const [scrollOffset] = useState(() => new Animated.Value(0));
+  const [searchPhrase, setSearchPhrase] = useState('');
+  const searchBarVisible = !empty || Boolean(queryParams.searchText);
+  const handleSearchPhraseChange = useMemo(() => debounce(onSearchPhraseChange, 500), [onSearchPhraseChange]);
+  useEffect(() => {
+    handleSearchPhraseChange(searchPhrase || undefined);
+  }, [searchPhrase, handleSearchPhraseChange]);
+  const headerHeight = searchBarVisible ? 112 : 70;
+  const insets = useListContentInset({
+    additionalBottomPadding: 24,
+    headerHeight
+  });
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.container, {
+      backgroundColor: colorScheme.background
+    }],
+    testID: testID
+  }, empty && /*#__PURE__*/React.createElement(View, {
+    style: [styles.emptyNotice, {
+      backgroundColor: colorScheme.white,
+      marginTop: insets.paddingTop
+    }]
+  }, /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text,
+    preset: "s"
+  }, labels.emptyTitle), /*#__PURE__*/React.createElement(Typography, {
+    align: "center",
+    color: colorScheme.text,
+    preset: "s/line-height-small",
+    style: styles.shaded
+  }, labels.emptySubtitle)), /*#__PURE__*/React.createElement(HistoryListView, {
+    contentContainerStyle: insets,
+    groupItems: groupItems,
+    itemProps: {
+      onPress: onHistoryItemPressed
+    },
+    onEmpty: setEmpty,
+    onScroll: Animated.event([{
+      nativeEvent: {
+        contentOffset: {
+          y: scrollOffset
+        }
+      }
+    }], {
+      useNativeDriver: true
+    }),
+    query: queryParams,
+    testID: concatTestID(testID, 'list'),
+    labels: labels.list
+  }), children, /*#__PURE__*/React.createElement(FoldableHeader, {
+    header: /*#__PURE__*/React.createElement(NavigationHeader, {
+      backgroundColor: 'transparent',
+      leftItem: /*#__PURE__*/React.createElement(BackButton, {
+        onPress: onBackPressed,
+        testID: concatTestID(testID, 'back')
+      }),
+      title: labels.title
+    }),
+    scrollOffset: scrollOffset,
+    searchBar: !searchBarVisible ? undefined : {
+      rightButton: onOpenFilter ? /*#__PURE__*/React.createElement(FilterButton, {
+        active: Boolean(queryParams.credentialSchemaId),
+        onPress: onOpenFilter,
+        testID: concatTestID(testID, 'filter')
+      }) : undefined,
+      rightButtonAlwaysVisible: true,
+      searchBarProps: {
+        onSearchPhraseChange: setSearchPhrase,
+        placeholder: labels.search,
+        searchPhrase,
+        testID: concatTestID(testID, 'search')
+      }
+    },
+    staticHeader: !searchBarVisible
+  }));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  emptyNotice: {
+    borderRadius: 12,
+    marginHorizontal: 16,
+    paddingBottom: 20,
+    paddingHorizontal: 12,
+    paddingTop: 16
+  },
+  shaded: {
+    opacity: 0.7
+  }
+});
+//# sourceMappingURL=history-list-screen.js.map

package/lib/module/components/history/history-list-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","React","useEffect","useMemo","useState","Animated","StyleSheet","View","BackButton","FilterButton","FoldableHeader","NavigationHeader","Typography","useAppColorScheme","concatTestID","groupEntriesByDay","useListContentInset","HistoryListView","HistoryListScreen","children","groupItems","labels","onBackPressed","onHistoryItemPressed","onOpenFilter","onSearchPhraseChange","queryParams","testID","colorScheme","empty","setEmpty","scrollOffset","Value","searchPhrase","setSearchPhrase","searchBarVisible","Boolean","searchText","handleSearchPhraseChange","undefined","headerHeight","insets","additionalBottomPadding","createElement","style","styles","container","backgroundColor","background","emptyNotice","white","marginTop","paddingTop","align","color","text","preset","emptyTitle","shaded","emptySubtitle","contentContainerStyle","itemProps","onPress","onEmpty","onScroll","event","nativeEvent","contentOffset","y","useNativeDriver","query","list","header","leftItem","title","searchBar","rightButton","active","credentialSchemaId","rightButtonAlwaysVisible","searchBarProps","placeholder","search","staticHeader","create","flex","borderRadius","marginHorizontal","paddingBottom","paddingHorizontal","opacity"],"sources":["history-list-screen.tsx"],"sourcesContent":["import { HistoryListItem, HistoryListQuery } from '@procivis/react-native-one-core';\nimport { debounce } from 'lodash';\nimport React, { FC, PropsWithChildren, useEffect, useMemo, useState } from 'react';\nimport { Animated, StyleSheet, View } from 'react-native';\n\nimport {\n  BackButton,\n  FilterButton,\n  FoldableHeader,\n  NavigationHeader,\n  Typography,\n  useAppColorScheme,\n} from '../../ui-components';\nimport { concatTestID, groupEntriesByDay, HistoryGroupByDaySection, useListContentInset } from '../../utils';\nimport { HistoryListLabels, HistoryListView } from './history-list';\n\nexport type HistoryListScreenLabels = {\n  emptyTitle: string;\n  emptySubtitle: string;\n  list: HistoryListLabels;\n  title: string;\n  search: string;\n};\n\nexport type HistoryListScreenProps = {\n  groupItems?: (entries: HistoryListItem[]) => HistoryGroupByDaySection[];\n  labels: HistoryListScreenLabels;\n  onBackPressed: () => void;\n  onHistoryItemPressed: (historyItem: HistoryListItem) => void;\n  onOpenFilter?: () => void;\n  onSearchPhraseChange: (searchPhrase: string | undefined) => void;\n  queryParams: Partial<HistoryListQuery>;\n  testID?: string;\n};\n\nexport const HistoryListScreen: FC<PropsWithChildren<HistoryListScreenProps>> = ({\n  children,\n  groupItems = groupEntriesByDay,\n  labels,\n  onBackPressed,\n  onHistoryItemPressed,\n  onOpenFilter,\n  onSearchPhraseChange,\n  queryParams,\n  testID = 'HistoryScreen',\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [empty, setEmpty] = useState<boolean>(false);\n  const [scrollOffset] = useState(() => new Animated.Value(0));\n\n  const [searchPhrase, setSearchPhrase] = useState<string>('');\n  const searchBarVisible = !empty || Boolean(queryParams.searchText);\n\n  const handleSearchPhraseChange = useMemo(() => debounce(onSearchPhraseChange, 500), [onSearchPhraseChange]);\n  useEffect(() => {\n    handleSearchPhraseChange(searchPhrase || undefined);\n  }, [searchPhrase, handleSearchPhraseChange]);\n\n  const headerHeight = searchBarVisible ? 112 : 70;\n\n  const insets = useListContentInset({\n    additionalBottomPadding: 24,\n    headerHeight,\n  });\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          backgroundColor: colorScheme.background,\n        },\n      ]}\n      testID={testID}>\n      {empty && (\n        <View\n          style={[\n            styles.emptyNotice,\n            {\n              backgroundColor: colorScheme.white,\n              marginTop: insets.paddingTop,\n            },\n          ]}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s\">\n            {labels.emptyTitle}\n          </Typography>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-small\" style={styles.shaded}>\n            {labels.emptySubtitle}\n          </Typography>\n        </View>\n      )}\n      <HistoryListView\n        contentContainerStyle={insets}\n        groupItems={groupItems}\n        itemProps={{ onPress: onHistoryItemPressed }}\n        onEmpty={setEmpty}\n        onScroll={Animated.event([{ nativeEvent: { contentOffset: { y: scrollOffset } } }], {\n          useNativeDriver: true,\n        })}\n        query={queryParams}\n        testID={concatTestID(testID, 'list')}\n        labels={labels.list}\n      />\n      {children}\n      <FoldableHeader\n        header={\n          <NavigationHeader\n            backgroundColor={'transparent'}\n            leftItem={<BackButton onPress={onBackPressed} testID={concatTestID(testID, 'back')} />}\n            title={labels.title}\n          />\n        }\n        scrollOffset={scrollOffset}\n        searchBar={\n          !searchBarVisible\n            ? undefined\n            : {\n                rightButton: onOpenFilter ? (\n                  <FilterButton\n                    active={Boolean(queryParams.credentialSchemaId)}\n                    onPress={onOpenFilter}\n                    testID={concatTestID(testID, 'filter')}\n                  />\n                ) : undefined,\n                rightButtonAlwaysVisible: true,\n                searchBarProps: {\n                  onSearchPhraseChange: setSearchPhrase,\n                  placeholder: labels.search,\n                  searchPhrase,\n                  testID: concatTestID(testID, 'search'),\n                },\n              }\n        }\n        staticHeader={!searchBarVisible}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  emptyNotice: {\n    borderRadius: 12,\n    marginHorizontal: 16,\n    paddingBottom: 20,\n    paddingHorizontal: 12,\n    paddingTop: 16,\n  },\n  shaded: {\n    opacity: 0.7,\n  },\n});\n"],"mappings":"AACA,SAASA,QAAQ,QAAQ,QAAQ;AACjC,OAAOC,KAAK,IAA2BC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAClF,SAASC,QAAQ,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAEzD,SACEC,UAAU,EACVC,YAAY,EACZC,cAAc,EACdC,gBAAgB,EAChBC,UAAU,EACVC,iBAAiB,QACZ,qBAAqB;AAC5B,SAASC,YAAY,EAAEC,iBAAiB,EAA4BC,mBAAmB,QAAQ,aAAa;AAC5G,SAA4BC,eAAe,QAAQ,gBAAgB;AAqBnE,OAAO,MAAMC,iBAAgE,GAAGA,CAAC;EAC/EC,QAAQ;EACRC,UAAU,GAAGL,iBAAiB;EAC9BM,MAAM;EACNC,aAAa;EACbC,oBAAoB;EACpBC,YAAY;EACZC,oBAAoB;EACpBC,WAAW;EACXC,MAAM,GAAG;AACX,CAAC,KAAK;EACJ,MAAMC,WAAW,GAAGf,iBAAiB,CAAC,CAAC;EACvC,MAAM,CAACgB,KAAK,EAAEC,QAAQ,CAAC,GAAG1B,QAAQ,CAAU,KAAK,CAAC;EAClD,MAAM,CAAC2B,YAAY,CAAC,GAAG3B,QAAQ,CAAC,MAAM,IAAIC,QAAQ,CAAC2B,KAAK,CAAC,CAAC,CAAC,CAAC;EAE5D,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAG9B,QAAQ,CAAS,EAAE,CAAC;EAC5D,MAAM+B,gBAAgB,GAAG,CAACN,KAAK,IAAIO,OAAO,CAACV,WAAW,CAACW,UAAU,CAAC;EAElE,MAAMC,wBAAwB,GAAGnC,OAAO,CAAC,MAAMH,QAAQ,CAACyB,oBAAoB,EAAE,GAAG,CAAC,EAAE,CAACA,oBAAoB,CAAC,CAAC;EAC3GvB,SAAS,CAAC,MAAM;IACdoC,wBAAwB,CAACL,YAAY,IAAIM,SAAS,CAAC;EACrD,CAAC,EAAE,CAACN,YAAY,EAAEK,wBAAwB,CAAC,CAAC;EAE5C,MAAME,YAAY,GAAGL,gBAAgB,GAAG,GAAG,GAAG,EAAE;EAEhD,MAAMM,MAAM,GAAGzB,mBAAmB,CAAC;IACjC0B,uBAAuB,EAAE,EAAE;IAC3BF;EACF,CAAC,CAAC;EAEF,oBACEvC,KAAA,CAAA0C,aAAA,CAACpC,IAAI;IACHqC,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEnB,WAAW,CAACoB;IAC/B,CAAC,CACD;IACFrB,MAAM,EAAEA;EAAO,GACdE,KAAK,iBACJ5B,KAAA,CAAA0C,aAAA,CAACpC,IAAI;IACHqC,KAAK,EAAE,CACLC,MAAM,CAACI,WAAW,EAClB;MACEF,eAAe,EAAEnB,WAAW,CAACsB,KAAK;MAClCC,SAAS,EAAEV,MAAM,CAACW;IACpB,CAAC;EACD,gBACFnD,KAAA,CAAA0C,aAAA,CAAC/B,UAAU;IAACyC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAE1B,WAAW,CAAC2B,IAAK;IAACC,MAAM,EAAC;EAAG,GAC3DnC,MAAM,CAACoC,UACE,CAAC,eACbxD,KAAA,CAAA0C,aAAA,CAAC/B,UAAU;IAACyC,KAAK,EAAC,QAAQ;IAACC,KAAK,EAAE1B,WAAW,CAAC2B,IAAK;IAACC,MAAM,EAAC,qBAAqB;IAACZ,KAAK,EAAEC,MAAM,CAACa;EAAO,GACnGrC,MAAM,CAACsC,aACE,CACR,CACP,eACD1D,KAAA,CAAA0C,aAAA,CAAC1B,eAAe;IACd2C,qBAAqB,EAAEnB,MAAO;IAC9BrB,UAAU,EAAEA,UAAW;IACvByC,SAAS,EAAE;MAAEC,OAAO,EAAEvC;IAAqB,CAAE;IAC7CwC,OAAO,EAAEjC,QAAS;IAClBkC,QAAQ,EAAE3D,QAAQ,CAAC4D,KAAK,CAAC,CAAC;MAAEC,WAAW,EAAE;QAAEC,aAAa,EAAE;UAAEC,CAAC,EAAErC;QAAa;MAAE;IAAE,CAAC,CAAC,EAAE;MAClFsC,eAAe,EAAE;IACnB,CAAC,CAAE;IACHC,KAAK,EAAE5C,WAAY;IACnBC,MAAM,EAAEb,YAAY,CAACa,MAAM,EAAE,MAAM,CAAE;IACrCN,MAAM,EAAEA,MAAM,CAACkD;EAAK,CACrB,CAAC,EACDpD,QAAQ,eACTlB,KAAA,CAAA0C,aAAA,CAACjC,cAAc;IACb8D,MAAM,eACJvE,KAAA,CAAA0C,aAAA,CAAChC,gBAAgB;MACfoC,eAAe,EAAE,aAAc;MAC/B0B,QAAQ,eAAExE,KAAA,CAAA0C,aAAA,CAACnC,UAAU;QAACsD,OAAO,EAAExC,aAAc;QAACK,MAAM,EAAEb,YAAY,CAACa,MAAM,EAAE,MAAM;MAAE,CAAE,CAAE;MACvF+C,KAAK,EAAErD,MAAM,CAACqD;IAAM,CACrB,CACF;IACD3C,YAAY,EAAEA,YAAa;IAC3B4C,SAAS,EACP,CAACxC,gBAAgB,GACbI,SAAS,GACT;MACEqC,WAAW,EAAEpD,YAAY,gBACvBvB,KAAA,CAAA0C,aAAA,CAAClC,YAAY;QACXoE,MAAM,EAAEzC,OAAO,CAACV,WAAW,CAACoD,kBAAkB,CAAE;QAChDhB,OAAO,EAAEtC,YAAa;QACtBG,MAAM,EAAEb,YAAY,CAACa,MAAM,EAAE,QAAQ;MAAE,CACxC,CAAC,GACAY,SAAS;MACbwC,wBAAwB,EAAE,IAAI;MAC9BC,cAAc,EAAE;QACdvD,oBAAoB,EAAES,eAAe;QACrC+C,WAAW,EAAE5D,MAAM,CAAC6D,MAAM;QAC1BjD,YAAY;QACZN,MAAM,EAAEb,YAAY,CAACa,MAAM,EAAE,QAAQ;MACvC;IACF,CACL;IACDwD,YAAY,EAAE,CAAChD;EAAiB,CACjC,CACG,CAAC;AAEX,CAAC;AAED,MAAMU,MAAM,GAAGvC,UAAU,CAAC8E,MAAM,CAAC;EAC/BtC,SAAS,EAAE;IACTuC,IAAI,EAAE;EACR,CAAC;EACDpC,WAAW,EAAE;IACXqC,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,EAAE;IACpBC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE,EAAE;IACrBrC,UAAU,EAAE;EACd,CAAC;EACDM,MAAM,EAAE;IACNgC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/history/history-list-section-header.js

@@ -0,0 +1,29 @@
+import moment from 'moment';
+import React, { useMemo } from 'react';
+import { HistorySectionHeaderView } from '../../ui-components';
+// components used on the history section lists (Settings->History, CredentialDetail->History)
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
+
+export const HistoryListSectionHeaderView = ({
+  date,
+  firstYearEntry,
+  labels,
+  testID
+}) => {
+  const day = useMemo(() => {
+    const now = moment();
+    const dateString = moment(date);
+    if (dateString.isSame(now, 'day')) {
+      return labels.today;
+    } else if (dateString.isSame(now.subtract(1, 'day'), 'day')) {
+      return labels.yesterday;
+    }
+    return dateString.format('Do MMMM');
+  }, [date, labels]);
+  return /*#__PURE__*/React.createElement(HistorySectionHeaderView, {
+    day: day,
+    testID: testID,
+    year: firstYearEntry ? date.year().toString() : undefined
+  });
+};
+//# sourceMappingURL=history-list-section-header.js.map

package/lib/module/components/history/history-list-section-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["moment","React","useMemo","HistorySectionHeaderView","HistoryListSectionHeaderView","date","firstYearEntry","labels","testID","day","now","dateString","isSame","today","subtract","yesterday","format","createElement","year","toString","undefined"],"sources":["history-list-section-header.tsx"],"sourcesContent":["import moment, { Moment } from 'moment';\nimport React, { FC, useMemo } from 'react';\n\nimport { HistorySectionHeaderView } from '../../ui-components';\n\nexport type HistoryListSectionHeaderLabels = {\n  today: string;\n  yesterday: string;\n};\n\nexport type HistoryListSectionHeaderViewProps = {\n  date: Moment;\n  firstYearEntry: boolean;\n  labels: HistoryListSectionHeaderLabels;\n  testID?: string;\n};\n\n// components used on the history section lists (Settings->History, CredentialDetail->History)\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev\n\nexport const HistoryListSectionHeaderView: FC<HistoryListSectionHeaderViewProps> = ({\n  date,\n  firstYearEntry,\n  labels,\n  testID,\n}) => {\n  const day = useMemo(() => {\n    const now = moment();\n    const dateString = moment(date);\n\n    if (dateString.isSame(now, 'day')) {\n      return labels.today;\n    } else if (dateString.isSame(now.subtract(1, 'day'), 'day')) {\n      return labels.yesterday;\n    }\n    return dateString.format('Do MMMM');\n  }, [date, labels]);\n\n  return (\n    <HistorySectionHeaderView day={day} testID={testID} year={firstYearEntry ? date.year().toString() : undefined} />\n  );\n};\n"],"mappings":"AAAA,OAAOA,MAAM,MAAkB,QAAQ;AACvC,OAAOC,KAAK,IAAQC,OAAO,QAAQ,OAAO;AAE1C,SAASC,wBAAwB,QAAQ,qBAAqB;AAc9D;AACA;;AAEA,OAAO,MAAMC,4BAAmE,GAAGA,CAAC;EAClFC,IAAI;EACJC,cAAc;EACdC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAGP,OAAO,CAAC,MAAM;IACxB,MAAMQ,GAAG,GAAGV,MAAM,CAAC,CAAC;IACpB,MAAMW,UAAU,GAAGX,MAAM,CAACK,IAAI,CAAC;IAE/B,IAAIM,UAAU,CAACC,MAAM,CAACF,GAAG,EAAE,KAAK,CAAC,EAAE;MACjC,OAAOH,MAAM,CAACM,KAAK;IACrB,CAAC,MAAM,IAAIF,UAAU,CAACC,MAAM,CAACF,GAAG,CAACI,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE;MAC3D,OAAOP,MAAM,CAACQ,SAAS;IACzB;IACA,OAAOJ,UAAU,CAACK,MAAM,CAAC,SAAS,CAAC;EACrC,CAAC,EAAE,CAACX,IAAI,EAAEE,MAAM,CAAC,CAAC;EAElB,oBACEN,KAAA,CAAAgB,aAAA,CAACd,wBAAwB;IAACM,GAAG,EAAEA,GAAI;IAACD,MAAM,EAAEA,MAAO;IAACU,IAAI,EAAEZ,cAAc,GAAGD,IAAI,CAACa,IAAI,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,GAAGC;EAAU,CAAE,CAAC;AAErH,CAAC","ignoreList":[]}