[CLICK-990] Uref truncating (#55)

* test commit

* test commit

* test commit

* test commit

* test commit

* test commit

* test commit

* test commit

* fixed deriveSplitDataFromNamedKeyValue

* fixed deriveSplitDataFromNamedKeyValue

* fixed deriveSplitDataFromNamedKeyValue

* fixed deriveSplitDataFromNamedKeyValue

* fixed deriveSplitDataFromNamedKeyValue

* fixed deriveSplitDataFromNamedKeyValue

* fixed deriveSplitDataFromNamedKeyValue

* fixed deriveSplitDataFromNamedKeyValue

* fixed deriveSplitDataFromNamedKeyValue

* fixed deriveSplitDataFromNamedKeyValue

* fixed deriveSplitDataFromNamedKeyValue

* Fixed truncate issue

* Fixed regex

* Fixed regex 2

Author: LookerClocker

dist/cspr-design.es.js

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ActionIdentificationHashesType } from './deploy-action-row';
-import { AccountInfoResult, ContractResult, DataResponse, Deploy, DeployContractPackageResult, GetDeployResult } from '../../types/types';
+import { DataResponse, Deploy, GetDeployResult, ContractResult, DeployContractPackageResult, AccountInfoResult } from '../../types/types';
 export declare enum ResultRowVariation {
     default = "default",
     gray = "gray"
@@ -9,9 +9,7 @@ export interface DeployResultRowComponentProps {
     deploy: Deploy;
     loading: boolean;
     actionIdentificationHashes: ActionIdentificationHashesType;
-    deployRawData?: DataResponse<GetDeployResult & {
-        api_version: string;
-    }> | null;
+    deployRawData?: DataResponse<GetDeployResult> | null;
     actionComponents?: React.ReactElement[] | null;
     variation?: ResultRowVariation;
     shouldCollapse?: boolean;

dist/cspr-design.umd.js

@@ -2,5 +2,6 @@ export interface SplitDataType {
     prefix: string;
     hash: string;
 }
+export declare const prefixOnlyRegExp: RegExp;
 export declare const deriveSplitDataFromNamedKeyValue: (namedKeyValue: string) => SplitDataType;
 //# sourceMappingURL=named-key.d.ts.map

dist/lib/components/deploy-actions/deploy-result-row.d.ts

@@ -8,25 +8,24 @@ import TransferActionRow from './components/TransferActionRow';
 import { ActionIdentificationHashesType } from './deploy-action-row';
 import { DeployActionDataProvider } from './services/deploy-action-context';
 import {
-  AccountInfoResult,
-  ContractResult,
   ContractTypeId,
   DataResponse,
-  Deploy, DeployContractPackageResult,
+  Deploy,
   DeployTransferResult,
   FTActionsResult,
-  GetDeployResult,
   NftActionsResult,
+  GetDeployResult, ContractResult, DeployContractPackageResult, AccountInfoResult,
 } from '../../types/types';
 import FlexRow from '../flex-row/flex-row';
-import BodyText from '../body-text/body-text';
 import FlexColumn from '../flex-column/flex-column';
 import ExpandCollapsedButton from '../expand-collapsed/expand-collapsed-button';
 import { getDeployStatus, Status } from '../deploy-status/deploy-status';
 import {isTransferDeploy} from "./utils/contract";
 import {isNonNullable} from "../../utils/guards";
 import {NftTypeToEntryPointMap} from '../../types/NFTToken';
 import {FTTransactionResult, FTActionType} from '../../types/FTToken';
+import BodyText from "../body-text/body-text.tsx";
+
 
 const DefaultResultItem = styled(FlexRow)(({ theme }) => ({
   padding: '14px 0',
@@ -60,9 +59,9 @@ const GrayResultItem = styled(FlexRow)(({ theme }) => ({
 
 const ResultItemWrapper = ({ variation, ...props }) => {
   return variation === ResultRowVariation.default ? (
-    <DefaultResultItem {...props} />
+      <DefaultResultItem {...props} />
   ) : (
-    <GrayResultItem {...props} />
+      <GrayResultItem {...props} />
   );
 };
 
@@ -85,7 +84,7 @@ export interface DeployResultRowComponentProps {
   deploy: Deploy;
   loading: boolean;
   actionIdentificationHashes: ActionIdentificationHashesType;
-  deployRawData?: DataResponse< GetDeployResult & {api_version: string}> | null;
+  deployRawData?: DataResponse<GetDeployResult> | null;
   actionComponents?: React.ReactElement[] | null;
   variation?: ResultRowVariation;
   shouldCollapse?: boolean;
@@ -175,12 +174,11 @@ const getSortedResultComponents = ({
       getActionElementToRender(action)
   );
 
-  const combinedActionComponents = [
+  return [
     associatedKeyComponent,
     ...sortedActionComponents,
     ...(actionComponents || []),
   ].filter(isNonNullable);
-  return combinedActionComponents;
 };
 
 const manageCollapsingResults = ({
@@ -254,6 +252,8 @@ export const DeployResultRowComponent = (
     actionComponents,
     actionIdentificationHashes,
   });
+  const actionsCount = combinedActionComponents?.length ?? 0;
+  const isSingleResult = actionsCount <= 1;
 
   const [isCollapsed, setCollapsed] = useState<boolean>(shouldCollapse);
 
@@ -278,7 +278,7 @@ export const DeployResultRowComponent = (
 
   const collapsedLabel =
       combinedActionComponents?.length <= 1 ? `View ${combinedActionComponents?.length} result`
-       : `View all ${combinedActionComponents?.length} results`;
+      : `View all ${combinedActionComponents?.length} results`;
   const expandedLabel =
       combinedActionComponents?.length <= 1
           ? 'Collapse result'
@@ -314,7 +314,7 @@ export const DeployResultRowComponent = (
 type DeployResultRowProps = DeployResultRowComponentProps & {
   getAccountInfo: (publicKey: string) => AccountInfoResult | null | undefined;
   getContractPackageInfoByHash?: (
-    contractPackageHash: string,
+      contractPackageHash: string,
   ) => DeployContractPackageResult | null | undefined;
   getContractInfoByHash?: (
       contractHash: string,
@@ -356,14 +356,14 @@ export const DeployResultRow = (props: DeployResultRowProps) => {
     return null;
   }
   return (
-    <DeployActionDataProvider
-      getAccountInfo={getAccountInfo}
-      getContractPackageInfoByHash={getContractPackageInfoByHash}
-      getContractInfoByHash={getContractInfoByHash}
-      csprLiveDomainPath={csprLiveDomainPath}
-    >
-      <DeployResultRowComponent {...rest} />
-    </DeployActionDataProvider>
+      <DeployActionDataProvider
+          getAccountInfo={getAccountInfo}
+          getContractPackageInfoByHash={getContractPackageInfoByHash}
+          getContractInfoByHash={getContractInfoByHash}
+          csprLiveDomainPath={csprLiveDomainPath}
+      >
+        <DeployResultRowComponent {...rest} />
+      </DeployActionDataProvider>
   );
 };
 

dist/lib/components/deploy-actions/deploy-result-row.d.ts.map

@@ -1,46 +1,44 @@
 import React from 'react';
 import { formatHash, HashLength } from '../../utils/formatters';
 import { deriveSplitDataFromNamedKeyValue } from '../../utils/named-key';
-import { NamedKeyPrefix } from '../../utils/named-key-prefix';
 import { useMatchMedia } from '../../utils/match-media';
 import FlexRow from '../flex-row/flex-row';
 import Link from '../link/link';
 
 interface NamedKeyValueProps {
-  namedKey: string;
-  noPrefix?: boolean;
-  hashLength?: HashLength;
-  csprLiveDomainPath: string;
+    namedKey: string;
+    noPrefix?: boolean;
+    hashLength?: HashLength;
+    csprLiveDomainPath: string;
 }
 
-export const NamedKeyValue = ({
-  namedKey,
-  noPrefix,
-  hashLength,
-  csprLiveDomainPath,
+export const NamedKeyValue = (
+    {
+        namedKey,
+        noPrefix,
+        hashLength,
+    csprLiveDomainPath,
 }: NamedKeyValueProps) => {
-  const responsiveHashLength = useMatchMedia(
-    [HashLength.TINY, HashLength.MEDIUM, HashLength.FULL, HashLength.FULL],
-    [],
-  );
-  const { prefix, hash } = deriveSplitDataFromNamedKeyValue(namedKey);
+    const { prefix, hash } = deriveSplitDataFromNamedKeyValue(namedKey);
 
-  const isURefNamedKey = namedKey.includes(NamedKeyPrefix.UREF);
-  const redirectHash = isURefNamedKey ? namedKey : hash;
+    const responsiveHashLength = useMatchMedia(
+        [HashLength.TINY, HashLength.MEDIUM, HashLength.FULL, HashLength.FULL],
+        [hashLength],
+    );
 
-  const redirectPath = `${csprLiveDomainPath}/search/${redirectHash}`;
-  return (
-    <FlexRow>
-      {redirectPath ? (
-        <Link color={'hash'} href={redirectPath}>
-          {!noPrefix && prefix}
-          {formatHash(hash, hashLength || responsiveHashLength)}
-        </Link>
-      ) : (
-        formatHash(hash, hashLength || responsiveHashLength)
-      )}
-    </FlexRow>
-  );
-};
+    const resolvedHashLength = hashLength ?? responsiveHashLength;
+
+    const redirectPath = `${csprLiveDomainPath}/search/${namedKey}`;
 
-export default NamedKeyValue;
+    const displayValue = formatHash(hash, resolvedHashLength);
+
+    return (
+        <FlexRow>
+            <Link color="hash" href={redirectPath}>
+                {!noPrefix && prefix}
+                {displayValue}
+            </Link>
+        </FlexRow>
+    );
+};
+export default NamedKeyValue;

dist/lib/components/named-key-value/named-key-value.d.ts.map

@@ -1,22 +1,18 @@
-import { getNamedKeyPrefix, hashPrefixRegExpV2 } from './named-key-prefix';
-
 export interface SplitDataType {
   prefix: string;
   hash: string;
 }
 
+export const prefixOnlyRegExp = new RegExp(`(?:(entity-)?contract(?:-package)?|account-hash|dictionary|withdraw|balance|deploy|uref|hash|era|bid)-(?=[0-9a-fA-F])`,
+  'gi'
+);
+
 export const deriveSplitDataFromNamedKeyValue = (
-  namedKeyValue: string,
+    namedKeyValue: string
 ): SplitDataType => {
-  const [hash, lastDigits] = namedKeyValue
-    .replace(hashPrefixRegExpV2, '')
-    .split('-');
-
-  const formattedPrefix = getNamedKeyPrefix(namedKeyValue);
-  const formattedHash = lastDigits ? `${hash}-${lastDigits}` : `${hash}`;
+  const match = namedKeyValue.match(prefixOnlyRegExp);
+  const prefix = match ? match[0] : '';
+  const hash = prefix ? namedKeyValue.slice(prefix.length) : namedKeyValue;
 
-  return {
-    prefix: formattedPrefix,
-    hash: formattedHash,
-  };
-};
+  return { prefix, hash };
+};