@controleonline/ui-common 1.2.97 → 1.2.98

package/.release/rc-manifest.json

@@ -1,10 +1,10 @@
 {
-  "version": "1.2.93",
-  "rc": 1,
-  "branch": "rc/1.2.93-rc.1",
-  "baseMaster": "b4db94eb1ccd3bf878dc96e3d32c0249aad07402",
-  "tasks": [77],
-  "repositories": { "ControleOnline/ui-common": "4dfdb2d7ccb160f265115bdad3125d6ecd26bdfd" },
-  "compositionNotes": ["Verified on Android emulator: Text width was still 0 with flexBasis auto because Yoga prioritises flex over flexGrow/flexBasis. flex:0 fixes it."],
+  "version": "1.2.98",
+  "rc": 2,
+  "branch": "rc/1.2.98-rc.2",
+  "baseMaster": "aa5ad406d201d23bb88023bc4b7a7d4f9b11fd0a",
+  "tasks": [88],
+  "repositories": { "ControleOnline/ui-common": "0c96fc6ebac3af856cfba103fa0694171f590ce1" },
+  "compositionNotes": ["Task 88: rodapé mostra …últimos 2 blocos quando o identificador não é IPv4. rc.2 inclui bump de versão 1.2.98 para publicação npm; supersedes rc.1."],
   "frozen": true
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@controleonline/ui-common",
-  "version": "1.2.97",
+  "version": "1.2.98",
   "author": "ControleOnline",
   "description": "ControleOnline Common Quasar UI Component",
   "license": "MIT",

package/src/react/components/BottomNavigationBar.js

@@ -1,13 +1,10 @@
 import React, {useLayoutEffect, useMemo} from 'react';
 import {Pressable, Text, View} from 'react-native';
-import LegacyIcon from 'react-native-vector-icons/Feather';
-import HomeIcon from '@controleonline/../../src/components/HomeIcon';
+import Icon from 'react-native-vector-icons/Feather';
 import {useTheme} from './DefaultProvider';
 import RuntimeInfoFooter from './RuntimeInfoFooter';
 import {resolveMenuRouteParams} from '../utils/menuNavigation';
 import createStyles from './BottomNavigationBar.styles';
-import softenStyles from './BottomNavigationBar.soft.styles';
-import {resolveHomepagePalette} from '@controleonline/../../src/styles/homepagePalette';
 
 const BottomNavigationBar = ({
   navigation,
@@ -17,10 +14,7 @@ const BottomNavigationBar = ({
   colors = {},
   testID = 'bottom-navigation',
   useModernWebChromeProps = false,
-  appearance = 'legacy',
 }) => {
-  const Icon = appearance === 'soft' ? HomeIcon : LegacyIcon;
-  colors = appearance === 'soft' ? resolveHomepagePalette(colors) : colors;
   const theme = useTheme?.() || {};
   const runtimeFooter = theme?.runtimeFooter || null;
   const registerBottomNavigation =
@@ -37,14 +31,14 @@ const BottomNavigationBar = ({
 
   const styles = useMemo(
     () =>
-      softenStyles(createStyles({
+      createStyles({
         activeBackground,
         dockBackground,
         dockBorder,
         dockShadow,
         activeBorder,
         useModernWebChromeProps,
-      }), colors, appearance),
+      }),
     [
       activeBackground,
       activeBorder,
@@ -52,7 +46,6 @@ const BottomNavigationBar = ({
       dockBorder,
       dockShadow,
       useModernWebChromeProps,
-      appearance,
     ],
   );
 
@@ -123,11 +116,8 @@ const BottomNavigationBar = ({
     ? [styles.host, styles.hostPointerEventsBoxNone]
     : styles.host;
   const footerProps = {
-    appearance,
     appVersion: runtimeFooter?.appVersion,
-    colors: appearance === 'soft'
-      ? {...runtimeFooter?.colors, footerBackground: colors.footerBackground, footerText: colors.footerText}
-      : runtimeFooter?.colors || {},
+    colors: runtimeFooter?.colors || {},
     mainCompany: runtimeFooter?.mainCompany,
     device: runtimeFooter?.device,
     useModernWebChromeProps,

package/src/react/components/DefaultProvider.styles.js

@@ -12,10 +12,6 @@ const styles = StyleSheet.create({
   shell: {
     flex: 1,
   },
-  translationPending: {
-    visibility: 'hidden',
-    opacity: 0,
-  },
   content: {
     flex: 1,
     minHeight: 0,

package/src/react/components/DefaultProvider.web.js

@@ -395,18 +395,15 @@ export const DefaultProvider = ({
 
   useWebThemePalette({resolveDomainThemeColors, baseThemeColors, mainCompany, resolveThemePalette, runtimeColors, applyPaletteToRuntimeColors, applyThemeCssVariables, actions, currentCompany, isShopClientApp});
 
-  const translationPending = requiresTranslateBootstrap && !isTranslateBootstrapReady;
+  if (requiresTranslateBootstrap && !isTranslateBootstrapReady) {
+    return <View style={providerStyles.loadingContainer} />;
+  }
 
   return (
       <ThemeContext.Provider value={themeContextValue}>
         <View
-          pointerEvents={translationPending ? 'none' : 'auto'}
-          aria-hidden={translationPending}
           style={[
             providerStyles.shell,
-            // Keep navigation mounted while translations load. Unmounting it
-            // resets the login route and repeatedly registers the bottom bar.
-            translationPending && providerStyles.translationPending,
             {
               backgroundColor: colors?.background || runtimeColors.background,
             },

package/src/react/components/RuntimeBottomNavigationBar.js

@@ -19,7 +19,6 @@ const {
 } = require('@controleonline/ui-common/src/react/utils/bottomNavigationToolbar');
 
 const RuntimeBottomNavigationBar = ({
-  appearance = 'legacy',
   activeRouteName: activeRouteNameProp,
   colors: colorsOverride,
   disabled: disabledOverride,
@@ -160,7 +159,6 @@ const RuntimeBottomNavigationBar = ({
 
   return (
     <BottomNavigationBar
-      appearance={appearance}
       activeRouteName={effectiveActiveRoute}
       colors={colors}
       disabled={isDisabled}

package/src/react/components/RuntimeInfoFooter.js

@@ -22,7 +22,6 @@ import {
 } from '@controleonline/ui-common/src/react/utils/runtimeFooter';
 import styles from './RuntimeInfoFooter.styles';
 import RuntimeFooterMarqueeText from './RuntimeFooterMarqueeText';
-import resolveHomeFooterSpacing from './RuntimeInfoFooter.home.spacing';
 
 const ROTATION_INTERVAL_MS = 4000;
 const COMPACT_BREAKPOINT = 720;
@@ -67,7 +66,6 @@ const RuntimeInfoFooter = ({
   device,
   colors,
   useModernWebChromeProps = false,
-  appearance = 'legacy',
 }) => {
   const {width} = useWindowDimensions();
   const insets = useSafeAreaInsets();
@@ -260,7 +258,6 @@ const RuntimeInfoFooter = ({
       : inlineText
   ) || primaryText || device?.id || '';
   const backgroundColor = colors?.footerBackground;
-  const homeSpacing = resolveHomeFooterSpacing(appearance, Platform.OS, insets.bottom);
   const borderColor = colors?.footerBorder;
   const textColor = resolveVisibleFooterTextColor(colors);
   const loadingColor = colors?.footerLink || colors?.primary || textColor;
@@ -270,9 +267,7 @@ const RuntimeInfoFooter = ({
     : styles.shell;
 
   return (
-    <View {...shellProps} style={[shellStyle, homeSpacing && {
-      paddingBottom: homeSpacing.safeAreaBottom, backgroundColor,
-    }]}>
+    <View {...shellProps} style={shellStyle}>
       <View
         testID="runtime-info-footer"
         style={[
@@ -281,8 +276,7 @@ const RuntimeInfoFooter = ({
           {
             backgroundColor,
             borderTopColor: borderColor,
-            paddingBottom: homeSpacing ? homeSpacing.contentPadding : bottomInset,
-            ...(homeSpacing && !showDebugInfo ? {paddingTop: homeSpacing.contentPadding} : {}),
+            paddingBottom: bottomInset,
           },
         ]}>
         <View style={styles.primaryRow}>

package/src/react/components/UserAvatar.js

@@ -156,7 +156,6 @@ const useDisplayUri = uri => {
 
 const UserAvatar = ({
   imageUrl,
-  imageHeaders,
   email,
   name,
   size = 40,
@@ -216,8 +215,7 @@ const UserAvatar = ({
     <View style={containerStyle}>
       {displayUri ? (
         <Image
-          source={imageHeaders && Platform.OS !== 'web' && displayUri === imageUrl
-            ? {uri: displayUri, headers: imageHeaders} : {uri: displayUri}}
+          source={{uri: displayUri}}
           style={styles.image}
           onError={() => setSourceIndex(index => index + 1)}
         />

package/src/react/utils/runtimeFooter.js

@@ -128,6 +128,26 @@ const formatRuntimeFooterVersion = version => {
   return normalizedVersion ? `v${normalizedVersion}` : '';
 };
 
+const IPV4_PATTERN = /^(\d{1,3}\.){3}\d{1,3}$/;
+
+// IPv4 is shown in full; other ':'-separated ids (IPv6/MAC-like) are shortened
+// to an ellipsis plus the last two blocks, e.g. "…46f4:eb0b".
+const formatRuntimeFooterIdentifier = value => {
+  const identifier = safeTrim(value);
+
+  if (!identifier || IPV4_PATTERN.test(identifier) || !identifier.includes(':')) {
+    return identifier;
+  }
+
+  const blocks = identifier.split(':').filter(Boolean);
+
+  if (blocks.length <= 2) {
+    return identifier;
+  }
+
+  return `…${blocks.slice(-2).join(':')}`;
+};
+
 const getRuntimeFooterWebHost = () => {
   const hostname = safeTrim(globalThis?.location?.hostname);
 
@@ -364,9 +384,9 @@ const getRuntimeFooterDebugInfo = ({device, appVersion, deviceConfig}) => {
   const nativeIdentifier = nativeIdentifierCandidates[0]?.value || '';
   const runtimeDetail = operationModeLabel
     ? operationModeLabel
-    : isWebRuntime
-      ? webIdentifier
-      : nativeIdentifier;
+    : formatRuntimeFooterIdentifier(
+      isWebRuntime ? webIdentifier : nativeIdentifier,
+    );
   const runtimeDetailSource = operationModeLabel
     ? 'device_config.configs.pos-operation-mode'
     : isWebRuntime
@@ -444,6 +464,7 @@ module.exports = {
   getRuntimeFooterStoredVersion,
   getRuntimeFooterTextLines,
   getRuntimeFooterVersionCandidates,
+  formatRuntimeFooterIdentifier,
   getRuntimeFooterWebIdentifierCandidates,
   getRuntimeFooterText,
   getRuntimeFooterWebHost,

package/src/tests/react/utils/runtimeFooter.test.js

@@ -2,6 +2,7 @@ const assert = require('node:assert/strict')
 const {after, before, test} = require('node:test')
 
 const {
+  formatRuntimeFooterIdentifier,
   getRuntimeFooterDebugInfo,
   getRuntimeFooterNativeIdentifierCandidates,
   getRuntimeFooterPrimaryText,
@@ -487,3 +488,28 @@ test('hides runtime device information on the customer paylist only', () => {
   assert.equal(shouldShowRuntimeFooter('LoginPage'), true)
   assert.equal(shouldShowRuntimeFooter('WalletsPage'), true)
 })
+
+test('formats runtime identifier: IPv4 full, non-IPv4 shortened to last two blocks', () => {
+  assert.equal(formatRuntimeFooterIdentifier('179.110.95.138'), '179.110.95.138')
+  assert.equal(
+    formatRuntimeFooterIdentifier('2804:18:1119:f433:54b4:a587:46f4:eb0b'),
+    '…46f4:eb0b',
+  )
+  assert.equal(formatRuntimeFooterIdentifier('aa:bb:cc:dd:ee:ff'), '…ee:ff')
+  assert.equal(formatRuntimeFooterIdentifier('::1'), '::1')
+  assert.equal(formatRuntimeFooterIdentifier('abc'), 'abc')
+  assert.equal(formatRuntimeFooterIdentifier(''), '')
+  assert.equal(formatRuntimeFooterIdentifier(null), '')
+})
+
+test('primary text shortens IPv6 public ip', () => {
+  const text = getRuntimeFooterPrimaryText({
+    device: {
+      type: 'PDV',
+      systemName: 'web',
+      metadata: {network: {publicIp: '2804:18:1119:f433:54b4:a587:46f4:eb0b'}},
+    },
+    appVersion: '1.10.68',
+  })
+  assert.ok(text.includes('(…46f4:eb0b)'), text)
+})

package/docs/homepage-1056.md

@@ -1,16 +0,0 @@
-# Homepage ADMIN/MANAGER — app-community#1056
-
-Soft appearance is opt-in for HomePage only. Existing menu routes/parameters, permissions, stores and translations are preserved. App-provided homepage colors and components are used only in this appearance. Default consumers retain their current behavior.
-
-Source: https://github.com/ControleOnline/app-community/issues/1056
-Local evidence: 40 homepage tests and 34 runtime footer/zoom tests passed. No production authorization.
-
-## Web login translation bootstrap
-
-Keep the navigation tree mounted while translations initialize. Hide the shell and disable pointer/accessibility interaction until the existing translation readiness contract succeeds. Unmounting navigation during login resets its route and repeatedly mounts/registers the bottom bar, causing React maximum update depth. No route, permission, translation source, theme or zoom changes. Native behavior is unchanged.
-
-Regression evidence: app-community homepage bootstrapNavigation.test.js reproduced maximum update depth before the fix, then passed after it. 44 tests across 9 homepage suites passed. Runtime Dev reproduced the unfixed bug; new runtime verification is required after consuming ui-common 1.2.96.
-
-Release 1.2.96 uses the task-only c91510d source plus version metadata. The integration merge into dev preserves independent team work, but those changes are excluded from this homepage package. Publication uses the existing tag-triggered trusted publishing workflow.
-
-Release 1.2.97 completes the web bootstrap gate with visibility:hidden and aria-hidden: pending descendants cannot receive keyboard focus while navigation stays mounted. Native behavior remains unchanged.

package/src/react/components/BottomNavigationBar.soft.styles.js

@@ -1,28 +0,0 @@
-import {Platform} from 'react-native';
-
-// Only the homepage opts into this chrome; preserve all default navigation styles.
-export default (styles, colors, appearance) => appearance !== 'soft' ? styles : {
-  ...styles,
-  dock: [styles.dock, {
-    paddingHorizontal: 0,
-    paddingTop: 0,
-    paddingBottom: 0,
-    borderWidth: 0,
-    borderTopWidth: 1,
-    borderColor: colors.navigationBorder,
-    borderTopLeftRadius: 0,
-    borderTopRightRadius: 0,
-    elevation: 0,
-    shadowOpacity: 0,
-    ...(Platform.OS === 'web' ? {boxShadow: 'none'} : {}),
-  }],
-  itemsRow: [styles.itemsRow, {minHeight: 64, paddingHorizontal: 12, paddingVertical: 5}],
-  item: [styles.item, {minHeight: 54, borderRadius: 12}],
-  itemLabel: [styles.itemLabel, {fontSize: 11, fontWeight: '400'}],
-  footerSlot: [styles.footerSlot, {
-    borderTopWidth: 1,
-    borderColor: colors.navigationBorder,
-    paddingHorizontal: 0,
-    minHeight: 28,
-  }],
-};

package/src/react/components/RuntimeInfoFooter.home.spacing.js

@@ -1,5 +0,0 @@
-// Keep the native safe area outside the centered content row.
-export default (appearance, platform, bottomInset) => appearance === 'soft' ? {
-  contentPadding: 4,
-  safeAreaBottom: platform === 'web' ? 0 : Math.max(Number(bottomInset) || 0, 0),
-} : null;