https://owp.klarna.com/static/features-klarnaMarketing-web-compone…modules-components-ComplexTable-d8d17147.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[34313],{13878(e,r,t){let n="--klarna-sticky-nav-height",l=`var(${n}, 0px)`;t.d(r,{},{EU:"klarnaStickyNavHidden",V1:'html[data-klarna-sticky-nav-hidden="true"] &',Yh:n,yX:l})},89837(e,r,t){t.r(r),t.d(r,{default:()=>z}),t(62953);var n=t(74848),l=t(16384),o=t(93156),i=t(96540);t(18111),t(61701);var a=t(22751),s=t(74886);let d=({items:e})=>{let{xl:r}=(0,l.G)();return(0,n.jsx)(o.Y,{alignHorizontal:"center",alignVertical:"center",direction:"vertical",gap:"space/8",grow:1,paddingHorizontal:r?"space/32":"space/8",paddingVertical:r?"space/16":"space/8",children:null==e?void 0:e.map((e,r)=>(0,n.jsx)(a.H,{children:(0,n.jsx)(s.A,{loaderProps:e})},r))})};var c=t(56363);let u="radius/16";var p=t(13878);let h={position:"sticky",top:72,transition:"top 0.3s ease-in-out",[p.V1]:{top:0}},g={justifyContent:"center",alignContent:"center",fontWeight:"unset"},f={overflowX:"auto",width:"100%"},x={minWidth:0,overflowWrap:"break-word","& p":g},b={minWidth:0,overflowWrap:"break-word",whiteSpace:"normal","& p":g},m={gridColumn:"1 / -1"},v=e=>({display:"grid",gridTemplateColumns:e}),w=({index:e,total:r,variant:t,children:l})=>{let o,i,a=(o=0===e,i=e===r-1,"header"===t?{borderTopLeftRadius:o?u:0,borderTopRightRadius:i?u:0,borderBottomLeftRadius:o?u:0,borderBottomRightRadius:i?u:0}:{borderTopLeftRadius:0,borderTopRightRadius:0,borderBottomLeftRadius:o?u:0,borderBottomRightRadius:i?u:0}),s="footer"===t;return(0,n.jsx)(c.x.Item,{alignHorizontal:s?"center":void 0,alignVertical:s?"center":void 0,backgroundColor:"klarna/off-white",borderBottomLeftRadius:a.borderBottomLeftRadius,borderBottomRightRadius:a.borderBottomRightRadius,borderTopLeftRadius:a.borderTopLeftRadius,borderTopRightRadius:a.borderTopRightRadius,children:l})},j=({gridTemplateColumns:e,labelSpacerGrow:r,sticky:t,children:l})=>(0,n.jsxs)(c.x,{backgroundColor:t?"klarna/off-white":void 0,borderRadius:t?"radius/16":void 0,boxShadow:t?"shadow/s":void 0,gap:1,webOnlyProps:{css:function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}({},v(e),t?h:void 0)},zIndex:t?"above":void 0,children:[(0,n.jsx)(c.x.Item,{grow:r?1:void 0,children:"\xa0"}),l]});t(33110);var y=t(59701);t(78350),t(30237),t(30531);let R={default:100,medium:150,large:200},O={default:250,medium:200,large:300},k=(e={})=>{let r=!!e.labelColumnMinWidth,t=!!e.dataColumnMinWidth;return r&&t?"fixed":r||t?"partial":"flexible"},C=({rows:e,hasFooter:r,layout:t})=>{var i;let{xl:a}=(0,l.G)(),d=null==t?void 0:t.gridTemplateColumns,p=null!=(i=null==t?void 0:t.mode)?i:"flexible";return(0,n.jsx)(o.Y,{direction:"vertical",gap:1,children:null==e?void 0:e.map((t,l)=>{var o,i;let h=0===l,g=l===e.length-1,f=null!=d?d:`minmax(100px, 1.5fr) repeat(${((null==t||null==(o=t.cells)?void 0:o.length)||1)-1}, 1fr)`;return(0,n.jsx)(c.x,{gap:1,webOnlyProps:{css:v(f)},children:(null==t?void 0:t.cells)&&(null==t||null==(i=t.cells)?void 0:i.map((e,l)=>{let o=0===l,i=l===t.cells.length-1,f=1===t.cells.length,v=(({isFirstRow:e,isLastRow:r,isFirstCell:t,isLastCell:n,isDesktop:l,hasFooter:o})=>({borderTopLeftRadius:e&&t?u:0,borderTopRightRadius:e&&n?u:0,borderBottomLeftRadius:r&&t&&l?u:0,borderBottomRightRadius:r&&n&&!o&&l?u:0}))({isFirstRow:h,isLastRow:g,isFirstCell:o,isLastCell:i,isDesktop:a,hasFooter:!!r});return(0,n.jsx)(c.x.Item,{alignHorizontal:o?"left":"center",alignVertical:"center",backgroundColor:"klarna/off-white",borderBottomLeftRadius:v.borderBottomLeftRadius,borderBottomRightRadius:v.borderBottomRightRadius,borderTopLeftRadius:v.borderTopLeftRadius,borderTopRightRadius:v.borderTopRightRadius,paddingHorizontal:"space/16",paddingVertical:"space/16",textAlign:o?"left":"center",webOnlyProps:{css:function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}

