@dynamic-labs/sdk-react-core 1.0.6 → 1.0.8

package/src/lib/widgets/DynamicBridgeWidget/views/ProfileView/ProfileView.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
 var UserProfile = require('../../../../components/UserProfile/UserProfile.cjs');
 var DynamicWidgetFooter = require('../../../DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 var DynamicBridgeWidgetContext = require('../../context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
@@ -17,6 +18,7 @@ var useInternalDynamicContext = require('../../../../context/DynamicContext/useI
 var getUserProfileFields = require('../../../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
 
 const ProfileView = () => {
+    const { t } = reactI18next.useTranslation();
     const { setBridgeWidgetView } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
     const { projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     // Allow to navigate to edit profile view when there are fields what can be edited
@@ -24,7 +26,7 @@ const ProfileView = () => {
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(UserProfile.UserProfile, { rootClassName: 'profile-view' }), jsxRuntime.jsx(DynamicWidgetFooter.DynamicWidgetFooter, { children: jsxRuntime.jsxs("div", { className: 'profile-view__footer', children: [editableUserFields.length > 0 && (jsxRuntime.jsx(Button.Button, { buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', typographyProps: {
                                 color: 'secondary',
                                 variant: 'button_tertiary',
-                            }, onClick: () => setBridgeWidgetView('edit-profile'), startSlot: jsxRuntime.jsx(pencil.ReactComponent, {}), children: "Edit profile" })), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: true, buttonClassName: classNames.classNames('dynamic-widget-footer__button', {
+                            }, onClick: () => setBridgeWidgetView('edit-profile'), startSlot: jsxRuntime.jsx(pencil.ReactComponent, {}), copykey: 'dyn_bridge.widget.edit_profile', children: t('dyn_bridge.widget.edit_profile') })), jsxRuntime.jsx(LogoutButton.LogoutButton, { isTextButton: true, buttonClassName: classNames.classNames('dynamic-widget-footer__button', {
                                 'dynamic-widget-footer__button-align-right': !(editableUserFields === null || editableUserFields === void 0 ? void 0 : editableUserFields.length),
                             }) })] }) })] }));
 };

package/src/lib/widgets/DynamicBridgeWidget/views/ProfileView/ProfileView.js

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
 import { UserProfile } from '../../../../components/UserProfile/UserProfile.js';
 import { DynamicWidgetFooter } from '../../../DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import { useDynamicBridgeWidgetContext } from '../../context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
@@ -13,6 +14,7 @@ import { useInternalDynamicContext } from '../../../../context/DynamicContext/us
 import { getEditableUserProfileFields } from '../../../../utils/functions/getUserProfileFields/getUserProfileFields.js';
 
 const ProfileView = () => {
+    const { t } = useTranslation();
     const { setBridgeWidgetView } = useDynamicBridgeWidgetContext();
     const { projectSettings } = useInternalDynamicContext();
     // Allow to navigate to edit profile view when there are fields what can be edited
@@ -20,7 +22,7 @@ const ProfileView = () => {
     return (jsxs(Fragment, { children: [jsx(UserProfile, { rootClassName: 'profile-view' }), jsx(DynamicWidgetFooter, { children: jsxs("div", { className: 'profile-view__footer', children: [editableUserFields.length > 0 && (jsx(Button, { buttonClassName: 'dynamic-widget-footer__button', buttonVariant: 'tertiary', buttonPadding: 'none', typographyProps: {
                                 color: 'secondary',
                                 variant: 'button_tertiary',
-                            }, onClick: () => setBridgeWidgetView('edit-profile'), startSlot: jsx(SvgPencil, {}), children: "Edit profile" })), jsx(LogoutButton, { isTextButton: true, buttonClassName: classNames('dynamic-widget-footer__button', {
+                            }, onClick: () => setBridgeWidgetView('edit-profile'), startSlot: jsx(SvgPencil, {}), copykey: 'dyn_bridge.widget.edit_profile', children: t('dyn_bridge.widget.edit_profile') })), jsx(LogoutButton, { isTextButton: true, buttonClassName: classNames('dynamic-widget-footer__button', {
                                 'dynamic-widget-footer__button-align-right': !(editableUserFields === null || editableUserFields === void 0 ? void 0 : editableUserFields.length),
                             }) })] }) })] }));
 };