jQuery(document).ready(function() {
var Hash_String = window.location.search;
const Hash_Param = new URLSearchParams(Hash_String);
if(Hash_Param.has('hash')){
console.log('In setting hash');
document.cookie = "storefront_digest=" + Hash_Param.get('hash') +"; path=/";
var shop_name = window.location.hostname;
window.location.href="https://"+shop_name;
}
var current_url = window.location + " ";
$('main').append(
'' +
'
' +
'
x
' +
'
UPDATE PROFILE
' +
'
Email
' +
'
' +
'
' +
'
Enter First Name
' +
'
' +
'
' +
'
' +
'
Enter Last Name
' +
'
' +
'
' +
'
' +
'
' +
'
' +
'
';
els1.parentNode.insertBefore(el, els1);
$.ajax({
url: "/apps/blockchain/web3/getweb3customer",
type: "GET",
success: function(data, text) {
if (data.error == undefined) {
document.getElementById("userEmail").value = data.email;
document.getElementById("updateFirstName").value = data.firstName;
document.getElementById("updateLastName").value = data.lastName;
}
},
error: function(request, status, error) {
alert('Error error');
}
});
}
$('a[href^="/account/logout"]').on("click", function() {
$.ajax($(this).attr('href'))
.done(function() {
deleteCookie('storefront_digest');
deleteCookie('walletAddress');
window.location.reload();
});
return false;
});
$("#my_button").on("click", async function() {
connectWallet('login')
;return false;
});
var cartValue = getCookie("cart");
if(typeof cartValue !== 'undefined'){
createCookie("cart", cartValue, 15);
}
});async function updateWeb3CustomerProfile(){
$.ajax({
url: '/apps/cryptowallet/web3/updateweb3customer?first_name=' + document.getElementById("updateFirstName").value + '&last_name=' + document.getElementById("updateLastName").value + '&email=' + document.getElementById("userEmail").value + '&walletAddress=' + publicAddress,
type: "GET",
success: function(data, text) {
if (data.status == 'success') {
showSuccessMessage('updateprofile');
window.alert("Profile Updated Successfully!");
}else{
console.log(JSON.stringify(data));
window.alert("Error error!");
showMessage("Error Updating Profile", "msg");
}
},
error: function(request, status, error) {
alert("Error error");
showMessage("Error Connecting Wallet", "msg");
}
});
}
function openUpdateModal() {
document.getElementById('updateModal').style.display = 'block';
}
function closeUpdateModal() {
document.getElementById('updateModal').style.display = 'none';
}
function getCheckoutUrl() {
var checkout_url;
var queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
if (urlParams.has('checkout_url')) {
checkout_url = "/checkout";
} else {
checkout_url = "/account";
}
return checkout_url;
}
function getCookie(cookieName) {
let cookie = {};
document.cookie.split(";").forEach(function(el) {
let [key, value] = el.split("=");
cookie[key.trim()] = value;
})
return cookie[cookieName];
}
function createCookie(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
} else {
expires = "";
}
document.cookie = name + "=" + value + expires + "; path=/";
}
function deleteCookie(name){
document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
}function showMessage(msg, msgType = "error") {
let para;
if (elementExist()) {
para = createElement();
} else {
para = document.getElementById("customErrorMsg");
}
if (msgType == "msg") {
para.style.borderLeftColor = "#72aee6";
} else if (msgType == "success") {
para.style.borderLeftColor = "#198754";
} else {
para.style.borderLeftColor = "#d63638";
}
para.innerHTML = msg;
}
function elementExist(id = "customErrorMsg") {
return document.getElementById(id) == null;
}
function createElement() {
const para = document.createElement('p');
para.setAttribute("id", "customErrorMsg");
const h1 = document.getElementById("mo_button");
insertAfter(para, h1);
return para;
}
function insertAfter(newNode, referenceNode) {
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}
"use strict";
const Web3Modal = window.Web3Modal.default;
let web3Modal;
let provider;
let selectedAccount;
let web3ModalProv;
async function intiateWe3Login() {
await web3ModalInit();
}
function web3ModalInit() {
const CHAIN_ID = 1;
const providerOptions = {
};
web3Modal = new Web3Modal({
cacheProvider: false,
providerOptions,
disableInjectedProvider: false,
});
}
async function fetchAccountData() {
web3ModalProv = new Web3(provider);
provider.on("accountsChanged", (accounts) => {
if(typeof accounts != 'undefined' && accounts.length == 0) web3ModalProv = undefined;
console.log(accounts);
});
provider.on("chainChanged", (chainId) => {
console.log(chainId);
});
provider.on("disconnect", (code, reason) => {
console.log(code, reason);
});
}
async function refreshAccountData() {
await fetchAccountData(provider);
}
async function onConnectLoadWeb3Modal() {
try {
// await web3Modal.clearCachedProvider();
provider = await web3Modal.connect();
} catch (e) {
console.log(e);
return {
err: e
};
}
await refreshAccountData();
return {
err: null
};
}
window.addEventListener('load', async () => {
web3ModalInit();
});
async function intiateWeb3Object(){
await web3ModalInit();
let msg = "";
msg = await onConnectLoadWeb3Modal();
if (msg.err) {
console.log("fetchAddress ", msg.err);
return;
}
if (web3ModalProv) {
window.web3 = web3ModalProv;
}
}
async function checkMetamask(){
if (typeof window.ethereum !== 'undefined') {
return true;
}
return false;
}
async function fetchAddress() {
let metamaskInstalled = await checkMetamask();
if(metamaskInstalled == false){
alert("Please Install Metamask on your browser");
return;
}
let accountsOnEnable;
if(typeof web3ModalProv == 'undefined'){
var current_url = window.location + " ";
await intiateWeb3Object();
}
try {
if(typeof provider != 'undefined') accountsOnEnable = await web3.eth.getAccounts();
else return null;
} catch (error) {
console.error("error ", error.message);
}
let address = accountsOnEnable[0];
if(typeof address != 'undefined') address = address.toLowerCase();
else return null;
console.log(address);
return address;
}
async function getPostSignatureUrl(type, publicAddress, signature, checkoutUrl){
let url = '';
if(type == 'connectwallet' || type == 'thankyoupage' || type == 'adminmint'){
url = '/apps/blockchain/web3/connectwallet/' + publicAddress + '/' + signature;
}else if(type == 'updateprofile'){
url = "/apps/blockchain/web3/updateweb3customer?first_name=" + document.getElementById("updateFirstName").value + "&last_name=" + document.getElementById("updateLastName").value + "&email=" + document.getElementById("userEmail").value + "&walletAddress=" + publicAddress +"&web3Signature=" + signature;
}else if(type == 'login'){
var shopName = window.location.host;
url = '/apps/blockchain/web3/authorize/' + shopName + '/' + publicAddress + '/' + signature + checkoutUrl;
}else if(type == 'checkout'){
var shopifyCustomerId = '';
var cartValue = getCookie("cart");
if(ShopifyAnalytics.meta.page.customerId !== undefined) shopifyCustomerId = ShopifyAnalytics.meta.page.customerId;
url = '/apps/blockchain/web3/digest/' + publicAddress + '/' + signature + '/' + cartValue + '?shopifyCustomerId='+shopifyCustomerId;
}
return url;
}
function disableMOButton(){
$('#mo_button').attr('disabled','disabled');
$('#mo_button').text('Wallet Connected');
}
async function showSuccessMessage(type){
let successMessage = '';
if(type == 'updateprofile'){
successMessage = 'Updated Profile successfully';
}else if(type == 'connectwallet'){
disableMOButton();
}else if(type == 'adminmint'){
disableMOButton();
document.getElementById('walletNote').textContent = "Your wallet is connected successfully! You will get notification once NFT is transferred to your wallet. Thank you!";
}
else if(type == 'thankyoupage'){
disableMOButton();
document.getElementById('connectWalletDiv').style.display = 'none';
var element = document.getElementsByClassName('section')[1];
element.style.filter='blur(0px)';
}
showMessage(successMessage, "msg");
return;
}
var publicAddress;
async function connectWallet(type) {
let address = await fetchAddress();
if (address == null) {
showMessage("Error: Please complete the authentication from wallet ");
return;
}
console.log("address: " + address);
let ajaxurl = '/apps/blockchain/web3/message/' + address;
jQuery.get(ajaxurl, function(response) {
if (response['status'] != 'error') {
let message = response['message'];
publicAddress = address;
handleSignMessage(message, publicAddress)
.then(handleAuthenticate)
.catch((error) => {
console.log("error", error);
showMessage("Error: Please complete the authentication from wallet ");
return;
})
function handleSignMessage(message, publicAddress) {
return new Promise((resolve, reject) => {
web3.eth.personal.sign(web3.utils.utf8ToHex(message), publicAddress,
(err, signature) => {
if (err) {
console.log("", err);
showMessage("Error: Please complete the authentication from wallet ");
return reject({
msg: err.message
});
}
return resolve({
publicAddress,
signature
});
s
}
)
});
}
async function handleAuthenticate({
publicAddress,
signature
}) {
if(type == 'login' || type == 'checkout'){
showMessage("Verifying your signature", "msg");
var checkoutUrl = getCheckoutUrl();
let url = await getPostSignatureUrl(type, publicAddress, signature, checkoutUrl);
location.href = url;
}else if(type == 'connectwallet' || type == 'adminmint' || type == 'updateprofile' || type == 'thankyoupage'){
showMessage("Connecting Wallet", "msg");
$.ajax({
url: await getPostSignatureUrl(type, publicAddress, signature, ''),
type: "GET",
success: function(data, text) {
if (data.status == 'success') {
console.log(type);
showSuccessMessage(type);
}else{
console.log(JSON.stringify(data));
window.alert("Error error!");
showMessage("Error Connecting Wallet", "msg");
}
},
error: function(request, status, error) {
alert("Error error");
showMessage("Error Connecting Wallet", "msg");
}
});
}
}
}
});
}