@riosst100/pwa-marketplace 2.9.3 → 2.9.5

package/src/talons/VerifyEmailPage/useVerifyEmailPage.js

@@ -0,0 +1,73 @@
+
+import { useCallback, useEffect } from 'react';
+import { useIntl } from 'react-intl';
+import { useMutation } from '@apollo/client';
+import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
+import DEFAULT_OPERATIONS from './verifyEmailPage.gql';
+import { useHistory } from 'react-router-dom';
+import { useToasts } from '@magento/peregrine';
+
+export const useVerifyEmailPage = (props = {}) => {
+    const { formatMessage } = useIntl();
+
+    const { email } = props;
+
+    const operations = mergeOperations(DEFAULT_OPERATIONS, props.operations);
+
+    const history = useHistory();
+
+    const [, { addToast }] = useToasts();
+
+    const {
+        resendEmailConfirmationMutation
+    } = operations;
+    
+    const [resendEmailConfirmation, { called: called, data: data, error: error, loading: loading}] = useMutation(
+        resendEmailConfirmationMutation,
+        {
+            fetchPolicy: 'no-cache'
+        }
+    );
+
+    const handleResendEmail = useCallback(() => {
+        resendEmailConfirmation({
+            variables: {
+                email
+            }
+        });
+    }, [
+        resendEmailConfirmation,
+        email
+    ]);
+
+    const shouldShowLoadingIndicator = called && loading;
+    
+    useEffect(() => {
+        if (data && !loading) {
+            if (data.resendCustomerConfirmation.success) {
+                addToast({
+                    type: 'success',
+                    message: formatMessage({
+                        id: 'emailConfirmation.resendConfirmEmailSuccess',
+                        defaultMessage: data.resendCustomerConfirmation.message
+                    }),
+                    timeout: 10000
+                });
+
+                // history.go(0)
+            }
+        }
+    }, [
+        data,
+        loading,
+        addToast
+    ]);
+
+    return {
+        loading,
+        error,
+        data,
+        handleResendEmail,
+        shouldShowLoadingIndicator
+    };
+}

package/src/talons/VerifyEmailPage/verifyEmailPage.gql.js

@@ -0,0 +1,36 @@
+import { gql } from '@apollo/client';
+
+export const RESEND_EMAIL_CONFIRMATION = gql`
+    mutation ResendEmailConfirmation(
+        $email: String!
+    ) {
+        resendCustomerConfirmation(
+            email: $email
+        ) {
+            success
+            message
+        }
+    }
+`;
+
+export const CONFIRM_EMAIL = gql`
+    mutation ConfirmEmail(
+        $id: String!
+        $key: String!
+    ) {
+        confirmCustomerEmail(
+            input: {
+                id: $id
+                key: $key
+            }
+        ) {
+            success
+            message
+        }
+    }
+`;
+
+export default {
+    resendEmailConfirmationMutation: RESEND_EMAIL_CONFIRMATION,
+    confirmCustomerEmailMutation: CONFIRM_EMAIL
+};

package/src/talons/WebsiteSwitcher/useWebsiteSwitcher.js

@@ -1,4 +1,4 @@
-import { useQuery } from '@apollo/client';
+import { useApolloClient, useQuery } from '@apollo/client';
 import { useCallback, useMemo } from 'react';
 import { useLocation } from 'react-router-dom';
 import { useDropdown } from '@magento/peregrine/lib/hooks/useDropdown';
@@ -6,6 +6,7 @@ import { useAwaitQuery } from '@magento/peregrine/lib/hooks/useAwaitQuery';
 import { BrowserPersistence } from '@magento/peregrine/lib/util';
 import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
 import DEFAULT_OPERATIONS from './websiteSwitcher.gql';
+import { useCartContext } from '@magento/peregrine/lib/context/cart';
 
 const storage = new BrowserPersistence();
 
@@ -161,6 +162,13 @@ export const useWebsiteSwitcher = (props = {}) => {
         [pathname, fetchRouteData, internalRoutes]
     );
 
+    const apolloClient = useApolloClient();
+
+    const [
+        { cartId },
+        { createCart, removeCart, getCartDetails }
+    ] = useCartContext();
+
     const handleSwitchWebsite = useCallback(
         // Change store view code and currency to be used in Apollo link request headers
         async (storeCode, websiteCode) => {
@@ -190,13 +198,16 @@ export const useWebsiteSwitcher = (props = {}) => {
 
             const newPath = pathName ? `/${pathName}${newSearchParams}` : (accessBaseWebsite ? `/${pathName}${accessBaseWebsite}` : '');
 
+            await apolloClient.clearCacheData(apolloClient, 'cart');
+            await removeCart();
+
             if (newWebsiteCode) {
                 globalThis.location.assign(`/${newWebsiteCode}${newPath || ''}`);
             } else {
                 globalThis.location.assign(`${newPath || ''}`);
             }
         },
-        [availableStores, getPathname, searchParams]
+        [availableStores, getPathname, searchParams, apolloClient, removeCart]
     );
 
     const handleTriggerClick = useCallback(() => {