@sunrise-upc/sales-static-components 4.0.1 → 4.1.0-beta.0

package/dist/cjs/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.module.scss.css

@@ -0,0 +1,239 @@
+/* center a block element */
+/* use this to any of the pseudo elements as these are the mandatory properties */
+/* setting styles in separate formats for cross browser support */
+/* specify the max width for an element and apply ellipses and truncate the overflow */
+/* vertically center alilgn any HTML element */
+/* add basePath to assets  */
+.DeviceGalleryItem-module__link___XE80H {
+  text-decoration: none;
+}
+
+.DeviceGalleryItem-module__outer-container___4Z5b1 {
+  height: 100%;
+  position: relative;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__promo___tQwKu {
+  display: flex;
+  flex-direction: row;
+  min-height: 32px;
+  justify-content: center;
+  text-align: center;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__promo___tQwKu .DeviceGalleryItem-module__limited___AVaY- {
+  border: 2px solid #1c9cdf;
+  border-radius: 4px;
+  box-sizing: border-box;
+  color: #1c9cdf;
+  font-weight: 700;
+  padding: 4px 12px;
+  font-size: 16px;
+  line-height: 24px;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__promo___tQwKu .DeviceGalleryItem-module__notlimited___STSPv {
+  background: #1c9cdf;
+  border-radius: 4px;
+  color: #ffffff;
+  font-weight: 700;
+  padding: 4px 12px;
+  font-size: 16px;
+  line-height: 24px;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL {
+  display: flex;
+  justify-content: center;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL .DeviceGalleryItem-module__image___xKhcY > div {
+  max-height: 100%;
+  max-width: 100%;
+  padding-top: 4px;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU {
+  text-align: center;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+  color: #333333;
+  font-style: normal;
+  font-weight: 700;
+  padding: 0 32px;
+  min-height: 64px;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 {
+  color: #606060;
+  font-style: normal;
+  font-weight: 500;
+  padding: 8px 32px 0;
+  font-size: 16px;
+  line-height: 24px;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+  padding-bottom: 40%;
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs {
+  position: absolute;
+  bottom: 0;
+  width: max-content;
+  max-width: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs .DeviceGalleryItem-module__button___m7tnX {
+  margin-right: 0;
+}
+
+@media (max-width: 767px) {
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__promo___tQwKu {
+    min-height: 36px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL {
+    height: 210px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL .DeviceGalleryItem-module__image___xKhcY {
+    max-height: 210px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+    padding: 0 16px;
+    min-height: 56px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 {
+    padding: 8px 16px 0;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+    padding-bottom: 88px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs {
+    padding-bottom: 16px;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL {
+    height: 192px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL .DeviceGalleryItem-module__image___xKhcY {
+    max-height: 192px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU {
+    padding: 4px 0 0;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL {
+    height: 210px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__image-container___4IlXL .DeviceGalleryItem-module__image___xKhcY {
+    max-height: 210px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU {
+    padding: 4px 0 0;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+    min-height: 56px;
+  }
+  .DeviceGalleryItem-module__outer-container___4Z5b1 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+    padding-bottom: 35%;
+  }
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 {
+  height: 100%;
+  position: relative;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__promo___tQwKu {
+  display: flex;
+  flex-direction: row;
+  min-height: 32px;
+  justify-content: center;
+  text-align: center;
+  font-size: 16px;
+  line-height: 24px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__promo___tQwKu .DeviceGalleryItem-module__limited___AVaY- {
+  border: 1px solid #5e94cf;
+  color: #5e94cf;
+  border-radius: 4px;
+  box-sizing: border-box;
+  font-weight: 700;
+  padding: 4px 12px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__promo___tQwKu .DeviceGalleryItem-module__notlimited___STSPv {
+  background: #5e94cf;
+  border-radius: 4px;
+  color: #ffffff;
+  font-weight: 700;
+  padding: 4px 12px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__image-container___4IlXL {
+  display: flex;
+  justify-content: center;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__image-container___4IlXL .DeviceGalleryItem-module__image___xKhcY > div {
+  max-height: 100%;
+  max-width: 100%;
+  padding-top: 4px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU {
+  text-align: center;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+  color: #3d3935;
+  font-style: normal;
+  font-weight: 700;
+  min-height: 56px;
+  font-size: 20px;
+  line-height: 28px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 {
+  font-style: normal;
+  color: #5f5955;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 24px;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+  padding-bottom: 22%;
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs {
+  position: absolute;
+  bottom: 0;
+  width: max-content;
+  max-width: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs .DeviceGalleryItem-module__button___m7tnX {
+  margin-right: 0;
+}
+
+@media (max-width: 767px) {
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__promo___tQwKu {
+    min-height: 36px;
+  }
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+    min-height: 56px;
+  }
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+    padding-bottom: 88px;
+  }
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__button-container___ZNLEs {
+    padding-bottom: 16px;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU {
+    padding: 4px 0 0;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU {
+    padding: 4px 0 0;
+  }
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__title___wSss- {
+    min-height: 56px;
+  }
+  .DeviceGalleryItem-module__falcon-container___Hhj45 .DeviceGalleryItem-module__content___gmClU .DeviceGalleryItem-module__description___hcxF0 div {
+    padding-bottom: 22%;
+  }
+}
+.DeviceGalleryItem-module__image___xKhcY img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+}

package/dist/cjs/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.module.scss.js

@@ -0,0 +1,3 @@
+require('./DeviceGalleryItem.module.scss.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={link:"DeviceGalleryItem-module__link___XE80H","outer-container":"DeviceGalleryItem-module__outer-container___4Z5b1",promo:"DeviceGalleryItem-module__promo___tQwKu",limited:"DeviceGalleryItem-module__limited___AVaY-",notlimited:"DeviceGalleryItem-module__notlimited___STSPv","image-container":"DeviceGalleryItem-module__image-container___4IlXL",image:"DeviceGalleryItem-module__image___xKhcY",content:"DeviceGalleryItem-module__content___gmClU",title:"DeviceGalleryItem-module__title___wSss-",description:"DeviceGalleryItem-module__description___hcxF0","button-container":"DeviceGalleryItem-module__button-container___ZNLEs",button:"DeviceGalleryItem-module__button___m7tnX","falcon-container":"DeviceGalleryItem-module__falcon-container___Hhj45"};
+//# sourceMappingURL=DeviceGalleryItem.module.scss.js.map

package/dist/cjs/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceGalleryItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/components/DeviceGallery/DeviceGalleryList.css

@@ -0,0 +1,190 @@
+/* center a block element */
+/* use this to any of the pseudo elements as these are the mandatory properties */
+/* setting styles in separate formats for cross browser support */
+/* specify the max width for an element and apply ellipses and truncate the overflow */
+/* vertically center alilgn any HTML element */
+/* add basePath to assets  */
+.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+  padding: 60px 0;
+}
+.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+  color: #333333;
+  margin: 0 0 40px;
+  text-align: center;
+}
+.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+  height: auto;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.DeviceGalleryList-module__slider-wrapper___-91-x {
+  position: relative;
+}
+
+.DeviceGalleryList-module__swiper___8Xjs- {
+  padding-bottom: 48px;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-wrapper {
+  align-items: stretch;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination {
+  bottom: 0;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-lock {
+  display: block !important;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet {
+  background: #8A8A8A;
+  height: 8px;
+  margin: 0 4px !important;
+  opacity: 0.25;
+  width: 8px;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet-active {
+  background: #e6003c;
+  opacity: 1;
+}
+
+.DeviceGalleryList-module__arrow___hjxmX {
+  align-items: center;
+  background: #ffffff;
+  border: 0;
+  border-radius: 24px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  cursor: pointer;
+  display: flex;
+  height: 44px;
+  justify-content: center;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 44px;
+  z-index: 2;
+}
+.DeviceGalleryList-module__arrow___hjxmX .DeviceGalleryList-module__active-arrow___bYo4D {
+  display: block;
+  height: 13.5px;
+  width: 7.5px;
+}
+.DeviceGalleryList-module__arrow___hjxmX .DeviceGalleryList-module__inactive-arrow___UjcZf {
+  display: none;
+  height: 13.5px;
+  width: 7.5px;
+}
+.DeviceGalleryList-module__arrow___hjxmX:hover {
+  background-color: #ffffff;
+  box-shadow: 0 4px 12px rgba(87, 84, 82, 0.2);
+}
+.DeviceGalleryList-module__arrow___hjxmX:active {
+  background-color: #f7f6f5;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+}
+
+.DeviceGalleryList-module__arrow-prev___eVBk8 {
+  left: -22px;
+}
+
+.DeviceGalleryList-module__arrow-next___QbE1T {
+  right: -22px;
+}
+
+.DeviceGalleryList-module__arrow-disabled___pdyjc {
+  background: #ced4da;
+  border-radius: 26px;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc .DeviceGalleryList-module__active-arrow___bYo4D {
+  display: none;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc .DeviceGalleryList-module__inactive-arrow___UjcZf {
+  display: block;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc:hover {
+  background: #ced4da;
+  border-radius: 26px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+}
+
+@media (max-width: 767px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 48px 0 76px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .sr-responsive-row, .DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
+    padding: 0;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 28px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .DeviceGalleryList-module__swiper___8Xjs- {
+    padding-bottom: 40px;
+  }
+  .DeviceGalleryList-module__arrow___hjxmX {
+    display: none;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 60px 0 88px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 40px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 48px 0 84px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 40px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 {
+  padding: 60px 0 84px;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+  color: #3d3935;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .slick-dots > li.slick-active > button:before {
+  color: #da291c;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet-active {
+  background: #da291c;
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding-top: 48px;
+    padding-bottom: 72px;
+  }
+}
+@media (max-width: 767px) {
+  .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 0 0 84px;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
+    padding: 0;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    font-size: 28px;
+    line-height: 36px;
+    padding: 48px 0 24px;
+    margin-bottom: 0;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    height: auto;
+    padding-left: 6px;
+    padding-right: 6px;
+  }
+}

package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js

@@ -0,0 +1,3 @@
+require('./DeviceGalleryList.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("swiper/react"),i=require("swiper/modules");require("swiper/css"),require("swiper/css/pagination");var t=require("./DeviceGalleryItem/DeviceGalleryItem.js"),l=require("../ResponsiveRow/row.js"),a=require("./DeviceGalleryList.module.scss.js");exports.default=({content:n,onEligibleItem:o,onPrepareItemAnalytics:c,useFalconStyle:d=!0})=>{const u=r.useRef(null),v=r.useRef(null),[f,w]=r.useState(!0),[g,p]=r.useState(!1),m=(null==n?void 0:n.deviceGalleryItemList)||[],h=d?a.default["falcon-section"]:a.default.section,x=m.length>1,y=e=>{w(e.isBeginning),p(e.isEnd)};return r.useEffect(()=>{const e=u.current;if(!e||"undefined"==typeof IntersectionObserver)return;const r=new IntersectionObserver(e=>{const r=e[0],s=(()=>{if("undefined"==typeof window)return[];try{return JSON.parse(localStorage.getItem("analyticsUids")||"[]")}catch(e){return[]}})();var i;r.isIntersecting&&r.intersectionRatio>=.5&&!s.includes(n._uid)&&(null==o||o("view"),i=[...s,n._uid],"undefined"!=typeof window&&localStorage.setItem("analyticsUids",JSON.stringify(i)))},{threshold:.5});return r.observe(e),()=>r.disconnect()},[n._uid,o]),e.jsx("div",{className:h,style:{backgroundColor:null==n?void 0:n.backgroundColor},ref:u,children:e.jsx(l.default,{children:e.jsxs(e.Fragment,{children:[(null==n?void 0:n.title)&&e.jsx("h2",{className:a.default.title,children:n.title}),e.jsxs("div",{className:a.default["slider-wrapper"],children:[e.jsx(s.Swiper,{modules:[i.Pagination],className:a.default.swiper,slidesPerView:1,slidesPerGroup:1,spaceBetween:12,loop:x,grabCursor:!0,pagination:{clickable:!0},breakpoints:{768:{slidesPerView:2,spaceBetween:20},1024:{slidesPerView:3,spaceBetween:20},1440:{slidesPerView:4,spaceBetween:8}},onSwiper:e=>{v.current=e,y(e)},onSlideChange:y,onReachBeginning:y,onReachEnd:y,onFromEdge:y,children:m.map((r,i)=>e.jsx(s.SwiperSlide,{className:a.default.slide,children:e.jsx(t.default,{content:r,index:i,onEligibleItem:o,onPrepareItemAnalytics:c,useFalconStyle:d})},r._uid))}),e.jsxs("button",{className:`${a.default.arrow} ${a.default["arrow-prev"]} ${!x&&f?a.default["arrow-disabled"]:""}`,type:"button","aria-label":"Previous slide",onClick:()=>{var e;return null===(e=v.current)||void 0===e?void 0:e.slidePrev()},children:[e.jsx("img",{className:a.default["active-arrow"],src:"/icons/chevron-left-arrow.svg",alt:""}),e.jsx("img",{className:a.default["inactive-arrow"],src:"/icons/chevron-left-grey.svg",alt:""})]}),e.jsxs("button",{className:`${a.default.arrow} ${a.default["arrow-next"]} ${!x&&g?a.default["arrow-disabled"]:""}`,type:"button","aria-label":"Next slide",onClick:()=>{var e;return null===(e=v.current)||void 0===e?void 0:e.slideNext()},children:[e.jsx("img",{className:a.default["active-arrow"],src:"/icons/chevron-right-arrow.svg",alt:""}),e.jsx("img",{className:a.default["inactive-arrow"],src:"/icons/chevron-right-grey.svg",alt:""})]})]})]})})})};
+//# sourceMappingURL=DeviceGalleryList.js.map

package/dist/cjs/components/DeviceGallery/DeviceGalleryList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceGalleryList.js","sources":["../../../../../src/components/DeviceGallery/DeviceGalleryList.tsx"],"sourcesContent":[null],"names":["content","onEligibleItem","onPrepareItemAnalytics","useFalconStyle","elementRef","useRef","swiperRef","isBeginning","setIsBeginning","useState","isEnd","setIsEnd","items","deviceGalleryItemList","sectionClassName","Styles","shouldLoop","length","updateNavigationState","swiper","useEffect","observedElement","current","IntersectionObserver","observer","entries","entry","trackedUids","window","JSON","parse","localStorage","getItem","_a","getTrackedUids","uids","isIntersecting","intersectionRatio","includes","_uid","setItem","stringify","threshold","observe","disconnect","_jsx","className","style","backgroundColor","ref","children","Row","_jsxs","title","Swiper","modules","Pagination","slidesPerView","slidesPerGroup","spaceBetween","loop","grabCursor","pagination","clickable","breakpoints","onSwiper","onSlideChange","onReachBeginning","onReachEnd","onFromEdge","map","item","index","SwiperSlide","DeviceGalleryItem","type","onClick","slidePrev","src","alt","slideNext"],"mappings":"sYAwC0B,EACxBA,UACAC,iBACAC,yBACAC,kBAAiB,MAEjB,MAAMC,EAAaC,EAAAA,OAA8B,MAC3CC,EAAYD,EAAAA,OAAY,OACvBE,EAAaC,GAAkBC,EAAAA,UAAS,IACxCC,EAAOC,GAAYF,EAAAA,UAAS,GAC7BG,GAAQZ,aAAO,EAAPA,EAASa,wBAAyB,GAC1CC,EAAmBX,EAAiBY,EAAAA,QAAO,kBAAoBA,EAAAA,QAAgB,QAC/EC,EAAaJ,EAAMK,OAAS,EAE5BC,EAAyBC,IAC7BX,EAAeW,EAAOZ,aACtBI,EAASQ,EAAOT,QA0BlB,OApBAU,EAAAA,UAAU,KACR,MAAMC,EAAkBjB,EAAWkB,QACnC,IAAKD,GAAmD,oBAAzBE,qBAAsC,OAErE,MAAMC,EAAW,IAAID,qBAClBE,IACC,MAAMC,EAAQD,EAAQ,GAChBE,EA3CS,MACrB,GAAsB,oBAAXC,OAAwB,MAAO,GAC1C,IACE,OAAOC,KAAKC,MAAMC,aAAaC,QAAQ,kBAAoB,KAC7D,CAAE,MAAAC,GACA,MAAO,EACT,GAqC0BC,GAlCL,IAACC,EAmCZT,EAAMU,gBAAkBV,EAAMW,mBAAqB,KAAQV,EAAYW,SAAStC,EAAQuC,QAC1FtC,SAAAA,EAAiB,QApCHkC,EAqCC,IAAIR,EAAa3B,EAAQuC,MApC1B,oBAAXX,QACXG,aAAaS,QAAQ,gBAAiBX,KAAKY,UAAUN,MAsCjD,CAAEO,UAAW,KAIf,OADAlB,EAASmB,QAAQtB,GACV,IAAMG,EAASoB,cACrB,CAAC5C,EAAQuC,KAAMtC,IAGhB4C,EAAAA,WAAKC,UAAWhC,EAAkBiC,MAAO,CAAEC,gBAAiBhD,eAAAA,EAASgD,iBAAmBC,IAAK7C,EAAU8C,SACrGL,EAAAA,IAACM,EAAAA,QAAG,CAAAD,SACFE,EAAAA,4BACGpD,aAAO,EAAPA,EAASqD,QAASR,YAAIC,UAAW/B,EAAAA,QAAc,eAAIf,EAAQqD,QAC5DD,EAAAA,KAAA,MAAA,CAAKN,UAAW/B,EAAAA,QAAO,4BACrB8B,EAAAA,IAACS,EAAAA,OAAM,CACLC,QAAS,CAACC,cACVV,UAAW/B,EAAAA,QAAe,OAC1B0C,cAAe,EACfC,eAAgB,EAChBC,aAAc,GACdC,KAAM5C,EACN6C,YAAY,EACZC,WAAY,CAAEC,WAAW,GACzBC,YAAa,CACX,IAAK,CACHP,cAAe,EACfE,aAAc,IAEhB,KAAM,CACJF,cAAe,EACfE,aAAc,IAEhB,KAAM,CACJF,cAAe,EACfE,aAAc,IAGlBM,SAAW9C,IACTb,EAAUgB,QAAUH,EACpBD,EAAsBC,IAExB+C,cAAehD,EACfiD,iBAAkBjD,EAClBkD,WAAYlD,EACZmD,WAAYnD,EAAqBgC,SAElCtC,EAAM0D,IAAI,CAACC,EAA+BC,IACzC3B,EAAAA,IAAC4B,cAAW,CAAiB3B,UAAW/B,EAAAA,QAAc,MAACmC,SACrDL,EAAAA,IAAC6B,EAAAA,QAAiB,CAChB1E,QAASuE,EACTC,MAAOA,EACPvE,eAAgBA,EAChBC,uBAAwBA,EACxBC,eAAgBA,KANFoE,EAAKhC,SAWzBa,EAAAA,KAAA,SAAA,CACEN,UAAW,GAAG/B,EAAAA,QAAc,SAAKA,EAAAA,QAAO,kBAAkBC,GAAcT,EAAcQ,EAAAA,QAAO,kBAAoB,KACjH4D,KAAK,SAAQ,aACF,iBACXC,QA7EU,WAAM,OAAiB,QAAjB3C,EAAA3B,EAAUgB,eAAO,IAAAW,OAAA,EAAAA,EAAE4C,aA6Eb3B,SAAA,CAEtBL,EAAAA,IAAA,MAAA,CAAKC,UAAW/B,EAAAA,QAAO,gBAAiB+D,IAAI,gCAAgCC,IAAI,KAChFlC,EAAAA,IAAA,MAAA,CAAKC,UAAW/B,EAAAA,QAAO,kBAAmB+D,IAAI,+BAA+BC,IAAI,QAEnF3B,EAAAA,KAAA,SAAA,CACEN,UAAW,GAAG/B,EAAAA,QAAc,SAAKA,EAAAA,QAAO,kBAAkBC,GAAcN,EAAQK,EAAAA,QAAO,kBAAoB,KAC3G4D,KAAK,SAAQ,aACF,aACXC,QArFM,WAAM,OAAiB,QAAjB3C,EAAA3B,EAAUgB,eAAO,IAAAW,OAAA,EAAAA,EAAE+C,aAqFb9B,SAAA,CAElBL,EAAAA,IAAA,MAAA,CAAKC,UAAW/B,EAAAA,QAAO,gBAAiB+D,IAAI,iCAAiCC,IAAI,KACjFlC,EAAAA,IAAA,MAAA,CAAKC,UAAW/B,EAAAA,QAAO,kBAAmB+D,IAAI,gCAAgCC,IAAI"}

package/dist/cjs/components/DeviceGallery/DeviceGalleryList.module.scss.css

@@ -0,0 +1,190 @@
+/* center a block element */
+/* use this to any of the pseudo elements as these are the mandatory properties */
+/* setting styles in separate formats for cross browser support */
+/* specify the max width for an element and apply ellipses and truncate the overflow */
+/* vertically center alilgn any HTML element */
+/* add basePath to assets  */
+.DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+  padding: 60px 0;
+}
+.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+  color: #333333;
+  margin: 0 0 40px;
+  text-align: center;
+}
+.DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+  height: auto;
+  padding-left: 4px;
+  padding-right: 4px;
+}
+
+.DeviceGalleryList-module__slider-wrapper___-91-x {
+  position: relative;
+}
+
+.DeviceGalleryList-module__swiper___8Xjs- {
+  padding-bottom: 48px;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-wrapper {
+  align-items: stretch;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination {
+  bottom: 0;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-lock {
+  display: block !important;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet {
+  background: #8A8A8A;
+  height: 8px;
+  margin: 0 4px !important;
+  opacity: 0.25;
+  width: 8px;
+}
+.DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet-active {
+  background: #e6003c;
+  opacity: 1;
+}
+
+.DeviceGalleryList-module__arrow___hjxmX {
+  align-items: center;
+  background: #ffffff;
+  border: 0;
+  border-radius: 24px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+  cursor: pointer;
+  display: flex;
+  height: 44px;
+  justify-content: center;
+  padding: 0;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 44px;
+  z-index: 2;
+}
+.DeviceGalleryList-module__arrow___hjxmX .DeviceGalleryList-module__active-arrow___bYo4D {
+  display: block;
+  height: 13.5px;
+  width: 7.5px;
+}
+.DeviceGalleryList-module__arrow___hjxmX .DeviceGalleryList-module__inactive-arrow___UjcZf {
+  display: none;
+  height: 13.5px;
+  width: 7.5px;
+}
+.DeviceGalleryList-module__arrow___hjxmX:hover {
+  background-color: #ffffff;
+  box-shadow: 0 4px 12px rgba(87, 84, 82, 0.2);
+}
+.DeviceGalleryList-module__arrow___hjxmX:active {
+  background-color: #f7f6f5;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+}
+
+.DeviceGalleryList-module__arrow-prev___eVBk8 {
+  left: -22px;
+}
+
+.DeviceGalleryList-module__arrow-next___QbE1T {
+  right: -22px;
+}
+
+.DeviceGalleryList-module__arrow-disabled___pdyjc {
+  background: #ced4da;
+  border-radius: 26px;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc .DeviceGalleryList-module__active-arrow___bYo4D {
+  display: none;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc .DeviceGalleryList-module__inactive-arrow___UjcZf {
+  display: block;
+}
+.DeviceGalleryList-module__arrow-disabled___pdyjc:hover {
+  background: #ced4da;
+  border-radius: 26px;
+  box-shadow: 0 2px 4px rgba(87, 84, 82, 0.2);
+}
+
+@media (max-width: 767px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 48px 0 76px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .sr-responsive-row, .DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
+    padding: 0;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 28px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .DeviceGalleryList-module__swiper___8Xjs- {
+    padding-bottom: 40px;
+  }
+  .DeviceGalleryList-module__arrow___hjxmX {
+    display: none;
+  }
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 60px 0 88px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 40px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryList-module__section___FYBX5, .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 48px 0 84px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__title___wQ6aY, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    margin: 0 0 40px;
+  }
+  .DeviceGalleryList-module__section___FYBX5 .DeviceGalleryList-module__slide___K-wHh, .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 {
+  padding: 60px 0 84px;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+  color: #3d3935;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .slick-dots > li.slick-active > button:before {
+  color: #da291c;
+}
+.DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__swiper___8Xjs- .swiper-pagination-bullet-active {
+  background: #da291c;
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding-top: 48px;
+    padding-bottom: 72px;
+  }
+}
+@media (max-width: 767px) {
+  .DeviceGalleryList-module__falcon-section___NZLE5 {
+    padding: 0 0 84px;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .sr-responsive-row {
+    padding: 0;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__title___wQ6aY {
+    font-size: 28px;
+    line-height: 36px;
+    padding: 48px 0 24px;
+    margin-bottom: 0;
+  }
+  .DeviceGalleryList-module__falcon-section___NZLE5 .DeviceGalleryList-module__slide___K-wHh {
+    height: auto;
+    padding-left: 6px;
+    padding-right: 6px;
+  }
+}

package/dist/cjs/components/DeviceGallery/DeviceGalleryList.module.scss.js

@@ -0,0 +1,3 @@
+require('./DeviceGalleryList.module.scss.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={section:"DeviceGalleryList-module__section___FYBX5","falcon-section":"DeviceGalleryList-module__falcon-section___NZLE5",title:"DeviceGalleryList-module__title___wQ6aY",slide:"DeviceGalleryList-module__slide___K-wHh","slider-wrapper":"DeviceGalleryList-module__slider-wrapper___-91-x",swiper:"DeviceGalleryList-module__swiper___8Xjs-",arrow:"DeviceGalleryList-module__arrow___hjxmX","active-arrow":"DeviceGalleryList-module__active-arrow___bYo4D","inactive-arrow":"DeviceGalleryList-module__inactive-arrow___UjcZf","arrow-prev":"DeviceGalleryList-module__arrow-prev___eVBk8","arrow-next":"DeviceGalleryList-module__arrow-next___QbE1T","arrow-disabled":"DeviceGalleryList-module__arrow-disabled___pdyjc"};
+//# sourceMappingURL=DeviceGalleryList.module.scss.js.map

package/dist/cjs/components/DeviceGallery/DeviceGalleryList.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceGalleryList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}