// ── Hosted map views ────────────────────────────────────────────────────────
// One property, one shortlink, more than one embed. A property manager pastes
// the availability map on their Floor Plans page, the Amenity Map on their
// Amenities page and the Nearby Map on their Neighborhood page, and all three
// are the same property config — only the view differs:
//
//   .../widget-<shortlink>                    availability (unchanged default)
//   .../widget-<shortlink>?view=amenities     the amenity panel IS the sidebar
//   .../widget-<shortlink>?view=nearby        the nearby panel IS the sidebar
//
// Each preset is applied LAST, over the property's own config, because a view
// is a deliberate override of the defaults this file sets — showUnitList: true
// below is exactly what an amenity view has to undo.
var BEANS_VIEW_PRESETS = {
  // Amenities. No unit sidebar at all: the amenity panel takes the slot,
  // grouped by category. The footer dock is hidden because the panel is the
  // same information better presented, and showing both is just the list twice.
  //
  // The floor picker goes too — the panel labels each amenity's floor and
  // clicking a row flies there, so the picker is a second, slower way to do the
  // same job. keepFloorSlicing keeps the SLICING, which is not the same thing:
  // without it a rooftop amenity frames the roof of an uncut tower. Both hide
  // flags are needed because showHighriseFloorPicker is routinely set by the
  // property's server-side config, and the picker is a docked panel whose width
  // the map reserves.
  amenities: {
    showUnitList: false,
    amenityPanel: true,
    hidePOIsCard: true,
    showAmenityMode: true,
    // ...and start in it. Amenity mode dims the unit polygons to 20% so the
    // amenity shapes read as the subject rather than competing with a tower of
    // lit-up units. On an availability map that's a toggle you reach for; on a
    // map that is ONLY about amenities it's the right opening state, and making
    // the visitor find the button first was just a worse default.
    //
    // The button stays visible, so it becomes "bring the units back" for anyone
    // who wants to see where an amenity sits relative to the units.
    showAmenityModeOnLoad: true,
    showPOIButton: false,
    hideFloorSelector: true,
    showHighriseFloorPicker: false,
    keepFloorSlicing: true,
    // The filter bar filters UNITS — beds, baths, price. This view has no unit
    // list to filter, so on mobile it was a full-width bar across the top that
    // opened a sheet with nothing to do. Hiding it also gives the List View
    // card the top 40px back.
    hideFilters: true
  },
  // Nearby. The panel becomes the sidebar and opens already searched, so the
  // embed answers the question its title implies instead of handing over an
  // empty search form. No floor picker: nearby results are places AROUND the
  // building, and slicing to floor 7 means nothing to a list of restaurants.
  nearby: {
    showUnitList: false,
    // Explicitly off, not merely unset. The amenity panel and the nearby panel
    // both parent into cardResult — they are two claims on the same sidebar —
    // so a property whose config turns the amenity panel on would otherwise get
    // its amenities in the sidebar while the nearby results it actually asked
    // for were pushed out of view. The view decides, and this view is nearby.
    amenityPanel: false,
    hidePOIsCard: true,
    showPOIButton: true,
    nearbyInSidebar: true,
    nearbyOpen: true,
    hideFloorSelector: true,
    showHighriseFloorPicker: false,
    // Same reasoning as the amenity view: unit filters against a view with no
    // unit list. The nearby panel has its own category chips and radius, which
    // are the filters that mean anything here.
    hideFilters: true
  }
};

// Which view this page is. Read from the BROWSER's URL rather than from PHP on
// purpose: `widget-<shortlink>` reaches clientmap.php through a server-side
// rewrite that lives outside this repo, and an internal rewrite leaves the
// address bar — and so location.search — intact whether or not it forwards the
// query string to PHP. window.BEANS_VIEW is the belt-and-braces path for a
// host that would rather set it explicitly.
var getHostedView = function() {
  try {
    if (typeof window !== 'undefined' && window.BEANS_VIEW) return String(window.BEANS_VIEW).toLowerCase();
    var v = new URLSearchParams(window.location.search).get('view');
    return v ? String(v).toLowerCase() : '';
  } catch (e) { return ''; }
};

var beansUrlParameter = function(sParam) {
  console.log(sParam + ' ' + window.location.search.substring(1));
  console.log(document.referrer);
  var sPageURL = window.location.search.substring(1),
      sURLVariables = sPageURL.split('&'),
      sParameterName,
      i;
  for (i = 0; i < sURLVariables.length; i++) {
    sParameterName = sURLVariables[i].split('=');
    if (sParameterName[0] === sParam) {
        return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
    }
  }
}

var getBaseConfig = function(urlFromRequest) {
  return {
    address: '',
    useGroundElevation: false,
    elevation: 0,
    canonicalUrl: urlFromRequest
  };
}

var convertUnitsArr2 = function(address, unitsArr, hideMarkers) {
  var convertedArr = [];
  for (var i = 0; i < unitsArr.length; i++) {
    var bedText = (unitsArr[i].bed && unitsArr[i].bed !== '0') ? (unitsArr[i].bed + ' Bed') : 'Studio';
    var td = new Date().toISOString().substring(0, 10);
    var as = (unitsArr[i].availability ? ('on ' + unitsArr[i].availability) : 'Now');
    if (unitsArr[i].availability && unitsArr[i].availability <= td) {
      as = 'Now';
    }
    // The unit list / detail panel render onClickData.availability verbatim, so
    // an already-passed move-in date showed up as a bare past date ("2026-06-25")
    // where the preview line said "Available Now". Carry the same rule across:
    // once `as` has collapsed to 'Now' the unit is available today. Non-ISO
    // values (e.g. a literal 'Now') never satisfy the <= comparison and pass
    // through untouched.
    var availabilityStr = (as === 'Now') ? 'Available Now' : unitsArr[i].availability;
    var onPreviewData;
    if (unitsArr.floorplanImg) {
      onPreviewData = [
        {
          value: bedText + ' / ' + unitsArr[i].bath + ' Bath / ' + (unitsArr[i].sqft ? unitsArr[i].sqft.toLocaleString() : '0') + ' sq. ft.'
        },
        {
          value: 'img:' + unitsArr[i].floorplanImg
        },
        {
          value: '$' + (unitsArr[i].rent ? unitsArr[i].rent.toLocaleString() : '0') + '/ mo'
        },
        {
          value: 'Available ' + as
        }
      ];
    } else {
      onPreviewData = [
        {
          value: bedText + ' / ' + unitsArr[i].bath + ' Bath / ' + (unitsArr[i].sqft ? unitsArr[i].sqft.toLocaleString() : '0') + ' sq. ft.'
        },
        {
          value: '$' + (unitsArr[i].rent ? unitsArr[i].rent.toLocaleString() : '0') + '/ mo'
        },
        {
          value: 'Available ' + as
        }
      ];
    }
    if (unitsArr[i].floorplan) {
      onPreviewData.push({
        value: unitsArr[i].floorplan,
        icon: 'floorplan'
      });
    }
    convertedArr.push({
      address: address,
      unit: unitsArr[i].unit,
      options: {
        markers: {
          display: hideMarkers ? false : true
        },
        poi: [
          {
            name: "ALL",
            display: false
          },
          {
            name: "CLUBHOUSE",
            display: true
          },
          {
            name: "SWIMMINGPOOL",
            display: true
          },
          {
            name: "OFFICE",
            display: true
          },
          {
            name: "GYM",
            display: true
          },
          {
            name: "MAILROOM",
            display: true
          },
          {
            name: "LAUNDRY",
            display: true
          },
          {
            name: "PLAYGROUND",
            display: true
          }
        ],
        onPreviewData: onPreviewData,
        onClickData: {
          name: unitsArr[i].unit ? unitsArr[i].unit.replaceAll('||', ' - ') : '',
          bed: unitsArr[i].bed,
          bath: unitsArr[i].bath,
          sqft: unitsArr[i].sqft,
          rent: unitsArr[i].rent,
          floorplan: unitsArr[i].floorplan,
          floorplanImg: unitsArr[i].floorplanImg,
          images: unitsArr[i].otherImg,
          availability: availabilityStr,
          link: unitsArr[i].link ? unitsArr[i].link.replaceAll('&amp;', '&') : ''
        }
      }
    });
  }
  return convertedArr;
}

