@assaabloy/amarr-wc-collection-list 2.0.2 → 2.0.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.
- package/collection-list.js +1 -1
- package/package.json +2 -2
package/collection-list.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e){function t(t){for(var a,c,o=t[0],l=t[1],d=t[2],s=0,u=[];s<o.length;s++)c=o[s],Object.prototype.hasOwnProperty.call(i,c)&&i[c]&&u.push(i[c][0]),i[c]=0;for(a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a]);for(m&&m(t);u.length;)u.shift()();return r.push.apply(r,d||[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],a=!0,o=1;o<n.length;o++){var l=n[o];0!==i[l]&&(a=!1)}a&&(r.splice(t--,1),e=c(c.s=n[0]))}return e}var a={},i={10:0},r=[];function c(t){if(a[t])return a[t].exports;var n=a[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,c),n.l=!0,n.exports}c.m=e,c.c=a,c.d=function(e,t,n){c.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},c.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(c.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)c.d(n,a,function(t){return e[t]}.bind(null,a));return n},c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/";var o=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],l=o.push.bind(o);o.push=t,o=o.slice();for(var d=0;d<o.length;d++)t(o[d]);var m=l;r.push([458,0]),n()}({0:function(e,t){e.exports=React},1:function(e,t,n){"use strict";n.d(t,"g",(function(){return i})),n.d(t,"N",(function(){return r})),n.d(t,"i",(function(){return c})),n.d(t,"B",(function(){return o})),n.d(t,"D",(function(){return l})),n.d(t,"t",(function(){return d})),n.d(t,"z",(function(){return m})),n.d(t,"n",(function(){return s})),n.d(t,"p",(function(){return u})),n.d(t,"E",(function(){return p})),n.d(t,"K",(function(){return f})),n.d(t,"s",(function(){return x})),n.d(t,"h",(function(){return h})),n.d(t,"r",(function(){return g})),n.d(t,"w",(function(){return b})),n.d(t,"u",(function(){return w})),n.d(t,"A",(function(){return v})),n.d(t,"q",(function(){return E})),n.d(t,"o",(function(){return y})),n.d(t,"C",(function(){return j})),n.d(t,"L",(function(){return k})),n.d(t,"l",(function(){return _})),n.d(t,"j",(function(){return S})),n.d(t,"m",(function(){return I})),n.d(t,"k",(function(){return L})),n.d(t,"x",(function(){return A})),n.d(t,"G",(function(){return T})),n.d(t,"v",(function(){return C})),n.d(t,"M",(function(){return P})),n.d(t,"b",(function(){return R})),n.d(t,"J",(function(){return J})),n.d(t,"y",(function(){return M})),n.d(t,"a",(function(){return z})),n.d(t,"d",(function(){return D})),n.d(t,"f",(function(){return $})),n.d(t,"e",(function(){return B})),n.d(t,"c",(function(){return H})),n.d(t,"O",(function(){return Z})),n.d(t,"F",(function(){return F})),n.d(t,"H",(function(){return V})),n.d(t,"I",(function(){return G}));var a=n(3),i=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},r=function(e){return btoa(unescape(encodeURIComponent(e)))},c=function(e){return e.toUpperCase()},o=function(e){return e.replaceAll(" ","-").toLowerCase()},l=new a.a(!1),d=new a.a(!1),m=new a.a(!1),s=new a.a(!1),u=new a.a(""),p=new a.a(!1),f=new a.a(!1),x=new a.a(!1),h=new a.a(!1),g=new a.a(""),b=new a.a(!0),w=new a.a(!0),v=new a.a(!0),E=new a.a(!0),y=new a.a(!0),N=new a.a(!1),O=0,j=new a.a(!1),k=new a.a(""),_=new a.a(""),S=new a.a(""),I=new a.a(""),L=new a.a(""),A=new a.a(""),T=new a.a(""),C=new a.a(!1),P=new a.a(!1),R=function(){setTimeout((function(){O++,N.next(!0)}),0)},J=function(){setTimeout((function(){O>0&&O--,0==O&&N.next(!1)}),0)},M=function(){return N.asObservable()},z=function(e){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)},D=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},$=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},B=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},H=function(e){return/^[0-9]*$/.test(e)},Z=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},F=function(e){if(e&&""!==e&&-1===e.indexOf("(")&&-1===e.indexOf(") ")&&-1===e.indexOf("-")){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e},V=function(e){return e&&(e=e.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},G=function(e,t){return e=e?Number(e):0,(0===(t=t?Number(t):0)||"0"===t?0:(e-t)/t*100).toFixed(2)}},11:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a={PowerReviewApi:"3783f7b5-5e6f-4da2-90ce-1a55c1fd02b2",Locale:"en_US",MerchantGroupId:"48814",ProductMerchantId:"445672",DealerMerchantId:"135036"}},18:function(e,t){e.exports=ReactDOM},369:function(e,t,n){"use strict";n.r(t);var a=n(13),i=n(75);t.default=a.a.create({component:i.a,configuration:{tagname:"amarr-collection-list",useShadow:!1},plugins:[]})},5:function(e,t,n){"use strict";n.d(t,"a",(function(){return d}));var a=n(20),i=n(0),r=n.n(i),c=n(4),o=c.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),l=c.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(['font-size:12px;font-family:"Open Sans";font-weight:600;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:#fff;padding:12px 19px 12px 20px;border-radius:4px;background-color:#006166;box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:#338084;color:#fff;}&:focus{transform:scale(1);box-shadow:none !important;background-color:#004347;}&:active{background-color:#006166 !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:#333333;background:#b2cfd1;&:hover{background:#8EB8BB;}&:focus{background:#8EA5A7;border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:#8EA5A7 !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media(min-width:1201px){font-size:16px;}.button-icon{vertical-align:top;padding-right:8px;}']),d=function(e){var t=e.label,n=void 0===t?"label":t,i=e.classStyle,c=void 0===i?"default":i,d=e.link,m=void 0!==d&&d,s=e.disabled,u=void 0!==s&&s,p=e.datatoggle,f=void 0===p?"":p,x=e.datatarget,h=void 0===x?"":x,g=e.linkHref,b=e.target,w=void 0===b?"_self":b,v=e.downloadLink,E=void 0!==v&&v,y=e.inverse,N=void 0!==y&&y,O=e.icon,j=void 0===O?"":O,k=e.iconAlt,_=void 0===k?"":k,S=e.dataItemName,I=void 0===S?"":S,L=e.id,A=void 0===L?"":L,T=e.type,C=void 0===T?"button":T,P=Object(a.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type"]);return r.a.createElement(o,null,r.a.createElement("div",{className:""},m?r.a.createElement("a",{href:g,download:E,target:w,"data-item-name":I,id:A},r.a.createElement(l,Object.assign({disabled:u,classStyle:"".concat(c)},P,{type:C,className:N?"btn-inverse btn btn-success":"btn btn-success"}),""!=j?r.a.createElement("div",{"data-toggle":f,"data-target":h},r.a.createElement("img",{className:"button-icon",src:j,alt:_}),r.a.createElement("span",null,n)):r.a.createElement("span",null,n))):r.a.createElement(l,Object.assign({disabled:u,classStyle:c,className:N?"btn-inverse btn btn-success":"btn btn-success",id:A,"data-item-name":I,type:C},P),r.a.createElement("span",null,n))))}},75:function(e,t,n){"use strict";var a=n(2),i=n(0),r=n.n(i),c=n(4),o=c.default.section.withConfig({displayName:"styles__Content",componentId:"sc-1pu878s-0"})([".pr-snippet-stars-container{display:inline !important;margin-right:10px;}.read-review-link{visibility:hidden;font-size:1px;}.pr-snippet-write-review-link,span.pr-snippet-review-count{display:none}h1{font-size:48px;font-weight:600;color:#333333;}.collection-list-container{display:flex;flex-wrap:wrap;.collection-list-item{background-color:rgb(240,240,240);flex:0 0 33%;max-width:calc(33% - 32px);border:solid 1px #8d8d8d;border-radius:4px;padding:1px 0px;@media screen and (max-width:767px){flex:0 0 100%;max-width:100%;}@media screen and (min-width:768px) and (max-width:991px){flex:0 0 50%;max-width:calc(50% - 24px);}@media screen and (min-width:992px) and (max-width:1025px){flex:0 0 33%;max-width:calc(33% - 21px);}@media screen and (min-width:1026px) and (max-width:1680px){flex:0 0 33%;max-width:calc(33% - 24px);}.content-container{justify-content:space-between;flex-direction:column;display:flex;height:100%;.button-container{padding-left:18px;padding-bottom:18px;}}}.commercial-list-item,.operators-list-item{@media screen and (max-width:767px){flex:0 0 100%;max-width:100%;}@media screen and (min-width:768px) and (max-width:991px){flex:0 0 50%;max-width:calc(50% - 24px);}@media screen and (min-width:992px) and (max-width:1025px){flex:0 0 25%;max-width:calc(25% - 24px);}@media screen and (min-width:1026px) and (max-width:1680px){flex:0 0 25%;max-width:calc(25% - 27px);}@media screen and (min-width:1681px){flex:0 0 25%;max-width:calc(25% - 36px);}}}.collection-list-container > *{@media screen and (max-width:767px){margin:24px 32px 0 0px;}@media screen and (min-width:768px) and (max-width:991px){margin:28px 24px 0 0px;}@media screen and (min-width:992px) and (max-width:1025px){margin:28px 24px 0 0px;}@media screen and (min-width:1026px) and (max-width:1680px){margin:28px 24px 0 0px;}@media screen and (min-width:1681px){margin:32px 32px 0 0px;}}.collection-list-container{@media screen and (max-width:767px){margin:-24px 0px 0 0px;}@media screen and (min-width:768px) and (max-width:991px){margin:-28px -24px 0 0px;}@media screen and (min-width:992px) and (max-width:1025px){margin:-28px -24px 0 0px;}@media screen and (min-width:1026px) and (max-width:1680px){margin:-28px -36px 0 0px;}@media screen and (min-width:1681px){margin:-32px -48px 0 0px;}}.flex-grow-1{flex-grow:1;}"]),l=n(1),d=c.default.section.withConfig({displayName:"styles__Content",componentId:"s7465q-0"})([".collection-card{display:flex;flex-flow:column nowrap;border-radius:4px;a{color:#333;}&-body{border-top:solid 1px #8d8d8d;background-color:#f0f0f0;padding:18px 18px 0px 18px;color:#333333;}.p-w-r{.pr-category-snippet{display:flex;align-items:center;.pr-snippet-stars{background:none;}}}.item-description p{min-height:60px;}.image-container{background-color:#ffffff;padding:10px;display:flex;align-items:center;justify-content:center;@media(min-width:768px){height:250px;}@media(min-width:1681px){height:350px;}img{@media(min-width:768px){max-height:220px;}@media(min-width:1681px){max-height:350px;padding:30px 10px;}}}.commercial-image-container{height:225px;img{padding:0px !important;}@media screen and (min-width:1401px) and (max-width:1680px){height:182px;.collection-img{max-height:170px !important;}}@media screen and (min-width:1281px) and (max-width:1400px){height:165px;.collection-img{max-height:155px !important;}}@media screen and (min-width:1025px) and (max-width:1280px){height:155px;.collection-img{max-height:145px !important;}}@media screen and (min-width:992px) and (max-width:1024px){height:172px;.collection-img{max-height:162px !important;}}@media screen and (max-width:1023px){height:194px;.collection-img{max-height:180px !important;}}}}"]),m=function(e){var t,n,a,i,c,o=e.item,l=e.content;return r.a.createElement(d,null,r.a.createElement("section",{className:"collection-card"},r.a.createElement("div",{className:"".concat("commercial"===l.variation&&"commercial-image-container"," text-center image-container")},r.a.createElement("a",{href:o.url,"aria-label":(null===o||void 0===o||null===(t=o.image)||void 0===t?void 0:t.altText)?o.image.altText:"product-img"},r.a.createElement("img",{className:"collection-img",src:(null===o||void 0===o||null===(n=o.image)||void 0===n?void 0:n.url)?o.image.url:"",alt:(null===o||void 0===o||null===(a=o.image)||void 0===a?void 0:a.altText)&&""!==(null===o||void 0===o||null===(i=o.image)||void 0===i?void 0:i.altText)?null===o||void 0===o||null===(c=o.image)||void 0===c?void 0:c.altText:"commercial"===l.variation?"".concat(o.productName," Commercial Door"):"".concat(o.productName," Garage Door")}))),r.a.createElement("div",{className:"collection-card-body"},r.a.createElement("h3",{className:"amarr-h5"},r.a.createElement("a",{href:o.url,"aria-label":o.productName},o.productName)),"operators"===l.variation?r.a.createElement("div",{className:"body-text2"},r.a.createElement("p",null,o.brand," ",r.a.createElement("br",null),o.duty," ",r.a.createElement("br",null),o.warranty)):r.a.createElement("div",null,r.a.createElement("div",{id:o.powerReviewsId,className:"mb-2"}),r.a.createElement("div",{className:"body-text2 ".concat("residential"===l.variation&&"item-description"," ").concat("commercial"===l.variation&&"commercial-item-description mb-3"),dangerouslySetInnerHTML:{__html:o.shortDescription}})))))},s=n(6),u=n.n(s),p=n(8),f=n(11),x=n(5),h=function(e){var t=e.collectionListData,n=Object(l.g)(t),c=Object(i.useState)([]),d=Object(a.a)(c,2),s=d[0],h=d[1],g=Object(i.useState)(!1),b=Object(a.a)(g,2),w=b[0],v=b[1],E=Object(i.useState)(0),y=Object(a.a)(E,2),N=y[0],O=y[1],j=Object(i.useState)(0),k=Object(a.a)(j,2),_=k[0],S=k[1];Object(i.useEffect)((function(){"operators"===n.variation&&I(),"commercial"===n.variation&&L(),"residential"===n.variation&&A(),Object(l.y)().subscribe((function(e){v(e)}))}),[]);var I=function(){S((function(e){return e+1})),Object(l.b)(),u.a.get(n.collectionListApiPath+"."+(_+1)+".json").then((function(e){h((function(t){return t.concat(e.data.operatorList)})),O(e.data.totalResults),Object(l.J)()}),(function(e){Object(l.J)()})).catch((function(e){Object(l.J)()}))},L=function(){Object(l.b)(),u.a.get(n.collectionListApiPath).then((function(e){h(e.data);var t=[];e.data.forEach((function(e){e.doorList.forEach((function(e){t.push(e)}))})),T(t),Object(l.J)()}),(function(e){Object(l.J)()})).catch((function(e){Object(l.J)()}))},A=function(){Object(l.b)(),u.a.get(n.collectionListApiPath).then((function(e){h(e.data),T(e.data),Object(l.J)()}),(function(e){Object(l.J)()})).catch((function(e){Object(l.J)()}))},T=function(e){if(e&&e.length>0){var t="";e.forEach((function(e){t=t+'{\n "read_services_base_url": "stable",\n "api_key": `'+f.a.PowerReviewApi+'`,\n "locale": `'+f.a.Locale+'`,\n "merchant_group_id": `'+f.a.MerchantGroupId+'`,\n "merchant_id": `'+f.a.ProductMerchantId+'`,\n "page_id": `'+e.powerReviewsId+'`,\n "on_read_reviews_click": function () {\n var a = document.getElementById(`'+e.powerReviewsId+'-click`)\n a.click()\n },\n "components": {\n "ReviewSnippet": `'+e.powerReviewsId+"`,\n }\n },"}));var n="POWERREVIEWS.display.render(["+t+"]);",a=document.createElement("script");a.innerHTML=n,setTimeout((function(){document.body.appendChild(a),setTimeout((function(){var e=document.querySelectorAll(".pr-snippet-rating-decimal");e&&e.length>0&&e.forEach((function(e){var t=Number(e.textContent).toFixed(1);e.innerText=t}))}),3e3)}),1500)}};return r.a.createElement(o,null,r.a.createElement("div",{className:"container"},w&&r.a.createElement(p.a,null),"commercial"===n.variation&&r.a.createElement("div",{className:"row"},s&&s.length>0&&s.map((function(e,t){return r.a.createElement("div",{key:t,className:"col-12"},r.a.createElement("div",{className:"text-center mb-3"},"h1"===n.headingStyle&&r.a.createElement("h1",null,e.heading),"h2"===n.headingStyle&&r.a.createElement("h2",null,e.heading),"h3"===n.headingStyle&&r.a.createElement("h3",null,e.heading),"h4"===n.headingStyle&&r.a.createElement("h4",null,e.heading),"h5"===n.headingStyle&&r.a.createElement("h5",null,e.heading),"h6"===n.headingStyle&&r.a.createElement("h6",null,e.heading)),r.a.createElement("div",{className:"collection-list-container ".concat(s.length-1===t?"mb-4 mb-lg-5":"mb-5")},e.doorList&&e.doorList.length>0&&e.doorList.map((function(e,t){return r.a.createElement("div",{className:"collection-list-item commercial-list-item d-flex flex-column",key:t},r.a.createElement("div",{className:"flex-grow-1"},r.a.createElement(m,{item:e,key:t,content:n}),r.a.createElement("a",{className:"read-review-link",id:"".concat(e.powerReviewsId,"-click"),href:"".concat(e.url,"#reviewsTab")},"1")),r.a.createElement("div",{className:"pb-2 px-3 pt-3"},r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-md-6 col-lg-5 col-5"},r.a.createElement("h4",{className:"amarr-h6"},n.rValueLabel," :")),r.a.createElement("div",{className:"col-md-6 col-lg-7 col-7"},r.a.createElement("h4",{className:"amarr-h6 font-weight-normal "},e.rValue))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-md-6 col-lg-5 col-5"},r.a.createElement("h4",{className:"amarr-h6"},n.warrantyLabel," :")),r.a.createElement("div",{className:"col-md-6 col-lg-7 col-7"},r.a.createElement("h4",{className:"amarr-h6 font-weight-normal"},e.warranty))),"commercial"===n.variation&&r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-md-6 col-lg-5 col-5"},r.a.createElement("h4",{className:"amarr-h6"},n.priceLabel," :")),r.a.createElement("div",{className:"col-md-6 col-lg-7 col-7"},r.a.createElement("h4",{className:"amarr-h6 font-weight-normal"},e.price)))))}))))}))),"residential"===n.variation&&r.a.createElement("div",{className:"collection-list-container mb-5 pb-2"},s&&s.length>0&&s.map((function(e,t){return r.a.createElement("div",{className:"collection-list-item",key:t},r.a.createElement("div",{className:"content-container"},r.a.createElement(m,{item:e,key:t,content:n}),r.a.createElement("a",{className:"read-review-link",id:"".concat(e.powerReviewsId,"-click"),href:"".concat(e.url,"#reviewsTab")},"1"),r.a.createElement("div",{className:"button-container"},r.a.createElement(x.a,{label:Object(l.i)(n.label),link:!0,linkHref:e.url,inverse:"inverse"===n.color,dataItemName:e.productName}))))}))),"operators"===n.variation&&r.a.createElement("div",{className:"mb-5 pb-2"},r.a.createElement("div",{className:"collection-list-container"},s&&s.length>0&&s.map((function(e,t){return r.a.createElement("div",{className:"collection-list-item operators-list-item",key:t},r.a.createElement(m,{item:e,key:t,content:n}))}))),s.length<N&&r.a.createElement("div",{className:"col-12 text-center mt-2"},r.a.createElement("a",{href:"#",onClick:function(e){e.preventDefault(),I()},"aria-label":n.label},r.a.createElement(x.a,{label:Object(l.i)(n.label),link:!0,inverse:"inverse"===n.color}))))))};h.defaultProps={theme:"",collectionListData:""};t.a=h},8:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(15),i=n(0),r=n.n(i),c=n(4),o=(n(30),c.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),l=n(23),d=n.n(l),m=function(e){return Object(a.a)(e),r.a.createElement(o,null,r.a.createElement("div",{className:"d-flex justify-content-center loader"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(d.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}}});
|
|
1
|
+
!function(e){function t(t){for(var a,c,o=t[0],l=t[1],d=t[2],s=0,u=[];s<o.length;s++)c=o[s],Object.prototype.hasOwnProperty.call(i,c)&&i[c]&&u.push(i[c][0]),i[c]=0;for(a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a]);for(m&&m(t);u.length;)u.shift()();return r.push.apply(r,d||[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],a=!0,o=1;o<n.length;o++){var l=n[o];0!==i[l]&&(a=!1)}a&&(r.splice(t--,1),e=c(c.s=n[0]))}return e}var a={},i={10:0},r=[];function c(t){if(a[t])return a[t].exports;var n=a[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,c),n.l=!0,n.exports}c.m=e,c.c=a,c.d=function(e,t,n){c.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},c.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},c.t=function(e,t){if(1&t&&(e=c(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(c.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)c.d(n,a,function(t){return e[t]}.bind(null,a));return n},c.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return c.d(t,"a",t),t},c.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},c.p="/";var o=this["webpackJsonpamarr-frontend-components"]=this["webpackJsonpamarr-frontend-components"]||[],l=o.push.bind(o);o.push=t,o=o.slice();for(var d=0;d<o.length;d++)t(o[d]);var m=l;r.push([458,0]),n()}({0:function(e,t){e.exports=React},1:function(e,t,n){"use strict";n.d(t,"g",(function(){return i})),n.d(t,"O",(function(){return r})),n.d(t,"i",(function(){return c})),n.d(t,"B",(function(){return o})),n.d(t,"D",(function(){return l})),n.d(t,"t",(function(){return d})),n.d(t,"z",(function(){return m})),n.d(t,"n",(function(){return s})),n.d(t,"p",(function(){return u})),n.d(t,"E",(function(){return p})),n.d(t,"K",(function(){return f})),n.d(t,"s",(function(){return x})),n.d(t,"h",(function(){return h})),n.d(t,"r",(function(){return g})),n.d(t,"w",(function(){return b})),n.d(t,"u",(function(){return w})),n.d(t,"A",(function(){return v})),n.d(t,"q",(function(){return E})),n.d(t,"o",(function(){return y})),n.d(t,"C",(function(){return j})),n.d(t,"L",(function(){return k})),n.d(t,"l",(function(){return _})),n.d(t,"j",(function(){return S})),n.d(t,"m",(function(){return I})),n.d(t,"k",(function(){return L})),n.d(t,"x",(function(){return A})),n.d(t,"G",(function(){return P})),n.d(t,"v",(function(){return T})),n.d(t,"M",(function(){return C})),n.d(t,"N",(function(){return R})),n.d(t,"b",(function(){return J})),n.d(t,"J",(function(){return M})),n.d(t,"y",(function(){return z})),n.d(t,"a",(function(){return D})),n.d(t,"d",(function(){return $})),n.d(t,"f",(function(){return B})),n.d(t,"e",(function(){return H})),n.d(t,"c",(function(){return Z})),n.d(t,"P",(function(){return F})),n.d(t,"F",(function(){return V})),n.d(t,"H",(function(){return G})),n.d(t,"I",(function(){return U}));var a=n(3),i=function(e){return JSON.parse(decodeURIComponent(escape(atob(e))))},r=function(e){return btoa(unescape(encodeURIComponent(e)))},c=function(e){return e.toUpperCase()},o=function(e){return e.replaceAll(" ","-").toLowerCase()},l=new a.a(!1),d=new a.a(!1),m=new a.a(!1),s=new a.a(!1),u=new a.a(""),p=new a.a(!1),f=new a.a(!1),x=new a.a(!1),h=new a.a(!1),g=new a.a(""),b=new a.a(!0),w=new a.a(!0),v=new a.a(!0),E=new a.a(!0),y=new a.a(!0),N=new a.a(!1),O=0,j=new a.a(!1),k=new a.a(""),_=new a.a(""),S=new a.a(""),I=new a.a(""),L=new a.a(""),A=new a.a(""),P=new a.a(""),T=new a.a(!1),C=new a.a(!1),R=new a.a(!1),J=function(){setTimeout((function(){O++,N.next(!0)}),0)},M=function(){setTimeout((function(){O>0&&O--,0==O&&N.next(!1)}),0)},z=function(){return N.asObservable()},D=function(e){return!!/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(e)},$=function(e){return e.match(/^[a-zA-Z\xc0-\xff-. ]*$/)},B=function(e){return/^[0-9a-zA-Z !@#\$%\^\&*\)\(+=._-]+$/.test(e)},H=function(e){return/^\(?([0-9]{3})\)\s[0-9]{3}-[0-9]{4}$/.test(e)},Z=function(e){return/^[0-9]*$/.test(e)},F=function(e){return!!/^[-a-zA-Z0-9+&@#/%?=~|!:,.;]*[-a-zA-Z0-9+&@#/%=~|]$/.test(e)},V=function(e){if(e&&""!==e&&-1===e.indexOf("(")&&-1===e.indexOf(") ")&&-1===e.indexOf("-")){return"("+e.substring(0,3)+") "+e.substring(3,6)+"-"+e.substring(6,e.length)}return e},G=function(e){return e&&(e=e.toFixed(2).replace(/\d(?=(\d{3})+\.)/g,"$&,")),0!==e&&"0"!==e||(e=e.toFixed(2)),e},U=function(e,t){return e=e?Number(e):0,(0===(t=t?Number(t):0)||"0"===t?0:(e-t)/t*100).toFixed(2)}},11:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var a={PowerReviewApi:"3783f7b5-5e6f-4da2-90ce-1a55c1fd02b2",Locale:"en_US",MerchantGroupId:"48814",ProductMerchantId:"445672",DealerMerchantId:"135036"}},18:function(e,t){e.exports=ReactDOM},369:function(e,t,n){"use strict";n.r(t);var a=n(13),i=n(75);t.default=a.a.create({component:i.a,configuration:{tagname:"amarr-collection-list",useShadow:!1},plugins:[]})},5:function(e,t,n){"use strict";n.d(t,"a",(function(){return d}));var a=n(20),i=n(0),r=n.n(i),c=n(4),o=c.default.div.withConfig({displayName:"styles__View",componentId:"sc-1jt3i0i-0"})([""]),l=c.default.button.withConfig({displayName:"styles__Button",componentId:"sc-1jt3i0i-1"})(['font-size:12px;font-family:"Open Sans";font-weight:600;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:center;color:#fff;padding:12px 19px 12px 20px;border-radius:4px;background-color:#006166;box-shadow:none;border:none;transition:all ease 300ms;&:hover{transform:scale(1.1);background-color:#338084;color:#fff;}&:focus{transform:scale(1);box-shadow:none !important;background-color:#004347;}&:active{background-color:#006166 !important;box-shadow:none !important;transform:scale(1);border:none !important;}&.btn-inverse{color:#333333;background:#b2cfd1;&:hover{background:#8EB8BB;}&:focus{background:#8EA5A7;border:none;transform:scale(1);box-shadow:none !important;}&:active{background-color:#8EA5A7 !important;border:none !important;transform:scale(1.1);box-shadow:none !important;}}@media(min-width:1201px){font-size:16px;}.button-icon{vertical-align:top;padding-right:8px;}']),d=function(e){var t=e.label,n=void 0===t?"label":t,i=e.classStyle,c=void 0===i?"default":i,d=e.link,m=void 0!==d&&d,s=e.disabled,u=void 0!==s&&s,p=e.datatoggle,f=void 0===p?"":p,x=e.datatarget,h=void 0===x?"":x,g=e.linkHref,b=e.target,w=void 0===b?"_self":b,v=e.downloadLink,E=void 0!==v&&v,y=e.inverse,N=void 0!==y&&y,O=e.icon,j=void 0===O?"":O,k=e.iconAlt,_=void 0===k?"":k,S=e.dataItemName,I=void 0===S?"":S,L=e.id,A=void 0===L?"":L,P=e.type,T=void 0===P?"button":P,C=Object(a.a)(e,["label","classStyle","link","disabled","datatoggle","datatarget","linkHref","target","downloadLink","inverse","icon","iconAlt","dataItemName","id","type"]);return r.a.createElement(o,null,r.a.createElement("div",{className:""},m?r.a.createElement("a",{href:g,download:E,target:w,"data-item-name":I,id:A},r.a.createElement(l,Object.assign({disabled:u,classStyle:"".concat(c)},C,{type:T,className:N?"btn-inverse btn btn-success":"btn btn-success"}),""!=j?r.a.createElement("div",{"data-toggle":f,"data-target":h},r.a.createElement("img",{className:"button-icon",src:j,alt:_}),r.a.createElement("span",null,n)):r.a.createElement("span",null,n))):r.a.createElement(l,Object.assign({disabled:u,classStyle:c,className:N?"btn-inverse btn btn-success":"btn btn-success",id:A,"data-item-name":I,type:T},C),r.a.createElement("span",null,n))))}},75:function(e,t,n){"use strict";var a=n(2),i=n(0),r=n.n(i),c=n(4),o=c.default.section.withConfig({displayName:"styles__Content",componentId:"sc-1pu878s-0"})([".pr-snippet-stars-container{display:inline !important;margin-right:10px;}.read-review-link{visibility:hidden;font-size:1px;}.pr-snippet-write-review-link,span.pr-snippet-review-count{display:none}h1{font-size:48px;font-weight:600;color:#333333;}.collection-list-container{display:flex;flex-wrap:wrap;.collection-list-item{background-color:rgb(240,240,240);flex:0 0 33%;max-width:calc(33% - 32px);border:solid 1px #8d8d8d;border-radius:4px;padding:1px 0px;@media screen and (max-width:767px){flex:0 0 100%;max-width:100%;}@media screen and (min-width:768px) and (max-width:991px){flex:0 0 50%;max-width:calc(50% - 24px);}@media screen and (min-width:992px) and (max-width:1025px){flex:0 0 33%;max-width:calc(33% - 21px);}@media screen and (min-width:1026px) and (max-width:1680px){flex:0 0 33%;max-width:calc(33% - 24px);}.content-container{justify-content:space-between;flex-direction:column;display:flex;height:100%;.button-container{padding-left:18px;padding-bottom:18px;}}}.commercial-list-item,.operators-list-item{@media screen and (max-width:767px){flex:0 0 100%;max-width:100%;}@media screen and (min-width:768px) and (max-width:991px){flex:0 0 50%;max-width:calc(50% - 24px);}@media screen and (min-width:992px) and (max-width:1025px){flex:0 0 25%;max-width:calc(25% - 24px);}@media screen and (min-width:1026px) and (max-width:1680px){flex:0 0 25%;max-width:calc(25% - 27px);}@media screen and (min-width:1681px){flex:0 0 25%;max-width:calc(25% - 36px);}}}.collection-list-container > *{@media screen and (max-width:767px){margin:24px 32px 0 0px;}@media screen and (min-width:768px) and (max-width:991px){margin:28px 24px 0 0px;}@media screen and (min-width:992px) and (max-width:1025px){margin:28px 24px 0 0px;}@media screen and (min-width:1026px) and (max-width:1680px){margin:28px 24px 0 0px;}@media screen and (min-width:1681px){margin:32px 32px 0 0px;}}.collection-list-container{@media screen and (max-width:767px){margin:-24px 0px 0 0px;}@media screen and (min-width:768px) and (max-width:991px){margin:-28px -24px 0 0px;}@media screen and (min-width:992px) and (max-width:1025px){margin:-28px -24px 0 0px;}@media screen and (min-width:1026px) and (max-width:1680px){margin:-28px -36px 0 0px;}@media screen and (min-width:1681px){margin:-32px -48px 0 0px;}}.flex-grow-1{flex-grow:1;}"]),l=n(1),d=c.default.section.withConfig({displayName:"styles__Content",componentId:"s7465q-0"})([".collection-card{display:flex;flex-flow:column nowrap;border-radius:4px;a{color:#333;}&-body{border-top:solid 1px #8d8d8d;background-color:#f0f0f0;padding:18px 18px 0px 18px;color:#333333;}.p-w-r{.pr-category-snippet{display:flex;align-items:center;.pr-snippet-stars{background:none;}}}.item-description p{min-height:60px;}.image-container{background-color:#ffffff;padding:10px;display:flex;align-items:center;justify-content:center;@media(min-width:768px){height:250px;}@media(min-width:1681px){height:350px;}img{@media(min-width:768px){max-height:220px;}@media(min-width:1681px){max-height:350px;padding:30px 10px;}}}.commercial-image-container{height:225px;img{padding:0px !important;}@media screen and (min-width:1401px) and (max-width:1680px){height:182px;.collection-img{max-height:170px !important;}}@media screen and (min-width:1281px) and (max-width:1400px){height:165px;.collection-img{max-height:155px !important;}}@media screen and (min-width:1025px) and (max-width:1280px){height:155px;.collection-img{max-height:145px !important;}}@media screen and (min-width:992px) and (max-width:1024px){height:172px;.collection-img{max-height:162px !important;}}@media screen and (max-width:1023px){height:194px;.collection-img{max-height:180px !important;}}}}"]),m=function(e){var t,n,a,i,c,o=e.item,l=e.content;return r.a.createElement(d,null,r.a.createElement("section",{className:"collection-card"},r.a.createElement("div",{className:"".concat("commercial"===l.variation&&"commercial-image-container"," text-center image-container")},r.a.createElement("a",{href:o.url,"aria-label":(null===o||void 0===o||null===(t=o.image)||void 0===t?void 0:t.altText)?o.image.altText:"product-img"},r.a.createElement("img",{className:"collection-img",src:(null===o||void 0===o||null===(n=o.image)||void 0===n?void 0:n.url)?o.image.url:"",alt:(null===o||void 0===o||null===(a=o.image)||void 0===a?void 0:a.altText)&&""!==(null===o||void 0===o||null===(i=o.image)||void 0===i?void 0:i.altText)?null===o||void 0===o||null===(c=o.image)||void 0===c?void 0:c.altText:"commercial"===l.variation?"".concat(o.productName," Commercial Door"):"".concat(o.productName," Garage Door")}))),r.a.createElement("div",{className:"collection-card-body"},r.a.createElement("h3",{className:"amarr-h5"},r.a.createElement("a",{href:o.url,"aria-label":o.productName},o.productName)),"operators"===l.variation?r.a.createElement("div",{className:"body-text2"},r.a.createElement("p",null,o.brand," ",r.a.createElement("br",null),o.duty," ",r.a.createElement("br",null),o.warranty)):r.a.createElement("div",null,r.a.createElement("div",{id:o.powerReviewsId,className:"mb-2"}),r.a.createElement("div",{className:"body-text2 ".concat("residential"===l.variation&&"item-description"," ").concat("commercial"===l.variation&&"commercial-item-description mb-3"),dangerouslySetInnerHTML:{__html:o.shortDescription}})))))},s=n(6),u=n.n(s),p=n(8),f=n(11),x=n(5),h=function(e){var t=e.collectionListData,n=Object(l.g)(t),c=Object(i.useState)([]),d=Object(a.a)(c,2),s=d[0],h=d[1],g=Object(i.useState)(!1),b=Object(a.a)(g,2),w=b[0],v=b[1],E=Object(i.useState)(0),y=Object(a.a)(E,2),N=y[0],O=y[1],j=Object(i.useState)(0),k=Object(a.a)(j,2),_=k[0],S=k[1];Object(i.useEffect)((function(){"operators"===n.variation&&I(),"commercial"===n.variation&&L(),"residential"===n.variation&&A(),Object(l.y)().subscribe((function(e){v(e)}))}),[]);var I=function(){S((function(e){return e+1})),Object(l.b)(),u.a.get(n.collectionListApiPath+"."+(_+1)+".json").then((function(e){h((function(t){return t.concat(e.data.operatorList)})),O(e.data.totalResults),Object(l.J)()}),(function(e){Object(l.J)()})).catch((function(e){Object(l.J)()}))},L=function(){Object(l.b)(),u.a.get(n.collectionListApiPath).then((function(e){h(e.data);var t=[];e.data.forEach((function(e){e.doorList.forEach((function(e){t.push(e)}))})),P(t),Object(l.J)()}),(function(e){Object(l.J)()})).catch((function(e){Object(l.J)()}))},A=function(){Object(l.b)(),u.a.get(n.collectionListApiPath).then((function(e){h(e.data),P(e.data),Object(l.J)()}),(function(e){Object(l.J)()})).catch((function(e){Object(l.J)()}))},P=function(e){if(e&&e.length>0){var t="";e.forEach((function(e){t=t+'{\n "read_services_base_url": "stable",\n "api_key": `'+f.a.PowerReviewApi+'`,\n "locale": `'+f.a.Locale+'`,\n "merchant_group_id": `'+f.a.MerchantGroupId+'`,\n "merchant_id": `'+f.a.ProductMerchantId+'`,\n "page_id": `'+e.powerReviewsId+'`,\n "on_read_reviews_click": function () {\n var a = document.getElementById(`'+e.powerReviewsId+'-click`)\n a.click()\n },\n "components": {\n "ReviewSnippet": `'+e.powerReviewsId+"`,\n }\n },"}));var n="POWERREVIEWS.display.render(["+t+"]);",a=document.createElement("script");a.innerHTML=n,setTimeout((function(){document.body.appendChild(a),setTimeout((function(){var e=document.querySelectorAll(".pr-snippet-rating-decimal");e&&e.length>0&&e.forEach((function(e){var t=Number(e.textContent).toFixed(1);e.innerText=t}))}),3e3)}),1500)}};return r.a.createElement(o,null,r.a.createElement("div",{className:"container"},w&&r.a.createElement(p.a,null),"commercial"===n.variation&&r.a.createElement("div",{className:"row"},s&&s.length>0&&s.map((function(e,t){return r.a.createElement("div",{key:t,className:"col-12"},r.a.createElement("div",{className:"text-center mb-3"},"h1"===n.headingStyle&&r.a.createElement("h1",null,e.heading),"h2"===n.headingStyle&&r.a.createElement("h2",null,e.heading),"h3"===n.headingStyle&&r.a.createElement("h3",null,e.heading),"h4"===n.headingStyle&&r.a.createElement("h4",null,e.heading),"h5"===n.headingStyle&&r.a.createElement("h5",null,e.heading),"h6"===n.headingStyle&&r.a.createElement("h6",null,e.heading)),r.a.createElement("div",{className:"collection-list-container ".concat(s.length-1===t?"mb-4 mb-lg-5":"mb-5")},e.doorList&&e.doorList.length>0&&e.doorList.map((function(e,t){return r.a.createElement("div",{className:"collection-list-item commercial-list-item d-flex flex-column",key:t},r.a.createElement("div",{className:"flex-grow-1"},r.a.createElement(m,{item:e,key:t,content:n}),r.a.createElement("a",{className:"read-review-link",id:"".concat(e.powerReviewsId,"-click"),href:"".concat(e.url,"#reviewsTab")},"1")),r.a.createElement("div",{className:"pb-2 px-3 pt-3"},r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-md-6 col-lg-5 col-5"},r.a.createElement("h4",{className:"amarr-h6"},n.rValueLabel," :")),r.a.createElement("div",{className:"col-md-6 col-lg-7 col-7"},r.a.createElement("h4",{className:"amarr-h6 font-weight-normal "},e.rValue))),r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-md-6 col-lg-5 col-5"},r.a.createElement("h4",{className:"amarr-h6"},n.warrantyLabel," :")),r.a.createElement("div",{className:"col-md-6 col-lg-7 col-7"},r.a.createElement("h4",{className:"amarr-h6 font-weight-normal"},e.warranty))),"commercial"===n.variation&&r.a.createElement("div",{className:"row"},r.a.createElement("div",{className:"col-md-6 col-lg-5 col-5"},r.a.createElement("h4",{className:"amarr-h6"},n.priceLabel," :")),r.a.createElement("div",{className:"col-md-6 col-lg-7 col-7"},r.a.createElement("h4",{className:"amarr-h6 font-weight-normal"},e.price)))))}))))}))),"residential"===n.variation&&r.a.createElement("div",{className:"collection-list-container mb-5 pb-2"},s&&s.length>0&&s.map((function(e,t){return r.a.createElement("div",{className:"collection-list-item",key:t},r.a.createElement("div",{className:"content-container"},r.a.createElement(m,{item:e,key:t,content:n}),r.a.createElement("a",{className:"read-review-link",id:"".concat(e.powerReviewsId,"-click"),href:"".concat(e.url,"#reviewsTab")},"1"),r.a.createElement("div",{className:"button-container"},r.a.createElement(x.a,{label:Object(l.i)(n.label),link:!0,linkHref:e.url,inverse:"inverse"===n.color,dataItemName:e.productName}))))}))),"operators"===n.variation&&r.a.createElement("div",{className:"mb-5 pb-2"},r.a.createElement("div",{className:"collection-list-container"},s&&s.length>0&&s.map((function(e,t){return r.a.createElement("div",{className:"collection-list-item operators-list-item",key:t},r.a.createElement(m,{item:e,key:t,content:n}))}))),s.length<N&&r.a.createElement("div",{className:"col-12 text-center mt-2"},r.a.createElement("a",{href:"#",onClick:function(e){e.preventDefault(),I()},"aria-label":n.label},r.a.createElement(x.a,{label:Object(l.i)(n.label),link:!0,inverse:"inverse"===n.color}))))))};h.defaultProps={theme:"",collectionListData:""};t.a=h},8:function(e,t,n){"use strict";n.d(t,"a",(function(){return m}));var a=n(15),i=n(0),r=n.n(i),c=n(4),o=(n(30),c.default.div.withConfig({displayName:"styles__View",componentId:"sc-10ksvu2-0"})([".loader{position:fixed;left:0;right:0;top:0;bottom:0;text-align:center;z-index:9999;background:rgba(0,0,0,0.5);overflow:hidden;div{align-items:center;}}"])),l=n(23),d=n.n(l),m=function(e){return Object(a.a)(e),r.a.createElement(o,null,r.a.createElement("div",{className:"d-flex justify-content-center loader"},r.a.createElement("div",{className:"d-flex"},r.a.createElement(d.a,{type:"ThreeDots",color:"rgb(0, 97, 102)",height:100,width:100}))))}}});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@assaabloy/amarr-wc-collection-list",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.3",
|
|
4
4
|
"description": "Web component - Collection-list",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "collection-list.js",
|
|
@@ -11,5 +11,5 @@
|
|
|
11
11
|
},
|
|
12
12
|
"author": "Nagarro",
|
|
13
13
|
"license": "MIT",
|
|
14
|
-
"gitHead": "
|
|
14
|
+
"gitHead": "492c0fcdf690f0e94235150f0ab548d9553868a7"
|
|
15
15
|
}
|