Mryntu

I got below error randomly in front-end and when all modal popup not working when below error occurs.
Uncaught TypeError: Cannot read property 'version' of undefined

I have override admin product-gallery.js and its working fine.

requirejs-config.js

var config = 
 config: 
 mixins: 
 'Magento_Catalog/js/product-gallery': 
 'Hs_Mageenhancement/js/product-gallery-mixin': true
 
 
 
;

Below is the code of product-gallery-mixin.js and path of js is app/code/Hs/Mageenhancement/view/adminhtml/web/js/product-gallery-mixin.js

define([
 'jquery',
 'underscore',
 'mage/template',
 'uiRegistry' 
], function($, _, mageTemplate, registry)
 'use strict';
 return function (widget) 
 $.widget('mage.productGallery', widget, 
 /**
 * Initializes dialog element.
 */
 _initDialog: function () 
 var $dialog = $(this.dialogContainerTmpl());

 $dialog.modal(
 'type': 'slide',
 title: $.mage.__('Image Detail'),
 buttons: [],

 /** @inheritdoc */
 opened: function () 
 $dialog.trigger('open');
 ,

 /** @inheritdoc */
 closed: function () 
 $dialog.trigger('close');
 
 );

 $dialog.on('open', this.onDialogOpen.bind(this));
 $dialog.on('close', function () 
 var $imageContainer = $dialog.data('imageContainer');

 $imageContainer.removeClass('active');
 $dialog.find('#hide-from-product-page').remove();
 );

 $dialog.on('change', '[data-role=type-selector]', function () 
 var parent = $(this).closest('.item'),
 selectedClass = 'selected';

 parent.toggleClass(selectedClass, $(this).prop('checked'));
 );

 $dialog.on('change', '[data-role=type-selector]', $.proxy(this._notifyType, this));

 $dialog.on('change', '[data-role=visibility-trigger]', $.proxy(function (e) 
 var imageData = $dialog.data('imageData');

 this.element.trigger('updateVisibility', 
 disabled: $(e.currentTarget).is(':checked'),
 imageData: imageData
 );
 , this));

 $dialog.on('change', '[data-role="image-description"]', function (e) 
 var target = $(e.target),
 targetName = target.attr('name'),
 desc = target.val(),
 imageData = $dialog.data('imageData');

 this.element.find('input[type="hidden"][name="' + targetName + '"]').val(desc);

 imageData.label = desc;
 imageData['label_default'] = desc;

 this.element.trigger('updateImageTitle', 
 imageData: imageData
 );
 .bind(this));

 $dialog.on('change', '[data-role=image-related-tire-price]', $.proxy(function (e) 
 var target = $(e.target),
 targetName = target.attr('name'),
 tirePriceQty = target.val(),
 imageData = $dialog.data('imageData');

 this.element.find('input[type="hidden"][name="' + targetName + '"]').val(tirePriceQty); 
 , this));

 this.$dialog = $dialog;
 
 );
 return $.mage.productGallery;
 
);

Also added popup code into .phtml file.

