PageSourceSearch

https://tyngre.se/static/js/ShowcaseComponents-showcases-RewardsProgressShowcase.83d4d36f.chunk.js

js tyngre.se collected 2026-09-24 19:37:50 UTC 13,631 bytes, 1 lines download raw bytes

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4326,1431,2943,6730,1530,8742],{89265:function(n,e,r){r.r(e),r.d(e,{ComponentDescription:function(){return T},ComponentGrid:function(){return $},ComponentHeader:function(){return L},ComponentHeaderInfo:function(){return R},ComponentTitle:function(){return B},MainContent:function(){return H},MobileLibraryToolbar:function(){return j},Section:function(){return P},SectionTitle:function(){return V},Sidebar:function(){return C},SidebarBackdrop:function(){return Z},SidebarLink:function(){return O},SidebarSection:function(){return I},SidebarSectionTitle:function(){return M},SidebarTitle:function(){return A},ThemeSelectorWrapper:function(){return D},VariantBox:function(){return N},VariantContent:function(){return F},VariantLabel:function(){return z},Wrapper:function(){return E}});var t,i,o,a,s,c,d,l,u,p,h,f,x,g,m,v=r(30168),b=(r(72791),r(19738)),y=r(88550),S=r(82401),w=r(84625),k=r(88108),_=r(80184),E=(0,b.styled)("div")(t||(t=(0,v.Z)(["\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n    width: 100%;\n    min-height: 100svh;\n    background: var(--canvas-bg);\n"]))),Z=(0,b.styled)("div")(i||(i=(0,v.Z)(["\n    "," {\n        position: fixed;\n        top: var(--header-height-total);\n        right: 0;\n        bottom: 0;\n        left: 0;\n        z-index: var(--zindex-middleground);\n        background: rgba(0, 0, 0, 0.35);\n        opacity: ",";\n        visibility: ",";\n        transition:\n            opacity 0.2s ease,\n            visibility 0.2s ease;\n        pointer-events: ",";\n    }\n\n    "," {\n        display: none;\n    }\n"])),k.B2["tablet.sm"],(function(n){return n.$visible?1:0}),(function(n){return n.$visible?"visible":"hidden"}),(function(n){return n.$visible?"auto":"none"}),k.aE["tablet.sm"]),C=(0,b.styled)("nav")(o||(o=(0,v.Z)(["\n    flex-shrink: 0;\n    width: 240px;\n    min-height: 0;\n    background: var(--canvas-surface);\n    border-right: 1px solid var(--canvas-border);\n    padding: 32px 20px;\n    overflow-y: auto;\n\n    "," {\n        position: fixed;\n        top: var(--header-height-total);\n        bottom: 0;\n        left: 0;\n        width: min(280px, 88vw);\n        z-index: calc(var(--zindex-header) + 1);\n        transform: translateX(",");\n        transition: transform 0.2s ease;\n        pointer-events: ",";\n        box-shadow: ",";\n    }\n\n    "," {\n        position: relative;\n        transform: none;\n        pointer-events: auto;\n        box-shadow: none;\n    }\n"])),k.B2["tablet.sm"],(function(n){return n.$mobileOpen?"0":"-100%"}),(function(n){return n.$mobileOpen?"auto":"none"}),(function(n){return n.$mobileOpen?"4px 0 24px rgba(0, 0, 0, 0.12)":"none"}),k.aE["tablet.sm"]),j=(0,b.styled)("div")(a||(a=(0,v.Z)(["\n    margin-bottom: 16px;\n"]))),A=function(n){var e=n.children;return(0,_.jsx)(y.HeadingComponent,{item:{as:"h1",style:"sm",text:e,component:"heading"},marginBottom:"32px"})},I=(0,b.styled)("div")(s||(s=(0,v.Z)(["\n    margin-bottom: 24px;\n"]))),M=function(n){var e=n.children;return(0,_.jsx)(S.x,{as:"h2",typography:"Misc/12_100_500",color:"var(--ui-sec)",textTransform:"uppercase",marginBottom:"12px",children:e})},O=(0,b.styled)("button")(c||(c=(0,v.Z)(["\n    display: block;\n    width: 100%;\n    text-align: left;\n    padding: 8px 12px;\n    border: none;\n    background: ",";\n    color: var(--ui-pri);\n    cursor: pointer;\n    border-radius: 4px;\n    transition: background var(--transition-primary-fast);\n    font-family: ",";\n    font-size: ",";\n    font-weight: ",";\n    letter-spacing: ",";\n    line-height: ",";\n\n    &:hover {\n        background: var(--canvas-layer);\n    }\n"])),(function(n){return n.$active?"var(--canvas-layer)":"transparent"}),w.w["Misc/14_100"].fontFamily,w.w["Misc/14_100"].fontSize,w.w["Misc/14_100"].fontWeight,w.w["Misc/14_100"].letterSpacing,w.w["Misc/14_100"].lineHeight),H=(0,b.styled)("div")(d||(d=(0,v.Z)(["\n    flex: 1;\n    min-width: 0;\n    padding: 24px 32px;\n"]))),L=(0,b.styled)("div")(l||(l=(0,v.Z)(["\n    display: flex;\n    justify-content: space-between;
1\n    align-items: flex-start;\n    gap: 24px;\n    margin-bottom: 20px;\n"]))),R=(0,b.styled)("div")(u||(u=(0,v.Z)(["\n    flex: 1;\n"]))),B=function(n){var e=n.children;return(0,_.jsx)(y.HeadingComponent,{item:{as:"h2",style:"lg",text:e,component:"heading"},marginBottom:"8px"})},T=function(n){var e=n.children;return(0,_.jsx)(S.x,{as:"p",typography:"Secondary/14_130",color:"var(--ui-sec)",children:e})},D=(0,b.styled)("div")(p||(p=(0,v.Z)(["\n    flex-shrink: 0;\n"]))),P=(0,b.styled)("section")(h||(h=(0,v.Z)(["\n    margin-bottom: 40px;\n"]))),W=(0,b.styled)("div")(f||(f=(0,v.Z)(["\n    margin-bottom: 12px;\n    padding-bottom: 6px;\n    border-bottom: 1px solid var(--canvas-border);\n"]))),V=function(n){var e=n.children;return(0,_.jsx)(W,{children:(0,_.jsx)(y.HeadingComponent,{item:{as:"h3",style:"xs",text:e,component:"heading"}})})},$=(0,b.styled)("div")(x||(x=(0,v.Z)(["\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 24px;\n    gap: 24px;\n    align-items: stretch;\n"]))),N=(0,b.styled)("div")(g||(g=(0,v.Z)(["\n    display: flex;\n    flex-direction: column;\n    min-width: 140px;\n"]))),z=function(n){var e=n.children;return(0,_.jsx)(S.x,{as:"span",typography:"Misc/12_100",color:"var(--ui-sec)",textTransform:"capitalize",marginBottom:"12px",flexShrink:"0",display:"block",children:e})},F=(0,b.styled)("div")(m||(m=(0,v.Z)(["\n    display: flex;\n    align-items: flex-start;\n    flex: 1;\n"])))},23667:function(n,e,r){r.r(e),r.d(e,{RewardsProgressShowcase:function(){return E}});var t,i,o,a=r(29439),s=r(30168),c=r(72791),d=r(19738),l=r(52092),u=r(47728),p=r(35413),h=r(82401),f=r(82040),x=r(28596),g=r(6330),m=r(9911),v=r(99367),b=r(89265),y=r(80184),S=(0,d.styled)(b.VariantContent)(t||(t=(0,s.Z)(["\n    width: 100%;\n    max-width: 480px;\n"]))),w=(0,d.styled)("div")(i||(i=(0,s.Z)(["\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    width: 100%;\n    max-width: 480px;\n"]))),k=(0,d.styled)("div")(o||(o=(0,s.Z)(["\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n"]))),_=[{label:"Early",value:250},{label:"Shipping unlocked",value:v.SHOWCASE_REWARDS_LIMITS.shipping},{label:"Scoop unlocked",value:v.SHOWCASE_REWARDS_LIMITS.scoop},{label:"All unlocked",value:v.SHOWCASE_MAX_REWARD_LIMIT}],E=function(){var n=(0,m.T)(),e=(0,c.useState)(650),r=(0,a.Z)(e,2),t=r[0],i=r[1],o=(0,c.useState)(!1),s=(0,a.Z)(o,2),d=s[0],E=s[1];return(0,c.useEffect)((function(){var e=f.h.getState().application.config.shippingConfig,r=f.h.getState().ecommerce.basket;return n((0,x.V)({shippingConfig:v.SHOWCASE_REWARDS_SHIPPING_CONFIG})),function(){n((0,x.V)({shippingConfig:e})),(0,g.wj)(r)?n((0,g.mD)(r)):n((0,g._A)())}}),[n]),(0,c.useEffect)((function(){n((0,g.mD)((0,v.buildShowcasePreviewBasket)(t)))}),[n,t]),(0,y.jsxs)(b.Section,{children:[(0,y.jsx)(b.SectionTitle,{children:"Interactive"}),(0,y.jsxs)(b.ComponentGrid,{style:{flexDirection:"column"},children:[(0,y.jsxs)(b.VariantBox,{children:[(0,y.jsx)(b.VariantLabel,{children:"Adjust basket total to preview progress states"}),(0,y.jsx)(S,{children:(0,y.jsxs)(w,{children:[(0,y.jsxs)(h.x,{as:"span",typography:"Misc/14_100",color:"var(--ui-sec)",children:["Order total (excl. shipping): ",t," kr"]}),(0,y.jsx)(k,{children:_.map((function(n){var e=n.label,r=n.value;return(0,y.jsx)(u.ThemeActionButton,{type:"button",theme:t===r?"primary":"secondary",size:"small",onClick:function(){return i(r)},children:e},e)}))}),(0,y.jsx)(p.X,{name:"showcase-rewards-show-actions",label:"Show unlocked reward actions",checked:d,onChange:function(n){return E(n.target.checked)}})]})})]}),(0,y.jsxs)(b.VariantBox,{children:[(0,y.jsx)(b.VariantLabel,{children:"Basket / checkout rewards progress"}),(0,y.jsx)(S,{children:(0,y.jsx)(l.Z,{showRewardItems:d})})]})]})]})}},99367:function(n,e,r){r.r(e),r.d(e,{SHOWCASE_MAX_REWARD_LIMIT:function(){return s},SHOWCASE_REWARDS_LIMITS:function(){return a},SHOWCASE_REWARDS_SHIPPING_CONFIG:function(){return d},buildShowcasePreviewBasket:function(){return u}});var t=r(1413),i=r(92257),o=function(n,e){return{uid:e,component:"predefined_icon",icon:{data:{value:n}}}},a={shipping:500,scoop:800,tshirt:1200},s=a.tshirt,c=function(n,e,r,i,a){return(0,t.Z)({uid:n,component:"reward_block",rewardLabel:e,rewardLimit:String(r),rewardIcon:[o(i,"".concat(n,"-icon"))]},a?{rewardVoucherCode:a}:{})},d={uid:"showcase-shipping-config",component:"shipping_config",freeShippingLimit:String(a.shipping),freeShippingLimitOverrides:[],rewards:[c("showcase-reward-shipping","Gratis frakt",a.shipping,"orders"),c("showcase-reward-scoop","Gratis skopa",a.scoop,"protein","SHOWCASE_SCOOP"),c("showcase-reward-tshirt","Gratis T-shirt",a.tshirt,"tshirt")]},l=(0,t.Z)((0,t.Z)({},i.$.currencyFormat),{},{currency:"SEK",name:"SEK",prefix:"",suffix:" kr",decimalPoint:",",decimalDigit:"0",uri:"sek"}),u=function(n){return(0,t.Z)((0,t.Z)({},i.$),{},{currencyFormat:l,totals:(0,t.Z)((0,t.Z)({},i.$.totals),{}
1,{shippingPrice:"0 kr",shippingPriceAsNumber:0,finalPrice:"".concat(n," kr"),finalPriceAsNumber:n,productsSum:"".concat(n," kr"),productsSumAsNumber:n})})}},35413:function(n,e,r){r.d(e,{X:function(){return C}});var t,i,o,a,s=r(1413),c=r(29439),d=r(45987),l=r(30168),u=r(19738),p=r(72791),h=r(33168),f=r(98660),x=r(37461),g=r(82401),m=r(31455),v=r(10746),b=r(6897),y=r(47045),S=r(80184),w=["checked","customErrorMessages","description","descriptionTypography","label","name","disabled","defaultChecked","onBlur","required","translationsErrorPrefix","typography","onChange"],k=(0,u.styled)("div")(t||(t=(0,l.Z)(["\n    position: relative;\n    padding-block: 0;\n    color: var(--input-content);\n\n    &:has(input:disabled) {\n        color: var(--ui-ter);\n    }\n"]))),_=(0,u.styled)("div")(i||(i=(0,l.Z)(["\n    padding-left: 24px;\n    margin-top: 4px;\n"]))),E=(0,u.styled)(f.F)(o||(o=(0,l.Z)(["\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    padding-block: 0;\n    color: var(--ui-pri);\n    cursor: pointer;\n\n    &:has(:disabled) {\n        cursor: default;\n        color: var(--ui-ter);\n    }\n\n    &:has(input:checked):not(:has(:disabled)) {\n        color: var(--input-label-active);\n    }\n\n    &:hover:not(:has(:disabled)):not(:has([data-error='true'])) {\n        color: var(--input-label-hover);\n    }\n\n    &:hover:not(:has(:disabled)):not(:has([data-error='true'])) input {\n        border-color: var(--ui-ter);\n    }\n\n    &:hover:not(:has(:disabled)):not(:has([data-error='true'])) input:checked::after {\n        background-color: var(--ui-ter);\n    }\n"]))),Z=(0,u.styled)(x.k)(a||(a=(0,l.Z)(["\n    box-sizing: border-box;\n    margin: 0;\n    padding: 0;\n    border-radius: 2px;\n    border: 1px solid var(--ui-pri);\n    width: 12px;\n    height: 12px;\n    flex-shrink: 0;\n    background-color: transparent;\n    cursor: pointer;\n    appearance: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    &:focus-visible {\n        outline: 1px solid var(--ui-pri);\n        outline-offset: 0px;\n    }\n\n    &:not(:disabled):after {\n        content: '';\n        display: block;\n        height: 4px;\n        width: 4px;\n        border-radius: 0.5px;\n    }\n\n    &:not(:disabled):checked::after {\n        background-color: var(--ui-pri);\n        height: 6px;\n        width: 6px;\n    }\n\n    // Error styles\n    &[data-error='true'] {\n        border-color: var(--semantic-error) !important;\n        color: var(--semantic-error) !important;\n\n        & ~ .label {\n            color: var(--semantic-error) !important;\n        }\n\n        &::after {\n            background-color: var(--semantic-error) !important;\n        }\n    }\n\n    :disabled,\n    :has(:disabled) {\n        border-color: var(--ui-ter);\n        color: var(--ui-ter);\n\n        &::after {\n            background-color: var(--ui-ter);\n        }\n    }\n"]))),C=function(n){var e=n.checked,r=n.customErrorMessages,t=void 0===r?{}:r,i=n.description,o=n.descriptionTypography,a=void 0===o?"Secondary/12_130":o,l=n.label,u=n.name,f=n.disabled,x=n.defaultChecked,C=n.onBlur,j=n.required,A=n.translationsErrorPrefix,I=void 0===A?"common.validation.default.":A,M=n.typography,O=void 0===M?"Misc/14_100":M,H=n.onChange,L=(0,d.Z)(n,w),R=(0,h.$)().t,B=(0,p.useRef)(null),T=(0,p.useState)(!1),D=(0,c.Z)(T,2),P=D[0],W=D[1],V=(0,p.useState)([]),$=(0,c.Z)(V,2),N=$[0],z=$[1],F="".concat(u,"-errors");return(0,S.jsxs)(k,(0,s.Z)((0,s.Z)({touched:P},L),{},{children:[(0,S.jsxs)(E,{touched:P,"data-error":!!N.length,htmlFor:u,children:[(0,S.jsx)(Z,{"aria-invalid":N.length>0,"aria-describedby":N.length>0?F:void 0,checked:e,defaultChecked:x,"data-error":!!N.length,disabled:f,id:u,name:u,ref:B,required:j,touched:P,type:"checkbox",onBlur:function(n){W(!0),(0,y.b0)({customErrorMessages:t,inputRef:B,setInputErrors:z,t:R,translationsErrorPrefix:I}),null===C||void 0===C||C(n)},onChange:function(n){null===H||void 0===H||H(n),(0,y.b0)({customErrorMessages:t,inputRef:B,setInputErrors:z,t:R,translationsErrorPrefix:I})},onInvalid:function(){return(0,y.b0)({customErrorMessages:t,inputRef:B,setInputErrors:z,t:
1R,translationsErrorPrefix:I})}}),(0,S.jsxs)(g.x,{as:"div",display:"inline-flex",className:"label",typography:O,children:[(0,S.jsx)(m.H,{data:l}),j&&" *"]})]}),i&&(0,S.jsx)(_,(0,s.Z)((0,s.Z)({},(0,v.w)(a)),{},{children:(0,S.jsx)(m.H,{data:i})})),(0,S.jsx)(b.b,{errors:N,id:F})]}))}},98660:function(n,e,r){var t,i=r(59400).default;e.F=void 0;var o=r(19738);e.F=(0,o.styled)("label")(t||(t=i([""])))}}]);

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.