var convertUnitsArr = function(config, unitsArr, hideMarkers, skipSort) {
  var addressAndUnitWithOptions;
  if (unitsArr.length === 0) {
    unitsArr.push({
      unit: ''
    });
    addressAndUnitWithOptions = convertUnitsArr2(config.address, unitsArr, hideMarkers);
    addressAndUnitWithOptions[0].isPlaceHolder = true;
  } else {
    if (!skipSort) {
      unitsArr.sort((a, b) => {
        var aa = a.unit ? a.unit : '';
        var bb = b.unit ? b.unit : '';
        return aa.localeCompare(bb);
      });
    }
    addressAndUnitWithOptions = convertUnitsArr2(config.address, unitsArr, hideMarkers);
  }

  if (config.unitShapeConfig) {
    for (var i = 0; i < addressAndUnitWithOptions.length; i++) {
      addressAndUnitWithOptions[i].options.unitShape = config.unitShapeConfig(addressAndUnitWithOptions[i]);
    }
  }

  if (config.poi) {
    for (var i = 0; i < addressAndUnitWithOptions.length; i++) {
      for (var j = 0; j < config.poi.length; j++) {
        addressAndUnitWithOptions[i].options.poi.push(config.poi[j]);
      }
    }
  }

  return addressAndUnitWithOptions;
}

const commonImmersivesNormalized = [
  {
    u: "FeatureServer/0",
    c: {
      offset: 0.1,
      opacity: 0.25,
      immersiveType: 'trees',
      options: [
        {
          values: ['Apricot', 4, '4'],
          symbol: {
            type: "point-3d",
            symbolLayers: [
              {
                type: "object",
                "height": 4,
                "anchor": "origin",
                "resource": {
                  // https://static.arcgis.com/arcgis/styleItems/RealisticTrees/gltf/resource/PrunusArmeniaca.glb
                  "href": 'https://static.arcgis.com/arcgis/styleItems/ThematicTrees/gltf/resource/SorbusAria.glb'
                }
              }
            ]
          }
        },
        {
          values: ['Mountain Mahogany', 5, '5'],
          symbol: {
            type: "point-3d",
            symbolLayers: [
              {
                type: "object",
                "height": 2,
                "anchor": "origin",
                "resource": {
                  // https://static.arcgis.com/arcgis/styleItems/RealisticTrees/gltf/resource/CercocarpusMontanus.glb
                  "href": 'https://static.arcgis.com/arcgis/styleItems/ThematicTrees/gltf/resource/AcerPlatanoides.glb'
                }
              }
            ]
          }
        },
        {
          values: ['Rose', 6, '6'],
          symbol: {
            type: "point-3d",
            symbolLayers: [
              {
                type: "object",
                "height": 2,
                "anchor": "origin",
                "resource": {
                  // https://static.arcgis.com/arcgis/styleItems/RealisticTrees/gltf/resource/RosaGrandiflora.glb
                  "href": 'https://static.arcgis.com/arcgis/styleItems/ThematicTrees/gltf/resource/AcerPlatanoides.glb'
                }
              }
            ]
          }
        },
        {
          values: ['Fountain', 7, '7'],
          symbol: {
            type: "point-3d",
            symbolLayers: [
              {
                type: "object",
                "height": 16,
                "anchor": "origin",
                "resource": {
                  // https://static.arcgis.com/arcgis/styleItems/RealisticTrees/gltf/resource/RosaGrandiflora.glb
                  "href": 'https://www.beans.ai/m/assets/fountain.glb'
                }
              }
            ]
          }
        }
      ]
    }
  },
  {
    u: "FeatureServer/1",
    c: {
      offset: 0.2,
      options: [
        {
          values: ['Walkway', 2, '2'],
          symbol: {
            type: "line-3d",
            symbolLayers: [
              {
                type: "path",
                profile: "quad",
                material: {
                  color: "#E3DDCA"
                },
                width: 2, // the width in m
                height: 0.2, // the height in m
                profileRotation: "heading"
              }
            ]
          }
        },
        {
          values: ['Road', 1, '1', '99'],
          symbol: {
            type: "line-3d",
            symbolLayers: [
              {
                type: "path",
                profile: "quad",
                material: {
                  color: "#aaaaaa"
                },
                width: 6, // the width in m
                height: 0.1, // the height in m
                profileRotation: "heading"
              }
            ]
          }
        }
      ]
    }
  },
  {
    u: "FeatureServer/2",
    c: {
      offset: 0.1,
      options: [
        {
          values: ['Lawn', 1, '1', 6, '6'],
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "rgba(178, 195, 136, 0.35)"
          }
        },
        {
          values: ['Tree_Lawn', 2, '2', 11, '11'],
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "rgba(130, 152, 77, 0.1)"
          }
        },
        {
          values: [12, '12'],
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "rgba(130, 152, 77, 0.35)"
          }
        },
        {
          values: ['Nearmap_Concrete_Slab', 3, '3'],
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "#CCCCCC"
          }
        },
        {
          values: ['Mulch', 8, '8'],
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "#DBCEA2"
          }
        },
        {
          values: ['Eraser', 15, '15'],
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "#EEEEEE"
          }
        }
      ]
    }
  },
  {
    u: "FeatureServer/2",
    c: {
      offset: 0.2,
      options: [
        {
          values: ['Water', 10, '10'],
          excludedAmenities: ['SWIMMINGPOOL'],
          symbol: {
            type: "polygon-3d",
            symbolLayers: [
              {
                type: "water",
                waveDirection: 180,
                color: "#a5c2d1",
                waveStrength: "moderate",
                waterbodySize: "medium"
              }
            ]
          },
        }
      ]
    }
  }
];

var commonImmersives = [];
for (var k = 0; k < commonImmersivesNormalized.length; k++) {
  var u = commonImmersivesNormalized[k].u;
  var c = commonImmersivesNormalized[k].c;
  var t = commonImmersivesNormalized[k].t ? commonImmersivesNormalized[k].t : 'type';
  var obj = {
    url: u,
    elevationInfo: {
      mode: "absolute-height",
      offset: c.offset
    },
    opacity: c.opacity,
    immersiveType: c.immersiveType,
    renderer: {
      type: 'unique-value',
      field: t,
      uniqueValueInfos: []
    },
    isFeature: true
  };
  for (var i = 0; i < c.options.length; i++) {
    for (var j = 0; j < c.options[i].values.length; j++) {
      obj.renderer.uniqueValueInfos.push({
        value: c.options[i].values[j],
        symbol: c.options[i].symbol
      });
      if (c.options[i].excludedAmenities && c.options[i].excludedAmenities.length) {
        obj.excludedAmenities = obj.excludedAmenities || {};
        obj.excludedAmenities['' + c.options[i].values[j]] = c.options[i].excludedAmenities;
      }
    }
  }
  commonImmersives.push(obj);
}

