@sunrise-upc/sales-static-components 3.7.8 → 3.7.10

package/dist/cjs/components/MinimizedHeader/MinimizedHeader.css

@@ -0,0 +1,132 @@
+/* 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  */
+@media (min-width: 768px) {
+  .MinimizedHeader-module__outer___JOzJC {
+    background-color: #ffffff;
+    border-top: 4px solid #da291c;
+    box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
+    height: 72px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
+    position: fixed;
+    top: 0;
+    left: 0;
+    padding: 4px 8px;
+    font-size: 14px;
+    z-index: 10000;
+    color: #5f5955;
+    background: #ffffff;
+  }
+}
+@media (min-width: 768px) and (max-width: 850px) {
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
+    padding: 0 4px;
+    font-size: 8px;
+  }
+}
+@media (min-width: 768px) {
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
+    width: 100%;
+    display: inline-block;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
+    display: flex;
+    float: left;
+    align-items: center;
+    margin: 10px 0;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
+    padding-left: 10px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
+    float: right;
+    display: flex;
+    margin: 24px 0 24px 0;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
+    background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
+    background-repeat: no-repeat;
+    background-size: contain;
+    display: block;
+    height: 24px;
+    margin-right: 6px;
+    width: 24px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
+    color: #da291c;
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 24px;
+  }
+}
+@media (max-width: 767px) {
+  .MinimizedHeader-module__outer___JOzJC {
+    background-color: #ffffff;
+    border-top: 4px solid #da291c;
+    box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
+    height: 48px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
+    width: 100%;
+    display: inline-block;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
+    display: flex;
+    float: left;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
+    margin-top: 12px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
+    height: 24px;
+    width: 24px;
+    float: left;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
+    margin-top: 8px;
+    padding-left: 6px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
+    height: 20px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
+    float: right;
+    display: flex;
+    margin: 12px 0 12px 0;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
+    background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
+    background-repeat: no-repeat;
+    background-size: contain;
+    display: block;
+    height: 20px;
+    margin-right: 6px;
+    width: 20px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
+    color: #da291c;
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 24px;
+  }
+}
+.MinimizedHeader-module__s20-header__version-number___vI9Rr {
+  position: fixed;
+  top: 0;
+  left: 0;
+  padding: 4px 8px;
+  font-size: 14px;
+  z-index: 10000;
+  color: #5f5955;
+  background: #ffffff;
+}
+@media (max-width: 850px) {
+  .MinimizedHeader-module__s20-header__version-number___vI9Rr {
+    padding: 0 4px;
+    font-size: 8px;
+  }
+}

package/dist/cjs/components/MinimizedHeader/MinimizedHeader.js

