// ============================================================ // GW KEYS - v8.1 ENHANCED CLICKNPAY - Website User fix // - Allows Website User to register many customers // - Auto-fill logged user, profile card, duplicate fix // ============================================================ (() => { const STYLE_ID = "gw-keys-branding-v8-clicknpay"; if (!document.getElementById(STYLE_ID)) { const css = ` `; document.head.insertAdjacentHTML('beforeend', css); } function injectBack(){ if(document.getElementById('gw-back-home')) return; var footer = document.querySelector('.web-form-footer'); if(footer) footer.insertAdjacentHTML('afterbegin', '← Back to Homepage'); } function injectProfileBar(){ if(document.getElementById('gw-profile-bar') || frappe.session.user==='Guest') return; frappe.call({method:'frappe.client.get', args:{doctype:'User', name:frappe.session.user}, callback:function(r){ if(!r.message) return; let u=r.message; if(document.getElementById('gw-profile-bar')) return; let html=`

👋 Logged as ${frappe.utils.escape_html(u.full_name||u.email)} | My Subscriptions+ New

`; let target=document.querySelector('.web-form-container .web-form'); if(target) target.insertAdjacentHTML('beforebegin', html); }}); } function getParam(name){ return new URLSearchParams(window.location.search).get(name); } function clean(s){ return s ? decodeURIComponent(s).trim() : ""; } function setPlanValue(planName){ if(!planName) return; var c=clean(planName); try{ frappe.web_form.set_value('custom_membership_plan', c); }catch(e){} var $input=$('[data-fieldname="custom_membership_plan"] input, select[data-fieldname="custom_membership_plan"]'); if($input.length){ if($input.is('select')){ var matched=false; $input.find('option').each(function(){ if($(this).val().toLowerCase()===c.toLowerCase()||$(this).text().trim().toLowerCase()===c.toLowerCase()){ $input.val($(this).val()).trigger('change'); matched=true; return false; } }); if(!matched) $input.val(c).trigger('change'); } else { $input.val(c).trigger('change').trigger('blur'); } } updatePriceDisplay(c); } var priceTimeout; function updatePriceDisplay(planName){ if(!planName){ $('#plan-price-badge').remove(); return; } var qty=Math.max(1, parseInt(frappe.web_form.get_value('custom_plan_qty')||1,10)); clearTimeout(priceTimeout); priceTimeout=setTimeout(function(){ frappe.call({method:'get_subscription_plan_details', args:{plan_name:planName}, callback:function(r){ if(!r.message||r.message.cost===undefined) return; var unitCost=parseFloat(r.message.cost)||0; var interval=(r.message.billing_interval||'Month').toLowerCase(); var total=(unitCost*qty).toFixed(2); var formatted=qty>1 ? '$'+total+' ($'+unitCost.toFixed(2)+' × '+qty+'/'+interval+')' : '$'+total+' / '+interval; var $badge=$('#plan-price-badge'); if(!$badge.length){ var tgt=$('.web-form-footer'); if(tgt.length) tgt.before('

Selected Plan Price:'+formatted+'

'); else $('[data-fieldname="custom_membership_plan"]').after('

Selected Plan Price:'+formatted+'

'); } else { $('#plan-price-text').text(formatted); } }}); },150); } function applyPlanFromURL(){ var p=getParam('custom_membership_plan')||getParam('plan'); if(p) setPlanValue(p); } function autoSetEndDate(){ var start=frappe.web_form.get_value('custom_start_date'); if(!start){ start=frappe.datetime.get_today(); try{ frappe.web_form.set_value('custom_start_date', start); }catch(e){} } var end=frappe.datetime.add_months(start,12); end=frappe.datetime.add_days(end,-1); try{ frappe.web_form.set_value('custom_end_date_', end); }catch(e){} try{ frappe.web_form.set_value('custom_end_date', end); }catch(e){} $('[data-fieldname="custom_end_date_"] input').val(end); $('[data-fieldname="custom_end_date"] input').val(end); var $info=$('#auto-date-info'); if(!$info.length){ $('[data-fieldname="custom_start_date"]').after('

📅 Start: '+start+'End: '+end+' (1 Year Auto)

'); } else { $info.html('📅 Start: '+start+'End: '+end+' (1 Year Auto)'); } return end; } (function handleClicknPayReturn(){ if(getParam('status')==='success' || getParam('gateway')==='clicknpay'){ var inv=getParam('invoice')||''; var gw_status=getParam('gateway_status')||getParam('status')||''; setTimeout(function(){ if(frappe.web_form && frappe.web_form.wrapper){ frappe.web_form.wrapper.html('

✅

Payment Successful!

Invoice '+frappe.utils.escape_html(inv)+' paid via ClicknPay.

Your membership is now Active for 1 Year. Status: '+frappe.utils.escape_html(gw_status)+'

← Back to Homepage View Subscriptions

'); } },300); } })(); function doClicknPayRedirect(r){ let m=r.message; if(!m){ frappe.msgprint("No response from ClicknPay"); return; } if(m.status==='success' && m.redirect_url){ var url=m.redirect_url; try{ url=decodeURIComponent(url);}catch(e){} window.location.assign(url); return; } if(m.status==='error'){ frappe.msgprint({title:'Payment Error', indicator:'red', message: JSON.stringify(m.raw||m.message)}); return; } if(m.browserurl){ window.location.assign(m.browserurl); } } function injectTerms(){ if($('#gw-terms-wrapper').length) return; var termsHTML=`

