@riosst100/pwa-marketplace 1.2.6 → 1.2.7

package/src/talons/BecomeSeller/becomeSeller.gql.js

@@ -1,46 +1,46 @@
-import { gql } from '@apollo/client';
-
-export const BECOME_SELLER = gql`
-    mutation BecomeSeller(
-        $seller_type: String
-        $group_id: String!
-        $url_key: String!
-        $name: String!
-        $company: String
-        $company_registration_number: String
-        $country_id: String
-        $address_line_1: String!
-        $address_line_2: String
-        $city: String!
-        $region: String
-        $region_id: String
-        $postcode: String!
-        $contact_number: String!
-    ) {
-        becomeSeller(
-            input: {
-                seller_type: $seller_type
-                group_id: $group_id
-                url_key: $url_key
-                name: $name
-                company: $company
-                company_registration_number: $company_registration_number,
-                country_id: $country_id
-                address_line_1: $address_line_1
-                address_line_2: $address_line_2
-                city: $city
-                region: $region
-                region_id: $region_id
-                postcode: $postcode
-                contact_number: $contact_number
-            }
-        ) {
-            code
-            message
-        }
-    }
-`;
-
-export default {
-    becomeSellerMutation: BECOME_SELLER
+import { gql } from '@apollo/client';
+
+export const BECOME_SELLER = gql`
+    mutation BecomeSeller(
+        $seller_type: String
+        $group_id: String!
+        $url_key: String!
+        $name: String!
+        $company: String
+        $company_registration_number: String
+        $country_id: String
+        $address_line_1: String!
+        $address_line_2: String
+        $city: String!
+        $region: String
+        $region_id: String
+        $postcode: String!
+        $contact_number: String!
+    ) {
+        becomeSeller(
+            input: {
+                seller_type: $seller_type
+                group_id: $group_id
+                url_key: $url_key
+                name: $name
+                company: $company
+                company_registration_number: $company_registration_number,
+                country_id: $country_id
+                address_line_1: $address_line_1
+                address_line_2: $address_line_2
+                city: $city
+                region: $region
+                region_id: $region_id
+                postcode: $postcode
+                contact_number: $contact_number
+            }
+        ) {
+            code
+            message
+        }
+    }
+`;
+
+export default {
+    becomeSellerMutation: BECOME_SELLER
 };

package/src/talons/BecomeSeller/useBecomeSeller.js

@@ -1,146 +1,146 @@
-import { useCallback, useMemo, useState } from 'react';
-import { useApolloClient, useMutation } from '@apollo/client';
-
-import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
-import { useGoogleReCaptcha } from '@magento/peregrine/lib/hooks/useGoogleReCaptcha';
-
-import DEFAULT_OPERATIONS from './becomeSeller.gql';
-import { useEventingContext } from '@magento/peregrine/lib/context/eventing';
-
-import { BrowserPersistence } from '@magento/peregrine/lib/util';
-
-const storage = new BrowserPersistence();
-
-export const useBecomeSeller = props => {
-    const { initialValues = {}, onSubmit, onCancel } = props;
-
-    const operations = mergeOperations(DEFAULT_OPERATIONS, props.operations);
-
-    const {
-        becomeSellerMutation
-    } = operations;
-
-    const [isSubmitting, setIsSubmitting] = useState(false);
-    const [sellerType, setSellerType] = useState('individual');
-
-    const [, { dispatch }] = useEventingContext();
-
-    // For create account and sign in mutations, we don't want to cache any
-    // personally identifiable information (PII). So we set fetchPolicy to 'no-cache'.
-    const [becomeSeller, { error: becomeSellerError }] = useMutation(
-        becomeSellerMutation,
-        {
-            fetchPolicy: 'no-cache'
-        }
-    );
-
-    const {
-        generateReCaptchaData,
-        recaptchaLoading,
-        recaptchaWidgetProps
-    } = useGoogleReCaptcha({
-        currentForm: 'BECOME_SELLER',
-        formAction: 'becomeSeller'
-    });
-
-    const handleChange =  useCallback(
-        async formValues => {
-            if (formValues.values.seller) {
-                setSellerType(formValues.values.seller.seller_type)
-            }
-        }
-    );
-
-    const handleSubmit = useCallback(
-        async formValues => {
-            setIsSubmitting(true);
-            try {
-
-                // Get reCaptchaV3 Data for becomeSeller mutation
-                const recaptchaDataForBecomeSeller = await generateReCaptchaData();
-
-                // Create the account and then sign in.
-                const result = await becomeSeller({
-                    variables: {
-                        seller_type: sellerType,
-                        group_id: '',
-                        url_key: formValues.seller.store_url,
-                        name: formValues.seller.seller_profile_name,
-                        company: formValues.seller.company_name,
-                        company_registration_number: formValues.seller.company_registration_number,
-                        country_id: formValues.seller.country_id,
-                        address_line_1: formValues.seller.address_line_1,
-                        address_line_2: formValues.seller.address_line_2,
-                        city: formValues.seller.city,
-                        region: formValues.seller.region,
-                        region_id: formValues.seller.region_id,
-                        postcode: formValues.seller.postcode,
-                        contact_number: formValues.seller.contact_number
-                    },
-                    ...recaptchaDataForBecomeSeller
-                });
-
-                if (result.data.becomeSeller.code) {
-                    storage.setItem('is_seller', true);
-
-                    globalThis.location.assign('/seller-account');
-                }
-
-                dispatch({
-                    type: 'BECOME_SELLER',
-                    payload: {
-                        group_id: 'basic',
-                        url_key: formValues.seller.store_url
-                    }
-                });
-
-                // Finally, invoke the post-submission callback.
-                if (onSubmit) {
-                    onSubmit();
-                }
-            } catch (error) {
-                if (process.env.NODE_ENV !== 'production') {
-                    console.error(error);
-                }
-                setIsSubmitting(false);
-            }
-        },
-
-        [
-            generateReCaptchaData,
-            becomeSeller,
-            onSubmit,
-            dispatch
-        ]
-    );
-
-    const sanitizedInitialValues = useMemo(() => {
-        const { sellerProfileName, companyName, ...rest } = initialValues;
-
-        return {
-            seller: { profile_name: sellerProfileName, company: companyName, country: "AF" },
-            ...rest
-        };
-    }, [initialValues]);
-
-    const errors = useMemo(
-        () =>
-            new Map([
-                ['becomeSellerQuery', becomeSellerError]
-            ]),
-        [becomeSellerError]
-    );
-
-    const isSeller = storage.getItem('is_seller') || false;
-
-    return {
-        isSeller,
-        errors,
-        handleSubmit,
-        sellerType,
-        handleChange,
-        initialValues: sanitizedInitialValues,
-        isDisabled: isSubmitting || recaptchaLoading,
-        recaptchaWidgetProps
-    };
+import { useCallback, useMemo, useState } from 'react';
+import { useApolloClient, useMutation } from '@apollo/client';
+
+import mergeOperations from '@magento/peregrine/lib/util/shallowMerge';
+import { useGoogleReCaptcha } from '@magento/peregrine/lib/hooks/useGoogleReCaptcha';
+
+import DEFAULT_OPERATIONS from './becomeSeller.gql';
+import { useEventingContext } from '@magento/peregrine/lib/context/eventing';
+
+import { BrowserPersistence } from '@magento/peregrine/lib/util';
+
+const storage = new BrowserPersistence();
+
+export const useBecomeSeller = props => {
+    const { initialValues = {}, onSubmit, onCancel } = props;
+
+    const operations = mergeOperations(DEFAULT_OPERATIONS, props.operations);
+
+    const {
+        becomeSellerMutation
+    } = operations;
+
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [sellerType, setSellerType] = useState('individual');
+
+    const [, { dispatch }] = useEventingContext();
+
+    // For create account and sign in mutations, we don't want to cache any
+    // personally identifiable information (PII). So we set fetchPolicy to 'no-cache'.
+    const [becomeSeller, { error: becomeSellerError }] = useMutation(
+        becomeSellerMutation,
+        {
+            fetchPolicy: 'no-cache'
+        }
+    );
+
+    const {
+        generateReCaptchaData,
+        recaptchaLoading,
+        recaptchaWidgetProps
+    } = useGoogleReCaptcha({
+        currentForm: 'BECOME_SELLER',
+        formAction: 'becomeSeller'
+    });
+
+    const handleChange =  useCallback(
+        async formValues => {
+            if (formValues.values.seller) {
+                setSellerType(formValues.values.seller.seller_type)
+            }
+        }
+    );
+
+    const handleSubmit = useCallback(
+        async formValues => {
+            setIsSubmitting(true);
+            try {
+
+                // Get reCaptchaV3 Data for becomeSeller mutation
+                const recaptchaDataForBecomeSeller = await generateReCaptchaData();
+
+                // Create the account and then sign in.
+                const result = await becomeSeller({
+                    variables: {
+                        seller_type: sellerType,
+                        group_id: '',
+                        url_key: formValues.seller.store_url,
+                        name: formValues.seller.seller_profile_name,
+                        company: formValues.seller.company_name,
+                        company_registration_number: formValues.seller.company_registration_number,
+                        country_id: formValues.seller.country_id,
+                        address_line_1: formValues.seller.address_line_1,
+                        address_line_2: formValues.seller.address_line_2,
+                        city: formValues.seller.city,
+                        region: formValues.seller.region,
+                        region_id: formValues.seller.region_id,
+                        postcode: formValues.seller.postcode,
+                        contact_number: formValues.seller.contact_number
+                    },
+                    ...recaptchaDataForBecomeSeller
+                });
+
+                if (result.data.becomeSeller.code) {
+                    storage.setItem('is_seller', true);
+
+                    globalThis.location.assign('/seller-account');
+                }
+
+                dispatch({
+                    type: 'BECOME_SELLER',
+                    payload: {
+                        group_id: 'basic',
+                        url_key: formValues.seller.store_url
+                    }
+                });
+
+                // Finally, invoke the post-submission callback.
+                if (onSubmit) {
+                    onSubmit();
+                }
+            } catch (error) {
+                if (process.env.NODE_ENV !== 'production') {
+                    console.error(error);
+                }
+                setIsSubmitting(false);
+            }
+        },
+
+        [
+            generateReCaptchaData,
+            becomeSeller,
+            onSubmit,
+            dispatch
+        ]
+    );
+
+    const sanitizedInitialValues = useMemo(() => {
+        const { sellerProfileName, companyName, ...rest } = initialValues;
+
+        return {
+            seller: { profile_name: sellerProfileName, company: companyName, country: "AF" },
+            ...rest
+        };
+    }, [initialValues]);
+
+    const errors = useMemo(
+        () =>
+            new Map([
+                ['becomeSellerQuery', becomeSellerError]
+            ]),
+        [becomeSellerError]
+    );
+
+    const isSeller = storage.getItem('is_seller') || false;
+
+    return {
+        isSeller,
+        errors,
+        handleSubmit,
+        sellerType,
+        handleChange,
+        initialValues: sanitizedInitialValues,
+        isDisabled: isSubmitting || recaptchaLoading,
+        recaptchaWidgetProps
+    };
 };

package/src/talons/BecomeSellerLink/useBecomeSellerLink.js

@@ -1,11 +1,11 @@
-import { BrowserPersistence } from '@magento/peregrine/lib/util';
-
-const storage = new BrowserPersistence();
-
-export const useBecomeSellerLink = (props = {}) => {
-    const isSeller = storage.getItem('is_seller') || false;
-
-    return {
-        isSeller
-    };
-};
+import { BrowserPersistence } from '@magento/peregrine/lib/util';
+
+const storage = new BrowserPersistence();
+
+export const useBecomeSellerLink = (props = {}) => {
+    const isSeller = storage.getItem('is_seller') || false;
+
+    return {
+        isSeller
+    };
+};

package/src/talons/BecomeSellerPage/useBecomeSellerPage.js

@@ -1,76 +1,76 @@
-import { useCallback, useEffect, useMemo } from 'react';
-import { useHistory, useLocation } from 'react-router-dom';
-import { BrowserPersistence } from '@magento/peregrine/lib/util';
-
-const validBecomeSellerParams = ['sellerUrl', 'companyName', 'sellerProfileName'];
-
-const storage = new BrowserPersistence();
-
-const getBecomeSellerInitialValues = search => {
-    const params = new URLSearchParams(search);
-
-    return validBecomeSellerParams.reduce(
-        (values, param) => ({ ...values, [param]: params.get(param) }),
-        {}
-    );
-};
-
-/**
- * @typedef {function} useBecomeSellerPage
- *
- * @param {String} props.signedInRedirectUrl - Url to push when user is signed in
- * @param {String} props.signInPageUrl - Sign In Page url
- *
- * @returns {{
- *   becomeSellerProps: object
- * }}
- */
-export const useBecomeSellerPage = props => {
-    const { signedInRedirectUrl, signInPageUrl } = props;
-    const history = useHistory();
-    const { search } = useLocation();
-
-    const isSeller = storage.getItem('is_seller') || false;
-    useEffect(() => {
-        if (isSeller) {
-            history.push('/')
-        }
-    }, [isSeller, history])
-
-    // const userCountryCode = storage.getItem('user_country_code');
-
-    // const isNotAllowedCountry = userCountryCode != "ID";
-
-    // useEffect(() => {
-    //     if (isNotAllowedCountry) {
-    //         history.push('/')
-    //     }
-    // }, [isNotAllowedCountry, history])
-
-    // Keep location state in memory when pushing history and redirect to
-    // the `from` url instead when creating an account
-    const historyState = useMemo(() => {
-        return history && history.location.state ? history.location.state : {};
-    }, [history]);
-
-    const handleOnCancel = useCallback(() => {
-        if (signInPageUrl) {
-            history.push(signInPageUrl, historyState);
-        }
-    }, [history, historyState, signInPageUrl]);
-
-    const initialValues = useMemo(() => getBecomeSellerInitialValues(search), [
-        search
-    ]);
-
-    const becomeSellerProps = {
-        initialValues,
-        isCancelButtonHidden: false,
-        onCancel: handleOnCancel,
-        isSeller: isSeller
-    };
-
-    return {
-        becomeSellerProps
-    };
-};
+import { useCallback, useEffect, useMemo } from 'react';
+import { useHistory, useLocation } from 'react-router-dom';
+import { BrowserPersistence } from '@magento/peregrine/lib/util';
+
+const validBecomeSellerParams = ['sellerUrl', 'companyName', 'sellerProfileName'];
+
+const storage = new BrowserPersistence();
+
+const getBecomeSellerInitialValues = search => {
+    const params = new URLSearchParams(search);
+
+    return validBecomeSellerParams.reduce(
+        (values, param) => ({ ...values, [param]: params.get(param) }),
+        {}
+    );
+};
+
+/**
+ * @typedef {function} useBecomeSellerPage
+ *
+ * @param {String} props.signedInRedirectUrl - Url to push when user is signed in
+ * @param {String} props.signInPageUrl - Sign In Page url
+ *
+ * @returns {{
+ *   becomeSellerProps: object
+ * }}
+ */
+export const useBecomeSellerPage = props => {
+    const { signedInRedirectUrl, signInPageUrl } = props;
+    const history = useHistory();
+    const { search } = useLocation();
+
+    const isSeller = storage.getItem('is_seller') || false;
+    useEffect(() => {
+        if (isSeller) {
+            history.push('/')
+        }
+    }, [isSeller, history])
+
+    // const userCountryCode = storage.getItem('user_country_code');
+
+    // const isNotAllowedCountry = userCountryCode != "ID";
+
+    // useEffect(() => {
+    //     if (isNotAllowedCountry) {
+    //         history.push('/')
+    //     }
+    // }, [isNotAllowedCountry, history])
+
+    // Keep location state in memory when pushing history and redirect to
+    // the `from` url instead when creating an account
+    const historyState = useMemo(() => {
+        return history && history.location.state ? history.location.state : {};
+    }, [history]);
+
+    const handleOnCancel = useCallback(() => {
+        if (signInPageUrl) {
+            history.push(signInPageUrl, historyState);
+        }
+    }, [history, historyState, signInPageUrl]);
+
+    const initialValues = useMemo(() => getBecomeSellerInitialValues(search), [
+        search
+    ]);
+
+    const becomeSellerProps = {
+        initialValues,
+        isCancelButtonHidden: false,
+        onCancel: handleOnCancel,
+        isSeller: isSeller
+    };
+
+    return {
+        becomeSellerProps
+    };
+};

package/src/talons/Header/useBecomeSellerLink.js

@@ -1,13 +1,13 @@
-import { useCallback, useMemo } from 'react';
-
-export const useWebsiteSwitcher = (props = {}) => {
-    const handleTriggerClick = useCallback(() => {
-        // Toggle Stores Menu.
-        // setStoreMenuIsOpen(isOpen => !isOpen);
-        // globalThis.location.assign(`${newPath || ''}`);
-    }, []);
-
-    return {
-        handleTriggerClick
-    };
-};
+import { useCallback, useMemo } from 'react';
+
+export const useWebsiteSwitcher = (props = {}) => {
+    const handleTriggerClick = useCallback(() => {
+        // Toggle Stores Menu.
+        // setStoreMenuIsOpen(isOpen => !isOpen);
+        // globalThis.location.assign(`${newPath || ''}`);
+    }, []);
+
+    return {
+        handleTriggerClick
+    };
+};