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

package/README.md

@@ -1,9 +1,9 @@
-# README #
-# Static Reusable Components Library
-This codebase is for the Static Reusable Components.
-
-# Static Reusable Components List
-# Ribbon Component 
-     <!---
-     Confluence Design Document to be added
+# README #
+# Static Reusable Components Library
+This codebase is for the Static Reusable Components.
+
+# Static Reusable Components List
+# Ribbon Component 
+     <!---
+     Confluence Design Document to be added
     -->

package/dist/cjs/components/BadgeContainer/BadgeContainer.css

@@ -0,0 +1,41 @@
+.BadgeContainer-module__badge-container___69m4y {
+  display: flex;
+  position: absolute;
+  top: -18px;
+  left: 16px;
+  flex-direction: row;
+  column-gap: 10px;
+  padding: 0 !important;
+}
+
+.BadgeContainer-module__badge___6Brx4 {
+  position: relative;
+  display: flex;
+  height: 32px;
+  border-radius: 10px;
+  align-items: center;
+  column-gap: 4px;
+  padding: 0 8px;
+  width: fit-content;
+}
+
+.BadgeContainer-module__badge-icon___pXuK7 {
+  height: 20px;
+  width: 20px;
+  display: flex;
+}
+.BadgeContainer-module__badge-icon___pXuK7 img, .BadgeContainer-module__badge-icon___pXuK7 svg {
+  height: 100%;
+  width: auto;
+  object-fit: cover;
+}
+
+.BadgeContainer-module__badge-label___URlLS {
+  font-weight: 700;
+  line-height: 20px;
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 150px;
+}

package/dist/cjs/components/BadgeContainer/BadgeContainer.js