// Hosted map view presets (BEANS_VIEW_PRESETS / getHostedView) live in
// client/view-presets.js, included ahead of this file by every client bundle.
// Kept separate so a dev page can load the REAL presets in a plain <script> tag
// instead of a copy that silently drifts from what production serves.
//
// Read through these two accessors, never as bare globals. clientmap.php serves a
// per-property library bundle ($library-1.0.1.js), so a bundle that forgets the
// include would otherwise throw "ReferenceError: BEANS_VIEW_PRESETS is not
// defined" and take the ENTIRE embed down, not just the presets — which is what
// happened when view-presets.js was added to generic-1.0.1.js.php alone and the
// other 34 bundles were left behind. Degrade to the plain availability map
// instead: no presets is a missing feature, a ReferenceError is a dead map.
var _beansViewPresets = function() {
  return (typeof BEANS_VIEW_PRESETS !== 'undefined' && BEANS_VIEW_PRESETS) ? BEANS_VIEW_PRESETS : {};
};
var _beansHostedView = function() {
  return (typeof getHostedView === 'function') ? getHostedView() : '';
};
var getDisplayOptions = function(
  config,
  unitShape_, // Default shape
  selectedUnitShape_, // Selected shape
  selectableUnitShape_, // Selectable shape
  hoverUnitShape_
) {
  return {
    propertyAddress: config.address,

    offsetGroundElevation: config.elevation,
    useGroundElevation: config.useGroundElevation,

    filters: config.filters,

    hideBeansCard: config.hideBeansCard,
    standaloneFilters: config.standaloneFilters,
    overrideHeight: config.overrideHeight,
    amenityPopupHeight: config.amenityPopupHeight,
    iconSizeMultiplier: config.iconSizeMultiplier,
    poiOptions: config.poiOptions,

    showUnderground: config.showUnderground,

    showUnitList: true,
    showUnitShape: true,
    outsideButtons: true,

    showDirections: false,
    showPath: config.showPath,
    path: config.path,
    propertyId: config.propertyId,
    propertyIdUrl: config.propertyIdUrl,
    pricing: config.pricing,
    showPricingAsDropdown: config.showPricingAsDropdown,

    colorsConfig: config.colorsConfig,

    camera: config.camera,
    mobileCamera: config.mobileCamera,
    renameAmenities: config.renameAmenities ? config.renameAmenities : null,

    shadowModeUnitShape: config.shadowModeUnitShape ? config.shadowModeUnitShape : {
      fillColor: '#ffffff',
      fillOpacity: 1.0,
    },
    neighborModeUnitShape: config.neighborModeUnitShape ? config.neighborModeUnitShape : {
      fillColor: '#ffffff',
      fillOpacity: 1.0,
    },
    unitShape: config.unitShape ? config.unitShape : {
      fillColor: '#ffffff',
      fillOpacity: 1.0,
      strokeWeight: 1.0,
      strokeOpacity: 0.5,
      strokeColor: '#000000',
      ...unitShape_
    },
    selectedUnitShape: config.selectedUnitShape ? config.selectedUnitShape : {
      fillColor: '#cc088e',
      fillOpacity: 1.0,
      strokeWeight: 1.0,
      strokeOpacity: 1.0,
      strokeColor: '#ffffff',
      ...selectedUnitShape_
    },
    selectableUnitShape: config.selectableUnitShape ? config.selectableUnitShape : {
      fillColor: '#0cb1a1',
      fillOpacity: 1.0,
      strokeWeight: 1.0,
      strokeOpacity: 1.0,
      strokeColor: '#ffffff',
      ...selectableUnitShape_
    },
    satelliteModeUnitShape: config.satelliteModeUnitShape ? config.satelliteModeUnitShape : {
      fillColor: '#ffffff',
      fillOpacity: 1.0,
    },
    neighborShape: config.neighborShape,
    immersiveModeUnitShape: config.immersiveModeUnitShape,
    poiShape: config.poiShape,

    hoverUnitShape: hoverUnitShape_ ? hoverUnitShape_ : null,

    // Applied last so a view wins over the defaults above. Empty object for the
    // default availability map, so that embed is byte-for-byte what it was.
    ...(_beansViewPresets()[_beansHostedView()] || {}),

    // The category the Nearby Map lands on. Property config wins — a student
    // property may want Campus where a downtown high-rise wants Restaurants —
    // and only applies when the nearby view is actually the one being rendered,
    // so it can't switch on the auto-search for an ordinary availability embed.
    ...(_beansHostedView() === 'nearby'
      ? { nearbyDefaultCategory: config.nearbyDefaultCategory || 'restaurant' }
      : {}),
  };
}

var renderWithUnits = function(be1, renderType, config, address, unitsArr, shouldReadAvailabilityFromBeans) {
  fetch('https://www.beans.ai/mapswidget/propertymanager/data-api.php?action=load&address=' + address + '&prefix=card')
  .then(response => response.json())
  .then(json => {
    if (shouldReadAvailabilityFromBeans) {
      unitsArr = [];
      var availColName = '';
      var bedsColName = '';
      var bathsColName = '';
      var rentColName = '';
      var areaColName = '';
      var floorColName = '';
      var floorplanColName = '';
      var linkColName = '';
      for (var i = 0; i < json.data.columns.length; i++) {
        if (json.data.columns[i].type === 'availability') {
          availColName = json.data.columns[i].name;
        }
        if (json.data.columns[i].name === 'Beds') {
          bedsColName = json.data.columns[i].name;
        }
        if (json.data.columns[i].name === 'Baths') {
          bathsColName = json.data.columns[i].name;
        }
        if (json.data.columns[i].name === 'Rent') {
          rentColName = json.data.columns[i].name;
        }
        if (json.data.columns[i].name === 'Area') {
          areaColName = json.data.columns[i].name;
        }
        if (json.data.columns[i].name === 'Floor') {
          floorColName = json.data.columns[i].name;
        }
        if (json.data.columns[i].name === 'Floorplan') {
          floorplanColName = json.data.columns[i].name;
        }
        if (json.data.columns[i].name === 'Link') {
          linkColName = json.data.columns[i].name;
        }
      }
      if (availColName) {
        for (var i = 0; i < json.data.rows.length; i++) {
          if (('' + json.data.rows[i][availColName]) === '1') {
            unitsArr.push({
              unit: json.data.rows[i]['unit'],
              bed: bedsColName ? (json.data.rows[i][bedsColName] || 0) : 0,
              bath: bathsColName ? (json.data.rows[i][bathsColName] || 0) : 0,
              sqft: areaColName ? (json.data.rows[i][areaColName] || 0) : 0,
              //availability: ,
              //floorplan: floorplan,
              //floorplanImg: floorplanImg,
              rent: rentColName ? (json.data.rows[i][rentColName] || 0) : 0,
              floorplan: floorplanColName ? (json.data.rows[i][floorplanColName] || '') : '',
              link: linkColName ? (json.data.rows[i][linkColName] || '') : '',
            });
          }
        }
      }
    }

    renderWithUnitsAfterRead(be1, renderType, config, address, unitsArr, json);
  });
}

