@covet-pics/covet-pics-widget 0.170.1 → 0.170.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -4868,10 +4868,10 @@ const CovetPicsGallerySlider = class {
4868
4868
  return (index.h("covet-pics-gallery-item-detail", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "item-source": item.source, "image-url": item.imageUrl, "item-index": idx, "item-size": this.itemSize, "aria-label": `click on for upload image in slider, slide ${idx + 1}/${itemsLength},`, appStore: this.appStore }));
4869
4869
  }
4870
4870
  renderStandardItem(item, idx, itemsLength) {
4871
- return (index.h("covet-pics-gallery-item", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "video-url": this.getItemVideoLink(item), "item-id": item.id, "item-source": item.source, "item-size": this.itemSize, links: item.links, url: item.url, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in main slider`, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "created-time": item.created_time, "item-type": item.data_type, caption: item.caption, "item-index": idx, appStore: this.appStore }));
4871
+ return (index.h("covet-pics-gallery-item", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "video-url": this.getItemVideoLink(item), "item-id": item.id, "item-source": item.source, "item-size": this.itemSize, links: item.links, url: item.url, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, item.created_time), "aria-label": this.sliderStyle === "regular" ? `slide ${idx + 1} of ${itemsLength} in main slider` : null, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "created-time": item.created_time, "item-type": item.data_type, caption: item.caption, "item-index": idx, appStore: this.appStore }));
4872
4872
  }
4873
4873
  renderDetailItem(item, idx, itemsLength) {
4874
- return (index.h("covet-pics-gallery-item-detail", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "video-url": this.getItemVideoLink(item), "item-id": item.id, "item-source": item.source, "item-type": item.data_type, "item-size": this.itemSize, "lazy-load": true, links: item.links, url: item.url, "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, verified: item.verified, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in main slider`, appStore: this.appStore, "item-index": idx }));
4874
+ return (index.h("covet-pics-gallery-item-detail", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": utils$1.getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": utils$1.getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": utils$1.getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "video-url": this.getItemVideoLink(item), "item-id": item.id, "item-source": item.source, "item-type": item.data_type, "item-size": this.itemSize, "lazy-load": true, links: item.links, url: item.url, "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, verified: item.verified, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, item.created_time), "aria-label": this.sliderStyle === "regular" ? `slide ${idx + 1} of ${itemsLength} in main slider` : null, appStore: this.appStore, "item-index": idx }));
4875
4875
  }
