var beansUrlParameter = function(sParam) {
  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';
    }
    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,
          availability: unitsArr[i].availability,
          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: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/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'
                }
              }
            ]
          }
        }
      ]
    }
  },
  {
    u: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/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'],
          symbol: {
            type: "line-3d",
            symbolLayers: [
              {
                type: "path",
                profile: "quad",
                material: {
                  color: "#aaaaaa"
                },
                width: 6, // the width in m
                height: 0.4, // the height in m
                profileRotation: "heading"
              }
            ]
          }
        }
      ]
    }
  },
  {
    u: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/FeatureServer/2",
    c: {
      offset: 0.1,
      options: [
        {
          values: ['Lawn', 1, '1'],
          symbol: {
            type: "simple-fill",
            outline: {
              width: 0
            },
            color: "rgba(178, 195, 136, 0.35)"
          }
        },
        {
          values: ['Tree_Lawn', 2, '2'],
          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"
          }
        }
      ]
    }
  },
  {
    u: "https://gis-server.beans.ai/arcgis/rest/services/Hosted/Immersive_Layers/FeatureServer/2",
    c: {
      offset: 0.2,
      options: [
        {
          values: ['Water', 10, '10'],
          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
      });
    }
  }
  commonImmersives.push(obj);
}

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,
    showFloorSlider: 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,
  };
}

var renderWithUnits = function(be1, renderType, config, address, unitsArr) {
  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,

        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 : 30,
        initialZ: config.initialZ !== undefined ? config.initialZ : 400,
        initialHeading: config.initialHeading !== undefined ? config.initialHeading : 270,

        initialPosition: {
          address: address
        },

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

        ...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,
        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,

        ...displayOptions
      }
    );
  }
};

var BeansLund = function() {
};

BeansLund.prototype.getFloorPlans = function() {
  var so = this;

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

  var DONE = 4; // readyState 4 means the request is done.
  var OK = 200; // status 200 is a successful return.

  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'https://' + canonicalUrl + '/floorplans', false);
  xhr.send();
  if (xhr.readyState !== DONE || xhr.status !== OK) {
    return;
  }
  var c = xhr.responseText.split('\n');
  var floorplansData = [];
  var imgs = [];
  var lastKnownImage = '';
  for (var i in c) {
    var j = c[i];
    var y = /.*Floor Plan.*?card-img-top.*?src="(.*?)".*/.exec(j);
    if (y) {
      lastKnownImage = y[1];
    }
    if (!y) {
      y = /.*src="(.*?)".*?card-img-top.*?Floor Plan.*/.exec(j);
      if (y) {
        lastKnownImage = y[1];
      }
    }
    if (!y) {
      y = /.*src="(.*?)".*?card-img-top.*/.exec(j);
      if (y) {
        lastKnownImage = y[1];
      }
    }
    var y = /.*a href="(.*?)".*floorplan-action-button.*/.exec(j);
    if (y) {
      floorplansData.push(
        {
          url: y[1],
          img: lastKnownImage,
          units: []
        }
      );
      lastKnownImage = '';
    }
  }
  var d = c.join('');
  var y = /.*(."@context":.*?)}<\/script>.*/.exec(d);
  if (y) {
    var z = '{' + y[1] + '}';
    var jo = JSON.parse(z);
    for (var j = 0; j < jo['accommodationFloorPlan'].length; j++) {
      floorplansData[j].beds = jo['accommodationFloorPlan'][j]['numberOfBedrooms'];
      floorplansData[j].baths = jo['accommodationFloorPlan'][j]['numberOfFullBathrooms'];
    }
  }

  for (var i = 0; i < floorplansData.length; i++) {
    var xhr = new XMLHttpRequest();
    if (floorplansData[i].url && floorplansData[i].url.indexOf('securecafe') !== -1) {
      continue;
    }
    xhr.open('GET', floorplansData[i].url, false);
    xhr.send();
    if (xhr.readyState !== DONE || xhr.status !== OK) {
      continue;
    }
    var c = xhr.responseText.split('\n');
    var z = [];
    for (var k in c) {
      var j = c[k];
      if (j.indexOf('"url":') !== -1) {
        mainUrl = j.replaceAll('"url": "', '').replaceAll('"', '').trim();
      }
      var y = /.*type="button".*?id="(.*?)".*?applyGAClick.(.*?)." href='(.*?)'.*/.exec(j);
      // var y = /.*<button .* id="([^"]+)".*applyGAClick.(.*).; top.location.href=.(.*?).">.*/.exec(j);
      if (y) {
        floorplansData[i].units.push({
          unit: y[1],
          data: y[2],
          link: y[3]
        });
      }
    }
  }

  var data = new FormData();
  data.append('url', canonicalUrl);
  data.append('unit', JSON.stringify(floorplansData));
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'https://www.beans.ai/mapswidget/client/lund');
  xhr.send(data);
}

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

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

