@wearejh/m2-pwa-user-edit-gql 0.56.0

package/CHANGELOG.md

@@ -0,0 +1,29 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# [0.56.0](https://github.com/WeareJH/mage-mono/compare/v0.55.0...v0.56.0) (2026-05-20)
+
+**Note:** Version bump only for package @wearejh/m2-pwa-user-edit-gql
+
+
+
+
+
+# [0.55.0](https://github.com/WeareJH/mage-mono/compare/v0.54.0...v0.55.0) (2026-05-20)
+
+
+### Features
+
+* **GQL:** Support customer features ([474bf2e](https://github.com/WeareJH/mage-mono/commit/474bf2e62fe43fe8cd08248c1ca9a0291efe2e22))
+
+
+
+
+
+# @wearejh/m2-pwa-user-edit-gql
+
+## 0.54.0
+
+- Initial release — GQL drop-in for `@wearejh/m2-pwa-user-edit`

package/README.md

@@ -0,0 +1,30 @@
+# @wearejh/m2-pwa-user-edit-gql
+
+Drop-in GQL replacement for [`@wearejh/m2-pwa-user-edit`](../m2-pwa-user-edit).
+
+## Overview
+
+Replaces the two REST-based epics with Apollo GraphQL equivalents:
+
+| Epic | REST | GQL mutation |
+|------|------|--------------|
+| `editEpic` | `PUT /V1/customers/me` | `updateCustomerV2` |
+| `passwordChange` | `PUT /V1/customers/me/password` | `changeCustomerPassword` |
+
+## Usage
+
+```diff
+- import { editRegister } from '@wearejh/m2-pwa-user-edit';
++ import { editRegister } from '@wearejh/m2-pwa-user-edit-gql';
+
+- import { passwordRegister } from '@wearejh/m2-pwa-user-edit';
++ import { passwordRegister } from '@wearejh/m2-pwa-user-edit-gql';
+```
+
+All actions, reducer state, and types remain identical.
+
+## GQL queries
+
+- `lib/queries/updateCustomerV2.graphql`
+- `lib/queries/changeCustomerPassword.graphql`
+

package/lib/epics/edit.epic.ts

@@ -0,0 +1,67 @@
+import { concat, defer, EMPTY, Observable, of } from 'rxjs';
+import { delay, mergeMap, switchMap, withLatestFrom } from 'rxjs/operators';
+import { ofType } from 'redux-observable';
+import { EpicDeps } from '@wearejh/m2-pwa-engine/lib/types';
+import { userData } from '@wearejh/m2-pwa-user/lib/utils/user.utils';
+import { UserMsg } from '@wearejh/m2-pwa-user/lib/user.actions';
+import { ApolloClient } from 'apollo-client';
+import { UpdateCustomerResult } from '@wearejh/m2-pwa-user-gql/lib/gql.types';
+import { EditMsg } from '@wearejh/m2-pwa-user-edit';
+import type { Actions, TypeMap } from '@wearejh/m2-pwa-user-edit';
+
+import updateCustomerMutation from '../queries/updateCustomerV2.graphql';
+
+export function editEpic(action$: Observable<any>, state$: Observable<any>, deps: EpicDeps): Observable<any> {
+    return action$.pipe(
+        ofType<Actions, TypeMap['Edit.Submit']>('Edit.Submit'),
+        withLatestFrom(userData(state$)),
+        switchMap(([{ payload }, currentUserData]) => {
+            if (!currentUserData) {
+                console.error('Did not find user data');
+                return EMPTY;
+            }
+
+            const client = deps.client as ApolloClient<any>;
+
+            const update$ = defer(() =>
+                client.mutate<UpdateCustomerResult>({
+                    mutation: updateCustomerMutation,
+                    variables: {
+                        firstname: payload.firstname,
+                        lastname: payload.lastname,
+                        email: payload.email,
+                    },
+                    fetchPolicy: 'no-cache',
+                } as any),
+            );
+
+            return update$.pipe(
+                mergeMap((result) => {
+                    const customer = result.data?.updateCustomerV2?.customer;
+                    if (!customer) throw new Error('updateCustomerV2 returned no customer');
+                    return concat(
+                        of(UserMsg('User.SetData', customer as any), EditMsg('Edit.Success')),
+                        of(EditMsg('Edit.Reset')).pipe(delay(2000)),
+                    );
+                }),
+                (source$) =>
+                    new Observable<any>((subscriber) => {
+                        source$.subscribe({
+                            next: (v) => subscriber.next(v),
+                            error: (e) => {
+                                const status: number = e?.networkError?.statusCode ?? 0;
+                                const msg = e?.graphQLErrors?.[0]?.message || e?.message || 'Update failed';
+                                if (status === 401) {
+                                    subscriber.next(UserMsg('User.SignOut'));
+                                    subscriber.next(UserMsg('User.Unauthenticated'));
+                                }
+                                subscriber.next(EditMsg('Edit.Error', msg));
+                                subscriber.complete();
+                            },
+                            complete: () => subscriber.complete(),
+                        });
+                    }),
+            );
+        }),
+    );
+}

package/lib/epics/passwordChange.epic.ts

@@ -0,0 +1,59 @@
+import { concat, defer, EMPTY, Observable, of } from 'rxjs';
+import { delay, mergeMap, switchMap, withLatestFrom } from 'rxjs/operators';
+import { ofType } from 'redux-observable';
+import { EpicDeps } from '@wearejh/m2-pwa-engine/lib/types';
+import { userData } from '@wearejh/m2-pwa-user/lib/utils/user.utils';
+import { ApolloClient } from 'apollo-client';
+import { ChangePasswordResult } from '@wearejh/m2-pwa-user-gql/lib/gql.types';
+import { PasswordMsg } from '@wearejh/m2-pwa-user-edit';
+import type { PasswordActions, PasswordTypeMap } from '@wearejh/m2-pwa-user-edit';
+
+import changePasswordMutation from '../queries/changeCustomerPassword.graphql';
+
+export function passwordChange(action$: Observable<any>, state$: Observable<any>, deps: EpicDeps): Observable<any> {
+    return action$.pipe(
+        ofType<PasswordActions, PasswordTypeMap['Password.Submit']>('Password.Submit'),
+        withLatestFrom(userData(state$)),
+        switchMap(([{ payload }, currentUserData]) => {
+            if (!currentUserData) {
+                console.error('Did not find user data');
+                return EMPTY;
+            }
+
+            const client = deps.client as ApolloClient<any>;
+
+            const change$ = defer(() =>
+                client.mutate<ChangePasswordResult>({
+                    mutation: changePasswordMutation,
+                    variables: {
+                        currentPassword: payload.currentPassword,
+                        newPassword: payload.newPassword,
+                    },
+                    fetchPolicy: 'no-cache',
+                } as any),
+            );
+
+            return change$.pipe(
+                mergeMap(() =>
+                    concat(of(PasswordMsg('Password.Success')), of(PasswordMsg('Password.Reset')).pipe(delay(2000))),
+                ),
+                /**
+                 * We intentionally DO NOT force sign-out on 401 here — the user
+                 * may have simply typed their current password incorrectly.
+                 */
+                (source$) =>
+                    new Observable<any>((subscriber) => {
+                        source$.subscribe({
+                            next: (v) => subscriber.next(v),
+                            error: (e) => {
+                                const msg = e?.graphQLErrors?.[0]?.message || e?.message || 'Password change failed';
+                                subscriber.next(PasswordMsg('Password.Error', msg));
+                                subscriber.complete();
+                            },
+                            complete: () => subscriber.complete(),
+                        });
+                    }),
+            );
+        }),
+    );
+}

package/lib/index.ts

@@ -0,0 +1,6 @@
+// Re-export everything from the REST package — a true drop-in swap.
+// Actions, reducers, types, hooks all remain identical.
+export * from '@wearejh/m2-pwa-user-edit';
+
+// Override the register functions with GQL variants.
+export { editRegister, passwordRegister } from './user-edit.register';

package/lib/queries/changeCustomerPassword.graphql

@@ -0,0 +1,12 @@
+mutation ChangeCustomerPassword($currentPassword: String!, $newPassword: String!) {
+    changeCustomerPassword(
+        currentPassword: $currentPassword
+        newPassword: $newPassword
+    ) {
+        id
+        email
+        firstname
+        lastname
+    }
+}
+

package/lib/queries/updateCustomerV2.graphql

@@ -0,0 +1,39 @@
+mutation UpdateCustomerV2($firstname: String, $lastname: String, $email: String) {
+    updateCustomerV2(
+        input: {
+            firstname: $firstname
+            lastname: $lastname
+            email: $email
+        }
+    ) {
+        customer {
+            id
+            email
+            firstname
+            lastname
+            default_billing
+            default_shipping
+            addresses {
+                id
+                firstname
+                lastname
+                company
+                street
+                city
+                country_code
+                country_id
+                region {
+                    region
+                    region_code
+                    region_id
+                }
+                region_id
+                postcode
+                telephone
+                default_billing
+                default_shipping
+            }
+        }
+    }
+}
+

package/lib/user-edit.register.ts

@@ -0,0 +1,38 @@
+import { editReducer, NAME as EDIT_NAME } from '@wearejh/m2-pwa-user-edit';
+import { passwordReducer, PASSWORD_NAME } from '@wearejh/m2-pwa-user-edit';
+
+import { editEpic } from './epics/edit.epic';
+import { passwordChange } from './epics/passwordChange.epic';
+
+const editEpics = {
+    editEpic,
+};
+
+const passwordEpics = {
+    passwordChange,
+};
+
+/**
+ * GQL drop-in for `editRegister()` from `@wearejh/m2-pwa-user-edit`.
+ * Accepts per-epic overrides following the `cartRegister` pattern.
+ */
+export function editRegister(overrides?: Partial<typeof editEpics>) {
+    const merged = { ...editEpics, ...overrides };
+    return {
+        epics: Object.keys(merged).map((key) => (merged as any)[key]),
+        reducers: { [EDIT_NAME]: editReducer },
+        name: EDIT_NAME,
+    };
+}
+
+/**
+ * GQL drop-in for `passwordRegister()` from `@wearejh/m2-pwa-user-edit`.
+ */
+export function passwordRegister(overrides?: Partial<typeof passwordEpics>) {
+    const merged = { ...passwordEpics, ...overrides };
+    return {
+        epics: Object.keys(merged).map((key) => (merged as any)[key]),
+        reducers: { [PASSWORD_NAME]: passwordReducer },
+        name: PASSWORD_NAME,
+    };
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+    "name": "@wearejh/m2-pwa-user-edit-gql",
+    "version": "0.56.0",
+    "description": "GQL implementation of m2-pwa-user-edit — drop-in replacement that swaps REST epics for Apollo GraphQL",
+    "author": "Shane Osbourne <shane.osbourne8@gmail.com>",
+    "homepage": "",
+    "license": "ISC",
+    "main": "lib/index.ts",
+    "publishConfig": {
+        "access": "public"
+    },
+    "directories": {
+        "lib": "lib"
+    },
+    "files": [
+        "lib"
+    ],
+    "scripts": {},
+    "dependencies": {
+        "@wearejh/m2-pwa-engine": "^0.56.0",
+        "@wearejh/m2-pwa-user": "^0.56.0",
+        "@wearejh/m2-pwa-user-edit": "^0.56.0",
+        "@wearejh/m2-pwa-user-gql": "^0.56.0",
+        "apollo-client": "^2.6.10",
+        "graphql": "^14.7.0"
+    },
+    "gitHead": "46a0245a580739e43e75d77124a0fbec16be0aee"
+}