diff --git a/.env.development b/.env.development
index 2a65d56..c051922 100644
--- a/.env.development
+++ b/.env.development
@@ -1,17 +1,16 @@
-
 VUE_APP_BRAINTREE_AUTH_KEY=sandbox_bn48hmp6_cz6p85sw4dr5tp8h
-VUE_APP_MAGENTO_API_URL=https://retailer.crane.com
+VUE_APP_MAGENTO_API_URL=https://retailer-stg.crane.com
 VUE_APP_CRANE_URL=/shop
 VUE_APP_GATE_URL=/gate
 VUE_APP_ME_URL=/b2b
 VUE_APP_LOGIN_URL=/gate/sign-in
-VUE_APP_PERSONALIZE_URL=https://studio.crane.com/personalize
-VUE_APP_IMAGE_PATH_URL=https://retailer.crane.com/media/catalog/product
+VUE_APP_PERSONALIZE_URL=https://studio-stg.crane.com/personalize
+VUE_APP_IMAGE_PATH_URL=https://retailer-stg.crane.com/media/catalog/product
 VUE_APP_RETAILOR_ID=49057567-f789-420c-98b6-2e0443af73f5
-VUE_APP_IMAGE_CATEGORY_PATH_URL=https://retailer.crane.com
-VUE_APP_NODESLS_API_URL=https://imagelib-sls.crane.com
+VUE_APP_IMAGE_CATEGORY_PATH_URL=https://retailer-stg.crane.com
+VUE_APP_NODESLS_API_URL=https://imagelib-sls-stg.crane.com
 
-VUE_APP_HOME_PAGE_URL=https://www-retailer.crane.com
+VUE_APP_HOME_PAGE_URL=https://www-stg.crane.com
 VUE_APP_CC_CONNECTION_URL=https://www.staging.personalized-stationery.com/CranesConnectionRedesign/Personalize.aspx?
 VUE_APP_MAINTENANCE_MODE=false
 VUE_APP_MAINTENANCE_PAGE_URL=/maintenance
@@ -23,6 +22,6 @@ VUE_APP_CRANE_ORDER_URL=https://ordertest.crane.com
 DEPLOY_S3_REGION=us-east-1
 DEPLOY_S3_BUCKET=
 DEPLOY_CLOUDFRONT_ID=
-VUE_APP_ASSETS_NODESLS_URL=https://assets-sls.crane.com
-VUE_APP_IMAGE_LIB_URL=https://imagelib-api.crane.com
-VUE_APP_BASE_URL=https://www-retailer.crane.com
\ No newline at end of file
+VUE_APP_ASSETS_NODESLS_URL=https://assets-stg-sls.crane.com
+VUE_APP_IMAGE_LIB_URL=https://imagelib-stg-api.crane.com
+VUE_APP_BASE_URL=https://www-stg.crane.com
\ No newline at end of file
diff --git a/git_info.json b/git_info.json
index 13ba37c..9403b13 100644
--- a/git_info.json
+++ b/git_info.json
@@ -1 +1 @@
-{"branch_name":"beta","last_commit_date":"2022-01-13T13:54:00.000Z","last_commit_author":"rakesh","last_commit_hash":"4bdc1d9abfc813b05544d9192739ad4cc4e20f95"}
\ No newline at end of file
+{"branch_name":"beta","last_commit_date":"2022-01-18T11:39:58.000Z","last_commit_author":"sidharth","last_commit_hash":"10dcca315f8a4cb7a86e87becb9e7cd05a3ecb36"}
\ No newline at end of file
diff --git a/src/components/retailer/retailer-search/RetailerSearchProducts.vue b/src/components/retailer/retailer-search/RetailerSearchProducts.vue
index d8d220e..391fa75 100644
--- a/src/components/retailer/retailer-search/RetailerSearchProducts.vue
+++ b/src/components/retailer/retailer-search/RetailerSearchProducts.vue
@@ -1,4 +1,5 @@
 <template> 