1))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}({},"fixed"===p?b:x,d&&f?m:{})},children:(0,n.jsx)(s.A,{loaderProps:e})},l)}))},l)})})};var T=t(32726);let P=({title:e,children:r,useAccordion:t})=>t?(0,n.jsx)(y.n.Item,{isOpen:!0,label:null!=e?e:"",paddingTop:"space/8",webOnlyProps:{css:{"&:has([data-acc-header]:hover)":{backgroundColor:"transparent"}}},children:r}):(0,n.jsxs)(o.Y,{direction:"vertical",paddingTop:e?0:"space/16",webOnlyProps:{css:{rowGap:0}},children:[e&&(0,n.jsx)(a.H,{gap:"space/4",paddingHorizontal:"space/8",paddingVertical:"space/8",children:(0,n.jsx)(T.E,{fontWeight:"medium",textToken:"label/m",children:e})}),r]}),L=({sections:e,useAccordions:r,showFooterOnLastModule:t=!1,layout:l})=>{let i=(0,n.jsx)(n.Fragment,{children:e.map(({title:o,rows:i},a)=>{var s,d;let c=a===e.length-1;return(0,n.jsx)(P,{title:o,useAccordion:r,children:(0,n.jsx)(C,{hasFooter:t&&c,layout:l,rows:i})},null!=o?o:(null!=(s=null==(d=i[0])?void 0:d.cells)?s:[]).map(e=>{var r;return null!=(r=null==e?void 0:e.__component)?r:"cell"}).join("-"))})});return r?(0,n.jsx)(y.n,{withoutDivider:!0,webOnlyProps:{css:{"&:has([data-acc-header]:hover)":{backgroundColor:"transparent"},paddingBottom:0}},children:i}):(0,n.jsx)(o.Y,{direction:"vertical",gap:"space/16",children:i})},A=({sections:e,footerEntries:r,useAccordions:t,layout:l})=>{let i=r&&r.length>0;return(0,n.jsxs)(o.Y,{direction:"vertical",gap:"space/16",paddingTop:"space/8",webOnlyProps:{css:{rowGap:1}},children:[(0,n.jsx)(L,{layout:l,sections:e,showFooterOnLastModule:i,useAccordions:t}),i&&(0,n.jsx)(j,{gridTemplateColumns:l.gridTemplateColumns,labelSpacerGrow:l.labelSpacerGrow,children:r.map((e,t)=>(0,n.jsx)(w,{index:t,total:r.length,variant:"footer",children:(0,n.jsx)(d,{items:e.items})},((e=[])=>e.map(e=>{var r,t;return`${null!=(r=null==e?void 0:e.__component)?r:"cell"}-${JSON.stringify(null!=(t=null==e?void 0:e.props)?t:null)}`}).join("-")||"footer-entry")(e.items)))})]})},B=({heading:e,subtitle:r,text:t,button:i})=>{let{xl:d}=(0,l.G)();return(0,n.jsxs)(o.Y,{direction:"vertical",grow:1,paddingHorizontal:d?"space/16":"space/8",paddingVertical:d?"space/16":"space/8",children:[e&&(0,n.jsx)(a.H,{marginBottom:"space/8",webOnlyProps:{css:{textAlign:d&&!r?"center":"left"}},children:(0,n.jsx)(s.A,{loaderProps:e})}),(0,n.jsx)(a.H,{grow:1,children:r&&(0,n.jsx)(T.E,{fontWeight:"bold",paddingBottom:t?0:"space/24",textToken:"label/s",children:r})}),t&&(0,n.jsx)(a.H,{grow:1,marginTop:"space/8",textToken:"label/s",children:(0,n.jsx)(s.A,{loaderProps:t})}),i&&(0,n.jsx)(a.H,{marginBottom:"space/4",marginTop:"space/16",children:(0,n.jsx)(s.A,{loaderProps:i})})]})},M=({headerEntries:e,sections:r,footerEntries:t,useAccordions:l,layout:i})=>{let a=!!(null==e?void 0:e.length),s=!!(null==r?void 0:r.length);if(!a&&!s)return null;let d=a&&e?(0,n.jsx)(j,{gridTemplateColumns:i.gridTemplateColumns,labelSpacerGrow:i.labelSpacerGrow,sticky:!0,children:e.map((r,t)=>{var l,o;return(0,n.jsx)(w,{index:t,total:e.length,variant:"header",children:(0,n.jsx)(B,{button:r.button,heading:r.heading,subtitle:r.subtitle,text:r.text})},null!=(l=null!=(o=r.subtitle)?o:r.heading)?l:"header-column")})}):null,c=s&&r?(0,n.jsx)(A,{footerEntries:t,layout:i,sections:r,useAccordions:l}):null,u=(0,n.jsxs)(n.Fragment,{children:[d,c]});return i.usesScrollContainer?(0,n.jsx)(o.Y,{direction:"vertical",gap:1,webOnlyProps:{css:f},children:u}):(0,n.jsx)(n.Fragment,{children:u})};var S=t(511),H=t(64041),W=t(73092);let E=({filters:e,selectedFilterIndex:r,setSelectedFilterIndex:t})=>{let l=(0,i.useRef)(null);return e&&0!==e.length?(0,n.jsx)(a.H,{backgroundColor:"bg/plain",paddingVertical:"space/8",webOnlyProps:{css:{position:"sticky",top:70,transition:"top 0.3s ease-in-out",[p.V1]:{top:0},[`@media (min-width: ${S.L.breakpoints.desktop}px)`]:{top:72,[p.V1]:{top:0}}}},width:"100%",zIndex:"above",children:(0,n.jsx)(H.y,{ref:l,horizontal:!0,webOnlyProps:{css:{scrollbarWidth:"none",msOverflowStyle:"none","&::-webkit-scrollbar":{display:"none"}}},children:(0,n.jsx)(W.t,{borderRadius:0,borderWidth:0,gapHorizontal:"space/8",selected:r,onSelect:r=>{var n;let o=Number(r);t(o);let i=0===o,a=o===e.length-1;null==(n=l.current)||n.scrollToIndex({index:o,viewPosition:i?0:a?1:.5})},children:e.map((e,t)=>(0,n.jsx)(W.t.Item,{backgroundColor:"bg/plain",borderColor:r===t?"border/active":void 0,label:null==e?void 0:e.heading,value:String(t)},e.id))})})}):null};t(22489);var I=t(89678);let _=({entry:e,sections:r,useAccordions:t,footerEntry:l})=>