@@ -0,0 +1,3 @@
+require('./MinimizedHeader.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),r=require("./MinimizedHeader.module.scss.js"),i=require("../ResponsiveRow/row.js"),t=require("../FalconMainNavigation/shared.js");exports.default=({content:a,metadata:l})=>{var n,d;const[o,c]=s.useState(""),u=process.env.NEXT_PUBLIC_CHANNEL||"Offers",f=process.env.NEXT_PUBLIC_APP_VERSION;s.useEffect(()=>{const e=(()=>{if("undefined"==typeof document)return;const e="sunriseAuth=",s=document.cookie.split(";");for(let r of s){for(;" "===r.charAt(0);)r=r.substring(1);if(0===r.indexOf(e))try{return JSON.parse(decodeURIComponent(r.substring(12,r.length)))}catch(e){return}}})();e&&(e.personalisedName?c(e.personalisedName):e.firstName&&e.lastName&&c(`${e.firstName[0]}${e.lastName[0]}`))},[]);const m=t.resolveStoryblokLink(l,null==a?void 0:a.logoUrl);return e.jsxs("div",{className:`${r.default.outer} mini-header`,children:["prod"!==(null===(n=process.env.TARGET_ENVIRONMENT)||void 0===n?void 0:n.toLowerCase())&&f&&e.jsx("div",{className:r.default["s20-header__version-number"],children:e.jsxs("p",{children:[u,"_",f]})}),e.jsx(i.default,{children:e.jsxs("div",{className:r.default.align,children:[e.jsx("a",{href:(null===(d=null==a?void 0:a.logoUrl)||void 0===d?void 0:d.cached_url)?m:"",children:e.jsxs("div",{className:r.default.wrap,children:[e.jsx("div",{className:r.default.icon,children:e.jsx("img",{width:48,height:48,src:t.getStaticAssetPath("/icons/sunriseNew.svg"),alt:""})}),e.jsx("div",{className:r.default.title,children:e.jsx("img",{src:t.getStaticAssetPath("/icons/sunriseText.svg"),alt:""})})]})}),e.jsxs("div",{className:`${r.default["after-login"]} d-flex align-items-center`,children:[o&&e.jsx("div",{className:r.default["profile-icon"]}),e.jsx("div",{className:r.default["profile-name"],children:o})]})]})})]})};
+//# sourceMappingURL=MinimizedHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MinimizedHeader.js","sources":["../../../../../src/components/MinimizedHeader/MinimizedHeader.tsx"],"sourcesContent":[null],"names":["content","metadata","personalisedName","setPersonalisedName","useState","channel","process","env","NEXT_PUBLIC_CHANNEL","appVersion","NEXT_PUBLIC_APP_VERSION","useEffect","authData","document","name","cookies","cookie","split","charAt","substring","indexOf","JSON","parse","decodeURIComponent","length","_a","readAuthCookie","firstName","lastName","url","resolveStoryblokLink","logoUrl","_jsxs","className","styles","children","TARGET_ENVIRONMENT","toLowerCase","_jsx","Row","href","cached_url","width","height","src","getStaticAssetPath","alt"],"mappings":"4QA2CwB,EAAGA,UAASC,uBAClC,MAAOC,EAAkBC,GAAuBC,EAAAA,SAAS,IACnDC,EAAUC,QAAQC,IAAIC,qBAAuB,SAC7CC,EAAaH,QAAQC,IAAIG,wBAE/BC,EAAAA,UAAU,KACR,MAAMC,EA/Ba,MACrB,GAAwB,oBAAbC,SACT,OAGF,MAAMC,EAAO,eACPC,EAAUF,SAASG,OAAOC,MAAM,KAEtC,IAAK,IAAID,KAAUD,EAAS,CAC1B,KAA4B,MAArBC,EAAOE,OAAO,IACnBF,EAASA,EAAOG,UAAU,GAG5B,GAA6B,IAAzBH,EAAOI,QAAQN,GACjB,IACE,OAAOO,KAAKC,MAAMC,mBAAmBP,EAAOG,UAAUL,GAAaE,EAAOQ,SAC5E,CAAE,MAAAC,GACA,MACF,CAEJ,GAWmBC,GACZd,IAIDA,EAASV,iBACXC,EAAoBS,EAASV,kBAI3BU,EAASe,WAAaf,EAASgB,UACjCzB,EAAoB,GAAGS,EAASe,UAAU,KAAKf,EAASgB,SAAS,QAElE,IAEH,MAAMC,EAAMC,EAAAA,qBAAqB7B,EAAUD,aAAO,EAAPA,EAAS+B,SAEpD,OACEC,EAAAA,KAAA,MAAA,CAAKC,UAAW,GAAGC,EAAAA,QAAc,oBAAeC,SAAA,CACK,UAApB,QAA9BV,EAAAnB,QAAQC,IAAI6B,0BAAkB,IAAAX,OAAA,EAAAA,EAAEY,gBAA4B5B,GAC3D6B,EAAAA,IAAA,MAAA,CAAKL,UAAWC,EAAAA,QAAO,8BAA6BC,SAClDH,OAAA,IAAA,CAAAG,SAAA,CAAI9B,EAAO,IAAGI,OAGlB6B,EAAAA,IAACC,EAAAA,QAAG,CAAAJ,SACFH,EAAAA,KAAA,MAAA,CAAKC,UAAWC,UAAc,MAACC,SAAA,CAC7BG,EAAAA,IAAA,IAAA,CAAGE,gBAAMxC,aAAO,EAAPA,EAAS+B,8BAASU,YAAaZ,EAAM,GAAEM,SAC9CH,EAAAA,KAAA,MAAA,CAAKC,UAAWC,EAAAA,QAAa,eAC3BI,EAAAA,IAAA,MAAA,CAAKL,UAAWC,UAAa,cAC3BI,EAAAA,IAAA,MAAA,CAAKI,MAAO,GAAIC,OAAQ,GAAIC,IAAKC,EAAAA,mBAAmB,yBAA0BC,IAAI,OAEpFR,EAAAA,IAAA,MAAA,CAAKL,UAAWC,EAAAA,QAAc,MAACC,SAC7BG,EAAAA,WAAKM,IAAKC,EAAAA,mBAAmB,0BAA2BC,IAAI,YAIlEd,EAAAA,KAAA,MAAA,CAAKC,UAAW,GAAGC,EAAAA,QAAO,qDACvBhC,GAAoBoC,EAAAA,WAAKL,UAAWC,EAAAA,QAAO,kBAC5CI,EAAAA,IAAA,MAAA,CAAKL,UAAWC,EAAAA,QAAO,gBAAeC,SAAGjC"}

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

@@ -0,0 +1,132 @@
+/* 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  */
+@media (min-width: 768px) {
+  .MinimizedHeader-module__outer___JOzJC {
+    background-color: #ffffff;
+    border-top: 4px solid #da291c;
+    box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
+    height: 72px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
+    position: fixed;
+    top: 0;
+    left: 0;
+    padding: 4px 8px;
+    font-size: 14px;
+    z-index: 10000;
+    color: #5f5955;
+    background: #ffffff;
+  }
+}
+@media (min-width: 768px) and (max-width: 850px) {
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__s20-header__version-number___vI9Rr {
+    padding: 0 4px;
+    font-size: 8px;
+  }
+}
+@media (min-width: 768px) {
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
+    width: 100%;
+    display: inline-block;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
+    display: flex;
+    float: left;
+    align-items: center;
+    margin: 10px 0;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
+    padding-left: 10px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
+    float: right;
+    display: flex;
+    margin: 24px 0 24px 0;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
+    background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
+    background-repeat: no-repeat;
+    background-size: contain;
+    display: block;
+    height: 24px;
+    margin-right: 6px;
+    width: 24px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
+    color: #da291c;
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 24px;
+  }
+}
+@media (max-width: 767px) {
+  .MinimizedHeader-module__outer___JOzJC {
+    background-color: #ffffff;
+    border-top: 4px solid #da291c;
+    box-shadow: 0px 2px 4px rgba(87, 84, 82, 0.2);
+    height: 48px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X {
+    width: 100%;
+    display: inline-block;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO {
+    display: flex;
+    float: left;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J {
+    margin-top: 12px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__icon___wYr8J > img {
+    height: 24px;
+    width: 24px;
+    float: left;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 {
+    margin-top: 8px;
+    padding-left: 6px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__wrap___rUhGO .MinimizedHeader-module__title___4dK49 > img {
+    height: 20px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- {
+    float: right;
+    display: flex;
+    margin: 12px 0 12px 0;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-icon___LlK8O {
+    background-image: url("/ecom-int/HeaderIcons/new_profile_icon1.svg");
+    background-repeat: no-repeat;
+    background-size: contain;
+    display: block;
+    height: 20px;
+    margin-right: 6px;
+    width: 20px;
+  }
+  .MinimizedHeader-module__outer___JOzJC .MinimizedHeader-module__align___yv11X .MinimizedHeader-module__after-login___-BGe- .MinimizedHeader-module__profile-name___Kh-fd {
+    color: #da291c;
+    font-weight: 700;
+    font-size: 18px;
+    line-height: 24px;
+  }
+}
+.MinimizedHeader-module__s20-header__version-number___vI9Rr {
+  position: fixed;
+  top: 0;
+  left: 0;
+  padding: 4px 8px;
+  font-size: 14px;
+  z-index: 10000;
+  color: #5f5955;
+  background: #ffffff;
+}
+@media (max-width: 850px) {
+  .MinimizedHeader-module__s20-header__version-number___vI9Rr {
+    padding: 0 4px;
+    font-size: 8px;
+  }
+}

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

@@ -0,0 +1,3 @@
+require('./MinimizedHeader.module.scss.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={outer:"MinimizedHeader-module__outer___JOzJC","s20-header__version-number":"MinimizedHeader-module__s20-header__version-number___vI9Rr",align:"MinimizedHeader-module__align___yv11X",wrap:"MinimizedHeader-module__wrap___rUhGO",title:"MinimizedHeader-module__title___4dK49","after-login":"MinimizedHeader-module__after-login___-BGe-","profile-icon":"MinimizedHeader-module__profile-icon___LlK8O","profile-name":"MinimizedHeader-module__profile-name___Kh-fd",icon:"MinimizedHeader-module__icon___wYr8J"};
+//# sourceMappingURL=MinimizedHeader.module.scss.js.map

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

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

package/dist/cjs/components/ResponsiveRow/row.css

@@ -0,0 +1,33 @@
+/* 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  */
+.row-module__sr-def-row___us1ph {
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 16px;
+  padding-right: 16px;
+  max-width: 1308px;
+  width: 100%;
+}
+.row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
+  padding: 0px;
+  max-width: 100%;
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .row-module__sr-def-row___us1ph {
+    max-width: 972px;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .row-module__sr-def-row___us1ph {
+    max-width: 720px;
+  }
+}
+@media (max-width: 767px) {
+  .row-module__sr-def-row___us1ph {
+    max-width: 100%;
+  }
+}

package/dist/cjs/components/ResponsiveRow/row.js

@@ -0,0 +1,3 @@
+require('./row.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./row.module.scss.js");exports.default=({children:s})=>e.jsx("div",{className:`${r.default["sr-def-row"]} sr-responsive-row`,children:s});
+//# sourceMappingURL=row.js.map

package/dist/cjs/components/ResponsiveRow/row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row.js","sources":["../../../../../src/components/ResponsiveRow/row.tsx"],"sourcesContent":[null],"names":["children","_jsx","className","Styles"],"mappings":"yJAOY,EAAGA,cACNC,MAAA,MAAA,CAAKC,UAAW,GAAGC,EAAAA,QAAO,kCAAiCH,SAAGA"}

package/dist/cjs/components/ResponsiveRow/row.module.scss.css

@@ -0,0 +1,33 @@
+/* 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  */
+.row-module__sr-def-row___us1ph {
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 16px;
+  padding-right: 16px;
+  max-width: 1308px;
+  width: 100%;
+}
+.row-module__sr-def-row___us1ph .row-module__sr-def-row___us1ph {
+  padding: 0px;
+  max-width: 100%;
+}
+@media (min-width: 1024px) and (max-width: 1439px) {
+  .row-module__sr-def-row___us1ph {
+    max-width: 972px;
+  }
+}
+@media (min-width: 768px) and (max-width: 1023px) {
+  .row-module__sr-def-row___us1ph {
+    max-width: 720px;
+  }
+}
+@media (max-width: 767px) {
+  .row-module__sr-def-row___us1ph {
+    max-width: 100%;
+  }
+}

package/dist/cjs/components/ResponsiveRow/row.module.scss.js

@@ -0,0 +1,3 @@
+require('./row.module.scss.css');
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"sr-def-row":"row-module__sr-def-row___us1ph"};
+//# sourceMappingURL=row.module.scss.js.map

package/dist/cjs/components/ResponsiveRow/row.module.scss.js.map

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