var renderWithUnitsAfterRead = function(be1, renderType, config, address, unitsArr, augmentationData) {
  var addressAndUnitWithOptions = convertUnitsArr(config, unitsArr, true);
  if (!renderType || renderType.toLowerCase() === '3d') {
    var displayOptions = getDisplayOptions(
      config,
      {
        fillColor: '#ffffff',
        fillOpacity: 0.2,
        strokeWeight: 0.5,
        strokeOpacity: 0.2,
        strokeColor: '#000000',
      }, // Default color
      {
        fillColor: '#cc088e',
        fillOpacity: 1.0,
        strokeWeight: 0.5,
        strokeOpacity: 0.2,
      }, // Selected color
      {
        fillColor: '#0cb1a1',
      } // Selectable color
    );
    be1.render(
      "body-inner-1",
      config.transientKeySecret,
      addressAndUnitWithOptions,
      {
        hideNavigateButton: true,
        hideMyLocationButton: true
      },
      {
        beansMapType: 'ESRI',
        initialMap: 'STREET',
        prettyLayer: config.prettyLayer ? config.prettyLayer : '',

        modernButtons: true,
        modernBeansCard: displayOptions.hideBeansCard ? false : true,
        outsideButtons: true,
        showCompass: true,
        showFullScreenMode: false,
        showNeighbors: false,
        showPOIButton: true,
        showSeparateFacilitiesCard: true,
        communityAmenities: config.communityAmenities,

        animateOnLoad: config.animateOnLoad,
        showPath: config.showPath,
        path: config.path,
        immersiveConfig: config.immersiveConfig,
        showImmersive: config.showImmersive,
        showImmersiveBalloons: config.showImmersiveBalloons,
        showImmersiveLight: config.showImmersiveLight,
        showImmersiveOnLoad: config.showImmersiveOnLoad,

        overrideBaseHeightFn: config.overrideBaseHeightFn,
        overrideHeight: config.overrideHeight ? config.overrideHeight : 0,
        overrideHeightFn: config.overrideHeightFn,

        renameAmenities: config.renameAmenities ? config.renameAmenities : null,
        poiShape: config.poiShape,

        initialTilt: config.initialTilt !== undefined ? config.initialTilt : null,
        initialZ: config.initialZ !== undefined ? config.initialZ : null,
        initialHeading: config.initialHeading !== undefined ? config.initialHeading : null,

        initialPosition: {
          address: address
        },

        show2DButton: true,
        event2D: () => {
          document.getElementById('body-inner-2').style.visibility = 'visible';
          document.getElementById('body-inner-1').style.visibility = 'hidden';
        },

        // augmentationData: augmentationData,

        ...displayOptions
      }
    );
  } else {
    config.unitShape = null;
    var displayOptions = getDisplayOptions(
      config,
      {
        fillColor: '#ffffff',
        fillOpacity: 1.0,
        strokeWeight: 0.5,
        strokeOpacity: 1.0,
        strokeColor: '#000000'
      }, // Default color
      {
        fillColor: '#cc088e',
      }, // Selected color
      {
        fillColor: '#0cb1a1',
      } // Selectable color
    );
    if (displayOptions.unitShape) {
      displayOptions.unitShape.fillOpacity = 1.0;
      displayOptions.unitShape.strokeWeight = 0.5;
    }
    be1.render(
      "body-inner-2",
      config.transientKeySecret,
      addressAndUnitWithOptions,
      {
        hideNavigateButton: true,
        hideMyLocationButton: true
      },
      {
        initialMap: "STREET",

        modernBeansCard: displayOptions.hideBeansCard ? false : true,
        hideFloorSelector: false,
        hideRotateControl: true,
        hideSatelliteButton: true,
        hideShadow: true,
        outsideButtons: true,
        modernButtons: true,
        showNeighbors: false,
        showPOIButton: false,
        showSeparateFacilitiesCard: true,
        communityAmenities: config.communityAmenities,

        showNumbers: true,
        numbersConfig: config.numbersConfig,

        showBuildingShape: config.showBuildingShape,

        backgroundImage: config.backgroundImage,

        show3DButton: true,
        event3D: () => {
          document.getElementById('body-inner-2').style.visibility = 'hidden';
          document.getElementById('body-inner-1').style.visibility = 'visible';
        },

        unitsToExclude: config.unitsToExclude,

        // augmentationData: augmentationData,

        ...displayOptions
      }
    );
  }
};

var BeansPlatformr = function() {
};

BeansPynwheel.prototype.getFloorPlans = function() {
}

BeansPlatformr.prototype.checkAndGetData = function() {
  var so = this;

  if (beansUrlParameter('getData') === 'true') {
    so.getFloorPlans();
  }
}