<script>
 require(
 [
 'jquery',
 'Magento_Ui/js/modal/modal'
 ],
 function(
 $,
 modal
 ) 
 var contactOptions = 
 type: 'popup',
 title: $.mage.__('Contact Us'),
 responsive: true,
 innerScroll: false,
 buttons: [
 text: $.mage.__('Close'),
 class: '',
 click: function () 
 this.closeModal();
 
 ]
 ;

 var contactPopup = modal(contactOptions, $('#contact-popup-mpdal'));
 $("#ContactUsModal").on('click',function()
 $("#contact-popup-mpdal").modal("openModal");
 );

 var pricePromiseOptions = 
 type: 'popup',
 title: $.mage.__('Price Match Promise Terms and Conditions'),
 responsive: true,
 innerScroll: false,
 buttons: [
 text: $.mage.__('Close'),
 class: '',
 click: function () 
 this.closeModal();
 
 ]
 ;

 var pricePromisePopup = modal(pricePromiseOptions, $('#price-promise-popup-mpdal'));
 $("#price_promise").on('click',function()
 $("#price-promise-popup-mpdal").modal("openModal");
 );

 var privacyPolicyOptions = 
 type: 'popup',
 title: $.mage.__('Privacy Policy'),
 responsive: true,
 innerScroll: false,
 buttons: [
 text: $.mage.__('Close'),
 class: '',
 click: function () 
 this.closeModal();
 
 ]
 ;

 var privacyPolicyPopup = modal(privacyPolicyOptions, $('#privacy-policy-popup-mpdal'));
 $("#privacy_policy").on('click',function()
 $("#privacy-policy-popup-mpdal").modal("openModal");
 );

 var cookiesPolicyOptions = 
 type: 'popup',
 title: $.mage.__('Cookie Policy'),
 responsive: true,
 innerScroll: false,
 buttons: [
 text: $.mage.__('Close'),
 class: '',
 click: function () 
 this.closeModal();
 
 ]
 ;

 var cookiesPolicyPopup = modal(cookiesPolicyOptions, $('#cookie-policy-popup-mpdal'));
 $("#cookies_policy").on('click',function()
 $("#cookie-policy-popup-mpdal").modal("openModal");
 );

 var termsConditionOptions = 
 type: 'popup',
 title: $.mage.__('Terms and Conditions'),
 responsive: true,
 innerScroll: false,
 buttons: [
 text: $.mage.__('Close'),
 class: '',
 click: function () 
 this.closeModal();
 
 ]
 ;

 var termsConditionPopup = modal(termsConditionOptions, $('#terms-condition-popup-mpdal'));
 $("#TermsCondiModal").on('click',function()
 $("#terms-condition-popup-mpdal").modal("openModal");
 );

 
 );
</script>

Another popup code as below.

<script>
 require(
 [
 'jquery',
 'Magento_Ui/js/modal/modal',
 'mage/validation'
 ],
 function(
 $,
 modal
 ) 
 jQuery(document).ready(function()
 var options = 
 type: 'popup',
 title: $.mage.__('All Reviews'),
 responsive: true,
 innerScroll: false,
 buttons: [
 text: $.mage.__('Close'),
 class: '',
 click: function () 
 this.closeModal();
 
 ]
 ;

 var popup = modal(options, $('#list-review-popup-mpdal'));
 jQuery("#ListReview").on('click',function()
 jQuery("#list-review-popup-mpdal").modal("openModal");
 );

 var reviewFormOptions = 
 type: 'popup',
 title: $.mage.__('Write a Review'),
 responsive: true,
 innerScroll: true,
 buttons: [
 text: $.mage.__('Close'),
 class: '',
 click: function () 
 this.closeModal();
 
 ]
 ;

 var reviewFormPopup = modal(reviewFormOptions, $('#submit-review-popup-mpdal'));
 jQuery("#SubmitReview").on('click',function()
 jQuery("#submit-review-popup-mpdal").modal("openModal");
 );

 var dataForm = $('#review-form');
 dataForm.mage('validation', );
 jQuery('body').on('click', '#review-form .action.submit', function(e)
 e.preventDefault();
 e.stopImmediatePropagation();
 if(dataForm.validation('isValid')) 
 jQuery.ajax(
 type: 'post',
 url: jQuery('#review-form').attr('action'),
 data: jQuery('#review-form').serialize(),
 cache: false,
 showLoader: 'true',
 success: function(response) 
 var message = response.message;
 if(response.success) 
 jQuery('#feedback_review').removeClass('error-msg');
 jQuery('#feedback_review').addClass('Succ-msg');
 else 
 jQuery('#feedback_review').removeClass('Succ-msg');
 jQuery('#feedback_review').addClass('error-msg');
 
 jQuery('#feedback_review').html(message).show();
 
 );
 
 return false;
 );

 );
 
 );
 </script>

Is there any issue related to popups?

Please help to resolve issue.