Custom delivery validator widget

zapiet-delivery-validator-custom.liquid

<form onsubmit="validateZipCode(); return false;">
   <input type="text" id="zipcode" placeholder="Enter zipcode here ..." />
   <input type="submit" value="Go" />
</form>
    
<script type="text/javascript">
function validateZipCode(e) {        
   const zipcode = document.getElementById('zipcode').value;
  
   if (typeof window.Zapiet === 'undefined' || typeof window.ZapietCachedSettings === 'undefined' || 
       typeof window.Zapiet.DeliveryValidator === 'undefined' || window.ZapietCachedSettings.cached_config === 'undefined' || 
       window.ZapietCachedSettings.cached_config.delivery_validator === 'undefined') {
     console.warn('Zapiet - Custom delivery validator error. Please ensure you have Store Pickup + Delivery correctly installed. Contact [email protected] for assistance.'); 
     return false;
   }
        
   Zapiet.DeliveryValidator.checkEligiblity(zipcode, function(response) {
      // Eligible callback
      Zapiet.DeliveryValidator.eligibleForDelivery(response);
   }, function() {
      // Not eligible callback
      Zapiet.DeliveryValidator.notEligibleForDelivery();
   }, function() {
      // Error callback
      Zapiet.DeliveryValidator.error();
   });
        
   return false;
}
</script>