var renderWithUnits = function(be1, renderType, config, address, unitsArr) {
  var addressAndUnitWithOptions = convertUnitsArr(config, unitsArr, true);

  if (address === '1735 W Chandler Ave, Rogers, AR') {
    for (var i = 0; i < addressAndUnitWithOptions.length; i++) {
      var d = addressAndUnitWithOptions[i].unit;
      if (!d) {
        continue;
      }
      if (!d.match(/[A-Z]+-[0-9]+/)) {
        continue;
      }
      var e = Number(d.replaceAll(/[^0-9]/g, ''));
      if (d.startsWith('C')
          || (d.startsWith('M') && (e <= 1830 || e > 3000) && e % 2 === 1)
          || (d.startsWith('M') && (e <= 1710) && e % 2 === 0)
          || (d.startsWith('G') && e % 2 === 1)
      ) {
        addressAndUnitWithOptions[i].options.unitShape = {
          fillColor: '#3661c4'
        };
        addressAndUnitWithOptions[i].options.filterShape = {
          fillColor: '#C8D3F3'
        };
      } else {
        addressAndUnitWithOptions[i].options.unitShape = {
          fillColor: '#ebca63'
        };
        addressAndUnitWithOptions[i].options.filterShape = {
          fillColor: '#F6F2E5'
        };
      }
    }
  }

  var displayOptions;
  if (!renderType || renderType.toLowerCase() === '3d') {
    displayOptions = getDisplayOptions(
      config,
      {
        fillColor: '#EAD6C3',
        fillOpacity: 0.5,
        strokeWeight: 0.5,
        strokeOpacity: 0.2,
        strokeColor: '#000000'
      }, // Default color
      {
        fillColor: '#ee2a6f',
      }, // Selected color
      {
        fillColor: '#76af9c',
      } // Selectable color
    );
  } else {
    config.unitShape = null;
    displayOptions = getDisplayOptions(
      config,
      {
        fillColor: '#FFFFFF',
        fillOpacity: 1.0,
        strokeWeight: 0.5,
        strokeOpacity: 1.0,
        strokeColor: '#000000'
      }, // Default color
      {
        fillColor: '#ee2a6f',
      }, // Selected color
      {
        fillColor: '#76af9c',
      } // Selectable color
    );
  }

  if (!renderType || renderType.toLowerCase() === '3d') {
    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,

        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 : 30,
        initialZ: config.initialZ !== undefined ? config.initialZ : 400,
        initialHeading: config.initialHeading !== undefined ? config.initialHeading : 270,

        initialPosition: {
          address: address
        },

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

        ...displayOptions
      }
    );
  } else {
    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,
        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,

        ...displayOptions
      }
    );
  }
};

BeansLund.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'] = '097c35ec8829456:3635666331343861653532623461383338336537';
    var canonicalUrl = urlFromRequest ? urlFromRequest : window.location.hostname;
    if (beansUrlParameter('canonicalUrl')) {
      canonicalUrl = beansUrlParameter('canonicalUrl');
    }
    var baseConfig = getBaseConfig(canonicalUrl);
    var config = {...baseConfig, ...readconfig};
    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 = '';

        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;
        }

        floorplans[val] = {
          beds: beds,
          baths: baths,
          sqft: sqft,
          name: name,
          img: img
        };
      }
    }
    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 = '';

        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;
        }
        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,
          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'
        });
      }
    }
    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]);
          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 = unitObj.callToActions && unitObj.callToActions.length ? unitObj.callToActions[0].url : '';
                    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 ,floorplanImg: json.listings[k].image_url, 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://doorway-api.knockrentals.com/v1/property/' + config.knockrentalPropertyId + '/units')
    .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) {
            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, []);
}
  });
}