I confirm information is true and I have read and agree to the Terms & Conditions for GW Keys AID, including fees, exclusions, liability and privacy. Zimbabwe law applies.

`; var footer=$('.web-form-footer'); if(footer.length) footer.after(termsHTML); else $('.web-form').append(termsHTML); $('#gw-open-terms').on('click', function(e){ e.preventDefault(); $('#gw-terms-modal').fadeIn(200); }); $('#gw-terms-modal-close, #gw-accept-terms-btn').on('click', function(e){ $('#gw-terms-modal').fadeOut(200); if(e.target.id==='gw-accept-terms-btn'){ $('#gw-terms-checkbox').prop('checked', true).trigger('change'); try{ frappe.web_form.set_value('custom_terms_accepted', 1); }catch(err){} } }); $('#gw-terms-modal').on('click', function(e){ if(e.target.id==='gw-terms-modal') $(this).fadeOut(200); }); } frappe.web_form.after_load = function(){ if(getParam('status')==='success') return; injectBack(); injectProfileBar(); applyPlanFromURL(); // Auto-fill if logged in Website User creating for someone else? Keep own details as default for second registration? if(frappe.session.user!=='Guest'){ frappe.call({method:'frappe.client.get', args:{doctype:'User', name:frappe.session.user}, callback:function(r){ if(!r.message) return; // Don't overwrite if user already typed, only prefill empty fields if(!frappe.web_form.get_value('email_id')){ /* keep empty to allow new customer email */ } }}); } setTimeout(function(){ applyPlanFromURL(); injectTerms(); autoSetEndDate(); injectBack(); injectProfileBar(); },600); frappe.web_form.on('custom_membership_plan', function(f,v){ if(v) updatePriceDisplay(v); else $('#plan-price-badge').remove(); }); frappe.web_form.on('custom_plan_qty', function(){ var p=frappe.web_form.get_value('custom_membership_plan'); if(p) updatePriceDisplay(p); }); if(!frappe.web_form.get_value('custom_start_date')) frappe.web_form.set_value('custom_start_date', frappe.datetime.get_today()); if(!frappe.web_form.get_value('custom_plan_qty')) frappe.web_form.set_value('custom_plan_qty', 1); autoSetEndDate(); }; var orig_validate = frappe.web_form.validate; frappe.web_form.validate = function(){ if(getParam('status')==='success') return true; autoSetEndDate(); if(!$('#gw-terms-checkbox').is(':checked')){ frappe.msgprint({title:'Terms Required', indicator:'red', message:'Please tick to accept Terms & Conditions.'}); return false; } if(orig_validate) return orig_validate(); return true; }; frappe.web_form.after_save = function(){ if(getParam('status')==='success') return; var doc=frappe.web_form.get_values()||{}; var plan=doc.custom_membership_plan||clean(getParam('plan')||''); var qty=Math.max(1, parseInt(doc.custom_plan_qty||1,10)); var recipientId=doc.custom_recipient_id_number||''; var userEmail=doc.email_id||''; var userPhone=doc.phone||''; var docName=(frappe.web_form.doc&&frappe.web_form.doc.name)? frappe.web_form.doc.name : userEmail; var start=doc.custom_start_date||frappe.datetime.get_today(); var end=doc.custom_end_date_||doc.custom_end_date||frappe.datetime.add_days(frappe.datetime.add_months(start,12),-1); if(!plan){ frappe.msgprint('Select plan'); return; } function triggerCheckout(totalAmount){ var d=new frappe.ui.Dialog({ title:'Registration Successful! - 1 Year Valid', fields:[{fieldtype:'HTML', fieldname:'msg', options:`

Thank you ${frappe.utils.escape_html(doc.first_name||'')}! Details saved for ${frappe.utils.escape_html(userEmail)}.

Plan: ${frappe.utils.escape_html(plan)} x ${qty} = $${totalAmount.toFixed(2)}

Period: ${frappe.utils.escape_html(start)} to ${frappe.utils.escape_html(end)}

VISA • Mastercard • ZimSwitch • EcoCash • OneMoney • InnBucks - Secure via ClicknPay

✅ Terms Agreed | ID: ${frappe.utils.escape_html(recipientId||'N/A')} | Logged as: ${frappe.session.user}

`}], primary_action_label:'Pay via ClicknPay', primary_action:function(){ var btn=d.get_primary_btn(); btn.prop('disabled', true).html(' Initiating ClicknPay...'); frappe.call({ method:'clicknpay_integration.api.initiate_payment', args:{reference:docName, email:userEmail, phone:userPhone, plan_name:plan, qty:qty}, callback:function(r){ doClicknPayRedirect(r); }, error:function(){ btn.prop('disabled', false).text('Pay via ClicknPay'); } }); }, secondary_action_label:'Save & Pay Later', secondary_action:function(){ d.hide(); frappe.msgprint({title:'Saved', indicator:'green', message:'Saved! Valid until '+end+'. View subscriptions'}); } }); d.show(); setTimeout(function(){ var img=document.getElementById('gw-clicknpay-img-btn'); if(img){ img.onclick=function(){ d.get_primary_btn().click(); }; } },300); } frappe.call({method:'get_subscription_plan_details', args:{plan_name:plan}, callback:function(r){ var unitCost=0; if(r.message&&r.message.cost!==undefined) unitCost=parseFloat(r.message.cost)||0; triggerCheckout(unitCost*qty); }}); }; })();

Payment Successful!

TERMS AND CONDITIONS

GW Keys Locksmiths & Hardware - join-gw-keys

Submitted