@digitaldefiance/express-suite-react-components 2.4.1 → 2.4.2

package/README.md

@@ -297,6 +297,10 @@ MIT © Digital Defiance
 
 ## ChangeLog
 
+### Version 2.4.2
+
+- Add UserSettingsFormWrapper
+
 ### Version 2.4.1
 
 - Add directChallenge configuration option to registration

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitaldefiance/express-suite-react-components",
-  "version": "2.4.1",
+  "version": "2.4.2",
   "description": "React MUI components for Digital Defiance Express Suite",
   "main": "src/index.js",
   "types": "src/index.d.ts",

package/src/wrappers/index.d.ts

@@ -12,4 +12,17 @@ export interface VerifyEmailPageWrapperProps {
     baseUrl: string;
 }
 export declare const VerifyEmailPageWrapper: FC<VerifyEmailPageWrapperProps>;
+export interface UserSettingsFormWrapperProps {
+    baseUrl: string;
+    timezones: string[];
+    languages: Array<{
+        code: string;
+        label: string;
+    }>;
+    currencies: Array<{
+        code: string;
+        label: string;
+    }>;
+}
+export declare const UserSettingsFormWrapper: FC<UserSettingsFormWrapperProps>;
 //# sourceMappingURL=index.d.ts.map

package/src/wrappers/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAcxD,eAAO,MAAM,sBAAsB,EAAE,EAWpC,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAoC1D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,EAevC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAkC9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAyBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAK/B,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAelE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/wrappers/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA+B,MAAM,OAAO,CAAC;AAexD,eAAO,MAAM,sBAAsB,EAAE,EAWpC,CAAC;AAEF,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAoC1D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,EAevC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAkC9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAyBjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAK/B,CAAC;AAEF,MAAM,WAAW,2BAA2B;IAC1C,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CAelE,CAAC;AAEF,MAAM,WAAW,4BAA4B;IAC3C,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,SAAS,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,UAAU,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,uBAAuB,EAAE,EAAE,CAAC,4BAA4B,CA4CpE,CAAC"}

package/src/wrappers/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.VerifyEmailPageWrapper = exports.LogoutPageWrapper = exports.RegisterFormWrapper = exports.LoginFormWrapper = exports.ChangePasswordFormWrapper = exports.BackupCodesWrapper = exports.BackupCodeLoginWrapper = void 0;
+exports.UserSettingsFormWrapper = exports.VerifyEmailPageWrapper = exports.LogoutPageWrapper = exports.RegisterFormWrapper = exports.LoginFormWrapper = exports.ChangePasswordFormWrapper = exports.BackupCodesWrapper = exports.BackupCodeLoginWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_router_dom_1 = require("react-router-dom");
@@ -12,6 +12,7 @@ const LoginForm_1 = require("../components/LoginForm");
 const RegisterForm_1 = require("../components/RegisterForm");
 const LogoutPage_1 = require("../components/LogoutPage");
 const VerifyEmailPage_1 = require("../components/VerifyEmailPage");
+const UserSettingsForm_1 = require("../components/UserSettingsForm");
 const contexts_1 = require("../contexts");
 const services_1 = require("../services");
 const suite_core_lib_1 = require("@digitaldefiance/suite-core-lib");
@@ -129,3 +130,32 @@ const VerifyEmailPageWrapper = ({ baseUrl }) => {
     return (0, jsx_runtime_1.jsx)(VerifyEmailPage_1.VerifyEmailPage, { token: token, onVerify: handleVerify });
 };
 exports.VerifyEmailPageWrapper = VerifyEmailPageWrapper;
+const UserSettingsFormWrapper = ({ baseUrl, timezones, languages, currencies }) => {
+    const { userData, setCurrencyCode, setLanguage } = (0, contexts_1.useAuth)();
+    const api = (0, services_1.createAuthenticatedApiClient)(baseUrl);
+    const handleSubmit = async (values) => {
+        try {
+            const result = await api.post('/user/settings', values);
+            if (values.currency) {
+                await setCurrencyCode(values.currency);
+            }
+            if (values.siteLanguage) {
+                await setLanguage(values.siteLanguage);
+            }
+            return { success: true, message: result.data.message };
+        }
+        catch (error) {
+            return { error: error.response?.data?.message || 'Failed to update settings' };
+        }
+    };
+    const initialValues = {
+        email: userData?.email || '',
+        timezone: userData?.timezone || 'UTC',
+        siteLanguage: userData?.siteLanguage || 'en-US',
+        currency: userData?.currency || 'USD',
+        darkMode: userData?.darkMode || false,
+        directChallenge: userData?.directChallenge || false,
+    };
+    return ((0, jsx_runtime_1.jsx)(UserSettingsForm_1.UserSettingsForm, { initialValues: initialValues, onSubmit: handleSubmit, timezones: timezones, languages: languages, currencies: currencies }));
+};
+exports.UserSettingsFormWrapper = UserSettingsFormWrapper;