1(0,n.jsxs)(o.Y,{direction:"vertical",gap:"space/16",paddingVertical:"space/8",webOnlyProps:{css:{rowGap:2}},children:[(0,n.jsx)(a.H,{backgroundColor:"klarna/off-white",borderRadius:"radius/16",gap:"space/4",paddingHorizontal:"space/8",paddingVertical:"space/8",children:(0,n.jsx)(B,{button:e.button,heading:e.heading,subtitle:e.subtitle,text:e.text})}),(0,n.jsx)(o.Y,{direction:"vertical",gap:"space/16",children:(0,n.jsx)(L,{sections:r,showFooterOnLastModule:!!l,useAccordions:t})}),l&&(0,n.jsx)(o.Y,{backgroundColor:"klarna/off-white",borderBottomLeftRadius:"radius/16",borderBottomRightRadius:"radius/16",direction:"vertical",gap:1,paddingHorizontal:"space/8",paddingVertical:"space/8",children:(0,n.jsx)(d,{items:l.items})})]}),V=({headerEntries:e,footerEntries:r,sections:t,activeIndex:l,setActiveIndex:o,useAccordions:a})=>{let s=(0,i.useMemo)(()=>null==e?void 0:e.map((e,r)=>null==t?void 0:t.map(t=>({heading:e,rows:t.rows.filter(e=>{var t,n;return(null==(t=e.cells)?void 0:t[0])&&(null==(n=e.cells)?void 0:n[r+1])}).map(e=>({cells:[e.cells[0],e.cells[r+1]]}))}))),[e,t]);return(0,n.jsx)(I.F,{hideDots:!0,activeIndex:l,paddingBottom:"space/4",showArrows:!1,webOnlyProps:{css:{"[data-index]":{display:"flex",flexDirection:"column"}}},windowSize:"all",onIndexChange:o,children:null==e?void 0:e.map((e,l)=>{var o,i;return(0,n.jsx)(_,{entry:e,footerEntry:null==r?void 0:r[l],sections:null!=(o=null==s||null==(i=s[l])?void 0:i.map((e,r)=>{var n,l;return{title:null==t||null==(l=t[r])?void 0:l.title,rows:null!=(n=null==e?void 0:e.rows)?n:[]}}))?o:[],useAccordions:a},l)})})},z=({headerEntries:e,sections:r,useAccordions:t=!1,filters:a,footerEntries:s,labelColumnMinWidth:d,dataColumnMinWidth:c})=>{var u,p;let h=(0,i.useMemo)(()=>{var e;let r=null!=(e=null==a?void 0:a.findIndex(e=>e.defaultFilter))?e:-1;return r>=0?r:0},[a]),[g,f]=(0,i.useState)(h),{xl:x}=(0,l.G)(),b=(({headerCount:e=0,footerCount:r=0,sections:t=[],columnMinWidths:n={}}={})=>{let l=k(n),o=(({headerCount:e=0,footerCount:r=0,sections:t=[]})=>Math.max(e,r,...t.flatMap(e=>{var r;return(null!=(r=e.rows)?r:[]).map(e=>{var r,t;return Math.max((null!=(r=null==(t=e.cells)?void 0:t.length)?r:1)-1,0)})}),1))({headerCount:e,footerCount:r,sections:t}),i=((e,r={},t=k(r))=>{let n,l,o=Math.max(e,1),i=R[null!=(n=r.labelColumnMinWidth)?n:"default"],a=O[null!=(l=r.dataColumnMinWidth)?l:"default"];return"flexible"===t?`minmax(100px, 1.5fr) repeat(${o}, 1fr)`:"partial"===t&&r.labelColumnMinWidth?`minmax(${i}px, 1.5fr) repeat(${o}, 1fr)`:"partial"===t&&r.dataColumnMinWidth?`minmax(100px, 1.5fr) repeat(${o}, minmax(${a}px, 1fr))`:`${i}px repeat(${o}, ${a}px)`})(o,n,l),a=((e={},r=k(e))=>"fixed"===r||"partial"===r&&!!e.dataColumnMinWidth)(n,l);return{mode:l,dataColumnCount:o,gridTemplateColumns:i,usesScrollContainer:a,labelSpacerGrow:"fixed"!==l}})({headerCount:null!=(u=null==e?void 0:e.length)?u:0,footerCount:null!=(p=null==s?void 0:s.length)?p:0,sections:null!=r?r:[],columnMinWidths:{labelColumnMinWidth:d,dataColumnMinWidth:c}});return(0,n.jsxs)(o.Y,{direction:"vertical",children:[a&&a.length>0&&!x&&(0,n.jsx)(E,{filters:a,selectedFilterIndex:g,setSelectedFilterIndex:f}),x&&(0,n.jsx)(M,{footerEntries:s,headerEntries:e,layout:b,sections:r,useAccordions:t}),!x&&e&&e.length>0&&(0,n.jsx)(V,{activeIndex:g,footerEntries:s,headerEntries:e,sections:r,setActiveIndex:f,useAccordions:t})]})}},87433(e,r,t){var n=t(34376),l=t(33517),o=t(20034),i=t(78227)("species"),a=Array;e.exports=function(e){var r;return n(e)&&(l(r=e.constructor)&&(r===a||n(r.prototype))?r=void 0:o(r)&&null===(r=r[i])&&(r=void 0)),void 0===r?a:r}},1469(e,r,t){var n=t(87433);e.exports=function(e,r){return new(n(e))(0===r?0:r)}},70259(e,r,t){var n=t(34376),l=t(26198),o=t(96837),i=t(76080),a=t(97040),s=function(e,r,t,d,c,u,p,h){for(var g,f,x=c,b=0,m=!!p&&i(p,h);b<d;)b in t&&(g=m?m(t[b],b,r):t[b],u>0&&n(g)?(f=l(g),x=s(e,r,g,f,x,u-1)-1):(o(x+1),a(e,x,g)),x++),b++;return x};e.exports=s},48646(e,r,t){var n=t(69565),l=t(28551),o=t(1767),i=t(63085);e.exports=function(e,r){r&&"string"==typeof e||l(e);var t=i(e);return o(l(void 0!==t?n(t,e):e))}},78350(e,r,t){var n=t(46518),l=t(70259),o=t(79306),i=t(48981),a=t(26198),s=t(1469);n({target:"Array",proto:!0},{flatMap:function(e){var r,t=i(this),n=a(t);return o(e),l(r=s(t,0),t,t,n,0,1,e,arguments.length>1?arguments[1]:void 0),r}})},30237(e,r,t){t(6469)("flatMap")},30531(e,r,t){var n=t(46518),l=t(69565),o=t(79306),i=t(28551),a=t(1767),s=t(48646),d=t(19462),c=t(9539),u=t(79039),p=t(96395),h=t(30684),g=t(84549),f=!p&&u(function(){return 1!==[1].values().flatMap(function(){return[1]}).find(function(){return!0})}),x=!p&&!f&&!h("flatMap",function(){}),b=!p&&!f&&!x&&g("flatMap",TypeError),m=p||f||x||b,v=d(function(){for(var e,r,t=this.iterator,n=this.mapper;;){if(r=this.inner)try{if(!(e=i(l(r.next,r.iterator))).done)return e.value;this.inner=null}catch(e){c(t,"throw",e)}if(e=i(l(this.next,t)),this.done=!!e.done)return;try{this.inner=s(n(e.value,this.counter++),!1)}catch(e){c(t,"throw",e)}}});n({target:"Iterator",proto:!0,real:!0,forced:m},{flatMap:function(e){i(this);try{o(e)}catch(e){c(this,"throw",e)}return b?l(b,this,e):new v(a(this),{mapper:e,inner:null})}})}}]);