+<div>
       <v-row v-if="searchResults.page.length" class="mx-4"> 
         <v-col cols="12" lg="12" md="12" sm="12"  >
           <v-row v-if="inProgress">
@@ -104,16 +105,21 @@
                 noProducts
               }}</v-alert>
             </v-col>
-          </v-row>  
+          </v-row> 
+
+    <SnackbarComponent :snackbar="snackbar"></SnackbarComponent>
+    </div>
 </template>
 <script>
 /* eslint-disable no-alert, no-console ,  no-debugger */
 //import * as easings from "vuetify/es5/services/goto/easing-patterns";
 import { mapState } from "vuex";
+import SnackbarComponent from "@/components/common/SnackbarComponent";
 
 export default {
   name: "RetailerSearchProducts",
   components: {
+    SnackbarComponent
   },
   props: [
     "criteria",
@@ -154,6 +160,12 @@ export default {
     menu: false, 
     showDrawarFilter: false,
     noProducts: "No products found.",
+     snackbar: {
+      show: false,
+      message: null,
+      color: null,
+      timeout: 0
+    },
   }),
   methods: {
      roundUp(num) {
diff --git a/src/routes/retailer/checkout_page.vue b/src/routes/retailer/checkout_page.vue
index 4e43678..7d45405 100644
--- a/src/routes/retailer/checkout_page.vue
+++ b/src/routes/retailer/checkout_page.vue
@@ -477,7 +477,8 @@
                             :readonly="readOnlyCheckBox"
                             hide-details
                           ></v-checkbox>
-                          <v-row v-if="sameAddress">
+                         <div v-if="sameAddress">
+                          <v-row >
                             <v-col cols="12" class="pl-sm-10">
                               <BillingAddressComponent :address="address" />
                               <v-btn
@@ -491,6 +492,34 @@
                               >
                             </v-col>
                           </v-row>
+                          <v-row class="pl-3">
+                             
+                            <v-col cols="12" align="right">
+                              <v-btn
+                                class="primary mx-3 text-uppercase"
+                                @click="placeOrderFree()"
+                                tile
+                                depressed
+                                >Place Order</v-btn
+                              >
+                            </v-col>
+
+                            <!-- <v-col cols="12" sm="6">
+                              <v-braintree
+                                :authorization="braintreeAuthKey"
+                                :vaultManager="true"
+                                @success="onPaymentSuccess"
+                                @error="onPaymentError"
+                                @load="onGatewayLoad"
+                                @loadFail="onGatewayLoadFail"
+                            >
+                              <template v-slot:button="slotProps">
+                                <v-btn @click="slotProps.submit" color="success">Place Order</v-btn>
+                              </template>
+                            </v-braintree>
+                          </v-col>-->
+                          </v-row>
+                        </div>   
                           <v-row v-else>
                             <v-col cols="12" sm="8" v-if="this.userAuth">
                               <v-row v-if="addressLength > 0">
@@ -1313,8 +1342,17 @@
                             </v-col>
                           </v-row>
                           <v-row class="pl-3">
-                             
-                            <v-col cols="12" align="right">
+                             <v-col cols="12" align="right">
+                               <v-text-field
+                               v-model="poNumber"
+                               type="text"
+                                    dense
+                                    placeholder="Purchase Order Number"
+                                    outlined
+                                    :rules="textRules"
+                               ></v-text-field>
+                            </v-col>
+                          <!--  <v-col cols="12" align="right">
                               <v-btn
                                 class="primary mx-3 text-uppercase"
                                 @click="placeOrderFree()"
@@ -1322,7 +1360,7 @@
                                 depressed
                                 >Place Order</v-btn
                               >
-                            </v-col>
+                            </v-col>-->
 
                             <!-- <v-col cols="12" sm="6">
                               <v-braintree
@@ -1827,7 +1865,8 @@ export default {
       sameAddress: true,
       paymentMethod: "",
       paymentMethodFree: true,
-      freePaymentMethod: "free",
+      freePaymentMethod: "purchaseorder",
+      poNumber:'',
       cartItemPanel: [0],
       saveInAddressBook: false,
       showAddressDialog: false,
@@ -2722,87 +2761,9 @@ export default {
           try {
             let res = await this.$store.dispatch("accountOne/setOrder", {
               method: this.freePaymentMethod,
+              "poNumber": this.poNumber,
             });
-            await this.$store.dispatch("accountOne/setPaymentInProgress", true);
-            if (res) {
-              try {
-                let resp = await this.$store.dispatch(
-                  "meProductOne/fetchOrderProduct",
-                  res
-                );
-                if (resp && resp.items) {
-                  /*googleAanalyticsCheckout("checkout_progress", {
-                    items: resp.items,
-                  });
-                  googleAanalyticsCheckout("set_checkout_option", {
-                    checkout_step: 1,
-                    checkout_option: "payment",
-                  });*/
-
-                  googleAanalyticsCheckoutAddPaymentInfo(
-                    "add_payment_info",
-                    resp
-                  );
-                  googleAanalyticsPurchase(resp, resp.incrementId);
-                  let shippingAddress = [];
-                  let ccid = "";
-                  let webOrderNumber = resp.incrementId;
-                  let magentoOrderNumber = res;
-                  for (let i = 0; resp.items.length > i; i++) {
-                    let obj = resp.items[i];
-                    if (obj.extensionAttributes) {
-                      ccid = obj.extensionAttributes.ccid;
-                      if (ccid) {
-                        shippingAddress =
-                          resp.extensionAttributes.shippingAssignments[0]
-                            .shipping.address;
-                        try {
-                          let response = await this.$store.dispatch(
-                            "accountOne/setCCOrder",
-                            {
-                              orderNumber: ccid,
-                              shippingAddress: shippingAddress,
-                              webOrderNumber: webOrderNumber,
-                              estimatedShipping: this.estimatedShipping,
-                            }
-                          );
-                        } catch (error) {
-                          console.log(error);
-                        }
-                      }
-                      if (obj.extensionAttributes.personalizeDetails) {
-                        await this.placeCraneOrder(
-                          resp,
-                          obj,
-                          webOrderNumber,
-                          magentoOrderNumber
-                        );
-                      }
-                    }
-                  }
-                }
-              } catch (error) {
-                await this.$store.dispatch(
-                  "accountOne/setPaymentInProgress",
-                  false
-                );
-                this.isPageLoader = false;
-                this.snackbar = {
-                  message: error,
-                  color: "error",
-                  show: true,
-                  timeout: 5000,
-                };
-              }
-            }
-            await this.$store.dispatch(
-              "accountOne/setPaymentInProgress",
-              false
-            );
-            this.$router.push({
-              name: "OrderSuccess",
-              params: { orderNumber: res },
-            });
+             
           } catch (error) {
             this.isPageLoader = false;
             this.snackbar = {
diff --git a/src/services/user.service.js b/src/services/user.service.js
index 2a7f7ca..e51fac0 100644
--- a/src/services/user.service.js
+++ b/src/services/user.service.js
@@ -320,10 +320,10 @@ export const doProductsOrder = meWrapRequest((userQuote, paymentMethod, oneAddre
             "cartId": userQuote,
             "billingAddress": oneAddress,
             "paymentMethod": paymentMethod,
-            "comments": ""
+            "comments": "",
         })
     };
-    return fetch(`${vueAppMagenotApiUrl}/rest/crn_retailer/carts/mine/payment-information`, requestOptions)
+    return fetch(`${vueAppMagenotApiUrl}/rest/crn_retailer/V1/carts/mine/payment-information`, requestOptions)
 });
 
 /*export const doProductsOrderOnCC = meWrapRequest((orderNumber, shippingAddress, webOrderNumber) => {