BeansPlatformr.prototype.render = function(be1, urlFromRequest, renderType) {
  var so = this;

  if (beansUrlParameter('getData') === 'true') {
    so.getFloorPlans();
    return;
  }

  var canonicalUrl = urlFromRequest ? urlFromRequest : window.location.hostname;
  if (beansUrlParameter('canonicalUrl')) {
    canonicalUrl = beansUrlParameter('canonicalUrl');
  }

  fetch('https://www.beans.ai/mapswidget/client/readconfig-single?url=' + canonicalUrl)
  .then(response => response.text())
  .then(response => {
    var readconfig = eval("(" + response + ")");
    readconfig['transientKeySecret'] = '2d64223f48fb440:6134316538373265343262373435393761383035';
    var canonicalUrl = urlFromRequest ? urlFromRequest : window.location.hostname;
    if (beansUrlParameter('canonicalUrl')) {
      canonicalUrl = beansUrlParameter('canonicalUrl');
    }
    var baseConfig = getBaseConfig(canonicalUrl);
    var config = {...baseConfig, ...readconfig};

    if (canonicalUrl === 'www.theedgeatrouse.com') {
      for (var i = 0; i < config.unitsArr.length; i++) {
        config.unitsArr[i] = {
          ...config.unitsArr[i],
          floorplanImg: 'https://assets-global.website-files.com/6596e569123323dd11213372/6596e569123323dd11213389_floorplan.jpeg',
          bed: 4,
          bath: 4,
          sqft: 353,
          rent: 499
        };
      }
    }
    if (canonicalUrl === 'www.liveatmidtownarlington.com') {
      var unit = config.unitsArr[i];
      if (unit.unit.endsWith("01") || unit.unit.endsWith("02") || unit.unit.endsWith("03") || unit.unit.endsWith("05") || unit.unit.endsWith("06")
           || unit.unit.endsWith("17") || unit.unit.endsWith("18") || unit.unit.endsWith("19") || unit.unit.endsWith("20") || unit.unit.endsWith("22")) {
        config.unitsArr[i] = {
          ...config.unitsArr[i],
          floorplanImg: 'https://assets-global.website-files.com/6417a1936e627e04871b7c48/64180ada3c998579fd1c174d_Maverick%204x4.png',
          bed: 4,
          bath: 4,
          sqft: 1492,
          rent: 675
        };
      } else if (unit.unit.endsWith("07") || unit.unit.endsWith("10") || unit.unit.endsWith("11") || unit.unit.endsWith("12") || unit.unit.endsWith("13")
          || unit.unit.endsWith("16")) {
        config.unitsArr[i] = {
          ...config.unitsArr[i],
          floorplanImg: 'https://assets-global.website-files.com/6417a1936e627e04871b7c48/6493446eed6876618af6f022_image-6.jpeg',
          bed: 3,
          bath: 3,
          sqft: 1200,
          rent: 785
        };
      } else if (unit.unit.endsWith("08") || unit.unit.endsWith("09") || unit.unit.endsWith("14") || unit.unit.endsWith("15")) {
        config.unitsArr[i] = {
          ...config.unitsArr[i],
          floorplanImg: 'https://assets-global.website-files.com/6417a1936e627e04871b7c48/64180ac06288399d004128d8_2x2.png',
          bed: 2,
          bath: 2,
          sqft: 878,
          rent: 850
        };
      }
    }
    if (canonicalUrl === 'www.liveatlibertylofts.com') {
      for (var i = 0; i < config.unitsArr.length; i++) {
        config.unitsArr[i] = {
          ...config.unitsArr[i],
          floorplanImg: 'https://assets-global.website-files.com/6412a9cdaf8d7567350bd1eb/6412bbd7bb057cb3becdef57_3bedroom.jpeg',
          bed: 3,
          bath: 3,
          sqft: 1200
        };
      }
    }
    if (canonicalUrl === 'www.theedgeattech.com') {
      for (var i = 0; i < config.unitsArr.length; i++) {
        var unit = config.unitsArr[i];
        if (unit.unit.startsWith("A") || unit.unit.startsWith("E") || unit.unit.startsWith("G") || unit.unit.startsWith("H")) {
          config.unitsArr[i] = {
            ...config.unitsArr[i],
            floorplanImg: 'https://assets-global.website-files.com/6408025089e97ef5c321496a/64083e1e64ee2ed524ad7883_4%20Bedroom%3A%204%20Bathroom-p-1080.jpeg',
            bed: 4,
            bath: 4,
            sqft: 0
          };
        } else {
          config.unitsArr[i] = {
            ...config.unitsArr[i],
            floorplanImg: 'https://assets-global.website-files.com/6408025089e97ef5c321496a/64083e2b1004c5d9de2cffa9_2%20Bedroom%3A%202%20Bathroom-p-1080.jpeg',
            bed: 2,
            bath: 2,
            sqft: 0
          };
        }
      }
    }

    var address = config.address;
    if (config.unitsArr) {
  renderWithUnits(be1, renderType, config, address, config.unitsArr);
} else if (config.isEntrataData) {
  var getFloorPlansData = function(jsonfp) {
    var floorplans = {};
    if (jsonfp.response && jsonfp.response.result && jsonfp.response.result.FloorPlans) {
      for (var i in jsonfp.response.result.FloorPlans.FloorPlan) {
        var fp = jsonfp.response.result.FloorPlans.FloorPlan[i];
        var val = '' + fp.Identification.IDValue;
        var beds = 0;
        var baths = 0;
        var sqft = 0;
        var name = fp.Name ? fp.Name : '';
        var img = '';
        var minRent = 0.0;
        var maxRent = 0.0;

        if (fp.MarketRent && fp.MarketRent['@attributes']) {
          minRent = fp.MarketRent['@attributes'].Min ?? 0.0;
          maxRent = fp.MarketRent['@attributes'].Max ?? 0.0;
        }

        for (var j in fp.Room) {
          var rm = fp.Room[j];
          if (rm['@attributes']['RoomType'] === 'Bedroom') {
            beds = rm.Count;
          }
          if (rm['@attributes']['RoomType'] === 'Bathroom') {
            baths = rm.Count;
          }
        }
        if (fp.SquareFeet && fp.SquareFeet['@attributes'] && fp.SquareFeet['@attributes'].Min) {
          sqft = fp.SquareFeet['@attributes'].Min;
        } else if (fp.SquareFeet && fp.SquareFeet['@attributes'] && fp.SquareFeet['@attributes'].Max) {
          sqft = fp.SquareFeet['@attributes'].Max;
        } else if (fp.SquareFeet && fp.SquareFeet['@attributes'] && fp.SquareFeet['@attributes'].Avg) {
          sqft = fp.SquareFeet['@attributes'].Avg;
        }

        if (fp.File && fp.File.length) {
          img = fp.File[0].Src;
        }
        var otherImg = [];
        if (fp.File && fp.File.length > 1) {
          for (var fff = 1; fff < fp.File.length; fff++) {
            otherImg.push({url: fp.File[fff].Src});
          }
        }

        floorplans[val] = {
          beds: beds,
          baths: baths,
          sqft: sqft,
          name: name,
          img: img,
          otherImg: otherImg,
          minRent: minRent,
          maxRent: maxRent
        };
      }
    }
    return floorplans;
  };

  var getUnitsData = function(json, floorplans) {
    var unitsArr = [];
    if (!config.placeHolder && json.response && json.response.result && json.response.result.ILS_Units) {
      for (var i in json.response.result.ILS_Units.Unit) {
        var obj = json.response.result.ILS_Units.Unit[i];
        if (!obj['@attributes']['Availability'] || obj['@attributes']['Availability'] !== 'Available') {
          continue;
        }
        var av = 'Now';
        if (obj['@attributes']['AvailableOn']) {
          av = obj['@attributes']['AvailableOn'];
          if (av.indexOf('/') !== -1) {
            var m = String(av.split('/')[0]).padStart(2, '0');
            var d = String(av.split('/')[1]).padStart(2, '0');
            var y = av.split('/')[2];
            av = y + '-' + m + '-' + d;
          }
        }

        var pp = '' + obj['@attributes']['PropertyId'];
        var up = '' + obj['@attributes']['PropertyUnitId'];
        var fp = '' + obj['@attributes']['FloorplanId'];
        var beds = 0;
        var baths = 0;
        var sqft = 0;
        var rent = 0;
        var floorplan = '';
        var floorplanImg = '';
        var otherImg = [];

        if (obj.Rent && obj.Rent['@attributes'].MinRent) {
          rent = Number(obj.Rent['@attributes'].MinRent.replace(/[^0-9\.]/, ''));
        } else if (obj.Rent && obj.Rent['@attributes'].MaxRent) {
          rent = Number(obj.Rent['@attributes'].MaxRent.replace(/[^0-9\.]/, ''));
        }

        if (floorplans[fp]) {
          beds = floorplans[fp].beds;
          baths = floorplans[fp].baths;
          sqft = floorplans[fp].sqft;
          floorplan = floorplans[fp].name;
          floorplanImg = floorplans[fp].img;
          otherImg = floorplans[fp].otherImg;
          // if (!rent) {
          //   rent = floorplans[fp].minRent;
          // }
        }

        if (!rent) {
          continue;
        }

        var un = obj['@attributes']['UnitNumber'];
        if (obj['@attributes']['BuildingName']) {
          if (obj['@attributes']['BuildingName'].indexOf(' ') !== -1) {
            un = obj['@attributes']['BuildingName'] + '||' + un;
          } else {
            un  = obj['@attributes']['BuildingName'] + '-' + un;
          }
        }
        unitsArr.push({
          unit: un,
          bed: beds,
          bath: baths,
          sqft: sqft,
          availability: av,
          floorplan: floorplan,
          floorplanImg: floorplanImg,
          otherImg: otherImg,
          rent: rent,
          // link: 'https://' + config.canonicalUrl + '/Apartments/module/application_authentication/popup/false/kill_session/1/property[id]/%20' + pp + '/property_floorplan[id]/' + fp + '/unit_space[id]/' + up + '/show_in_popup/false/from_check_availability/1'
          link: 'https://' + (config.prospectPortalLink || config.canonicalUrl) + '/Apartments/module/application_authentication/popup/false/kill_session/1/property[id]/' + pp + '/property_floorplan[id]/' + fp + '/property_unit[id]/' + up + '/show_in_popup/false/from_check_availability/1'
        });
      }
    }
    return unitsArr;
  };

  if (config.propertyId.indexOf('-') === -1) {
    fetch('https://www.beans.ai/mapswidget/client/entratafp?dom=' + config.entrataDomain + '&propertyId=' + config.propertyId + '&force=' + (beansUrlParameter('force') ? beansUrlParameter('force') : ''),
        {
          headers: {
            'Content-Type': 'APPLICATION/JSON; CHARSET=UTF-8',
            'X-Api-Key': '28f71a3b-0925-41be-b71a-3b092501be14'
          }
        }
      )
      .then(response => response.json())
      .then(jsonfp => {
        fetch('https://www.beans.ai/mapswidget/client/entrata?dom=' + config.entrataDomain + '&propertyId=' + config.propertyId + '&force=' + (beansUrlParameter('force') ? beansUrlParameter('force') : ''),
            {
              headers: {
                'Content-Type': 'APPLICATION/JSON; CHARSET=UTF-8',
                'X-Api-Key': '28f71a3b-0925-41be-b71a-3b092501be14'
              }
            }
          )
          .then(response => response.json())
          .then(json => {
            var floorplans = getFloorPlansData(jsonfp);
            var unitsArr = getUnitsData(json, floorplans);

            renderWithUnits(be1, renderType, config, address, unitsArr);
          });
      });
    } else {
      var propertyId1 = config.propertyId.split('-')[0];
      var propertyId2 = config.propertyId.split('-')[1];
      fetch('https://www.beans.ai/mapswidget/client/entratafp?dom=' + config.entrataDomain + '&propertyId=' + propertyId1 + '&force=' + (beansUrlParameter('force') ? beansUrlParameter('force') : ''),
          {
            headers: {
              'Content-Type': 'APPLICATION/JSON; CHARSET=UTF-8',
              'X-Api-Key': '28f71a3b-0925-41be-b71a-3b092501be14'
            }
          }
        )
        .then(response => response.json())
        .then(jsonfp1 => {
          fetch('https://www.beans.ai/mapswidget/client/entrata?dom=' + config.entrataDomain + '&propertyId=' + propertyId1 + '&force=' + (beansUrlParameter('force') ? beansUrlParameter('force') : ''),
              {
                headers: {
                  'Content-Type': 'APPLICATION/JSON; CHARSET=UTF-8',
                  'X-Api-Key': '28f71a3b-0925-41be-b71a-3b092501be14'
                }
              }
            )
            .then(response => response.json())
            .then(json1 => {
              fetch('https://www.beans.ai/mapswidget/client/entratafp?dom=' + config.entrataDomain + '&propertyId=' + propertyId2 + '&force=' + (beansUrlParameter('force') ? beansUrlParameter('force') : ''),
                  {
                    headers: {
                      'Content-Type': 'APPLICATION/JSON; CHARSET=UTF-8',
                      'X-Api-Key': '28f71a3b-0925-41be-b71a-3b092501be14'
                    }
                  }
                )
                .then(response => response.json())
                .then(jsonfp2 => {
                  fetch('https://www.beans.ai/mapswidget/client/entrata?dom=' + config.entrataDomain + '&propertyId=' + propertyId2 + '&force=' + (beansUrlParameter('force') ? beansUrlParameter('force') : ''),
                      {
                        headers: {
                          'Content-Type': 'APPLICATION/JSON; CHARSET=UTF-8',
                          'X-Api-Key': '28f71a3b-0925-41be-b71a-3b092501be14'
                        }
                      }
                    )
                    .then(response => response.json())
                    .then(json2 => {
                      var floorplans1 = getFloorPlansData(jsonfp1);
                      var unitsArr1 = getUnitsData(json1, floorplans1);
                      var floorplans2 = getFloorPlansData(jsonfp2);
                      var unitsArr2 = getUnitsData(json2, floorplans2);

                      var unitsArr = [
                        ...unitsArr1,
                        ...unitsArr2
                      ];

                      renderWithUnits(be1, renderType, config, address, unitsArr);
                    });
                });
            });
        });
    }
} else if (config.isAtlanticData) {
  fetch('https://www.beans.ai/mapswidget/client/atlantic-data.json')
    .then(response => response.json())
    .then(json => {
      var unitsArr = [];
      for (var i in json) {
        if (i.indexOf(config.canonicalUrl) !== -1) {
          var x = JSON.parse(json[i]);
          if (x.status) {
            if (x.floorPlanList) {
              for (var j = 0; j < x.floorPlanList.length; j++) {
                if (!x.floorPlanList[j].UnitAvailability) {
                  continue;
                }
                for (var k = 0; k < x.floorPlanList[j].UnitAvailability.length; k++) {
                  var av = x.floorPlanList[j].UnitAvailability[k].AvailableDate;
                  if (av.indexOf('/') !== -1) {
                    var m = String(av.split('/')[0]).padStart(2, '0');
                    var d = String(av.split('/')[1]).padStart(2, '0');
                    var y = av.split('/')[2];
                    av = y + '-' + m + '-' + d;
                  }
                  var unit = x.floorPlanList[j].UnitAvailability[k].unitcode;
                  if (unit && unit.startsWith('WAIT')) {
                    continue;
                  }
                  var beds = x.floorPlanList[j].floorPlan.Beds ? x.floorPlanList[j].floorPlan.Beds : 0;
                  var baths = x.floorPlanList[j].floorPlan.Baths ? x.floorPlanList[j].floorPlan.Baths : 0;
                  var sqft = x.floorPlanList[j].UnitAvailability[k].Area;
                  var rent = x.floorPlanList[j].UnitAvailability[k].startingRent;
                  var floorplan = x.floorPlanList[j].floorPlan.FloorPlanName ? x.floorPlanList[j].floorPlan.FloorPlanName : '';
                  var floorplanImg = x.floorPlanList[j].floorPlan.images && x.floorPlanList[j].floorPlan.images.length ? x.floorPlanList[j].floorPlan.images[0].src : '';
                  var avail = av;
                  var link = '';
                  if (x.link && x.link.indexOf('RentalOptions') !== -1) {
                    link = x.link + '&FloorPlanID=' + x.floorPlanList[j].floorPlan.FloorPlanID + '&UnitID=' + x.floorPlanList[j].UnitAvailability[k].id + '&MoveInDate=' + x.floorPlanList[j].UnitAvailability[k].AvailableDate;
                  } else {
                    link = x.link + x.floorPlanList[j].UnitAvailability[k].id + '/' + x.floorPlanList[j].floorPlan.FloorPlanID + '?MoveInDate=' + x.floorPlanList[j].UnitAvailability[k].AvailableDate;
                  }

                  unitsArr.push({ unit: unit, bed: beds, bath: baths, sqft: sqft, rent: rent, floorplan: floorplan, link: link, floorplanImg: floorplanImg, availability: avail});
                }
              }
            }
          } else if (x.units) {
            for (var k = 0; k < x.units.length; k++) {
              // realpage_crawl.py's build_sync() names this field `availability`
              // (the other feeds above use `available`), so accept either —
              // reading only `available` left av empty for every RealPage unit,
              // and convertUnitsArr2() renders an empty availability as
              // "Available Now", hiding real future move-in dates.
              var av = x.units[k].available || x.units[k].availability || '';
              if (av.indexOf('/') !== -1) {
                var m = String(av.split('/')[0]).padStart(2, '0');
                var d = String(av.split('/')[1]).padStart(2, '0');
                var y = av.split('/')[2];
                av = y + '-' + m + '-' + d;
              }
              var unit = x.units[k].unit;
              var beds = x.units[k].beds || 0;
              var baths = x.units[k].baths || 0;
              var sqft = x.units[k].sqft || 0;
              var rent = x.units[k].rent || 0;
              var floorplan = x.units[k].floorplan || '';
              var floorplanImg = x.units[k].floorplanImg || '';
              floorplanImg = floorplanImg.replace('%s', '320x320');
              var unitId = x.units[k].UnitId || 0;
              var siteId = x.units[k].SiteId || 0;
              var floorplanId = x.units[k].FloorplanId || 0;
              var avail = av;
              var link = 'https://oll-leasing.loftliving.com/oll/?siteId=' + siteId + '&welcome=true&MoveInDate=' + new Date().toLocaleDateString('en-US') + '&UnitId=' + unitId + '&userData={"FloorplanId":"' + floorplanId + '","MoveInDate":"' + new Date().toLocaleDateString('en-US') + '","switchToWaitlist":false,"UnitId":"' + unitId + '","SelectedUnitSiteId":"' + siteId + '"}';

              unitsArr.push({ unit: unit, bed: beds, bath: baths, sqft: sqft, rent: rent, floorplan: floorplan, link: link, floorplanImg: floorplanImg, availability: avail});
            }
          } else {
            for (var j = 0; j < x.length; j++) {
              if (!x[j].units || x[j].units.length === 0) {
                continue;
              }
              for (var k = 0; k < x[j].units.length; k++) {
                var av = x[j].units[k].available;
                if (av.indexOf('/') !== -1) {
                  var m = String(av.split('/')[0]).padStart(2, '0');
                  var d = String(av.split('/')[1]).padStart(2, '0');
                  var y = av.split('/')[2];
                  av = y + '-' + m + '-' + d;
                }
                var unit = x[j].units[k]['unit'];
                var beds = x[j].beds ? x[j].beds : 0;
                var baths = x[j].baths ? x[j].baths : 0;
                var sqft = x[j].units[k]['area'];
                var rent = x[j].units[k]['rent'];
                var floorplan = x[j].name;
                var floorplanImg = x[j].img ? x[j].img : '';
                var avail = av;
                var link = config.rentcafeLink + '&FloorPlanID=' + x[j].id + '&UnitID=' + x[j].units[k].id + '&MoveInDate=' + x[j].units[k].available;

                unitsArr.push({ unit: unit, bed: beds, bath: baths, sqft: sqft, rent: rent, floorplan: floorplan, link: link, floorplanImg: floorplanImg, availability: avail});
              }
            }
          }
        }
      }

      renderWithUnits(be1, renderType, config, address, unitsArr);
    });
} else if (config.isYardiData) {
  fetch('https://www.beans.ai/mapswidget/client/' + config.yardiDomain + '-data.json')
    .then(response => response.json())
    .then(json => {
      var unitsArr = [];
      for (var i in json) {
        if (i.indexOf(config.canonicalUrl) !== -1) {
          var x = JSON.parse(json[i]);
          for (var j = 0; j < x.length; j++) {
            for (var k = 0; k < x[j].units.length; k++) {
              var unit = x[j].units[k]['unit'];
              var unitData = x[j].units[k]['data'];
              var y = /.*'(.*)', '(.*)', '(.*)', '(.*)', '(.*)', '(.*)'.*/.exec(unitData);
              var beds = x[j].beds ? x[j].beds : 0;
              var baths = x[j].baths ? x[j].baths : 0;
              var sqft = 0;
              var rent = 0;
              var floorplan = '';
              floorplanImg = x[j].img ? x[j].img : '';
              if (y) {
                floorplan = y[1];
                sqft = Number(y[3]);
                rent = Number(y[4]);
              }

              var avail = '';
              if (x[j].units[k]['link']) {
                var lk = x[j].units[k]['link'];
                if (lk.indexOf('&amp;dropdownlangid') !== -1) {
                  lk = lk.substring(0, lk.indexOf('&amp;dropdownlangid'));
                }
//                lk = lk.replaceAll('&amp;dropdownlangid=.*', '');
                var ix = lk.lastIndexOf('=');
                if (ix !== -1) {
                  avail = lk.substring(ix + 1);
                  if (avail.indexOf('&') !== -1) {
                    avail = avail.substring(0, avail.indexOf('&'));
                  }
                }
              }

              if (address == '200 NW 2nd St, Waukee, IA' && avail) {
                monthAvail = Number(avail.split('/')[0]);
                var currentMonth = new Date().getMonth() + 1;
                if (monthAvail <= currentMonth) {
                  var avail1 = avail;
                  if (avail1.split('/').length == 3) {
                    var availp = avail1.split('/');
                    avail1 = (availp[2].length == 2 ? '20' + availp[2] : availp[2]) + '-' + (availp[0].length == 1 ? '0' + availp[0] : availp[0]) + '-' + (availp[2].length == 1 ? '0' + availp[1] : availp[1]);
                  }
                  unitsArr.push({ unit: unit, bed: beds, bath: baths, sqft: sqft, rent: rent, link: x[j].units[k]['link'], floorplan: floorplan, floorplanImg: floorplanImg, availability: avail1});
                }
              } else {
                var avail1 = avail;
                if (avail1.split('/').length == 3) {
                  var availp = avail1.split('/');
                  avail1 = (availp[2].length == 2 ? '20' + availp[2] : availp[2]) + '-' + (availp[0].length == 1 ? '0' + availp[0] : availp[0]) + '-' + (availp[2].length == 1 ? '0' + availp[1] : availp[1]);
                }
                unitsArr.push({ unit: unit, bed: beds, bath: baths, sqft: sqft, rent: rent, link: x[j].units[k]['link'], floorplan: floorplan, floorplanImg: floorplanImg, availability: avail1});
              }
            }
          }
        }
      }

      renderWithUnits(be1, renderType, config, address, unitsArr);
    });
} else if (config.isTurboTenantData) {
  fetch('https://www.beans.ai/mapswidget/client/graphqlturbo?property_id=' + config.propertyId)
    .then(response => response.json())
    .then(json => {
      var unitsArr = [];
      if (json.data && json.data.viewer && json.data.viewer.ownerListings) {
        for (var i in json.data.viewer && json.data.viewer.ownerListings) {
          var obj = json.data.viewer.ownerListings[i];
          var unit = obj.unit;
          var address = obj.address;
          if (address.indexOf(' ') !== -1) {
            address = address.split(' ')[0];
          }
          if (address.indexOf('Rudder') !== -1) {
            address = address + 'R';
          }
          unit = address + '-' + unit;
          unitsArr.push({
            unit: unit,
            bed: obj.details.property_details.bedrooms,
            bath: obj.details.property_details.bathrooms,
            sqft: obj.details.property_details.square_feet,
            availability: 'Now',
            rent: obj.rent_amount,
            link: 'https://renter.turbotenant.com/applications/' + obj.id
          });
        }
      }

      renderWithUnits(be1, renderType, config, address, unitsArr);
    });
} else if (config.isGraphqlData) {
  fetch('https://www.beans.ai/mapswidget/client/graphql.php?property_id=' + config.canonicalUrl + '&location=' + config.locationUrl + '&force=' + (beansUrlParameter('force') ? beansUrlParameter('force') : ''))
    .then(response => response.json())
    .then(json => {
      if (json.data && json.data.apartmentComplex && json.data.apartmentComplex.floorplans) {
        var floorplans = [];
        for (var i = 0; i < json.data.apartmentComplex.floorplans.length; i++) {
          floorplans.push(json.data.apartmentComplex.floorplans[i]);
        }

        var unitsArr = [];
        var proms = [];
        for (var i = 0; i < floorplans.length; i++) {
          const floorplan = floorplans[i];

          proms.push(
            fetch('https://www.beans.ai/mapswidget/client/graphqlfp.php?property_id=' + config.canonicalUrl + '&location=' + config.locationUrl + '&floorplan_id=' + floorplan.id + '&force=' + (beansUrlParameter('force') ? beansUrlParameter('force') : ''))
              .then(response => response.json())
              .then(jsonI => {
                if (jsonI.data && jsonI.data.units) {
                  for (var i = 0; i < jsonI.data.units.length; i++) {
                    var unitObj = jsonI.data.units[i];
                    var lnk = '';
                    if (unitObj.callToActions) {
                      // Find first without tel:
                      for (var ccc = 0; ccc < unitObj.callToActions.length; ccc++) {
                        if (unitObj.callToActions[ccc].url && !unitObj.callToActions[ccc].url.startsWith('tel')) {
                          lnk = unitObj.callToActions[ccc].url;
                          if (lnk && !lnk.startsWith('http')) {
                            lnk = 'https://' + config.canonicalUrl + '/' + lnk;
                          }
                        }
                      }

                      lnk = lnk || unitObj.callToActions[0].url || '';

                      if (config.realpageLinkUrl && !lnk.startsWith('tel')) {
                        lnk = config.realpageLinkUrl + lnk;
                      }
                    }
                    lnk = lnk.replace('{widget.moveInDate.YYYY-MM-DD}', unitObj.availabilityDate ? unitObj.availabilityDate : '');
                    var unitStr = unitObj.name;
                    if (unitObj.building && unitObj.building !== 'N/A') {
                      unitStr = unitObj.building + '-' + unitStr;
                    }
                    unitsArr.push({
                      unit: unitStr,
                      bed: floorplan.beds,
                      bath: floorplan.baths,
                      floorplan: floorplan.name,
                      sqft: unitObj.sqftDisplay ? Number(unitObj.sqftDisplay.replace(/[^0-9\.]/, '')) : floorplan.sqft,
                      rent: unitObj.prices && unitObj.prices.length ? unitObj.prices[0].value : 0,
                      availability: unitObj.availabilityDate ? unitObj.availabilityDate : '',
                      link: lnk,
                      floorplanImg: floorplan.imageUrl
                    });
                  }
                }
              })
          );
        }

        Promise.all(proms).then((values) => {
          renderWithUnits(be1, renderType, config, address, unitsArr);
        });
      } else {
        renderWithUnits(be1, renderType, config, address, []);
      }
    });
} else if (config.isAppfolioData) {
  fetch('https://www.beans.ai/mapswidget/client/appfolio.php?propertyId=' + config.propertyId + '&url=' + urlFromRequest)
    .then(response => response.json())
    .then(json => {
      var unitsArr = [];
      for (var k = 0; k < json.values.length; k++) {
        var unit = json.values[k].data.address_address1;
        var beds = json.values[k].data.bedrooms;
        var baths = json.values[k].data.bathrooms;
        var sqft = json.values[k].data.square_feet;
        var rent = json.values[k].data.market_rent;

        var avail = json.values[k].data.available_date;
        unitsArr.push({ unit: unit, bed: beds, bath: baths, sqft: sqft, rent: rent, link: '' ,floorplanImg: '', availability: avail});
      }

      renderWithUnits(be1, renderType, config, address, unitsArr);
    });
} else if (config.isAppfolio2Data) {
  fetch('https://www.beans.ai/mapswidget/client/appfolio2.php?shortlink=' + config.propertyId)
    .then(response => response.json())
    .then(json => {
      var unitsArr = [];
      for (var k = 0; k < json.listings.length; k++) {
        var unit = json.listings[k].unit;
        var beds = json.listings[k].beds;
        var baths = json.listings[k].baths;
        var sqft = json.listings[k].sqft;
        var rent = json.listings[k].rent;

        var avail = json.listings[k].available_on;
        unitsArr.push({ unit: unit, bed: beds, bath: baths, sqft: sqft, rent: rent, link: json.listings[k].detail_url ,floorplan: json.listings[k].floorplan, floorplanImg: json.listings[k].floorplan_img ?? json.listings[k].image_url, otherImg: json.listings[k].other_image_urls?.map(u => ({url: u})), availability: avail});
      }

      renderWithUnits(be1, renderType, config, address, unitsArr);
    });
} else if (config.isQuickbaseData) {
  fetch('https://www.beans.ai/mapswidget/client/perry-data.json')
    .then(response => response.json())
    .then(json => {
      var unitsArr = [];
      var x = json[config.propertyId];
      if (x) {
        for (var j = 0; j < x.length; j++) {
          if (!x[j].Available) {
            continue;
          }

          var unit = x[j].Unit;
          var beds = x[j].Bedrooms ? x[j].Bedrooms : 0;
          var baths = x[j].Bathrooms ? x[j].Bathrooms : 0;
          var sqft = x[j].SqFt ? x[j].SqFt : 0;
          var rent = x[j].Rent ? Number(x[j].Rent.replace(',', '')) : 0;
          var floorplan = x[j].Model ? x[j].Model : '';

          unitsArr.push({ unit: unit, bed: beds, bath: baths, sqft: sqft, rent: rent, link: '' ,floorplan: floorplan, availability: ''});
        }
      }

      renderWithUnits(be1, renderType, config, address, unitsArr);
    });
} else if (config.isGisData) {
  fetch('https://gis-server.beans.ai/arcgis/rest/services/Hosted/' + config.gisDomain + '/FeatureServer/0/query?where=1%3D1&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&defaultSR=&spatialRel=esriSpatialRelIntersects&distance=&units=esriSRUnit_Foot&relationParam=&outFields=*&returnGeometry=true&maxAllowableOffset=&geometryPrecision=&outSR=&havingClause=&gdbVersion=&historicMoment=&returnDistinctValues=false&returnIdsOnly=false&returnCountOnly=false&returnExtentOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&multipatchOption=xyFootprint&resultOffset=&resultRecordCount=&returnTrueCurves=false&returnCentroid=false&timeReferenceUnknownClient=false&maxRecordCountFactor=&sqlFormat=none&resultType=&datumTransformation=&lodType=geohash&lod=&lodSR=&f=pjson')
    .then(response => response.json())
    .then(json => {
      var unitsArr = [];
      if (json.features) {
        for (var i = 0; i < json.features.length; i++) {
          if (!config.addressList[json.features[i].attributes.address]) {
            continue;
          }

          if (json.features[i].attributes.availability !== 'Available') {
            continue;
          }

          var type = json.features[i].attributes.type ? json.features[i].attributes.type : '';
          var bedrooms = 0;
          var bathrooms = 0;
          if (type === 'Studio') {
            bathrooms = 1;
          } else {
            var y = /.*([0-9+]) Bed.*/.exec(type);
            if (y) {
              bedrooms = Number(y[1]);
            }
            var z = /.*([0-9+]) Bath.*/.exec(type);
            if (z) {
              bathrooms = Number(z[1]);
            }
          }

          var unit = '' + json.features[i].attributes.unit;
          var bldg = '' + json.features[i].attributes.address.substring(0, json.features[i].attributes.address.indexOf(' '));
          if (!config.skipBuildingNumberinSearch) {
            unit = bldg + '-' + unit;
          }

          var floorplan = json.features[i].attributes.floor_plan_name ? json.features[i].attributes.floor_plan_name : '';
          floorplan = floorplan.trim();
          var floorplanImg = '';
          if (floorplan) {
            if (floorplan.toLowerCase() === 'ace'
                || floorplan.toLowerCase() === 'aviator'
                || floorplan.toLowerCase() === 'bandit'
                || floorplan.toLowerCase() === 'baron'
                || floorplan.toLowerCase() === 'captain'
                || floorplan.toLowerCase() === 'clipper'
                || floorplan.toLowerCase() === 'curve'
                || floorplan.toLowerCase() === 'lookout'
                || floorplan.toLowerCase() === 'traveler'
                || floorplan.toLowerCase() === 'surge'
                || floorplan.toLowerCase() === 'alley-oop'
                || floorplan.toLowerCase() === 'assist'
                || floorplan.toLowerCase() === 'baseline'
                || floorplan.toLowerCase() === 'fast break'
                || floorplan.toLowerCase() === 'free throw'
                || floorplan.toLowerCase() === 'shot clock'
                || floorplan.toLowerCase() === 'slam dunk'
                || floorplan.toLowerCase() === 'swish'
                || floorplan.toLowerCase() === 'tip off') {
              floorplanImg = 'https://www.beans.ai/mapswidget/client/mfpro-images/' + floorplan.toLowerCase() + '.png';
            }
          }
          var link = json.features[i].attributes.learn_more__url ? json.features[i].attributes.learn_more__url : '';
          unitsArr.push({
            unit: unit,
            bed: bedrooms,
            bath: bathrooms ? bathrooms : 1,
            sqft: json.features[i].attributes.sqft ? json.features[i].attributes.sqft : 0,
            rent: json.features[i].attributes.price ? json.features[i].attributes.price : 0,
            floorplan: floorplan,
            floorplanImg: floorplanImg,
            link: link
          });
        }
      }

      renderWithUnits(be1, renderType, config, address, unitsArr);
    });
} else if (config.isKnockData) {
  fetch('https://www.beans.ai/mapswidget/client/doorway?propertyId=' + config.knockrentalPropertyId)
    .then(response => response.json())
    .then(jsonKnock => {
      var buildings = {};
      if (jsonKnock.units_data && jsonKnock.units_data.buildings) {
        for (var i = 0; i < jsonKnock.units_data.buildings.length; i++) {
          var unitObj = jsonKnock.units_data.buildings[i];
          if (!unitObj.name || !unitObj.id) {
            continue;
          }
          buildings[unitObj.id] = jsonKnock.units_data.buildings[i];
        }
      }

      var layouts = {};
      if (jsonKnock.units_data && jsonKnock.units_data.layouts) {
        for (var i = 0; i < jsonKnock.units_data.layouts.length; i++) {
          var unitObj = jsonKnock.units_data.layouts[i];
          if (!unitObj.name || !unitObj.id) {
            continue;
          }
          layouts[unitObj.id] = jsonKnock.units_data.layouts[i];
        }
      }

      var unitsArr = [];
      if (jsonKnock.units_data && jsonKnock.units_data.units) {
        for (var i = 0; i < jsonKnock.units_data.units.length; i++) {
          var unitObj = jsonKnock.units_data.units[i];
          if (!unitObj.available) {
            continue;
          }
          var unit = unitObj.name;
          if (unitObj.buildingId && buildings[unitObj.buildingId] && buildings[unitObj.buildingId].name && buildings[unitObj.buildingId].name !== 'N/A') {
            unit = buildings[unitObj.buildingId].name + '-' + unit;
          }
          // if (!config.unitsData[unit]) {
          //   continue;
          // }
          var beds = unitObj.bedrooms;
          var baths = unitObj.bathrooms;
          var sqft = unitObj.area;
          var rent = unitObj.displayPrice;
          var link = config.onsiteUrl ? config.onsiteUrl : 'https://' + config.realpagePropertyId + '.onlineleasing.realpage.com/?UnitId=';
          var floorplan = unitObj.layoutName;
          var floorplanImg = layouts[unitObj.layoutId].img;
          var avail = unitObj.availableOn;
          unitsArr.push({unit: unit, bed: beds, bath: baths, sqft: sqft, rent: rent, link: link, floorplan: floorplan, floorplanImg: floorplanImg, availability: avail});
        }
      }

      renderWithUnits(be1, renderType, config, address, unitsArr);
  });
} else {
  renderWithUnits(be1, renderType, config, address, [], true);
}
  });
}