4876
4876
  render() {
4877
4877
  const isMaterial = this.sliderStyle === "material";
@@ -4898,7 +4898,7 @@ const CovetPicsGallerySlider = class {
4898
4898
  ? this.appState.settings.slideshow_desktop_pagination_style
4899
4899
  : this.appState.settings.slideshow_mobile_pagination_style;
4900
4900
  if (this.items !== undefined) {
4901
- return (index.h(index.Host, { key: '2848600d1d00ac3f6266f111671c07babaab30eb', class: {
4901
+ return (index.h(index.Host, { key: 'de6e4b595c4b0ada296c5231f32cb32296e5836a', class: {
4902
4902
  "arrows-outside": arrowsPosition === "middle" && arrowsAlign === "outside", "mobile": !isDesktopScreen,
4903
4903
  "pagination-dots": paginationStyle === "dots" || paginationStyle === "animated-dots", "pagination-line": paginationStyle === "line",
4904
4904
  "pagination-none": paginationStyle === "none",
@@ -4907,18 +4907,18 @@ const CovetPicsGallerySlider = class {
4907
4907
  "pagination-top": paginationPosition === "top",
4908
4908
  "pagination-bottom": paginationPosition === "bottom"
4909
4909
  } }, arrowsPosition !== "none" &&
4910
- index.h("button", { key: '238e46803a747b66b10154edeb806bf4eaf1b330', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: '8de37534f4d70182583888be98ded10f8524d283', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: '86914cf0a297d4d3c66a573ab5f02194a6b85373', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("section", { key: '323026901a2b37fa6e83d1ede9aab770d9c38b7f', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
4911
- index.h("div", { key: '3e01adad44ed80765a7a53686dbf57cea25ef95d', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
4910
+ index.h("button", { key: '44665b3f96372c1aa318e2daca97d5761c04cf50', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: '929a1f2cc52f5aa6f4777d19375d89e4bd833547', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: 'b4295dc3204771117ed3ae7a008dae5cf475d862', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), index.h("section", { key: 'd9a99117cac2ab68d84e5e220ce9056e184c3580', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
4911
+ index.h("div", { key: 'e91c975ce1893d95a4bef4c49b44f5aa9eeea86e', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
4912
4912
  ? this.renderStandardUploadItem(item, idx, this.items.length)
4913
4913
  : this.renderStandardItem(item, idx, this.items.length)), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
4914
4914
  ? this.renderDetailUploadItem(item, idx, this.items.length)
4915
4915
  : this.renderDetailItem(item, idx, this.items.length))), this.sliderStyle === "material" &&
4916
- index.h("div", { key: 'ac893d5c9ce575c4f62e9cc8702f5be8b366f8fd', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => index.h("div", { class: "swiper-slide" }, index.h("div", { class: "material-wrapper" }, item.source === "upload_widget"
4916
+ index.h("div", { key: '37350918140cd2448293ca6d44636767107fb17d', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => index.h("div", { class: "swiper-slide", "aria-label": `slide ${idx + 1} of ${this.items.length} in main slider` }, index.h("div", { class: "material-wrapper" }, item.source === "upload_widget"
4917
4917
  ? this.renderStandardUploadItem(item, idx, this.items.length)
4918
- : this.renderStandardItem(item, idx, this.items.length)))), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => index.h("div", { class: "swiper-slide" }, index.h("div", { class: `material-wrapper ${this.appState.settings.item_style}` }, item.source === "upload_widget"
4918
+ : this.renderStandardItem(item, idx, this.items.length)))), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => index.h("div", { class: "swiper-slide", "aria-label": `slide ${idx + 1} of ${this.items.length} in main slider` }, index.h("div", { class: `material-wrapper ${this.appState.settings.item_style}` }, item.source === "upload_widget"
4919
4919
  ? this.renderDetailUploadItem(item, idx, this.items.length)
4920
- : this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && index.h("div", { key: 'e0e18dd99659455e6783c7c7657bbae17e6d7e65', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && index.h("div", { key: '088e274071795a3a52278ec78be9dbf2c1f5923c', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
4921
- index.h("button", { key: '79d6053858ab61b752c54205b9ef4b9cf13a2b04', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: '8757da2da020772b81b80b65db8d257d3327ebc1', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: '2c0689ea6bc297b2ab1f424026c826724170b02a', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
4920
+ : this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && index.h("div", { key: '64391e08125791a2b85d36fac02dc5882e7ec59c', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && index.h("div", { key: 'd7529a5000bc76f341608178bc8d1aaf5ef050be', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
4921
+ index.h("button", { key: 'b9db99139d32c5a60eed2984ff8147485a53a806', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, index.h("svg", { key: '90093b1cc2ce95d9d9170589b6e92533af4fc112', viewBox: "0 0 100 100", "aria-hidden": "true" }, index.h("path", { key: '512d5345c3dea504b8b5f0cb7bee0bf21815d15b', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
4922
4922
  }
4923
4923
  }
4924
4924
  get el() { return index.getElement(this); }
@@ -14583,6 +14583,7 @@ const CovetPicsUpload = class {
14583
14583
  }
14584
14584
  async closeUpload() {
14585
14585
  this.uploadIsClosing = true;
14586
+ this.isFormValid = false;
14586
14587
  this.appStore.dispatch(slider.setUploadClose());
14587
14588
  }
14588
14589
  componentWillLoad() {
@@ -15054,10 +15055,10 @@ const CovetPicsUpload = class {
15054
15055
  }
15055
15056
  render() {
15056
15057
  const starsArray = [1, 2, 3, 4, 5];
15057
- return (index.h(index.Host, { key: 'ea63c0abeb955ff42100b53fa2bf32607aca9f7f', style: this.setPopupCSSVariables(), class: { "needsclick": true, "covet-pics-popup-show": this.uploadIsOpen || this.uploadIsClosing, "covet-pics-popup-open": this.uploadIsOpen } }, index.h("div", { key: '48b0677600d3d9a3587856c0927799ebda1bc1bb', class: { "popup": true, "animated": this.appState.settings.popup_animation, "upload_widget": true, "open": this.uploadIsOpen || this.uploadIsClosing }, tabindex: this.appState.upload.uploadOpen ? 1 : -1, role: "dialog", "aria-label": "Upload" }, index.h("div", { key: 'edbac68365cf9518c055da0ce2aa12bc24474f50', class: "upload" }, !this.standalone &&
15058
- index.h("button", { key: '13fad94c10f927d2de07adc2b166fd62495ab44d', class: "upload-close", type: "button", "data-dismiss": "popup", onClick: this.hidePopupClickHandler, "aria-label": "popup close" }), index.h("form", { key: 'f15524d0a80866a9d89cbe367b75e375c62e4ce7', class: "upload-form" }, index.h("div", { key: '2a4c30aff58d9dbe08d2ad3e7a47f3c61dbbfd2e', class: "upload-scroll" }, index.h("div", { key: 'eefc0c78e0dc48361f2ad50979e4decefe431861', class: "upload-step step1" }, index.h("h2", { key: '78118210f510bfd7a7ac63a1963a931ea4c12b1c', class: "upload-h2" }, this.appState.settings.customer_photo_upload_title), index.h("h3", { key: '837ad85fcc2fd4f1178e5cc3c163e85986e9cd55', class: "upload-h3" }, this.appState.settings.customer_photo_upload_body), index.h("div", { key: 'b180e0e7aed4060c0d9b355a2c7099fc3da0b01a', class: "dropzone" }, index.h("div", { key: 'c31bab9caed9ef2f753e2200a4c8284f6364045b', class: "dropzone-graphics", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler, onClick: this.openDialog }, SVGDropdown(), index.h("div", { key: '1005a4b0ddab4f68decae7880591332c83d409b4', class: "upload-drop" }, index.h("div", { key: '84c3d98467443d8367707aa1eff45718a1869c2b', class: "upload-text upload-text-drop" }, this.appState.settings.customer_photo_upload_drop_files_label), index.h("span", { key: '25c588daebabe7170589d3af1c2e9f6a8be5a22e', class: "upload-drop-progress" })), index.h("input", { key: 'ff8a5f1099d07b9371d7e9f1af820f0a67e46db4', type: "file", hidden: true, name: "files[]", multiple: true, accept: "image/png,image/gif,image/jpg,image/jpeg", onChange: this.onChangeHandler, "aria-label": this.appState.settings.customer_photo_upload_drop_files_label })), index.h("div", { key: 'db54a71d8e7e70967c0adecc6045e804af59dd2d', class: "upload-gallery no-active", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler }, this.thumbnailLinks.map((link, index$1) => index.h("div", { class: `upload-img-wrap wrap-pos-${index$1 + 1} img-count-${this.thumbnailLinks.length} before-enter`, onClick: (e) => this.onRemoveImageHandler(e, link) }, index.h("img", { src: link, alt: `uploaded img preview ${index$1 + 1}/${this.thumbnailLinks.length}`, class: "upload-img" }), index.h("span", { class: "icon-cross" }))), this.thumbnailLinks.length < 4 &&
15059
- index.h("span", { key: 'e55b0facc3012c0e6fe976f76bd38f14a057bebe', class: `upload-img-wrap wrap-pos-${this.thumbnailLinks.length + 1} upload-img-upload img-count-${this.thumbnailLinks.length} before-enter`, onClick: this.onUploadClickHandler }, index.h("span", { key: '31a5464b4348859136336e9d9914c0cd76a91154', class: "icon-cross plus" }))), index.h("span", { key: '7c96a3aabddf7f0657803e01e36e233264dc9244', class: "upload-img-count" }, "(", this.thumbnailLinks.length, "/4)")), index.h("button", { key: 'c9f2f1f886b49263f4bd7a79c06481e0c7cc9fb0', type: "button", class: "btn-skip", onClick: () => this.showSkipToStep2(), "aria-label": "skip upload image for text review" }, "Skip", index.h(funcComponents.IconDown, { key: '1d35805d3b685098356ea92af99642dc35656a42' }))), index.h("div", { key: '36ff2440536baf4dde33288207bb933fa4b440f1', class: "upload-step step2 hidden" }, index.h("div", { key: '30e8b588992cd839db1638110a32b074af10df93', class: { "star-rating": true, "no-active": !this.appState.settings.upload_show_star_rating } }, starsArray.map((el, index$1) => index.h("span", { class: { "icon-star": true, "active": el <= this.starRating, "warning": this.showFormWarning && this.postData["rating"] === null }, onClick: (e) => this.starClickHandler(e, index$1), onMouseEnter: () => { this.starRating = index$1 + 1; this.showFormWarning = false; }, onMouseLeave: () => this.starRating = this.postData["rating"] }, SVGStar()))), index.h("input", { key: '75aad7ac657e92d4389a552e9959d50438fc59b5', type: "text", class: { "form-control": true, "warning": this.showFormWarning && !this.isInputValid("source_user_id") }, placeholder: this.appState.settings.customer_photo_upload_form_name_placeholder, name: "source_user_id", onInput: this.postDataChangeHandler, value: this.postData["source_user_id"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_name_placeholder }), index.h("input", { key: 'd64317361cb3e9fcd9365b5b63c78facad59852c', type: "email", class: { "form-control": true, "warning": this.showFormWarning && !this.isInputValid("source_user_email") }, placeholder: this.appState.settings.customer_photo_upload_form_email_placeholder, name: "source_user_email", onInput: this.postDataChangeHandler, value: this.postData["source_user_email"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_email_placeholder }), index.h("textarea", { key: '74a05676209d5d037d7830d97ae6fa8a61eab67a', class: { "form-control form-textarea": true, "warning": this.showFormWarning && !this.isInputValid("caption") }, rows: 6, placeholder: this.appState.settings.customer_photo_upload_form_body_placeholder, name: "caption", onInput: this.postDataChangeHandler, value: this.postData["caption"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_body_placeholder }), this.appState.settings.customer_photo_upload_form_legal_message !== "" &&
15060
- index.h("p", { key: '332d6b95348582b1118f18b336f43622eaed6a10', class: "upload-text privacy", innerHTML: this.appState.settings.customer_photo_upload_form_legal_message }), index.h("button", { key: '1b7f068e0ac90b1cf99a962420a55e8a27794692', type: "submit", class: { "upload-submit": true }, onClick: this.handleSendClick, "aria-label": this.appState.settings.customer_photo_upload_form_send_label }, this.appState.settings.customer_photo_upload_form_send_label)), index.h("div", { key: '060e068666147ef880530f5d1ead8bb87ae4e200', class: "upload-step step3 hidden" }, index.h("h2", { key: 'e58f901eaf5322cd087cb83856212bd18320ee78', class: "upload-h2 progress" }, this.appState.settings.customer_photo_upload_form_uploading), index.h("div", { key: 'e0d274ca58a8c8340cbf7ac0946c42750d242935', class: "progress-bar" })), index.h("div", { key: '0ea2cc257cf1dae97b95006647e79a2abd846516', class: "upload-step step4 hidden" }, SVGCompleted(), index.h("p", { key: '46b4e821c199f8af7521d73a027a30bb69b966d4', class: "upload-text completed", innerHTML: this.appState.settings.customer_photo_upload_complete_body }), index.h("button", { key: '06ca4ebebe1b01cb25cf663a07039af471b111e2', class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit", type: "button" }, this.appState.settings.customer_photo_upload_complete_close_label))))), index.h("div", { key: '71a69117917bd2afe8cba68ece7405204d1541b3', class: "backdrop", onClick: this.hidePopupClickHandler }), index.h("div", { key: '7a7a5f81ec271999434accf97f23eb2e9273a15e', class: { "notification": true, "active": this.isNotificationActive } }, index.h("p", { key: 'b54e81f188b6603b9ab6c702b43211da1a5eea14', class: "notification-message" }, "error: ", this.notificationMessage)))));
15058
+ return (index.h(index.Host, { key: '408bc818d7f9b03e1565d69b1cb0bd5ed8aba290', style: this.setPopupCSSVariables(), class: { "needsclick": true, "covet-pics-popup-show": this.uploadIsOpen || this.uploadIsClosing, "covet-pics-popup-open": this.uploadIsOpen } }, index.h("div", { key: 'de266c4586ab6b318ab53cae728009d3274c3949', class: { "popup": true, "animated": this.appState.settings.popup_animation, "upload_widget": true, "open": this.uploadIsOpen || this.uploadIsClosing }, tabindex: this.appState.upload.uploadOpen ? 1 : -1, role: "dialog", "aria-label": "Upload" }, index.h("div", { key: '6195c01287fa923d8e426ba8dc4655381d529434', class: "upload" }, !this.standalone &&
15059
+ index.h("button", { key: '9e1e87fb5a8e6bfec9ea16ebd67e0e1c697d1d62', class: "upload-close", type: "button", "data-dismiss": "popup", onClick: this.hidePopupClickHandler, "aria-label": "popup close" }), index.h("form", { key: '0c69257d83ffe7bf7ae34b14040a7fb1da5494ca', class: "upload-form" }, index.h("div", { key: 'efd7c949041e293a6f7eae70316d3cf1d032fc31', class: "upload-scroll" }, index.h("div", { key: '35c2eaf0210a0e99cb8fee3fac34af498812a437', class: "upload-step step1" }, index.h("h2", { key: '3b659b71cbe1ffb6a401724b6f02311ce6658288', class: "upload-h2" }, this.appState.settings.customer_photo_upload_title), index.h("h3", { key: 'a09ab71ff8a7ac9dc06af087f7b16a1744aa6d2a', class: "upload-h3" }, this.appState.settings.customer_photo_upload_body), index.h("div", { key: '519bb449b7f316cef2ea8e3820583f8929643a87', class: "dropzone" }, index.h("div", { key: '36abfb3fb2c571d904c739e93de46b718dc402e6', class: "dropzone-graphics", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler, onClick: this.openDialog }, SVGDropdown(), index.h("div", { key: 'ff30e32904d7ac2bb56af3baa73d3343b291a709', class: "upload-drop" }, index.h("div", { key: '9a2af867fcfccd22c172883a5d4521906a4ac5ce', class: "upload-text upload-text-drop" }, this.appState.settings.customer_photo_upload_drop_files_label), index.h("span", { key: '0248a18097596aa4d2c211449da75752b8964ca5', class: "upload-drop-progress" })), index.h("input", { key: '3212f641d671b123f61ef3f325bad485bb5dd3ab', type: "file", hidden: true, name: "files[]", multiple: true, accept: "image/png,image/gif,image/jpg,image/jpeg", onChange: this.onChangeHandler, "aria-label": this.appState.settings.customer_photo_upload_drop_files_label })), index.h("div", { key: 'c905eb3ef059827c640b1fffd778509bd481cd48', class: "upload-gallery no-active", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler }, this.thumbnailLinks.map((link, index$1) => index.h("div", { class: `upload-img-wrap wrap-pos-${index$1 + 1} img-count-${this.thumbnailLinks.length} before-enter`, onClick: (e) => this.onRemoveImageHandler(e, link) }, index.h("img", { src: link, alt: `uploaded img preview ${index$1 + 1}/${this.thumbnailLinks.length}`, class: "upload-img" }), index.h("span", { class: "icon-cross" }))), this.thumbnailLinks.length < 4 &&
15060
+ index.h("span", { key: '73f9ad9901b1495caf19fbc5b5cbaa565715ef97', class: `upload-img-wrap wrap-pos-${this.thumbnailLinks.length + 1} upload-img-upload img-count-${this.thumbnailLinks.length} before-enter`, onClick: this.onUploadClickHandler }, index.h("span", { key: 'c64f1ee4215bda1363204ab23e0ac00591c1eb74', class: "icon-cross plus" }))), index.h("span", { key: 'b388adccdd03cd25d93611b4f29874d104a63ec9', class: "upload-img-count" }, "(", this.thumbnailLinks.length, "/4)")), index.h("button", { key: '7efccc53947565423d0b7a392a400cbf3fa91d69', type: "button", class: "btn-skip", onClick: () => this.showSkipToStep2(), "aria-label": "skip upload image for text review" }, "Skip", index.h(funcComponents.IconDown, { key: '9b4da214d554b6743b8034aa06ed333a3aa72d18' }))), index.h("div", { key: '3870f9be9a9378ef99d2c7cef8790361df639366', class: "upload-step step2 hidden" }, index.h("div", { key: '433f5a378da821f4450094d8ca9bd684151fcf9b', class: { "star-rating": true, "no-active": !this.appState.settings.upload_show_star_rating } }, starsArray.map((el, index$1) => index.h("span", { class: { "icon-star": true, "active": el <= this.starRating, "warning": this.showFormWarning && this.postData["rating"] === null }, onClick: (e) => this.starClickHandler(e, index$1), onMouseEnter: () => { this.starRating = index$1 + 1; this.showFormWarning = false; }, onMouseLeave: () => this.starRating = this.postData["rating"] }, SVGStar()))), index.h("input", { key: '2b36135fda04fa9b026a73552bd2fab783c9b90a', type: "text", class: { "form-control": true, "warning": this.showFormWarning && !this.isInputValid("source_user_id") }, placeholder: this.appState.settings.customer_photo_upload_form_name_placeholder, name: "source_user_id", onInput: this.postDataChangeHandler, value: this.postData["source_user_id"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_name_placeholder }), index.h("input", { key: '7afa4968a08715bb9d4421f806cabdc54a3874fd', type: "email", class: { "form-control": true, "warning": this.showFormWarning && !this.isInputValid("source_user_email") }, placeholder: this.appState.settings.customer_photo_upload_form_email_placeholder, name: "source_user_email", onInput: this.postDataChangeHandler, value: this.postData["source_user_email"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_email_placeholder }), index.h("textarea", { key: '9b9eec319228b5c46853f85c61817151f063af01', class: { "form-control form-textarea": true, "warning": this.showFormWarning && !this.isInputValid("caption") }, rows: 6, placeholder: this.appState.settings.customer_photo_upload_form_body_placeholder, name: "caption", onInput: this.postDataChangeHandler, value: this.postData["caption"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_body_placeholder }), this.appState.settings.customer_photo_upload_form_legal_message !== "" &&
15061
+ index.h("p", { key: '2b86cd0d4411f6adb211ebc09a5f6f23a0588c2b', class: "upload-text privacy", innerHTML: this.appState.settings.customer_photo_upload_form_legal_message }), index.h("button", { key: '28496c75d8afad48ad83b8e45cc7af4f59156877', type: "submit", class: { "upload-submit": true }, onClick: this.handleSendClick, "aria-label": this.appState.settings.customer_photo_upload_form_send_label }, this.appState.settings.customer_photo_upload_form_send_label)), index.h("div", { key: '85fb61d0495d3d91254053ff76822a41cdb3713c', class: "upload-step step3 hidden" }, index.h("h2", { key: '82a2e07724d389326af47d3b14b11a97637068c1', class: "upload-h2 progress" }, this.appState.settings.customer_photo_upload_form_uploading), index.h("div", { key: '4702e7ddf1393ca07b46937103b279d7a5363dfe', class: "progress-bar" })), index.h("div", { key: 'e5d683be4e4fbeb886ab180ac78bfb7a4e7e6fae', class: "upload-step step4 hidden" }, SVGCompleted(), index.h("p", { key: 'a88249f304e3454dc7159cdb7f407689d5b8f984', class: "upload-text completed", innerHTML: this.appState.settings.customer_photo_upload_complete_body }), index.h("button", { key: 'fb3c7f38018faeeaa1904b10b3ea4f1fe435a0dc', class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit", type: "button" }, this.appState.settings.customer_photo_upload_complete_close_label))))), index.h("div", { key: '486c8a7a89b1d127b69de6c01709533fb7d60b95', class: "backdrop", onClick: this.hidePopupClickHandler }), index.h("div", { key: 'b5df17f3a4e156c49d5545ccf3b4ed9c975cef6e', class: { "notification": true, "active": this.isNotificationActive } }, index.h("p", { key: 'fcf4bfb6700f2382ac747054bd589823e41a27ee', class: "notification-message" }, "error: ", this.notificationMessage)))));
15061
15062
  }
15062
15063
  get el() { return index.getElement(this); }
15063
15064
  static get watchers() { return {
@@ -258,10 +258,10 @@ export class CovetPicsGallerySlider {
258
258
  return (h("covet-pics-gallery-item-detail", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "item-source": item.source, "image-url": item.imageUrl, "item-index": idx, "item-size": this.itemSize, "aria-label": `click on for upload image in slider, slide ${idx + 1}/${itemsLength},`, appStore: this.appStore }));
259
259
  }
260
260
  renderStandardItem(item, idx, itemsLength) {
261
- return (h("covet-pics-gallery-item", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "video-url": this.getItemVideoLink(item), "item-id": item.id, "item-source": item.source, "item-size": this.itemSize, links: item.links, url: item.url, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in main slider`, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "created-time": item.created_time, "item-type": item.data_type, caption: item.caption, "item-index": idx, appStore: this.appStore }));
261
+ return (h("covet-pics-gallery-item", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "video-url": this.getItemVideoLink(item), "item-id": item.id, "item-source": item.source, "item-size": this.itemSize, links: item.links, url: item.url, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, item.created_time), "aria-label": this.sliderStyle === "regular" ? `slide ${idx + 1} of ${itemsLength} in main slider` : null, rating: item.rating !== null ? item.rating : 0, "user-name": item.username, "created-time": item.created_time, "item-type": item.data_type, caption: item.caption, "item-index": idx, appStore: this.appStore }));
262
262
  }
263
263
  renderDetailItem(item, idx, itemsLength) {
264
- return (h("covet-pics-gallery-item-detail", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "video-url": this.getItemVideoLink(item), "item-id": item.id, "item-source": item.source, "item-type": item.data_type, "item-size": this.itemSize, "lazy-load": true, links: item.links, url: item.url, "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, verified: item.verified, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, item.created_time), "aria-label": `slide ${idx + 1} of ${itemsLength} in main slider`, appStore: this.appStore, "item-index": idx }));
264
+ return (h("covet-pics-gallery-item-detail", { class: { "swiper-slide": this.sliderStyle === "regular", "material-content": this.sliderStyle === "material" }, "image-url": getCoverImage(item.cover_images.medium_resolution, item.images.medium_resolution), "image-high-resolution-url": getCoverImage(item.cover_images.high_resolution, item.images.high_resolution), "image-responsive-sizes": getSizesForResponsiveImage(this.appState.settings.slideshow_photos_per_row, this.appState.settings.slideshow_mobile_photos_per_row), "video-url": this.getItemVideoLink(item), "item-id": item.id, "item-source": item.source, "item-type": item.data_type, "item-size": this.itemSize, "lazy-load": true, links: item.links, url: item.url, "user-name": item.username, caption: item.caption, "created-time": item.created_time, rating: item.rating !== null ? item.rating : 0, verified: item.verified, "alt-tag": this.itemImgAltTag(item.alt_tag, item.caption, item.created_time), "aria-label": this.sliderStyle === "regular" ? `slide ${idx + 1} of ${itemsLength} in main slider` : null, appStore: this.appStore, "item-index": idx }));
265
265
  }
266
266
  render() {
267
267
  const isMaterial = this.sliderStyle === "material";
@@ -288,7 +288,7 @@ export class CovetPicsGallerySlider {
288
288
  ? this.appState.settings.slideshow_desktop_pagination_style
289
289
  : this.appState.settings.slideshow_mobile_pagination_style;
290
290
  if (this.items !== undefined) {
291
- return (h(Host, { key: '2848600d1d00ac3f6266f111671c07babaab30eb', class: {
291
+ return (h(Host, { key: 'de6e4b595c4b0ada296c5231f32cb32296e5836a', class: {
292
292
  "arrows-outside": arrowsPosition === "middle" && arrowsAlign === "outside", "mobile": !isDesktopScreen,
293
293
  "pagination-dots": paginationStyle === "dots" || paginationStyle === "animated-dots", "pagination-line": paginationStyle === "line",
294
294
  "pagination-none": paginationStyle === "none",
@@ -297,18 +297,18 @@ export class CovetPicsGallerySlider {
297
297
  "pagination-top": paginationPosition === "top",
298
298
  "pagination-bottom": paginationPosition === "bottom"
299
299
  } }, arrowsPosition !== "none" &&
300
- h("button", { key: '238e46803a747b66b10154edeb806bf4eaf1b330', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, h("svg", { key: '8de37534f4d70182583888be98ded10f8524d283', viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: '86914cf0a297d4d3c66a573ab5f02194a6b85373', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), h("section", { key: '323026901a2b37fa6e83d1ede9aab770d9c38b7f', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
301
- h("div", { key: '3e01adad44ed80765a7a53686dbf57cea25ef95d', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
300
+ h("button", { key: '44665b3f96372c1aa318e2daca97d5761c04cf50', class: `swiper-button-prev ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, h("svg", { key: '929a1f2cc52f5aa6f4777d19375d89e4bd833547', viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: 'b4295dc3204771117ed3ae7a008dae5cf475d862', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " }))), h("section", { key: 'd9a99117cac2ab68d84e5e220ce9056e184c3580', class: `gallery swiper ${materialClass}` }, this.sliderStyle === "regular" &&
301
+ h("div", { key: 'e91c975ce1893d95a4bef4c49b44f5aa9eeea86e', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => item.source === "upload_widget"
302
302
  ? this.renderStandardUploadItem(item, idx, this.items.length)
303
303
  : this.renderStandardItem(item, idx, this.items.length)), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => item.source === "upload_widget"
304
304
  ? this.renderDetailUploadItem(item, idx, this.items.length)
305
305
  : this.renderDetailItem(item, idx, this.items.length))), this.sliderStyle === "material" &&
306
- h("div", { key: 'ac893d5c9ce575c4f62e9cc8702f5be8b366f8fd', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => h("div", { class: "swiper-slide" }, h("div", { class: "material-wrapper" }, item.source === "upload_widget"
306
+ h("div", { key: '37350918140cd2448293ca6d44636767107fb17d', class: "swiper-wrapper" }, this.appState.settings.item_style === "standard" && this.items.map((item, idx) => h("div", { class: "swiper-slide", "aria-label": `slide ${idx + 1} of ${this.items.length} in main slider` }, h("div", { class: "material-wrapper" }, item.source === "upload_widget"
307
307
  ? this.renderStandardUploadItem(item, idx, this.items.length)
308
- : this.renderStandardItem(item, idx, this.items.length)))), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => h("div", { class: "swiper-slide" }, h("div", { class: `material-wrapper ${this.appState.settings.item_style}` }, item.source === "upload_widget"
308
+ : this.renderStandardItem(item, idx, this.items.length)))), this.appState.settings.item_style !== "standard" && this.items.map((item, idx) => h("div", { class: "swiper-slide", "aria-label": `slide ${idx + 1} of ${this.items.length} in main slider` }, h("div", { class: `material-wrapper ${this.appState.settings.item_style}` }, item.source === "upload_widget"
309
309
  ? this.renderDetailUploadItem(item, idx, this.items.length)
310
- : this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && h("div", { key: 'e0e18dd99659455e6783c7c7657bbae17e6d7e65', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && h("div", { key: '088e274071795a3a52278ec78be9dbf2c1f5923c', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
311
- h("button", { key: '79d6053858ab61b752c54205b9ef4b9cf13a2b04', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, h("svg", { key: '8757da2da020772b81b80b65db8d257d3327ebc1', viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: '2c0689ea6bc297b2ab1f424026c826724170b02a', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
310
+ : this.renderDetailItem(item, idx, this.items.length)))))), (paginationStyle === "dots" || paginationStyle === "animated-dots") && h("div", { key: '64391e08125791a2b85d36fac02dc5882e7ec59c', class: `swiper-pagination ${paginationStyle} ${paginationPosition} ${paginationAlign}` }), paginationStyle === "line" && h("div", { key: 'd7529a5000bc76f341608178bc8d1aaf5ef050be', class: `swiper-scrollbar ${paginationPosition} ${paginationAlign}` }), arrowsPosition !== "none" &&
311
+ h("button", { key: 'b9db99139d32c5a60eed2984ff8147485a53a806', class: `swiper-button-next ${this.appState.settings.item_style} ${arrowsPosition} ${arrowsAlign}`, type: "button" }, h("svg", { key: '90093b1cc2ce95d9d9170589b6e92533af4fc112', viewBox: "0 0 100 100", "aria-hidden": "true" }, h("path", { key: '512d5345c3dea504b8b5f0cb7bee0bf21815d15b', d: "M35.5992906,51.1028539 L41.7768136,57.2847304 L41.7768136,61.570226 L30,49.785113 L41.7768136,38 L41.7768136,42.2854956 L35.9938338,48.0725509 L69.1769366,48.0725509 L69.1769366,51.1028539 L35.5992906,51.1028539 Z", class: "arrow", transform: "translate(100, 100) rotate(180) " })))));
312
312
  }
313
313
  }
314
314
  static get is() { return "covet-pics-gallery-slider"; }
@@ -145,6 +145,7 @@ export class CovetPicsUpload {
145
145
  }
146
146
  async closeUpload() {
147
147
  this.uploadIsClosing = true;
148
+ this.isFormValid = false;
148
149
  this.appStore.dispatch(setUploadClose());
149
150
  }
150
151
  componentWillLoad() {
@@ -616,10 +617,10 @@ export class CovetPicsUpload {
616
617
  }
617
618
  render() {
618
619
  const starsArray = [1, 2, 3, 4, 5];
619
- return (h(Host, { key: 'ea63c0abeb955ff42100b53fa2bf32607aca9f7f', style: this.setPopupCSSVariables(), class: { "needsclick": true, "covet-pics-popup-show": this.uploadIsOpen || this.uploadIsClosing, "covet-pics-popup-open": this.uploadIsOpen } }, h("div", { key: '48b0677600d3d9a3587856c0927799ebda1bc1bb', class: { "popup": true, "animated": this.appState.settings.popup_animation, "upload_widget": true, "open": this.uploadIsOpen || this.uploadIsClosing }, tabindex: this.appState.upload.uploadOpen ? 1 : -1, role: "dialog", "aria-label": "Upload" }, h("div", { key: 'edbac68365cf9518c055da0ce2aa12bc24474f50', class: "upload" }, !this.standalone &&
620
- h("button", { key: '13fad94c10f927d2de07adc2b166fd62495ab44d', class: "upload-close", type: "button", "data-dismiss": "popup", onClick: this.hidePopupClickHandler, "aria-label": "popup close" }), h("form", { key: 'f15524d0a80866a9d89cbe367b75e375c62e4ce7', class: "upload-form" }, h("div", { key: '2a4c30aff58d9dbe08d2ad3e7a47f3c61dbbfd2e', class: "upload-scroll" }, h("div", { key: 'eefc0c78e0dc48361f2ad50979e4decefe431861', class: "upload-step step1" }, h("h2", { key: '78118210f510bfd7a7ac63a1963a931ea4c12b1c', class: "upload-h2" }, this.appState.settings.customer_photo_upload_title), h("h3", { key: '837ad85fcc2fd4f1178e5cc3c163e85986e9cd55', class: "upload-h3" }, this.appState.settings.customer_photo_upload_body), h("div", { key: 'b180e0e7aed4060c0d9b355a2c7099fc3da0b01a', class: "dropzone" }, h("div", { key: 'c31bab9caed9ef2f753e2200a4c8284f6364045b', class: "dropzone-graphics", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler, onClick: this.openDialog }, SVGDropdown(), h("div", { key: '1005a4b0ddab4f68decae7880591332c83d409b4', class: "upload-drop" }, h("div", { key: '84c3d98467443d8367707aa1eff45718a1869c2b', class: "upload-text upload-text-drop" }, this.appState.settings.customer_photo_upload_drop_files_label), h("span", { key: '25c588daebabe7170589d3af1c2e9f6a8be5a22e', class: "upload-drop-progress" })), h("input", { key: 'ff8a5f1099d07b9371d7e9f1af820f0a67e46db4', type: "file", hidden: true, name: "files[]", multiple: true, accept: "image/png,image/gif,image/jpg,image/jpeg", onChange: this.onChangeHandler, "aria-label": this.appState.settings.customer_photo_upload_drop_files_label })), h("div", { key: 'db54a71d8e7e70967c0adecc6045e804af59dd2d', class: "upload-gallery no-active", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler }, this.thumbnailLinks.map((link, index) => h("div", { class: `upload-img-wrap wrap-pos-${index + 1} img-count-${this.thumbnailLinks.length} before-enter`, onClick: (e) => this.onRemoveImageHandler(e, link) }, h("img", { src: link, alt: `uploaded img preview ${index + 1}/${this.thumbnailLinks.length}`, class: "upload-img" }), h("span", { class: "icon-cross" }))), this.thumbnailLinks.length < 4 &&
621
- h("span", { key: 'e55b0facc3012c0e6fe976f76bd38f14a057bebe', class: `upload-img-wrap wrap-pos-${this.thumbnailLinks.length + 1} upload-img-upload img-count-${this.thumbnailLinks.length} before-enter`, onClick: this.onUploadClickHandler }, h("span", { key: '31a5464b4348859136336e9d9914c0cd76a91154', class: "icon-cross plus" }))), h("span", { key: '7c96a3aabddf7f0657803e01e36e233264dc9244', class: "upload-img-count" }, "(", this.thumbnailLinks.length, "/4)")), h("button", { key: 'c9f2f1f886b49263f4bd7a79c06481e0c7cc9fb0', type: "button", class: "btn-skip", onClick: () => this.showSkipToStep2(), "aria-label": "skip upload image for text review" }, "Skip", h(IconDown, { key: '1d35805d3b685098356ea92af99642dc35656a42' }))), h("div", { key: '36ff2440536baf4dde33288207bb933fa4b440f1', class: "upload-step step2 hidden" }, h("div", { key: '30e8b588992cd839db1638110a32b074af10df93', class: { "star-rating": true, "no-active": !this.appState.settings.upload_show_star_rating } }, starsArray.map((el, index) => h("span", { class: { "icon-star": true, "active": el <= this.starRating, "warning": this.showFormWarning && this.postData["rating"] === null }, onClick: (e) => this.starClickHandler(e, index), onMouseEnter: () => { this.starRating = index + 1; this.showFormWarning = false; }, onMouseLeave: () => this.starRating = this.postData["rating"] }, SVGStar()))), h("input", { key: '75aad7ac657e92d4389a552e9959d50438fc59b5', type: "text", class: { "form-control": true, "warning": this.showFormWarning && !this.isInputValid("source_user_id") }, placeholder: this.appState.settings.customer_photo_upload_form_name_placeholder, name: "source_user_id", onInput: this.postDataChangeHandler, value: this.postData["source_user_id"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_name_placeholder }), h("input", { key: 'd64317361cb3e9fcd9365b5b63c78facad59852c', type: "email", class: { "form-control": true, "warning": this.showFormWarning && !this.isInputValid("source_user_email") }, placeholder: this.appState.settings.customer_photo_upload_form_email_placeholder, name: "source_user_email", onInput: this.postDataChangeHandler, value: this.postData["source_user_email"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_email_placeholder }), h("textarea", { key: '74a05676209d5d037d7830d97ae6fa8a61eab67a', class: { "form-control form-textarea": true, "warning": this.showFormWarning && !this.isInputValid("caption") }, rows: 6, placeholder: this.appState.settings.customer_photo_upload_form_body_placeholder, name: "caption", onInput: this.postDataChangeHandler, value: this.postData["caption"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_body_placeholder }), this.appState.settings.customer_photo_upload_form_legal_message !== "" &&
622
- h("p", { key: '332d6b95348582b1118f18b336f43622eaed6a10', class: "upload-text privacy", innerHTML: this.appState.settings.customer_photo_upload_form_legal_message }), h("button", { key: '1b7f068e0ac90b1cf99a962420a55e8a27794692', type: "submit", class: { "upload-submit": true }, onClick: this.handleSendClick, "aria-label": this.appState.settings.customer_photo_upload_form_send_label }, this.appState.settings.customer_photo_upload_form_send_label)), h("div", { key: '060e068666147ef880530f5d1ead8bb87ae4e200', class: "upload-step step3 hidden" }, h("h2", { key: 'e58f901eaf5322cd087cb83856212bd18320ee78', class: "upload-h2 progress" }, this.appState.settings.customer_photo_upload_form_uploading), h("div", { key: 'e0d274ca58a8c8340cbf7ac0946c42750d242935', class: "progress-bar" })), h("div", { key: '0ea2cc257cf1dae97b95006647e79a2abd846516', class: "upload-step step4 hidden" }, SVGCompleted(), h("p", { key: '46b4e821c199f8af7521d73a027a30bb69b966d4', class: "upload-text completed", innerHTML: this.appState.settings.customer_photo_upload_complete_body }), h("button", { key: '06ca4ebebe1b01cb25cf663a07039af471b111e2', class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit", type: "button" }, this.appState.settings.customer_photo_upload_complete_close_label))))), h("div", { key: '71a69117917bd2afe8cba68ece7405204d1541b3', class: "backdrop", onClick: this.hidePopupClickHandler }), h("div", { key: '7a7a5f81ec271999434accf97f23eb2e9273a15e', class: { "notification": true, "active": this.isNotificationActive } }, h("p", { key: 'b54e81f188b6603b9ab6c702b43211da1a5eea14', class: "notification-message" }, "error: ", this.notificationMessage)))));
620
+ return (h(Host, { key: '408bc818d7f9b03e1565d69b1cb0bd5ed8aba290', style: this.setPopupCSSVariables(), class: { "needsclick": true, "covet-pics-popup-show": this.uploadIsOpen || this.uploadIsClosing, "covet-pics-popup-open": this.uploadIsOpen } }, h("div", { key: 'de266c4586ab6b318ab53cae728009d3274c3949', class: { "popup": true, "animated": this.appState.settings.popup_animation, "upload_widget": true, "open": this.uploadIsOpen || this.uploadIsClosing }, tabindex: this.appState.upload.uploadOpen ? 1 : -1, role: "dialog", "aria-label": "Upload" }, h("div", { key: '6195c01287fa923d8e426ba8dc4655381d529434', class: "upload" }, !this.standalone &&
621
+ h("button", { key: '9e1e87fb5a8e6bfec9ea16ebd67e0e1c697d1d62', class: "upload-close", type: "button", "data-dismiss": "popup", onClick: this.hidePopupClickHandler, "aria-label": "popup close" }), h("form", { key: '0c69257d83ffe7bf7ae34b14040a7fb1da5494ca', class: "upload-form" }, h("div", { key: 'efd7c949041e293a6f7eae70316d3cf1d032fc31', class: "upload-scroll" }, h("div", { key: '35c2eaf0210a0e99cb8fee3fac34af498812a437', class: "upload-step step1" }, h("h2", { key: '3b659b71cbe1ffb6a401724b6f02311ce6658288', class: "upload-h2" }, this.appState.settings.customer_photo_upload_title), h("h3", { key: 'a09ab71ff8a7ac9dc06af087f7b16a1744aa6d2a', class: "upload-h3" }, this.appState.settings.customer_photo_upload_body), h("div", { key: '519bb449b7f316cef2ea8e3820583f8929643a87', class: "dropzone" }, h("div", { key: '36abfb3fb2c571d904c739e93de46b718dc402e6', class: "dropzone-graphics", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler, onClick: this.openDialog }, SVGDropdown(), h("div", { key: 'ff30e32904d7ac2bb56af3baa73d3343b291a709', class: "upload-drop" }, h("div", { key: '9a2af867fcfccd22c172883a5d4521906a4ac5ce', class: "upload-text upload-text-drop" }, this.appState.settings.customer_photo_upload_drop_files_label), h("span", { key: '0248a18097596aa4d2c211449da75752b8964ca5', class: "upload-drop-progress" })), h("input", { key: '3212f641d671b123f61ef3f325bad485bb5dd3ab', type: "file", hidden: true, name: "files[]", multiple: true, accept: "image/png,image/gif,image/jpg,image/jpeg", onChange: this.onChangeHandler, "aria-label": this.appState.settings.customer_photo_upload_drop_files_label })), h("div", { key: 'c905eb3ef059827c640b1fffd778509bd481cd48', class: "upload-gallery no-active", onDragOver: this.onDragOverHandler, onDrop: this.onDropHandler }, this.thumbnailLinks.map((link, index) => h("div", { class: `upload-img-wrap wrap-pos-${index + 1} img-count-${this.thumbnailLinks.length} before-enter`, onClick: (e) => this.onRemoveImageHandler(e, link) }, h("img", { src: link, alt: `uploaded img preview ${index + 1}/${this.thumbnailLinks.length}`, class: "upload-img" }), h("span", { class: "icon-cross" }))), this.thumbnailLinks.length < 4 &&
622
+ h("span", { key: '73f9ad9901b1495caf19fbc5b5cbaa565715ef97', class: `upload-img-wrap wrap-pos-${this.thumbnailLinks.length + 1} upload-img-upload img-count-${this.thumbnailLinks.length} before-enter`, onClick: this.onUploadClickHandler }, h("span", { key: 'c64f1ee4215bda1363204ab23e0ac00591c1eb74', class: "icon-cross plus" }))), h("span", { key: 'b388adccdd03cd25d93611b4f29874d104a63ec9', class: "upload-img-count" }, "(", this.thumbnailLinks.length, "/4)")), h("button", { key: '7efccc53947565423d0b7a392a400cbf3fa91d69', type: "button", class: "btn-skip", onClick: () => this.showSkipToStep2(), "aria-label": "skip upload image for text review" }, "Skip", h(IconDown, { key: '9b4da214d554b6743b8034aa06ed333a3aa72d18' }))), h("div", { key: '3870f9be9a9378ef99d2c7cef8790361df639366', class: "upload-step step2 hidden" }, h("div", { key: '433f5a378da821f4450094d8ca9bd684151fcf9b', class: { "star-rating": true, "no-active": !this.appState.settings.upload_show_star_rating } }, starsArray.map((el, index) => h("span", { class: { "icon-star": true, "active": el <= this.starRating, "warning": this.showFormWarning && this.postData["rating"] === null }, onClick: (e) => this.starClickHandler(e, index), onMouseEnter: () => { this.starRating = index + 1; this.showFormWarning = false; }, onMouseLeave: () => this.starRating = this.postData["rating"] }, SVGStar()))), h("input", { key: '2b36135fda04fa9b026a73552bd2fab783c9b90a', type: "text", class: { "form-control": true, "warning": this.showFormWarning && !this.isInputValid("source_user_id") }, placeholder: this.appState.settings.customer_photo_upload_form_name_placeholder, name: "source_user_id", onInput: this.postDataChangeHandler, value: this.postData["source_user_id"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_name_placeholder }), h("input", { key: '7afa4968a08715bb9d4421f806cabdc54a3874fd', type: "email", class: { "form-control": true, "warning": this.showFormWarning && !this.isInputValid("source_user_email") }, placeholder: this.appState.settings.customer_photo_upload_form_email_placeholder, name: "source_user_email", onInput: this.postDataChangeHandler, value: this.postData["source_user_email"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_email_placeholder }), h("textarea", { key: '9b9eec319228b5c46853f85c61817151f063af01', class: { "form-control form-textarea": true, "warning": this.showFormWarning && !this.isInputValid("caption") }, rows: 6, placeholder: this.appState.settings.customer_photo_upload_form_body_placeholder, name: "caption", onInput: this.postDataChangeHandler, value: this.postData["caption"], required: true, "aria-label": this.appState.settings.customer_photo_upload_form_body_placeholder }), this.appState.settings.customer_photo_upload_form_legal_message !== "" &&
623
+ h("p", { key: '2b86cd0d4411f6adb211ebc09a5f6f23a0588c2b', class: "upload-text privacy", innerHTML: this.appState.settings.customer_photo_upload_form_legal_message }), h("button", { key: '28496c75d8afad48ad83b8e45cc7af4f59156877', type: "submit", class: { "upload-submit": true }, onClick: this.handleSendClick, "aria-label": this.appState.settings.customer_photo_upload_form_send_label }, this.appState.settings.customer_photo_upload_form_send_label)), h("div", { key: '85fb61d0495d3d91254053ff76822a41cdb3713c', class: "upload-step step3 hidden" }, h("h2", { key: '82a2e07724d389326af47d3b14b11a97637068c1', class: "upload-h2 progress" }, this.appState.settings.customer_photo_upload_form_uploading), h("div", { key: '4702e7ddf1393ca07b46937103b279d7a5363dfe', class: "progress-bar" })), h("div", { key: 'e5d683be4e4fbeb886ab180ac78bfb7a4e7e6fae', class: "upload-step step4 hidden" }, SVGCompleted(), h("p", { key: 'a88249f304e3454dc7159cdb7f407689d5b8f984', class: "upload-text completed", innerHTML: this.appState.settings.customer_photo_upload_complete_body }), h("button", { key: 'fb3c7f38018faeeaa1904b10b3ea4f1fe435a0dc', class: "upload-submit close", onClick: this.handleCloseClick, "aria-label": "form submit", type: "button" }, this.appState.settings.customer_photo_upload_complete_close_label))))), h("div", { key: '486c8a7a89b1d127b69de6c01709533fb7d60b95', class: "backdrop", onClick: this.hidePopupClickHandler }), h("div", { key: 'b5df17f3a4e156c49d5545ccf3b4ed9c975cef6e', class: { "notification": true, "active": this.isNotificationActive } }, h("p", { key: 'fcf4bfb6700f2382ac747054bd589823e41a27ee', class: "notification-message" }, "error: ", this.notificationMessage)))));
623
624
  }
624
625
  static get is() { return "covet-pics-upload"; }
625
626
  static get encapsulation() { return "shadow"; }
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * Copyright by Space Squirrel Ltd.
3
3
  */
4
- import{p as e,b as t}from"./p-C-mGosc6.js";export{s as setNonce}from"./p-C-mGosc6.js";import{g as i}from"./p-CWiAxP5O.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-5cc07632",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-046d9c7d",[[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-6e1b1797",[[1,"covet-pics-star-rating",{rating:[2],ratingCount:[2,"rating-count"],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"],spaceStarsText:[2,"space-stars-text"],showLabel:[4,"show-label"],label:[1]}]]],["p-108c8b8a",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16,"thumbnail-carousel-images"],productLinks:[16,"product-links"],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16,"app-store"],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16,"app-store"]},null,{thumbnailUrl:["refreshHotspot"],activeHotspot:["activeHotspotHandler"]}]]],["p-a74d3938",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16,"app-store"],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}],[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16,"app-store"],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16,"app-store"],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:["autoPlayVideos"]}]]],["p-22d562ee",[[0,"covet-pics-popup-slide",{item:[16],showCaption:[4,"show-caption"],showStarRating:[4,"show-star-rating"],sharedLinkEnable:[4,"shared-link-enable"],dataLoaded:[32],isPlaying:[32],isMuted:[32],carouselIndex:[32],videoProgress:[32],showCarouselVideoControls:[32],loadMedia:[64],videoPlay:[64],videoPause:[64],videoSoundOff:[64],videoSoundOn:[64]}],[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"],sliderIndex:[32],videoPlay:[64],videoPause:[64],videoSoundOn:[64],videoSoundOff:[64],pauseAllVideos:[64]},null,{isEnabled:["enableSlider"],dataLoaded:["lazyLoadMedia"],sliderIndex:["updateSliderIndex"]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:["enableSlider"]}]]],["p-13825b0f",[[1,"covet-pics-direct-buy",{product:[8],moneyFormat:[1,"money-format"],appStore:[16,"app-store"],selectedOptions:[32],settings:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16,"app-store"],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}]]],["p-85e70a71",[[1,"covet-pics-popup",{appStore:[16,"app-store"],item:[32],product:[32],directBuyIsOpen:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],popupIsOpen:[32],popupIsClosing:[32],openPopup:[64],closePopup:[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{item:["itemChangedHandler"],popupIsOpen:["popupOpenHandler"]}],[0,"covet-pics-gallery-grid",{breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16,"app-store"],showSort:[32],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32],isFilterModalShow:[32],items:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[8,"elementResize","elementResizeHandler"],[9,"mousedown","handleClickOutside"],[0,"itemLoaded","handleItemLoaded"]]],[0,"covet-pics-gallery-slider",{sliderStyle:[1,"slider-style"],appStore:[16,"app-store"],itemSize:[32],items:[32],galleryIndex:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[8,"elementResize","elementResizeHandler"],[0,"itemLoaded","handleItemLoaded"]],{galleryIndex:["changeSlide"]}],[1,"covet-pics-popup-freeflow",{appStore:[16,"app-store"],settings:[32],items:[32],sliderIndex:[32],popupIsOpen:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{popupIsOpen:["popupOpenHandler"],sliderIndex:["updateSliderIndex"],items:["updateItems"]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16,"app-store"],productLinks:[32],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]},[[0,"pageLoaded","handleItemLoaded"]]],[1,"covet-pics-upload",{standalone:[4],appStore:[16,"app-store"],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadIsOpen:[32],uploadIsClosing:[32],openUpload:[64],closeUpload:[64]},null,{uploadIsOpen:["uploadOpenHandler"]}]]],["p-7947aca5",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],baseUrl:[1,"base-url"],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],lazyLoad:[4,"lazy-load"],isLoading:[32],minNumberOfPhotos:[32],appStore:[32],fetchingError:[32],preloadNextPage:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]],{preloadNextPage:["preloadNextPageHandler"]}]]]],e))));
4
+ import{p as e,b as t}from"./p-C-mGosc6.js";export{s as setNonce}from"./p-C-mGosc6.js";import{g as i}from"./p-CWiAxP5O.js";(()=>{const t=import.meta.url,i={};return""!==t&&(i.resourcesUrl=new URL(".",t).href),e(i)})().then((async e=>(await i(),t([["p-5cc07632",[[1,"covet-pics-post",{postId:[2,"post-id"],environment:[1],item:[32],fetchingError:[32]}]]],["p-046d9c7d",[[0,"covet-pics-crop-text",{text:[1],textClass:[1,"text-class"],textColor:[1,"text-color"],ratio:[16],cropCSS:[32]}]]],["p-6e1b1797",[[1,"covet-pics-star-rating",{rating:[2],ratingCount:[2,"rating-count"],starColor:[1,"star-color"],emptyStarColor:[1,"empty-star-color"],starBorderColor:[1,"star-border-color"],starBorderWidth:[2,"star-border-width"],starSize:[2,"star-size"],spaceStars:[2,"space-stars"],spaceStarsText:[2,"space-stars-text"],showLabel:[4,"show-label"],label:[1]}]]],["p-108c8b8a",[[0,"covet-pics-highlighted-page",{thumbnailUrl:[1,"thumbnail-url"],thumbnailAlt:[1,"thumbnail-alt"],ariaLabel:[1,"aria-label"],thumbnailLayout:[1,"thumbnail-layout"],videoUrl:[1,"video-url"],videoPoster:[1,"video-poster"],thumbnailCarouselImages:[16,"thumbnail-carousel-images"],productLinks:[16,"product-links"],productBaseImgAlt:[1,"product-base-img-alt"],reverseClass:[1,"reverse-class"],isMobile:[4,"is-mobile"],pageIndex:[2,"page-index"],caption:[1],rating:[2],createdTime:[1,"created-time"],userName:[1,"user-name"],mainSliderIndex:[2,"main-slider-index"],pageId:[2,"page-id"],appStore:[16,"app-store"],hideHotspots:[32],activeProductIndex:[32],hoverHotspot:[32]},[[0,"changeActiveHotspot","onChangeActiveHotspot"]]],[0,"covet-pics-highlighted-hotspots",{links:[16],activeHotspot:[2,"active-hotspot"],thumbnailUrl:[1,"thumbnail-url"],hoverHotspot:[2,"hover-hotspot"],isMobile:[4,"is-mobile"],productBaseImgAlt:[1,"product-base-img-alt"],pageId:[2,"page-id"],appStore:[16,"app-store"]},null,{thumbnailUrl:["refreshHotspot"],activeHotspot:["activeHotspotHandler"]}]]],["p-a74d3938",[[0,"covet-pics-gallery-header",{rating:[2],productTitle:[1,"product-title"],breakdown:[16],appStore:[16,"app-store"],showBreakdownDropdown:[32],showSortDropdown:[32],isDesktopScreen:[32]}],[0,"covet-pics-gallery-item",{altTag:[1,"alt-tag"],highlighted:[4],imageUrl:[1,"image-url"],rating:[2],itemWidth:[2,"item-width"],userName:[1,"user-name"],createdTime:[1,"created-time"],caption:[1],itemType:[1,"item-type"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],itemId:[1,"item-id"],itemSource:[1,"item-source"],links:[16],url:[1],videoUrl:[1,"video-url"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16,"app-store"],tabIndex:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"]],{sliderIndex:["autoPlayVideos"]}],[0,"covet-pics-gallery-item-detail",{altTag:[1,"alt-tag"],highlighted:[4],verified:[4],imageUrl:[1,"image-url"],imageHighResolutionUrl:[1,"image-high-resolution-url"],imageResponsiveSizes:[1,"image-responsive-sizes"],videoUrl:[1,"video-url"],itemId:[1,"item-id"],itemSource:[1,"item-source"],itemType:[1,"item-type"],links:[16],url:[1],rating:[2],userName:[1,"user-name"],caption:[1],createdTime:[1,"created-time"],itemIndex:[2,"item-index"],itemSize:[1,"item-size"],appStore:[16,"app-store"],tabIndex:[32],captionCSS:[32],reviewClass:[32],starOnlyClass:[32],highlightedClass:[32],sliderIndex:[32],showImageAsVideoPoster:[32]},[[10,"updateUploadWidgetCover","updateUploadWidgetCoverHandler"],[8,"elementResize","elementResizeHandler"]],{sliderIndex:["autoPlayVideos"]}]]],["p-22d562ee",[[0,"covet-pics-popup-slide",{item:[16],showCaption:[4,"show-caption"],showStarRating:[4,"show-star-rating"],sharedLinkEnable:[4,"shared-link-enable"],dataLoaded:[32],isPlaying:[32],isMuted:[32],carouselIndex:[32],videoProgress:[32],showCarouselVideoControls:[32],loadMedia:[64],videoPlay:[64],videoPause:[64],videoSoundOff:[64],videoSoundOn:[64]}],[0,"covet-pics-popup-freeflow-carousel",{item:[16],isEnabled:[4,"is-enabled"],dataLoaded:[1,"data-loaded"],sliderIndex:[32],videoPlay:[64],videoPause:[64],videoSoundOn:[64],videoSoundOff:[64],pauseAllVideos:[64]},null,{isEnabled:["enableSlider"],dataLoaded:["lazyLoadMedia"],sliderIndex:["updateSliderIndex"]}],[1,"covet-pics-popup-freeflow-links",{links:[16],itemCreatedTime:[1,"item-created-time"],isSliderEnabled:[4,"is-slider-enabled"]},null,{isSliderEnabled:["enableSlider"]}]]],["p-13825b0f",[[1,"covet-pics-direct-buy",{product:[8],moneyFormat:[1,"money-format"],appStore:[16,"app-store"],selectedOptions:[32],settings:[32]}],[0,"covet-pics-hotspots",{links:[16],backgroundColor:[1,"background-color"],textColor:[1,"text-color"],showNumbers:[4,"show-numbers"]},[[0,"linkInactivate","linkInactivateHandler"],[0,"linkActivate","linkActivateHandler"]]],[0,"covet-pics-popup-links",{links:[16],greyBorderClass:[1,"grey-border-class"],itemCreatedTime:[1,"item-created-time"],appStore:[16,"app-store"],settings:[32]}],[0,"covet-pics-popup-review",{rating:[2],caption:[1],username:[1],itemType:[1,"item-type"],verified:[4],createdTime:[1,"created-time"],reviewCSS:[32]},null,{caption:["watchPropHandler"]}],[0,"covet-pics-popup-shared-links",{item:[16],galleryEmbedId:[2,"gallery-embed-id"],showShareLink:[32],copyLinkCopied:[32]}],[0,"covet-pics-popup-slider",{item:[16],getSwiperState:[64]}]]],["p-0ac7992a",[[1,"covet-pics-popup",{appStore:[16,"app-store"],item:[32],product:[32],directBuyIsOpen:[32],settings:[32],isPreviousEnable:[32],isNextEnable:[32],popupIsOpen:[32],popupIsClosing:[32],openPopup:[64],closePopup:[64]},[[4,"addToCart:covetPics","addToCartHandler"],[16,"productLinkClicked","productLinkClickedHandler"]],{item:["itemChangedHandler"],popupIsOpen:["popupOpenHandler"]}],[0,"covet-pics-gallery-grid",{breakdown:[16],productTitle:[1,"product-title"],rating:[2],filtersEnabled:[4,"filters-enabled"],filters:[16],showLoadMore:[4,"show-load-more"],appStore:[16,"app-store"],showSort:[32],isGridDisabled:[32],isDesktopScreen:[32],itemSize:[32],isFilterModalShow:[32],items:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[8,"elementResize","elementResizeHandler"],[9,"mousedown","handleClickOutside"],[0,"itemLoaded","handleItemLoaded"]]],[0,"covet-pics-gallery-slider",{sliderStyle:[1,"slider-style"],appStore:[16,"app-store"],itemSize:[32],items:[32],galleryIndex:[32]},[[0,"imageLoaded","imagesLoadedHandler"],[8,"elementResize","elementResizeHandler"],[0,"itemLoaded","handleItemLoaded"]],{galleryIndex:["changeSlide"]}],[1,"covet-pics-popup-freeflow",{appStore:[16,"app-store"],settings:[32],items:[32],sliderIndex:[32],popupIsOpen:[32],openPopupFreeflow:[64],closePopupFreeflow:[64]},null,{popupIsOpen:["popupOpenHandler"],sliderIndex:["updateSliderIndex"],items:["updateItems"]}],[0,"covet-pics-highlighted",{numberOfPages:[2,"number-of-pages"],items:[16],appStore:[16,"app-store"],productLinks:[32],mainSliderIndex:[32],mainSliderAnimatingSlides:[32],windowHeight:[32],isDesktopScreen:[32]},[[0,"pageLoaded","handleItemLoaded"]]],[1,"covet-pics-upload",{standalone:[4],appStore:[16,"app-store"],starRating:[32],isFormValid:[32],showFormWarning:[32],thumbnailLinks:[32],toShowLinks:[32],dropedImagesNumber:[32],isAnimating:[32],notificationMessage:[32],isNotificationActive:[32],widgetWidth:[32],uploadIsOpen:[32],uploadIsClosing:[32],openUpload:[64],closeUpload:[64]},null,{uploadIsOpen:["uploadOpenHandler"]}]]],["p-7947aca5",[[1,"covet-pics-widget",{shop:[1],galleryEmbedId:[2,"gallery-embed-id"],shopifyProductId:[2,"shopify-product-id"],environment:[1],baseUrl:[1,"base-url"],customSettings:[1,"custom-settings"],hideElements:[1,"hide-elements"],previewMode:[4,"preview-mode"],photoRequestId:[2,"photo-request-id"],lazyLoad:[4,"lazy-load"],isLoading:[32],minNumberOfPhotos:[32],appStore:[32],fetchingError:[32],preloadNextPage:[32],updateUploadWidgetCoverPreview:[64],updatePreviewSettings:[64]},[[0,"sortUpdated","sortUpdatedHandler"],[0,"filtersUpdated","filtersUpdatedHandler"],[0,"nextPage","nextPageHandler"],[4,"popupFreeflowNextPage","nextPageHandlerFreeflow"]],{preloadNextPage:["preloadNextPageHandler"]}]]]],e))));