payfrit/payfrit-biz
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Normalize API response keys to uppercase for consistent access

Browse source 
Lucee serializeJSON casing varies by server config (preserveCaseForStructKey).
Normalize all biz object keys to uppercase on the JS side so lookups
work regardless of server config.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
John Mizerek 2026-02-01 08:08:03 -08:00
parent abbe1d60a6
commit 2562c51c27
1 changed files with 17 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
portal/portal.js
View file

@ -724,50 +724,43 @@ const Portal = {
const data = await response.json(); const data = await response.json();
if (data.OK && data.BUSINESS) { if (data.OK && data.BUSINESS) {
const biz = data.BUSINESS; // Normalize all keys to uppercase for consistent access
// (Lucee serializeJSON casing varies by server config)
const raw = data.BUSINESS;
const biz = {};
Object.keys(raw).forEach(k => { biz[k.toUpperCase()] = raw[k]; });
this.currentBusiness = biz; this.currentBusiness = biz;
// Populate form fields (Lucee serializes all keys as uppercase) // Populate form fields
document.getElementById('settingBusinessName').value = biz.BUSINESSNAME || biz.Name || ''; document.getElementById('settingBusinessName').value = biz.NAME || biz.BUSINESSNAME || '';
document.getElementById('settingPhone').value = biz.BUSINESSPHONE || biz.Phone || ''; document.getElementById('settingPhone').value = biz.PHONE || biz.BUSINESSPHONE || '';
document.getElementById('settingTaxRate').value = biz.TAXRATEPERCENT || biz.TaxRatePercent || ''; document.getElementById('settingTaxRate').value = biz.TAXRATEPERCENT || '';
document.getElementById('settingAddressLine1').value = biz.ADDRESSLINE1 || biz.Line1 || ''; document.getElementById('settingAddressLine1').value = biz.LINE1 || biz.ADDRESSLINE1 || '';
document.getElementById('settingCity').value = biz.ADDRESSCITY || biz.City || ''; document.getElementById('settingCity').value = biz.CITY || biz.ADDRESSCITY || '';
document.getElementById('settingState').value = biz.ADDRESSSTATE || biz.AddressState || ''; document.getElementById('settingState').value = biz.ADDRESSSTATE || '';
document.getElementById('settingZip').value = biz.ADDRESSZIP || biz.AddressZip || ''; document.getElementById('settingZip').value = biz.ADDRESSZIP || '';
// DEBUG: show what keys the API returned
alert('BIZ KEYS: ' + Object.keys(biz).join(', '));
alert('BRANDCOLOR=' + biz.BRANDCOLOR + ' | BrandColor=' + biz.BrandColor);
alert('HEADERIMAGEURL=' + biz.HEADERIMAGEURL + ' | HeaderImageURL=' + biz.HeaderImageURL);
// Load brand color if set // Load brand color if set
const brandColor = biz.BRANDCOLOR || biz.BrandColor; const brandColor = biz.BRANDCOLOR || '';
if (brandColor) { if (brandColor) {
this.brandColor = brandColor; this.brandColor = brandColor;
const swatch = document.getElementById('brandColorSwatch'); const swatch = document.getElementById('brandColorSwatch');
alert('swatch found: ' + !!swatch + ' | brandColor: ' + brandColor);
if (swatch) swatch.style.backgroundColor = brandColor; if (swatch) swatch.style.backgroundColor = brandColor;
} }
// Load header preview // Load header preview
const headerPreview = document.getElementById('headerPreview'); const headerPreview = document.getElementById('headerPreview');
const headerWrapper = document.getElementById('headerPreviewWrapper'); const headerWrapper = document.getElementById('headerPreviewWrapper');
const headerUrl = biz.HEADERIMAGEURL || biz.HeaderImageURL; const headerUrl = biz.HEADERIMAGEURL || '';
alert('headerPreview found: ' + !!headerPreview + ' | headerUrl: ' + headerUrl);
if (headerPreview && headerUrl) { if (headerPreview && headerUrl) {
headerPreview.onerror = function() {
alert('IMG LOAD ERROR: ' + headerPreview.src);
};
headerPreview.onload = function() { headerPreview.onload = function() {
alert('IMG LOADED OK');
if (headerWrapper) headerWrapper.style.display = 'block'; if (headerWrapper) headerWrapper.style.display = 'block';
}; };
headerPreview.src = `${headerUrl}?t=${Date.now()}`; headerPreview.src = `${headerUrl}?t=${Date.now()}`;
} }
// Render hours editor // Render hours editor
this.renderHoursEditor(biz.BUSINESSHOURSDETAIL || biz.HoursDetail || []); this.renderHoursEditor(biz.HOURSDETAIL || biz.BUSINESSHOURSDETAIL || []);
} }
} catch (err) { } catch (err) {
console.error('[Portal] Error loading business info:', err); console.error('[Portal] Error loading business info:', err);
@ -1118,7 +1111,7 @@ const Portal = {
openCustomerPreview() { openCustomerPreview() {
const businessId = this.config.businessId; const businessId = this.config.businessId;
const businessName = encodeURIComponent( const businessName = encodeURIComponent(
this.currentBusiness?.BUSINESSNAME || this.currentBusiness?.Name || 'Preview' this.currentBusiness?.NAME || this.currentBusiness?.BUSINESSNAME || 'Preview'
); );
const deepLink = `payfrit://open?businessId=${businessId}&businessName=${businessName}`; const deepLink = `payfrit://open?businessId=${businessId}&businessName=${businessName}`;
window.location.href = deepLink; window.location.href = deepLink;