https://www.tablotv.com/wp-content/plugins/shopwp-pro/dist/npm-pac…ct_images_index_jsx.bbd82dff306b342dac8e.js

1"use strict";(self.webpackChunkshopwp=self.webpackChunkshopwp||[]).push([["Carousel-public","npm-packages_shopwp_components_src_products_product_images_index_jsx"],{"./npm-packages/@shopwp/components/src/carousel/index.jsx"(e,t,a){a.r(t),a.d(t,{default:()=>u});var o=a("./node_modules/@babel/runtime/helpers/esm/extends.js"),s=a("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),n=a("./node_modules/react-slick/lib/index.js"),r=(a("./node_modules/slick-carousel/slick/slick.css"),a("./node_modules/slick-carousel/slick/slick-theme.css"),a("./node_modules/lodash-es/merge.js")),c=a("./node_modules/@babel/runtime/helpers/esm/defineProperty.js");function l(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),a.push.apply(a,o)}return a}function i(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?l(Object(a),!0).forEach((function(t){(0,c.A)(e,t,a[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):l(Object(a)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))}))}return e}function p(e){var t=e.className,a=e.style,o=e.onClick;return React.createElement("div",{className:t,style:i(i({},a),{},{display:"block",color:"inherit"}),onClick:o},React.createElement("button",{tabIndex:"0",id:"swp-carousel-next-button",className:"swp-carousel-button"},React.createElement("svg",{"aria-hidden":"true",focusable:"false",role:"button",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 192 512"},React.createElement("path",{fill:"currentColor",d:"M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"}))))}function m(e){var t=e.className,a=e.style,o=e.onClick;return React.createElement("div",{className:t,style:i(i({},a),{},{display:"block",color:"inherit"}),onClick:o},React.createElement("button",{tabIndex:"0",id:"swp-carousel-prev-button",className:"swp-carousel-button"},React.createElement("svg",{"aria-hidden":"true",focusable:"false",role:"button",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 192 512"},React.createElement("path",{fill:"currentColor",d:"M4.2 247.5L151 99.5c4.7-4.7 12.3-4.7 17 0l19.8 19.8c4.7 4.7 4.7 12.3 0 17L69.3 256l118.5 119.7c4.7 4.7 4.7 12.3 0 17L168 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 264.5c-4.7-4.7-4.7-12.3 0-17z"}))))}function d(e){var t=e.className,a=e.style,o=e.onClick,s=e.arrowSrc;return React.createElement("div",{className:t,style:i(i({},a),{},{display:"block",color:"inherit"}),onClick:o},React.createElement("img",{src:s}))}const u=function(e){var t=e.children,a=e.settings,c=e.customSettings,l=e.customChange,i=void 0!==l&&l,u=e.onSlideChange,g=void 0!==u&&u,h=!1,w=wp.element,f=w.useEffect,E=(0,w.useState)(S(a,c)),y=(0,s.A)(E,2),b=y[0],k=y[1];function I(e,t){g&&g(t)}function S(e,t){var a={beforeChange:I,dots:e.carouselDots,infinite:e.carouselInfinite,autoplay:e.carouselAutoplay,autoplaySpeed:e.carouselAutoplaySpeed,speed:e.carouselSpeed,slidesToShow:e.carouselSlidesToShow,slidesToScroll:e.carouselSlidesToScroll,nextArrow:!1===e.carouselNextArrow?React.createElement(p,null):React.createElement(d,{arrowSrc:e.carouselNextArrow}),prevArrow:!1===e.carouselPrevArrow?React.createElement(m,null):React.createElement(d,{arrowSrc:e.carouselPrevArrow}),responsive:[{breakpoint:1e3,settings:{slidesToShow:2,slidesToScroll:2}},{breakpoint:600,settings:{slidesToShow:1,slidesToScroll:1}}]},o=(0,r.A)(a,t);return wp.hooks.applyFilters("misc.carouselSettings",o)}return f((function(){!1!==i&&h.slickGoTo(i);var e=S(a,c);k(e)}),[i,a]),React.createElement(n.A,(0,o.A)({},b,{ref:function(e){return h=e},className:"swp-carousel ".concat(1===a.carouselSlidesToShow?" swp-carousel-showing-one-slide":"")}),t)}},"./npm-packages/@shopwp/components/src/products/product/images/gallery/_state/context.js"(e,t,a){a.d(t,{A:()=>o});const o=wp.element.createContext()},"./npm-packages/@shopwp/components/src/products/product/images/image/index.jsx"(e,t,a){a.d(t,{A:()=>u});var o=a("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),s=a("./npm-packages/@shopwp/components/src/products/product/images/gallery/_state/context.js"),n=a("./npm-packages/@shopwp/common/src/images/index.js"),r=a("./npm-packages/@shopwp/components/src/products/product/images/image/img.jsx"),c=a("./npm-packages/@shopwp/components/src/products/product/_state/hooks.jsx"),l=a("./npm-packages/@shopwp/components/src/items/_state/settings/hooks.jsx"),i=a("./npm-packages/@shopwp/common/src/settings/index.js"),p=a("./node_modules/@zoom

1-image/react/dist/chunk-LJUIFZRA.mjs"),m=wp.element.lazy((function(){return Promise.resolve().then(a.bind(a,"./npm-packages/@shopwp/components/src/loader/index.jsx"))})),d=wp.element.lazy((function(){return a.e("Link-public").then(a.bind(a,"./npm-packages/@shopwp/components/src/link/index.jsx"))}));const u=function(e){var t=e.image,a=e.isFeatured,u=e.isVideo,g=void 0!==u&&u,h=wp.element,w=h.useEffect,f=h.useContext,E=h.useRef,y=h.useState,b=E(),k=f(s.A),I=(0,o.A)(k,2),S=I[0],v=I[1],x=(0,c.k)(),T=(0,l.s)(),A=E(),_=(0,p.j)(),R=y(S.featImage),j=(0,o.A)(R,1)[0],C=y(!!a&&(null===T.showZoom?shopwp.general.productsImagesShowZoom:T.showZoom)),O=(0,o.A)(C,2),P=O[0],M=O[1],F=wp.hooks.applyFilters("product.disableImageZoom",!a);function N(){if(a)return!S.featImageIsVideo&&!P&&!!x.payload.media&&!(x.payload.media.edges.length<=1)&&T.imagesShowNextOnHover}var V=y((function(){return wp.hooks.applyFilters("product.imageSrc",D(),t,a,g,x.payload)})),z=(0,o.A)(V,2),L=z[0],G=z[1];function D(){return g?a?"EXTERNAL_VIDEO"===t.mediaContentType?t.embeddedUrl:t.sources[0].url:(0,n.My)(t.previewImage.url,T):a?T.imagesSizingToggle?(0,n.iY)(t.originalSrc,T):t.originalSrc:T.thumbnailImagesSizingToggle?(0,n.My)(t.originalSrc,T):t.originalSrc}return w((function(){if(!S.featImage||S.featImageIsVideo||!1===T.showZoom||F)M(!1);else if(a)if(S.featImage.originalSrc!==(0,n.NE)(T)){var e=(0,n.y$)({src:S.featImage.originalSrc,width:(0,n.qS)(T,!1,2),height:(0,n.JF)(T,!1,2),crop:T.imagesSizingCrop});if(e||(e=S.featImagePlaceholder.src),A.current&&"modal"!==T.linkTo){if(e&&e.includes("public/imgs/placeholder"))return void M(!1);M(!0),S.featImageElement&&_.createZoomImage(A.current,{zoomImageSource:e,disableScrollLock:!shopwp.misc.isMobile,disabledContextMenu:!!shopwp.misc.isMobile,zoomImageProps:{alt:S.featImage.altText?S.featImage.altText:x.payload.title}})}}else M(!1);else M(!1)}),[A,S.featImage,T.showZoom,x.payload,S.featImageIsVideo,T.linkTo]),w((function(){G(D()),a&&v({type:"SET_FEAT_IMAGE_ELEMENT",payload:b.current})}),[t,T]),React.createElement("div",{className:a?"swp-product-image-feat-wrapper wps-product-image-wrapper":"swp-product-image-thumb-wrapper","data-align":T.imagesAlign,"data-show-zoom":P,"data-zoom-status":_.zoomImageState.zoomedImgStatus,ref:A,onMouseEnter:N()?function(){var e=function(){var e=0;

1return x.payload.media?(x.payload.media.edges.forEach((function(t,a){"IMAGE"===t.node.mediaContentType&&t.node.image.id===j.id&&(e=a+1)})),e):e}();if(0!==e){var t=x.payload.media.edges[e].node;t&&v({type:"SET_FEAT_IMAGE",payload:t.image})}}:void 0,onMouseLeave:N()?function(){v({type:"SET_FEAT_IMAGE",payload:j})}:void 0},"loading"===_.zoomImageState.zoomedImgStatus?React.createElement(m,null):null,(0,i.p5)(T)&&a?React.createElement(d,{type:"products",linkTo:T.linkTo,manualLink:T.linkToUrl,target:T.linkTarget,payload:x.payload},React.createElement(r.A,{payload:x.payload,imageRef:b,image:t,src:L,galleryState:S,isFeatured:a,linkTo:T.linkTo,isVideo:g,settings:T})):React.createElement(r.A,{payload:x.payload,imageRef:b,image:t,src:L,galleryState:S,isFeatured:a,linkTo:T.linkTo,isVideo:g,settings:T}))}},"./npm-packages/@shopwp/components/src/products/product/images/index.jsx"(e,t,a){a.r(t),a.d(t,{default:()=>I});var o=a("./node_modules/@babel/runtime/helpers/esm/extends.js"),s=a("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),n=a("./npm-packages/@shopwp/common/src/utils/index.jsx");const r=function(e,t){switch(t.type){case"SET_FEAT_IMAGE":return(0,n.vM)("featImage",t,e);case"SET_FEAT_IMAGE_ELEMENT":return(0,n.vM)("featImageElement",t,e);case"SET_FEAT_IMAGE_IS_VIDEO":return(0,n.vM)("featImageIsVideo",t,e);default:(0,n.O6)(t,"ProductGallery")}};var c=a("./npm-packages/@shopwp/components/src/products/product/images/gallery/_state/context.js");function l(e){var t=wp.element.useReducer(r,function(e){var t,a;if(e.payload.media&&0!==e.payload.media.edges.length)"IMAGE"===(null===(a=e.payload.media.edges[0])||void 0===a?void 0:a.node.mediaContentType)?(o=e.payload.media.edges[0].node.image,s=!1):(o=e.payload.media.edges[0].node,s=!0);else var o=!1,s=!1;var n=(null===(t=e.settings)||void 0===t?void 0:t.imagePlaceholder)||shopwp.misc.placeholderProductImage;return{featImageIsVideo:s,featImage:e.payload?o:{originalSrc:n,altText:"Placeholder Product Image"},featImageElement:!1,featImagePlaceholder:{originalSrc:n,altText:"Placeholder Product Image"}}}(e)),a=(0,s.A)(t,2),n=a[0],l=a[1],i=wp.element.useMemo((function(){return[n,l]}),[n]);return React.createElement(c.A.Provider,(0,o.A)({value:i},e))}var i=a("./npm-packages/@shopwp/components/src/products/product/_state/hooks.jsx"),p=a("./npm-packages/@shopwp/components/src/items/_state/settings/hooks.jsx"),m=a("./npm-packages/@shopwp/components/src/products/product/images/thumbnails/index.jsx"),d=a("./npm-packages/@shopwp/components/src/products/product/images/image/index.jsx"),u=wp.element.lazy((function(){return a.e("ProductImageSoldOutLabel-public").then(a.bind(a,"./npm-packages/@shopwp/components/src/products/product/images/sold-out-label/index.jsx"))})),g=wp.element.lazy((function(){return a.e("ProductImageOnSaleLabel-public").then(a.bind(a,"./npm-packages/@shopwp/components/src/products/product/images/on-sale-label/index.jsx"))})),h=wp.element.lazy((function(){return a.e("ProductFeaturedImageVideo-public").then(a.bind(a,"./npm-packages/@shopwp/components/src/products/product/images/video/index.jsx"))}));const w=function(){var e=wp.element,t=e.useContext,a=e.Suspense,o=t(c.A),n=(0,s.A)(o,1)[0],r=(0,p.s)(),l=(0,i.k)(),m=!1===l.payload.availableForSale;return React.createElement("div",{className:"swp-gallery-featured-wrapper wps-gallery-featured-wrapper","data-link-to":r.linkTo},React.createElement(a,{fallback:!1},n.featImageIsVideo?React.createElement(h,{videoData:n.featImage}):React.createElement(React.Fragment,null,l.isOnSale&&r.showSaleNotice&&!m?React.createElement(g,{text:shopwp.t.l.sale,payload:l.payload,showSaleNoticePercentage:r.showSaleNoticePercentage}):null,m&&n.featImage&&r.showOutOfStockNotice?React.createElement(u,{text:shopwp.t.l.soldOut}):null,React.createElement(d.A,{settings:r,isFeatured:!0,image:n.featImage}))))};var f=a("./npm-packages/@shopwp/common/src/settings/index.js");const E=function(e){var t=e.carousel,a=wp.element,o=a.useEffect,n=(0,a.useContext)(c.A),r=(0,s.A)(n,2),l=r[0],d=r[1],u=(0,i.k)(),g=(0,p.s)();return o((function(){u.selectedVariant?(d({type:"SET_FEAT_IMAGE_IS_VIDEO",payload:!1}),u.selectedVariant.image&&d({type:"SET_FEAT_IMAGE",payload:u.selectedVariant.image})):u.payload.media.edges.length?d({type:"SET_FEAT_IMAGE",payload:u.payload.media.edges[0].node.image}):d({type:"SET_FEAT_IMAGE",payload:l.featImagePlaceholder})}),[u.selectedVariant]),React.createElement(React.Fragment,null,((0,f.p5)(g),g.showFeaturedOnly?React.createElement(w,null):g.showAllImages?React.createElement("div",{className:"swp-all-images"},u.payload.images.edges.map((function(e){return React.createElement("img",{className:"swp-image",key:e.node.originalSrc,src:e.node.originalSrc,alt:e.node.altText})}))):u&&u.hasManyImages?g.showImagesCarousel?t:React.createElement(React.Fragment,null,React.createElement(w,null),React.createElement(m.A,null)):React.createElement(w,null)))};var y=wp.element.lazy((function(){return a.e("ProductCarouselImages-public").then(a.bind(a,"./npm-packages/@shopwp/components/src/products/product/images/carousel/index.jsx"))}));const b=function(){var e=(0,i.k)(),t=(0,p.s)();return React.createElement(React.Fragment,null,React.createElement(n.W,{name:"before.productImages",args:[e.payload]}),React.createElement("div",{className:t.isSingleComponent?"swp-mb20 ":"swp-component wps-component swp-l-mw100 swp-component-products-images wps-component-products-images","aria-label":"Product Images","data-is-single-component":t.isSingleComponent},React.createElement(l,{payload:e.payload,settings:t},React.createElement(E,{carousel:React.createElement(y,{settings:t})}))),React.createElement(n.W,{name:"after.productImages",args:[e.payload]}))};var k=a("./npm-packages/@shopwp/hooks/src/index.js");const I=function(){var e=(0,p.s)();return(0,k.WP)(React.createElement(b,null),e.dropzoneProductGallery)}},"./npm-packages/@shopwp/components/src/products/product/images/thumbnails/index.jsx"(e,t,a){a.d(t,{A:()=>E});var o=a("./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js"),s=a("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),n=a("./node_modules/@babel/runtime/regenerator/index.js"),r=a.n(n),c=a("./node_modules/@emotion/react/dist/emotion-react.browser.esm.js"),l=a("./npm-packages/@shopwp/components/src/products/product/images/image/index.jsx"),i=a("./npm-packages/@shopwp/components/src/products/product/images/gallery/_state/context.js"),p=a("./npm-packages/@shopwp/common/src/utils/index.jsx");const m=wp.element.memo((function(e){var t=e.image,a=e.isExternalVideo,o=e.isHostedVideo,n=e.index,r=e.customOnClick,c=void 0!==r&&r,m=wp.element,d=m.useEffect,u=m.useContext,g=m.useState,h=u(i.A),w=(0,s.A)(h,2),f=w[0],E=w[1],y=g((function(){return!1})),b=(0,s.A)(y,2),k=b[0],I=b[1];return d((function(){if(f.featImage)return f.featImage.originalSrc!==t.originalSrc?I(!1):I(!0),function(){I(!1)};I(!1)}),[f.featImage]),React.createElement("div",{className:"wps-component swp-product-thumbnail wps-component-products-images-thumbn

1ail",role:"button","aria-label":"Product Images Thumbnail",onClick:function(){E({type:"SET_FEAT_IMAGE",payload:t}),E({type:"SET_FEAT_IMAGE_IS_VIDEO",payload:a||o}),c&&c(n)},"data-wps-is-active":k},React.createElement(p.W,{name:"before.productThumbnail",args:[f]}),a||o?React.createElement(l.A,{isFeatured:!1,image:t,isVideo:!0}):React.createElement(l.A,{isFeatured:!1,image:t}),React.createElement(p.W,{name:"after.productThumbnail",args:[f]}))}));var d=a("./npm-packages/@shopwp/common/src/images/index.js"),u=a("./npm-packages/@shopwp/components/src/carousel/index.jsx");const g=function(e){var t=e.thumbnails,a=e.customOnClick,o=e.settings;function s(e){return(0,d.pg)(e).id}function n(e){return(0,d.pg)(e).data}return o.showThumbsCarousel&&t.edges.length>5?React.createElement(u.default,{settings:o,customSettings:{slidesToScroll:5,slidesToShow:5,responsive:[{breakpoint:1e3,settings:{slidesToShow:5,slidesToScroll:5}},{breakpoint:600,settings:{slidesToShow:4,slidesToScroll:4}}]}},t.edges.map((function(e,t){return React.createElement(m,{key:s(e),image:n(e),isExternalVideo:"EXTERNAL_VIDEO"===e.node.mediaContentType,isHostedVideo:"VIDEO"===e.node.mediaContentType,customOnClick:a,index:t})}))):t.edges.map((function(e,t){return React.createElement(m,{key:s(e),image:n(e),isExternalVideo:"EXTERNAL_VIDEO"===e.node.mediaContentType,isHostedVideo:"VIDEO"===e.node.mediaContentType,customOnClick:a,index:t})}))};var h=a("./node_modules/lodash-es/isEmpty.js"),w=a("./npm-packages/@shopwp/components/src/products/product/_state/hooks.jsx"),f=a("./npm-packages/@shopwp/components/src/items/_state/settings/hooks.jsx");const E=wp.element.memo((function(e){var t=e.customOnClick,a=wp.element.useState,n=a("idle"),l=(0,s.A)(n,2),i=l[0],m=l[1],u=(0,f.s)(),E=(0,w.k)(),y=a(wp.hooks.applyFilters("product.thumbnails",E.payload.media)),b=(0,s.A)(y,1)[0];function k(e){return new Promise((function(t,a){var o=new Image;e.node&&"IMAGE"===e.node.mediaContentType&&(o.onload=t,o.onerror=a,o.src=(0,d.iY)(e.node.image.originalSrc,u))}))}function I(){return(I=(0,o.A)(r().mark((function e(){return r().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=1,(0,p.to)((t=E.payload.media,Promise.all(t.edges.map(k))));case 1:m("done");case 2:case"end":return e.stop()}var t}),e)})))).apply(this,arguments)}return E.payload&&!(0,h.A)(E.payload.media)?(0,c.Y)("div",{className:"wps-thumbnails-wrapper swp-thumbnails-wrapper","aria-label":"Product Thumbnails","data-is-showing-thumbs-carousel":u.showThumbsCarousel&&b.edges.length>5,"data-less-images":E.payload.media.edges.length<=5,onMouseEnter:"idle"===i?function(){"done"!==i&&function(){I.apply(this,arguments)}()}:void 0},(0,c.Y)(g,{thumbnails:b,customOnClick:t,settings:u})):null}))}}]);