@@ -0,0 +1,3 @@
+require('./BadgeContainer.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./BadgeContainer.module.scss.js");const a=({label:a,icon:r,backgroundGradient:l,backgroundColor:n,textGradient:o,textColor:d})=>{const i=r&&"object"==typeof r&&"filename"in r&&r.filename,c=o?{background:o,backgroundClip:"text",WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}:{color:d||"#FFFFFF"};return e.jsxs("div",{className:t.default.badge,style:{background:l||n||"#1F1F1F"},children:[i&&e.jsx("div",{className:t.default["badge-icon"],children:e.jsx("img",{src:r.filename,alt:r.alt||r.name||"badge icon",title:r.title})}),e.jsx("div",{className:t.default["badge-label"],style:c,children:a})]})};exports.default=r=>{const l=r.badges;return l&&Array.isArray(l)&&0!==l.length?e.jsx("div",{className:t.default["badge-container"],children:l.map((t,r)=>e.jsx(a,{label:t.label,icon:t.icon,backgroundGradient:t.backgroundGradient,backgroundColor:t.backgroundColor,textGradient:t.textGradient,textColor:t.textColor},`badge-${r}`))}):null};
+//# sourceMappingURL=BadgeContainer.js.map

package/dist/cjs/components/BadgeContainer/BadgeContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeContainer.js","sources":["../../../../../src/components/BadgeContainer/BadgeContainer.tsx"],"sourcesContent":[null],"names":["Badge","label","icon","backgroundGradient","backgroundColor","textGradient","textColor","hasIcon","filename","labelStyle","background","backgroundClip","WebkitBackgroundClip","WebkitTextFillColor","color","_jsxs","className","Styles","style","_jsx","children","src","alt","name","title","props","badges","Array","isArray","length","map","badge","index"],"mappings":"oJASA,MAAMA,EAAwB,EAC5BC,QACAC,OACAC,qBACAC,kBACAC,eACAC,gBAIA,MAAMC,EAAUL,GAAwB,iBAATA,GAAqB,aAAcA,GAASA,EAAeM,SAGpFC,EAAaJ,EACf,CACEK,WAAYL,EACZM,eAAgB,OAChBC,qBAAsB,OACtBC,oBAAqB,eAEvB,CAAEC,MAAOR,GAAa,WAE1B,OACES,OAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAc,MAAGC,MAAO,CAAER,WAAYP,GAAsBC,GAAmB,qBAC5FG,GACCY,MAAA,MAAA,CAAKH,UAAWC,UAAO,cAAaG,SAClCD,EAAAA,IAAA,MAAA,CACEE,IAAMnB,EAAeM,SACrBc,IAAMpB,EAAeoB,KAAQpB,EAAeqB,MAAQ,aACpDC,MAAQtB,EAAesB,UAI7BL,EAAAA,WAAKH,UAAWC,EAAAA,QAAO,eAAgBC,MAAOT,EAAUW,SAAGnB,wBASxCwB,IACvB,MAAMC,EAASD,EAAMC,OAGrB,OAAKA,GAAWC,MAAMC,QAAQF,IAA6B,IAAlBA,EAAOG,OAK9CV,EAAAA,IAAA,MAAA,CAAKH,UAAWC,EAAAA,QAAO,mBAAkBG,SACtCM,EAAOI,IAAI,CAACC,EAAmBC,IAC9Bb,EAAAA,IAACnB,EAAK,CAEJC,MAAO8B,EAAM9B,MACbC,KAAM6B,EAAM7B,KACZC,mBAAoB4B,EAAM5B,mBAC1BC,gBAAiB2B,EAAM3B,gBACvBC,aAAc0B,EAAM1B,aACpBC,UAAWyB,EAAMzB,WANZ,SAAS0B,QAPb"}

package/dist/cjs/components/BadgeContainer/BadgeContainer.module.scss.css

@@ -0,0 +1,41 @@
+.BadgeContainer-module__badge-container___69m4y {
+  display: flex;
+  position: absolute;
+  top: -18px;
+  left: 16px;
+  flex-direction: row;
+  column-gap: 10px;
+  padding: 0 !important;
+}
+
+.BadgeContainer-module__badge___6Brx4 {
+  position: relative;
+  display: flex;
+  height: 32px;
+  border-radius: 10px;
+  align-items: center;
+  column-gap: 4px;
+  padding: 0 8px;
+  width: fit-content;
+}
+
+.BadgeContainer-module__badge-icon___pXuK7 {
+  height: 20px;
+  width: 20px;
+  display: flex;
+}
+.BadgeContainer-module__badge-icon___pXuK7 img, .BadgeContainer-module__badge-icon___pXuK7 svg {
+  height: 100%;
+  width: auto;
+  object-fit: cover;
+}
+
+.BadgeContainer-module__badge-label___URlLS {
+  font-weight: 700;
+  line-height: 20px;
+  font-size: 14px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 150px;
+}

package/dist/cjs/components/BadgeContainer/BadgeContainer.module.scss.js

@@ -0,0 +1,3 @@
+require('./BadgeContainer.module.scss.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"badge-container":"BadgeContainer-module__badge-container___69m4y",badge:"BadgeContainer-module__badge___6Brx4","badge-icon":"BadgeContainer-module__badge-icon___pXuK7","badge-label":"BadgeContainer-module__badge-label___URlLS"};
+//# sourceMappingURL=BadgeContainer.module.scss.js.map

package/dist/cjs/components/BadgeContainer/BadgeContainer.module.scss.js.map

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

package/dist/cjs/components/ButtonGroup/ButtonGroup.css

@@ -1,96 +1,96 @@
-.overline {
-    color: gray;
-}
-
-.desciption {
-    font-size: 20px;
-    line-height: 26px;
-    color: #3d3935;
-}
-
-.primary {
-    text-align: center;
-    background: #da291c;
-    color: white;
-    border: none;
-    border-radius: 28px;
-    font-weight: 700;
-    overflow: visible;
-    padding: 14px 24px;
-    width: fit-content;
-
-    a {
-        color: white;
-        text-decoration: none;
-    }
-}
-
-.secondary {
-    text-align: center;
-    background: white;
-    color: #da291c;
-    border: 2px solid #da291c;
-    border-radius: 28px;
-    font-weight: 700;
-    overflow: visible;
-    padding: 14px 24px;
-    width: fit-content;
-
-    a {
-        color: #da291c;
-        text-decoration: none;
-    }
-}
-
-.horizontal-left {
-    display: flex;
-    justify-content: flex-start;
-}
-
-.horizontal-right {
-    display: flex;
-    justify-content: flex-end;
-}
-
-.horizontal-center {
-    display: flex;
-    justify-content: center;
-    margin-top: 20px;
-}
-
-.vertical-left {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-}
-
-.vertical-right {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-}
-
-.vertical-center {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-.btn-container{
-    margin-top: 16px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
-
-.text{
-    text-align: center;
-    color: #da291c;
-    font-weight: 700;
-    overflow: visible;
-    padding: 14px 24px;
-    width: fit-content;
-    a{
-       color: #da291c;
-       text-decoration: none; 
-    }
+.overline {
+    color: gray;
+}
+
+.desciption {
+    font-size: 20px;
+    line-height: 26px;
+    color: #3d3935;
+}
+
+.primary {
+    text-align: center;
+    background: #da291c;
+    color: white;
+    border: none;
+    border-radius: 28px;
+    font-weight: 700;
+    overflow: visible;
+    padding: 14px 24px;
+    width: fit-content;
+
+    a {
+        color: white;
+        text-decoration: none;
+    }
+}
+
+.secondary {
+    text-align: center;
+    background: white;
+    color: #da291c;
+    border: 2px solid #da291c;
+    border-radius: 28px;
+    font-weight: 700;
+    overflow: visible;
+    padding: 14px 24px;
+    width: fit-content;
+
+    a {
+        color: #da291c;
+        text-decoration: none;
+    }
+}
+
+.horizontal-left {
+    display: flex;
+    justify-content: flex-start;
+}
+
+.horizontal-right {
+    display: flex;
+    justify-content: flex-end;
+}
+
+.horizontal-center {
+    display: flex;
+    justify-content: center;
+    margin-top: 20px;
+}
+
+.vertical-left {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.vertical-right {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-end;
+}
+
+.vertical-center {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+.btn-container{
+    margin-top: 16px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+
+.text{
+    text-align: center;
+    color: #da291c;
+    font-weight: 700;
+    overflow: visible;
+    padding: 14px 24px;
+    width: fit-content;
+    a{
+       color: #da291c;
+       text-decoration: none; 
+    }
 }

package/dist/cjs/components/Constants.js

@@ -1,2 +1,2 @@
-"use strict";exports.ACCESSORY="ACCESSORY",exports.AFTER="after",exports.AUTHCOOKIE="sunriseAuth",exports.AUTHSTAMP="auth-stamp",exports.BEFORE="before",exports.CART_COOKIE="one-commerce-cartId",exports.CENTER="center",exports.COLLG3="col-lg-3",exports.COLLG4="col-lg-4",exports.COLLG6="col-lg-6",exports.COLORWHITE="#ffffff",exports.CUSTOMER_GROUP_NEW_CUSTOMER_VALUE="NEW_CUSTOMER",exports.CUSTOMER_GROUP_STORAGE_KEY="customerGroup",exports.CUSTOMER_SEGMENT_REFRESH_EVENT="customerSegmentRefresh",exports.CUSTOMER_SEGMENT_REFRESH_STORAGE_KEY="customerSegmentRefreshStamp",exports.DEFAULTLOCALE="en",exports.DEVICE="DEVICE",exports.DISMISSED_RIBBONS_STORAGE_KEY="dismissedRibbonsByUid",exports.EXTRA="extra",exports.FALCONBUTTONCLICKED="clicked",exports.FLEX_UPGRADE="FLEX_UPGRADE",exports.FULL_PAYMENT="fullPayment",exports.H1="h1",exports.H2="h2",exports.H3="h3",exports.H4="h4",exports.HOME_SECURITY_ACCESSORY="HOME_SECURITY_ACCESSORY",exports.ICON="icon",exports.IMG="img",exports.LEFT="left",exports.LGDESKSTART=1440,exports.MDDESKEND=1439,exports.MDDESKSTART=1024,exports.MOBEND=767,exports.NONE="none",exports.PRE_TO_POST_PROMOTION_ID="PreToPost",exports.PRIMARYCOLORS="#da291c",exports.RIBBON_DISMISS_UPDATED_EVENT="ribbonDismissUpdated",exports.RIGHT="right",exports.SEMIEXTRA="semiextra",exports.SMART_UPGRADE="SMART_UPGRADE",exports.STACK="stack",exports.SVG="svg",exports.TABEND=1023,exports.TABLET="TABLET",exports.TABSTART=768,exports.TRANSPARENT="transparent",exports.WATCH="WATCH",exports.ZEROES="00";
+"use strict";exports.ACCESSORY="ACCESSORY",exports.AFTER="after",exports.AURABUTTONCLICKED="clicked",exports.AUTHCOOKIE="sunriseAuth",exports.AUTHSTAMP="auth-stamp",exports.BEFORE="before",exports.CART_COOKIE="one-commerce-cartId",exports.CENTER="center",exports.COLLG3="col-lg-3",exports.COLLG4="col-lg-4",exports.COLLG6="col-lg-6",exports.COLORWHITE="#ffffff",exports.CUSTOMER_GROUP_NEW_CUSTOMER_VALUE="NEW_CUSTOMER",exports.CUSTOMER_GROUP_STORAGE_KEY="customerGroup",exports.CUSTOMER_SEGMENT_REFRESH_EVENT="customerSegmentRefresh",exports.CUSTOMER_SEGMENT_REFRESH_STORAGE_KEY="customerSegmentRefreshStamp",exports.DEFAULTLOCALE="en",exports.DEVICE="DEVICE",exports.DISMISSED_RIBBONS_STORAGE_KEY="dismissedRibbonsByUid",exports.EXTRA="extra",exports.FALCONBUTTONCLICKED="clicked",exports.FLEX_UPGRADE="FLEX_UPGRADE",exports.FULL_PAYMENT="fullPayment",exports.H1="h1",exports.H2="h2",exports.H3="h3",exports.H4="h4",exports.HOME_SECURITY_ACCESSORY="HOME_SECURITY_ACCESSORY",exports.ICON="icon",exports.IMG="img",exports.LEFT="left",exports.LGDESKSTART=1440,exports.MDDESKEND=1439,exports.MDDESKSTART=1024,exports.MOBEND=767,exports.NONE="none",exports.PRE_TO_POST_PROMOTION_ID="PreToPost",exports.PRIMARYCOLORS="#da291c",exports.RIBBON_DISMISS_UPDATED_EVENT="ribbonDismissUpdated",exports.RIGHT="right",exports.SEMIEXTRA="semiextra",exports.SMART_UPGRADE="SMART_UPGRADE",exports.STACK="stack",exports.SVG="svg",exports.TABEND=1023,exports.TABLET="TABLET",exports.TABSTART=768,exports.TRANSPARENT="transparent",exports.WATCH="WATCH",exports.ZEROES="00";
 //# sourceMappingURL=Constants.js.map

package/dist/cjs/components/Constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Constants.js","sources":["../../../../src/components/Constants.ts"],"sourcesContent":[null],"names":[],"mappings":"+BA0KyB,0BAnKJ,2BA8BK,gCA4GD,4BAzIH,6BA8JK,qCAtKL,wBAyBA,0BADA,0BADA,8BAbI,oDAsJuB,kDADP,uDAII,sEACM,oDAhIvB,oBAqIP,+CARuB,sCAlJxB,oCATc,+BAkKP,oCAMA,yBAnKV,gBACA,gBACA,gBACA,qCA+JqB,uCAvFnB,mBADD,mBApFC,2BAoDO,uBAlCF,yBAiCE,oBA/BL,iBAJH,wCA2IqB,kCAvJX,+CA6Je,qCAhKvB,0BAcI,kCAuJI,8BAjJR,oBAiEF,qBAnEG,oBAwJA,0BAzHE,wBAhDG,4BAwKN,uBAvKC"}
+{"version":3,"file":"Constants.js","sources":["../../../../src/components/Constants.ts"],"sourcesContent":[null],"names":[],"mappings":"+BA0KyB,0BAnKJ,kCAoDY,6BAtBP,gCA4GD,4BAzIH,6BA8JK,qCAtKL,wBAyBA,0BADA,0BADA,8BAbI,oDAsJuB,kDADP,uDAII,sEACM,oDAhIvB,oBAqIP,+CARuB,sCAlJxB,oCATc,+BAkKP,oCAMA,yBAnKV,gBACA,gBACA,gBACA,qCA+JqB,uCAvFnB,mBADD,mBApFC,2BAoDO,uBAlCF,yBAiCE,oBA/BL,iBAJH,wCA2IqB,kCAvJX,+CA6Je,qCAhKvB,0BAcI,kCAuJI,8BAjJR,oBAiEF,qBAnEG,oBAwJA,0BAzHE,wBAhDG,4BAwKN,uBAvKC"}

package/dist/cjs/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.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.js

@@ -0,0 +1,3 @@
+require('./DeviceGalleryItem.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("./DeviceGalleryItem.module.scss.js"),l=require("../../RichText/richText.js"),n=require("../../../utils/StyleUtils.js"),a=require("../../Constants.js"),r=require("../../../utils/AnalyticUtils.js"),s=require("../../../utils/AnalyticsConstants.js");const o={Black:"#000000",White:"#ffffff"},d=()=>"undefined"==typeof window?300:window.innerWidth<=767?700:300;exports.default=({content:c,index:u=0,onEligibleItem:m,onPrepareItemAnalytics:v,useFalconStyle:f=!0})=>{var x;const[j,E]=t.useState(!1),[h,N]=t.useState(d),p=n.getFalconButtonClass(c.buttonType),C=f?i.default["falcon-container"]:i.default["outer-container"],T=(e=>{var t,i,l,n;const a=(null===(t=e.gradientBackground)||void 0===t?void 0:t.trim())||(null===(l=null===(i=e.backgroundColor)||void 0===i?void 0:i.color)||void 0===l?void 0:l.trim()),r=e.textColor,s=r?null!==(n=o[r])&&void 0!==n?n:r:void 0;if(a||s)return Object.assign(Object.assign({},a?{background:a}:null),s?{color:s}:null)})(c);return t.useEffect(()=>{const e=()=>N(d());return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),t.useEffect(()=>{null==v||v(c)},[c,v]),t.useEffect(()=>{var e;r.trackComponent(c.title||s.DEVICEGALLERY,null===(e=c.link)||void 0===e?void 0:e.cached_url,s.CONTENT,s.LINK)},[c]),e.jsx("div",{className:C,children:e.jsxs("a",{href:c.link?c.link.cached_url:"/",target:"_self",className:i.default.link,onClick:()=>{var e;r.trackEvent(s.DEVICEGALLERY,c.title,s.TYPE),r.trackNewDatalayerEvent(s.SELECTPROMOTION,s.SELECTPROMOTION,{banner_promotion_name:null!==(e=null==c?void 0:c.bannerPromotionName)&&void 0!==e?e:null==c?void 0:c.title,banner_source:s.CMS,banner_type:s.SUBTEASER,banner_location:null==c?void 0:c.bannerLocation,audience_name:s.ALL,promotion_objective:s.ALL,index:u+1}),null==v||v(c),null==m||m("select")},children:[e.jsx("div",{className:i.default.promo,children:c.promoText?c.isLimited?e.jsx("div",{className:i.default.limited,style:T,children:c.promoText}):e.jsx("div",{className:i.default.notlimited,style:T,children:c.promoText}):null}),(null===(x=c.image)||void 0===x?void 0:x.filename)&&e.jsx("div",{className:i.default["image-container"],children:e.jsx("div",{className:i.default.image,children:e.jsx("img",{src:(b=c.image.filename,g=h,b&&g&&b.includes("/f/")?`${b}/m/${g}x0/filters:format(webp):quality(80)`:b),alt:c.image.alt||"",title:c.image.title||""})})}),e.jsxs("div",{className:i.default.content,children:[c.title&&e.jsx("h4",{className:i.default.title,children:c.title}),c.description&&e.jsx("div",{className:i.default.description,children:e.jsx(l.default,{content:c.description})}),e.jsx("div",{className:i.default["button-container"],children:c.CTA_text&&e.jsx("div",{className:`${p} ${i.default.button} ${j?a.AURABUTTONCLICKED:""}`,onClick:()=>E(!j),children:c.CTA_text})})]})]})});var b,g};
+//# sourceMappingURL=DeviceGalleryItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeviceGalleryItem.js","sources":["../../../../../../src/components/DeviceGallery/DeviceGalleryItem/DeviceGalleryItem.tsx"],"sourcesContent":[null],"names":["OPTION_TEXT_COLOR","Black","White","getImageWidth","window","innerWidth","content","index","onEligibleItem","onPrepareItemAnalytics","useFalconStyle","clicked","setClicked","useState","imageWidth","setImageWidth","buttonStyle","getFalconButtonClass","buttonType","containerClassName","Styles","promoBadgeStyle","background","_a","gradientBackground","trim","_b","backgroundColor","color","_c","colorValue","textColor","_d","undefined","Object","assign","getBadgeSchemeStyle","useEffect","handleResize","addEventListener","removeEventListener","trackComponent","title","DEVICEGALLERY","link","cached_url","CONTENT","LINK","_jsx","className","children","_jsxs","href","target","onClick","trackEvent","TYPE","trackNewDatalayerEvent","SELECTPROMOTION","banner_promotion_name","bannerPromotionName","banner_source","CMS","banner_type","SUBTEASER","banner_location","bannerLocation","audience_name","ALL","promotion_objective","promoText","isLimited","style","image","filename","src","source","width","includes","alt","description","RichText","CTA_text","AURABUTTONCLICKED"],"mappings":"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"}