@maxio-com/self-service 1.13.2 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/maxio-components.cjs.js +1 -1
  2. package/dist/maxio-components.esm.js +1 -1
  3. package/dist/maxio-components.esm.js.LICENSE.txt +3 -3
  4. package/dist/maxio-components.umd.js +1 -1
  5. package/dist/maxio-components.umd.js.LICENSE.txt +3 -3
  6. package/package.json +1 -1
  7. package/typings/sdk/components-sdk/src/constants.d.ts +1 -1
package/dist/maxio-components.cjs.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Components=void 0;var _i18next=_interopRequireDefault(require("i18next"));var _reactI18next=require("react-i18next");var _i18nextHttpBackend=_interopRequireDefault(require("i18next-http-backend"));var _react=_interopRequireWildcard(require("react"));var _reactFontawesome=require("@fortawesome/react-fontawesome");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _styledSystem=require("styled-system");var _freeSolidSvgIcons=require("@fortawesome/free-solid-svg-icons");var _freeRegularSvgIcons=require("@fortawesome/free-regular-svg-icons");var _deepmerge=_interopRequireDefault(require("deepmerge"));var _polished=require("polished");var _headless=_interopRequireDefault(require("@tippyjs/react/headless"));var _tippy=require("tippy.js");var _framerMotion=require("framer-motion");var _reactDom=require("react-dom");var _reactFit=_interopRequireDefault(require("react-fit"));var _reactResponsive=require("react-responsive");var _reactIntersectionObserver=require("react-intersection-observer");var _reactCalendar=_interopRequireDefault(require("react-calendar"));var _dayjs=_interopRequireDefault(require("dayjs"));var _jsLogger=_interopRequireDefault(require("js-logger"));var _queryString=_interopRequireDefault(require("query-string"));var _camelcaseKeys=_interopRequireDefault(require("camelcase-keys"));var _snakecaseKeys=_interopRequireDefault(require("snakecase-keys"));var _jwtDecode=_interopRequireDefault(require("jwt-decode"));var _client=require("react-dom/client");var _react2=require("@xstate/react");var _xstate=require("xstate");var _uuid=require("uuid");var _yup=_interopRequireWildcard(require("yup"));var yup=_yup;var _reactRouterDom=require("react-router-dom");var _reactTable=require("react-table");var _fileSaver=require("file-saver");var _camelcase=_interopRequireDefault(require("camelcase"));var _printJs=_interopRequireDefault(require("print-js"));var _model=require("xstate/lib/model");var _reactHelmet=require("react-helmet");function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e};}const IconWrapper$2=_styledComponents.default.span.withConfig({displayName:"maxio__IconWrapper2",componentId:"maxio-components__sc-lo74t2-0"})(["&&&{display:inline-flex;line-height:0;",";}&&& .svg-inline--fa{width:",";height:",";}"],_styledSystem.color,_ref=>{let{size}=_ref;return size?`${size}px`:'100%';},_ref2=>{let{size}=_ref2;return size?`${size}px`:'100%';});const getIcon=type=>{switch(type){case'close':return _freeSolidSvgIcons.faTimes;case'plus':return _freeSolidSvgIcons.faPlus;case'edit':return _freeSolidSvgIcons.faPen;case'clock':return _freeSolidSvgIcons.faClock;case'exclamationTriangle':return _freeSolidSvgIcons.faExclamationTriangle;case'circleInfo':return _freeSolidSvgIcons.faCircleInfo;case'circleCheck':return _freeSolidSvgIcons.faCircleCheck;case'search':return _freeSolidSvgIcons.faMagnifyingGlass;case'chevronDown':return _freeSolidSvgIcons.faChevronDown;case'chevronLeft':return _freeSolidSvgIcons.faChevronLeft;case'chevronRight':return _freeSolidSvgIcons.faChevronRight;case'calendar':return _freeSolidSvgIcons.faCalendarDays;case'check':return _freeSolidSvgIcons.faCheck;case'spinner':return _freeSolidSvgIcons.faSpinner;case'questionCircle':return _freeRegularSvgIcons.faCircleQuestion;case'receipt':return _freeSolidSvgIcons.faReceipt;case'file':return _freeRegularSvgIcons.faFile;case'fileSolid':return _freeSolidSvgIcons.faFile;case'filter':return _freeSolidSvgIcons.faFilter;case'arrowDown':return _freeSolidSvgIcons.faArrowDown;case'filePlus':return _freeSolidSvgIcons.faFileMedical;case'ellipsis':return _freeSolidSvgIcons.faEllipsis;case'filePdf':return _freeSolidSvgIcons.faFilePdf;case'circleCross':return _freeSolidSvgIcons.faCircleXmark;}};const Icon=_ref3=>{let{fill='black',type,size,onClick}=_ref3;return/*#__PURE__*/_react.default.createElement(IconWrapper$2,{color:fill,size:size,"data-testid":"icon-wrapper",onClick:onClick},/*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon,{icon:getIcon(type),color:"current"}));};const commonSettings$6={fontWeight:2,fontFamily:'secondary',borderRadius:3,lineHeight:'100%',boxShadow:props=>props.boxShadows.input,'&:focus-visible':{boxShadow:props=>`0 0 0 3px ${props.colors.primary.light}`}};const buttonSettings={componentVariants:{color:{prop:'colorVariant',variants:{'solid-primary':{backgroundColor:'primary.main',color:'white.main','&:hover':{backgroundColor:'primary.dark',boxShadow:'none'},'&:disabled':{backgroundColor:'primary.light',boxShadow:'none'}},'outline-primary':{backgroundColor:'transparent',color:'primary.main',borderColor:'primary.main',borderWidth:'1px',borderStyle:'solid',boxShadow:'none','&:hover':{backgroundColor:'primary.light'},'&:disabled':{backgroundColor:'transparent',color:'primary.light',borderColor:'primary.light'}},'solid-secondary':{backgroundColor:'secondary.main',color:'black.main',borderColor:'gray.light',borderWidth:'1px',borderStyle:'solid','&:hover':{backgroundColor:'secondary.dark',boxShadow:'none'},'&:disabled':{backgroundColor:'gray.light',color:'white.main',border:'none',boxShadow:'none'}},'outline-secondary':{backgroundColor:'transparent',color:'black.main',borderColor:'gray.light',borderWidth:'1px',borderStyle:'solid',boxShadow:'none','&:hover':{backgroundColor:'secondary.dark'},'&:disabled':{backgroundColor:'transparent',color:'gray.light'}},'solid-success':{backgroundColor:'success.main',color:'white.main','&:hover':{backgroundColor:'success.dark',boxShadow:'none'},'&:disabled':{backgroundColor:'success.light',boxShadow:'none'}},'outline-success':{backgroundColor:'transparent',color:'success.main',borderColor:'success.main',borderWidth:'1px',borderStyle:'solid',boxShadow:'none','&:hover':{backgroundColor:'success.light'},'&:disabled':{backgroundColor:'transparent',color:'success.light',borderColor:'success.light'}},'solid-danger':{backgroundColor:'danger.main',color:'white.main','&:hover':{backgroundColor:'danger.dark',boxShadow:'none'},'&:disabled':{backgroundColor:'danger.light',boxShadow:'none'}},'outline-danger':{backgroundColor:'transparent',color:'danger.main',borderColor:'danger.main',borderWidth:'1px',borderStyle:'solid',boxShadow:'none','&:hover':{backgroundColor:'danger.light'},'&:disabled':{backgroundColor:'transparent',color:'danger.light',borderColor:'danger.light'}}}},size:{prop:'size',variants:{small:{paddingTop:'2',paddingBottom:'2',paddingLeft:'3',paddingRight:'3',fontSize:'0',lineHeight:'0',...commonSettings$6},medium:{paddingTop:'3',paddingBottom:'3',paddingLeft:'5',paddingRight:'5',fontSize:'1',lineHeight:'1',...commonSettings$6}}},iconSize:{prop:'iconSize',variants:{small:{width:'0',height:'0'},medium:{width:'1',height:'1'}}}}};const commonSettings$5={fontWeight:2,fontFamily:'secondary',color:'primary.main',borderRadius:1,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'3px'},'&:hover':{color:'primary.dark'}};const anchorSettings={componentVariants:{size:{prop:'size',variants:{small:{fontSize:'0',lineHeight:'0',columnGap:'2',...commonSettings$5},medium:{fontSize:'1',lineHeight:'1',columnGap:'3',...commonSettings$5}}},iconSize:{prop:'iconSize',variants:{small:{width:'0',height:'0'},medium:{width:'1',height:'1'}}}}};const bodyTextSettings={componentVariants:{variant:{prop:'variant',variants:{body1:{fontSize:2,lineHeight:2},body2:{fontSize:1,lineHeight:1},body3:{fontSize:0,lineHeight:0}}}}};const headingSettings={componentVariants:{variant:{prop:'variant',variants:{h1:{fontSize:5,fontWeight:2,fontFamily:'primary',lineHeight:5},h2:{fontSize:4,fontWeight:2,fontFamily:'primary',lineHeight:4},h3:{fontSize:3,fontWeight:1,fontFamily:'primary',lineHeight:3},h4:{fontSize:2,fontWeight:3,fontFamily:'secondary',lineHeight:2},h5:{fontSize:1,fontWeight:3,fontFamily:'secondary',lineHeight:1},h6:{fontSize:0,fontWeight:3,fontFamily:'secondary',lineHeight:0}}}}};const commonSettings$4={fontWeight:1,fontFamily:'secondary',fontSize:'0',lineHeight:'0'};const inputMessageSettings={componentVariants:{type:{prop:'type',variants:{normal:{color:'gray.dark',...commonSettings$4},error:{color:'danger.main',...commonSettings$4}}}}};const inputSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',borderColor:'gray.light',backgroundColor:'white.main',borderRadius:3,boxShadow:props=>props.boxShadows.input,'&::placeholder':{color:'gray.main'}}}},inputSize:{prop:'inputSize',variants:{small:{fontSize:'0',lineHeight:'0',paddingTop:2,paddingRight:4,paddingBottom:2,paddingLeft:4},medium:{fontSize:'1',lineHeight:'1',paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5}}},status:{prop:'status',variants:{disabled:{cursor:'not-allowed',borderColor:'gray.light',backgroundColor:'white.dark',color:'gray.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'gray.light',backgroundColor:'white.dark'}},error:{borderColor:'danger.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'danger.main',backgroundColor:'white.main'}},active:{'&:hover, &:active, &:focus, &:focus-visible':{borderColor:'primary.main',backgroundColor:'primary.extraLight',outline:'none',boxShadow:'none'}}}},iconSize:{prop:'iconSize',variants:{small:{width:0,height:0,color:'gray.light'},medium:{width:1,height:1,color:'gray.light'}}}}};const tooltipSettings={componentVariants:{size:{prop:'size',variants:{regular:{borderRadius:1,paddingTop:4,paddingRight:5,paddingBottom:4,paddingLeft:5,maxWidth:'300px',boxShadow:props=>`0px 12px 24px ${(0,_polished.transparentize)(0.85,props.colors.black.dark)}`}}},mode:{prop:'mode',variants:{light:{backgroundColor:'black.light',color:'white.main',opacity:0.9},dark:{borderWidth:'1px',borderStyle:'solid',borderColor:'white.dark',backgroundColor:'white.main',color:'black.light',opacity:0.98}}}}};const progressBarSettings={componentVariants:{size:{prop:'size',variants:{regular:{borderRadius:4,height:2}}},color:{prop:'color',variants:{success:{backgroundColor:'success.main'},danger:{backgroundColor:'danger.light'}}},mode:{prop:'mode',variants:{dark:{backgroundColor:'white.main'},light:{backgroundColor:'gray.extraLight'}}}}};const switcherBase={width:4,height:4,borderRadius:4,backgroundColor:'white.main',borderWidth:1,borderStyle:'solid'};const toggleSettings={componentVariants:{color:{prop:'colorVariant',variants:{'primary-active-on':{backgroundColor:'success.main'},'primary-active-off':{backgroundColor:'gray.light'},'primary-disabled-on':{backgroundColor:'success.light'},'primary-disabled-off':{backgroundColor:'white.dark'},'reversed-active-on':{backgroundColor:'success.main'},'reversed-active-off':{backgroundColor:'white.main'},'reversed-disabled-on':{backgroundColor:'success.light'},'reversed-disabled-off':{backgroundColor:'white.main'}}},baseColor:{prop:'baseColor',variants:{'primary-active':{backgroundColor:'gray.light'},'reversed-active':{backgroundColor:'white.main'},'primary-disabled':{backgroundColor:'white.dark'},'reversed-disabled':{backgroundColor:'white.main'}}},size:{prop:'size',variants:{medium:{fontSize:0,fontFamily:'secondary',height:4,width:6,borderRadius:4,paddingRight:4,paddingLeft:4,boxSizing:'border-box'}}},text:{prop:'textVariant',variants:{'primary-active-on':{color:'white.main'},'primary-active-off':{color:'white.main'},'primary-disabled-on':{color:'white.main'},'primary-disabled-off':{color:'gray.main'},'reversed-active-on':{color:'white.main'},'reversed-active-off':{color:'success.dark'},'reversed-disabled-on':{color:'white.main'},'reversed-disabled-off':{color:'gray.main'}}},switcher:{prop:'toggleState',variants:{'primary-active-on':{borderColor:'success.dark',...switcherBase},'primary-active-off':{borderColor:'success.dark',...switcherBase},'primary-disabled-on':{borderColor:'success.light',...switcherBase},'primary-disabled-off':{borderColor:'gray.light',...switcherBase},'reversed-active-on':{borderColor:'success.dark',...switcherBase},'reversed-active-off':{borderColor:'success.dark',...switcherBase},'reversed-disabled-on':{borderColor:'success.light',...switcherBase},'reversed-disabled-off':{borderColor:'gray.light',...switcherBase}}}}};const commonSettings$3={borderWidth:1,borderStyle:'solid'};const labelCommonSettings$1={fontFamily:'secondary',fontSize:1,lineHeight:1,fontWeight:2,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'2px'}};const checkboxSettings={componentVariants:{variant:{prop:'variant',variants:{'checked-disabled':{backgroundColor:'success.light',borderColor:'success.light',...commonSettings$3},'checked-active':{backgroundColor:'success.main',borderColor:'success.main',...commonSettings$3},'unchecked-disabled':{backgroundColor:'white.dark',borderColor:'gray.main',...commonSettings$3},'unchecked-active':{backgroundColor:'white.main',borderColor:'gray.main',boxShadow:'inset 0px 2px 4px rgba(161, 172, 179, 0.25)',...commonSettings$3,'&:hover':{backgroundColor:'success.light',borderColor:'gray.main'}}}},size:{prop:'size',variants:{default:{borderRadius:1,width:16,height:16,marginRight:2}}},label:{prop:'status',variants:{disabled:{...labelCommonSettings$1,color:'gray.main'},active:{...labelCommonSettings$1,color:'primary.extraDark'}}}}};const subscriptionComponentCardSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{backgroundColor:'primary.extraLight'},secondary:{backgroundColor:'white.main'}}}}};const selectSettings={componentVariants:{selectVariant:{prop:'selectVariant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:props=>props.boxShadows.input,'&::placeholder':{color:'gray.main'}},secondary:{fontWeight:600,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:'none','&::placeholder':{color:'gray.main'}}}},borderVariant:{prop:'borderVariant',variants:{primary:{borderColor:'gray.light',borderRadius:3}}},dropdownVariant:{prop:'dropdownVariant',variants:{primary:{color:'gray.main'},secondary:{color:'black.main'}}},selectSize:{prop:'selectSize',variants:{small:{fontSize:'0',lineHeight:'0',paddingTop:2,paddingRight:4,paddingBottom:2,paddingLeft:4},medium:{fontSize:'1',lineHeight:'1',paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5}}},status:{prop:'status',variants:{disabled:{cursor:'not-allowed',borderColor:'gray.light',backgroundColor:'white.dark',color:'gray.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'gray.light',backgroundColor:'white.dark'}},error:{borderColor:'danger.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'danger.main',backgroundColor:'white.main'}},active:{'&:hover, &:active, &:focus, &:focus-visible':{borderColor:'primary.main',backgroundColor:'primary.extraLight',outline:'none',boxShadow:'none'}}}}}};const radioCommonSettings={boxShadow:props=>`inset ${props.boxShadows.input}`,width:2,minWidth:2,height:2};const dotCommonSettings={width:0,height:0};const labelCommonSettings={fontFamily:'secondary',fontSize:1,lineHeight:1,fontWeight:2,gap:2,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'2px'}};const radioButtonSettings={componentVariants:{variant:{prop:'variant',variants:{'selected-active':{borderColor:'success.main',borderWidth:'2px',borderStyle:'solid',cursor:'pointer',...radioCommonSettings,'&:before':{visibility:'visible',backgroundColor:'success.main',...dotCommonSettings}},'selected-disabled':{borderColor:'success.light',borderWidth:'2px',borderStyle:'solid',...radioCommonSettings,'&:before':{visibility:'visible',backgroundColor:'success.light',...dotCommonSettings}},'unselected-active':{borderColor:'gray.main',borderWidth:'1px',borderStyle:'solid',backgroundColor:'white.main',cursor:'pointer','&:before':{visibility:'hidden',...dotCommonSettings},...radioCommonSettings},'unselected-disabled':{borderColor:'gray.main',borderWidth:'1px',borderStyle:'solid',backgroundColor:'white.dark','&:before':{visibility:'hidden',...dotCommonSettings},...radioCommonSettings}}},labelVariant:{prop:'labelVariant',variants:{active:{...labelCommonSettings,color:'primary.extraDark',cursor:'pointer'},disabled:{...labelCommonSettings,color:'gray.main'}}}}};const optionsSettings={componentVariants:{selectVariant:{prop:'selectVariant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:props=>props.boxShadows.input,'&::placeholder':{color:'gray.main'}},secondary:{fontWeight:600,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:'none','&::placeholder':{color:'gray.main'}}}},borderVariant:{prop:'borderVariant',variants:{primary:{borderColor:'gray.light',borderRadius:3}}},selectSize:{prop:'selectSize',variants:{small:{fontSize:'0',lineHeight:'0',paddingTop:2,paddingRight:4,paddingBottom:2,paddingLeft:4},medium:{fontSize:'1',lineHeight:'1',paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5}}},optionVariant:{prop:'optionVariant',variants:{primary:{backgroundColor:'white.main','&:hover':{backgroundColor:'primary.extraLight'}},selected:{backgroundColor:'primary.extraLight'}}}}};const textAreaSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',borderColor:'gray.light',backgroundColor:'white.main',borderRadius:3,boxShadow:props=>props.boxShadows.input,'&::placeholder':{color:'gray.main'}}}},size:{prop:'size',variants:{small:{fontSize:'0',lineHeight:'0',paddingTop:2,paddingRight:4,paddingBottom:2,paddingLeft:4},medium:{fontSize:'1',lineHeight:'1',paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5}}},status:{prop:'status',variants:{disabled:{cursor:'not-allowed',borderColor:'gray.light',backgroundColor:'white.dark',color:'gray.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'gray.light',backgroundColor:'white.dark'}},error:{borderColor:'danger.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'danger.main',backgroundColor:'white.main'}},active:{'&:hover, &:active, &:focus, &:focus-visible':{borderColor:'primary.main',backgroundColor:'primary.extraLight',outline:'none',boxShadow:'none'}}}}}};const atomsSettings={Button:buttonSettings,Anchor:anchorSettings,BodyText:bodyTextSettings,Heading:headingSettings,InputMessage:inputMessageSettings,Input:inputSettings,Tooltip:tooltipSettings,Toggle:toggleSettings,ProgressBar:progressBarSettings,Checkbox:checkboxSettings,SubscriptionComponentCard:subscriptionComponentCardSettings,Select:selectSettings,RadioButton:radioButtonSettings,Options:optionsSettings,TextArea:textAreaSettings};const tagSettings={componentVariants:{size:{prop:'size',variants:{regular:{fontWeight:'2',borderRadius:'4',paddingTop:'2',paddingBottom:'2',paddingLeft:'3',paddingRight:'3'}}},color:{prop:'color',variants:{primary:{color:'primary.dark',backgroundColor:'primary.light'},success:{color:'success.dark',backgroundColor:'success.light'},danger:{color:'danger.dark',backgroundColor:'danger.light'},gray:{color:'gray.dark',backgroundColor:'gray.light'}}}}};const cardSettings={componentVariants:{variant:{prop:'variant',variants:{small:{borderWidth:'1px',borderStyle:'solid',borderColor:'gray.extraLight',boxShadow:props=>`0 12px 24px ${(0,_polished.transparentize)(0.85,props.colors.black.dark)}`},regular:{borderWidth:'1px',borderStyle:'solid',borderColor:'gray.extraLight',boxShadow:props=>`0 8px 16px ${(0,_polished.transparentize)(0.85,props.colors.black.dark)}`}}},headerVariant:{prop:'headerVariant',variants:{regular:{paddingTop:[3,5],paddingRight:[5,6],paddingBottom:[3,5],paddingLeft:[5,6],borderBottomStyle:'solid',borderBottomWidth:'1px',borderBottomColor:'gray.light'},small:{padding:4,borderBottomStyle:'solid',borderBottomWidth:'1px',borderBottomColor:'gray.light'}}},bodyVariant:{prop:'bodyVariant',variants:{regular:{paddingTop:[5,6],paddingRight:[5,6],paddingBottom:[5,6],paddingLeft:[5,6]},small:{paddingTop:3,paddingBottom:3,paddingLeft:4,paddingRight:4}}},footerVariant:{prop:'footerVariant',variants:{regular:{paddingTop:[3,5],paddingRight:[5,6],paddingBottom:[3,5],paddingLeft:[5,6],borderTopStyle:'solid',borderTopWidth:'1px',borderTopColor:'gray.light'},small:{paddingTop:3,paddingBottom:3,paddingLeft:4,paddingRight:4,borderTopStyle:'solid',borderTopWidth:'1px',borderTopColor:'gray.light'}}},color:{prop:'color',variants:{white:{backgroundColor:'white.main'},gray:{backgroundColor:'white.dark'}}},border:{prop:'border',variants:{rounded:{borderRadius:3},sharp:{borderRadius:0}}}}};const commonSettings$2={paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'3px',zIndex:1}};const radioSelectSettings={componentVariants:{state:{prop:'state',variants:{active:{backgroundColor:'success.main',color:'white.main',boxShadow:'0 0 0 1px #3B7D5B'},inactive:{backgroundColor:'white.main',color:'success.dark',boxShadow:'0 0 0 1px #BDC5CA','&:hover':{backgroundColor:'success.light'}}}},variant:{prop:'variant',variants:{primary:{borderRadius:3,boxShadow:'0px 2px 4px rgba(2, 11, 17, 0.15)'}}},size:{prop:'size',variants:{small:{...commonSettings$2},regular:{...commonSettings$2}}}}};const alertSettings={componentVariants:{size:{prop:'size',variants:{regular:{borderWidth:'1px',borderStyle:'solid',borderColor:'currentColor',borderRadius:1,paddingTop:5,paddingRight:6,paddingBottom:5,paddingLeft:6}}},color:{prop:'color',variants:{primary:{backgroundColor:'primary.extraLight',color:'primary.dark'},success:{backgroundColor:'success.extraLight',color:'success.dark'},danger:{backgroundColor:'danger.extraLight',color:'danger.dark'}}}}};const formFieldSettings={componentVariants:{labelPosition:{prop:'labelPosition',variants:{left:{columnGap:4,flexDirection:'row'},top:{rowGap:2,flexDirection:'column'}}}}};const tagInputSettings={componentVariants:{status:{prop:'status',variants:{default:{borderColor:'gray.light'},error:{borderColor:'danger.main'}}},size:{prop:'size',variants:{regular:{borderWidth:'1px',borderStyle:'solid',borderRadius:3,paddingRight:4,paddingLeft:4,paddingBottom:3,paddingTop:3,gap:3,boxShadow:props=>props.boxShadows.input}}},inputSize:{prop:'inputSize',variants:{regular:{fontSize:1,padding:2,paddingLeft:3,fontFamily:'secondary',lineHeight:1,width:'100%','&::placeholder':{color:'gray.main'}}}}}};const commonSettings$1={fontWeight:2,fontFamily:'secondary',gap:'1'};const inputLabelSettings={componentVariants:{size:{prop:'size',variants:{small:{fontSize:'0',lineHeight:'0',...commonSettings$1},medium:{fontSize:'1',lineHeight:'1',...commonSettings$1}}},color:{prop:'color',variants:{primary:{color:'primary.extraDark'},danger:{color:'danger.main'},gray:{color:'gray.main'}}}}};const commonTextSettings={transform:'translateX(-50%) translateY(8px)',left:'50%',top:'100%'};const stepHorizontalSettings={componentVariants:{lineSize:{prop:'lineSize',variants:{regular:{width:'100%',height:'2px'}}},color:{prop:'color',variants:{disabled:{backgroundColor:'gray.light',color:'white.main'},active:{backgroundColor:'success.main',color:'white.main',boxShadow:'0px 0px 16px 4px rgba(59, 125, 91, 0.3)'},completed:{backgroundColor:'success.light',color:'white.main'}}},size:{prop:'size',variants:{regular:{width:28,height:28,borderRadius:'50%',fontSize:1,fontFamily:'secondary',fontWeight:2}}},text:{prop:'text',variants:{disabled:{...commonTextSettings,color:'gray.main'},active:{...commonTextSettings,color:'success.main'},completed:{...commonTextSettings,color:'success.light'}}}}};const stepVerticalSettings={componentVariants:{color:{prop:'color',variants:{disabled:{backgroundColor:'gray.extraLight'},active:{backgroundColor:'success.main'},completed:{backgroundColor:'success.light'}}},size:{prop:'size',variants:{regular:{paddingTop:4,paddingBottom:4,paddingLeft:5,'&:before':{content:"''",position:'absolute',top:0,left:0,width:'4px',height:'100%',borderRadius:10}}}},text:{prop:'text',variants:{disabled:{color:'gray.main'},active:{color:'success.main'},completed:{color:'success.light'}}}}};const toastMessageSettings={componentVariants:{iconColor:{prop:'iconColor',variants:{'dark-success':{color:'success.light'},'dark-info':{color:'primary.light'},'dark-warning':{color:'danger.light'}}},colorVariant:{prop:'colorVariant',variants:{dark:{background:props=>(0,_polished.transparentize)(0.1,props.colors.black.main),boxShadow:'0px 12px 24px rgba(2, 11, 17, 0.15)',color:'white.main'}}},size:{prop:'size',variants:{regular:{borderRadius:3,paddingTop:5,paddingBottom:5,paddingLeft:6,paddingRight:6}}}}};const tabsSettings={componentVariants:{size:{prop:'size',variants:{regular:{paddingTop:4,paddingRight:3,paddingBottom:3,paddingLeft:3}}},variant:{prop:'variant',variants:{primary:{backgroundColor:'success.main'}}},containerVariant:{prop:'containerVariant',variants:{primary:{borderBottomWidth:'1px',borderBottomStyle:'solid',borderBottomColor:'gray.main'}}}}};const creditCardNumberSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};const creditCardAddressSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'gray.dark'}}}}};const creditCardHolderDetailsSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};const accordionSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};const pageHeaderTitleSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'gray.dark'}}}}};const pageHeaderSubtitleSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};const moleculesSettings={Tag:tagSettings,Card:cardSettings,RadioSelect:radioSelectSettings,Alert:alertSettings,FormField:formFieldSettings,TagInput:tagInputSettings,InputLabel:inputLabelSettings,StepHorizontal:stepHorizontalSettings,StepVertical:stepVerticalSettings,ToastMessage:toastMessageSettings,Tabs:tabsSettings,CreditCardNumber:creditCardNumberSettings,CreditCardAddress:creditCardAddressSettings,CreditCardHolderDetails:creditCardHolderDetailsSettings,Accordion:accordionSettings,PageHeaderTitle:pageHeaderTitleSettings,PageHeaderSubtitle:pageHeaderSubtitleSettings};const commonSettings={borderWidth:'1px',borderStyle:'solid',borderColor:'gray.light'};const creditCardSettings={componentVariants:{size:{prop:'size',variants:{regular:{width:'320px',height:'180px',borderRadius:3,padding:6,...commonSettings},small:{width:'250px',height:'140px',borderRadius:3,padding:4,...commonSettings}}},variant:{prop:'variant',variants:{primary:{background:props=>`radial-gradient(56.87% 164.82% at 86.8% 24.4%, rgba(255, 255, 255, 0.3) 0%, rgba(154, 196, 225, 0.3) 100%), ${props.colors.primary.extraLight};`},secondary:{background:props=>`radial-gradient(56.87% 164.82% at 86.8% 24.4%, rgba(255, 255, 255, 0.3) 0%, rgba(189, 197, 202, 0.3) 100%), ${props.colors.primary.extraLight};`}}},status:{prop:'status',variants:{active:{borderColor:'success.main'},error:{borderColor:'danger.main'},unavailable:{borderColor:'danger.main',opacity:0.65},normal:{}}}}};const watermarkSettings={componentVariants:{variant:{prop:'variant',variants:{'visa-regular':{transform:'scale(1.365)'},'visa-small':{transform:'scale(1.065)'},'master-regular':{transform:'scale(1)'},'master-small':{transform:'scale(0.65)'}}}}};const bankAccountSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{borderWidth:'1px',borderStyle:'solid',borderColor:'gray.light',borderRadius:0,background:'radial-gradient(101.58% 289.6% at 100% 0%, #F0F4F8 0%, #FFFFFF 100%), #F3F6FA;'}}},cardSize:{prop:'cardSize',variants:{small:{width:'250px',height:'140px'},regular:{width:'320px',height:'180px'}}},addressSize:{prop:'addressSize',variants:{small:{paddingTop:2,paddingRight:4,paddingBottom:2,paddingLeft:4,backgroundColor:'primary.extraLight'},regular:{paddingTop:3,paddingRight:6,paddingBottom:3,paddingLeft:6,backgroundColor:'primary.extraLight'}}},contentSize:{prop:'contentSize',variants:{'regular-false':{paddingTop:5,paddingRight:6,paddingBottom:6,paddingLeft:6},'regular-true':{paddingTop:5,paddingRight:6,paddingBottom:4,paddingLeft:6},'small-false':{paddingTop:3,paddingRight:4,paddingBottom:3,paddingLeft:4},'small-true':{paddingTop:3,paddingRight:4,paddingBottom:3,paddingLeft:4}}},status:{prop:'status',variants:{active:{borderColor:'success.main'},error:{borderColor:'danger.main'}}}}};const commonRowSettings={paddingLeft:7,paddingRight:7,border:0,borderTop:1,borderColor:'gray.extraLight',borderStyle:'solid',background:'white.main'};const tableSettings={componentVariants:{cell:{prop:'cellSize',variants:{regular:{paddingTop:4,paddingBottom:4}}},header:{prop:'variant',variants:{primary:{backgroundColor:'white.main',color:'primary.extraDark',fontWeight:2,fill:'primary.extraDark'},secondary:{backgroundColor:'primary.dark',color:'white.main',fontWeight:2,fill:'white.main'}}},table:{prop:'size',variants:{regular:{fontFamily:'secondary',fontSize:1,lineHeight:1}}},row:{prop:'variant',variants:{body:{...commonRowSettings,'&:hover':{backgroundColor:'primary.extraLight'}},head:{...commonRowSettings}}},footer:{prop:'variant',variants:{default:{background:'primary.extraLight'}}},wrapper:{prop:'wrapper',variants:{default:{borderRadius:3,boxShadow:props=>`0px 12px 24px 0px ${props.colors.gray.extraLight}`}}}}};const organismsSettings={CreditCard:creditCardSettings,Watermark:watermarkSettings,BankAccount:bankAccountSettings,Table:tableSettings};const componentsSettings={...atomsSettings,...moleculesSettings,...organismsSettings};const palette={primary:{extraLight:'#E7EEF4',light:'#9AC4E1',main:'#1571C1',dark:'#024B7F',extraDark:'#012B48'},secondary:{light:'#FFFFFF',main:'#FFFFFF',dark:'#ECEEF0'},success:{extraLight:'#D8E5DE',light:'#B1CBBD',main:'#3B7D5B',dark:'#295840'},danger:{extraLight:'#F0CDD4',light:'#DA8393',main:'#B40726',dark:'#7E051B'},gray:{extraLight:'#D9DEE1',light:'#BDC5CA',main:'#A1ACB3',dark:'#687082'},black:{light:'#212A31',main:'#091823',dark:'#020B11'},white:{main:'#FFFFFF',dark:'#ECEEF0'}};const theme={colors:palette,space:[0,2,4,8,12,16,24,32,40,64,80],radii:[2,4,6,8,16],fontSizes:[12,14,16,20,30,36],sizes:[8,12,16,24,28,36,64],fontWeights:[400,500,600,700],borderWidths:[0,2],lineHeights:['16px','20px','24px','32px','40px','64px'],breakpoints:['768px','1000px'],boxShadows:{input:`0px 2px 4px ${(0,_polished.transparentize)(0.85,palette.black.dark)}`},fonts:{primary:"'Montserrat', sans-serif",secondary:'"Open Sans", sans-serif'},components:componentsSettings};class ThemeUtilities{static createTheme(){let partialTheme=arguments.length>0&&arguments[0]!==undefined?arguments[0]:null;if(partialTheme)return(0,_deepmerge.default)(theme,partialTheme,{arrayMerge:(destinationArray,sourceArray)=>sourceArray});return theme;}static getComponentCSSOverrides(_ref4,component){let{theme}=_ref4;return theme.components[component]?.cssOverrides;}static getComponentVariant(_ref5,component,variant){let{theme}=_ref5;const{components}=theme;const componentSettings=components[component]?.componentVariants;return componentSettings[variant];}}const ThemeProvider=_ref6=>{let{children,theme}=_ref6;return/*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider,{theme:theme},children);};(0,_styledSystem.system)({backgroundColor:{property:'background',scale:'colors'}});const fontSmoothing=(0,_styledComponents.css)(["-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);const StyledAnchor=_styledComponents.default.a.withConfig({displayName:"maxio__StyledAnchor",componentId:"maxio-components__sc-lo74t2-1"})(["&&&{text-decoration:none;display:inline-flex;align-items:center;box-sizing:border-box;cursor:pointer;",";",";",";",";}&&&:hover{text-decoration:underline;}"],fontSmoothing,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Anchor','size')),_ref7=>{let{disabled,theme}=_ref7;return disabled&&(0,_styledComponents.css)(["cursor:not-allowed;color:",";&:hover{color:",";text-decoration:none;}"],theme.colors.primary.light,theme.colors.primary.light);},(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Anchor')));const IconContainer$3=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer3",componentId:"maxio-components__sc-lo74t2-2"})(["&&&{display:flex;justify-content:center;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Anchor','iconSize')));const Anchor=_ref8=>{let{label,size='medium',iconLeft,iconRight,disabled=false,onClick,...props}=_ref8;return/*#__PURE__*/_react.default.createElement(StyledAnchor,{size:size,onClick:()=>!disabled&&onClick?onClick():null,disabled:disabled,tabIndex:0,role:"link",...props},iconLeft&&(/*#__PURE__*/_react.default.createElement(IconContainer$3,{iconSize:size},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconLeft}))),label,iconRight&&(/*#__PURE__*/_react.default.createElement(IconContainer$3,{iconSize:size},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconRight}))));};const Text$2=_styledComponents.default.p.withConfig({displayName:"maxio__Text2",componentId:"maxio-components__sc-lo74t2-3"})(["&&&{margin:0;padding:0;",";",";",";",";",";",";",";",";",";",";",";",";}"],fontSmoothing,_styledSystem.color,_styledSystem.fontStyle,_styledSystem.fontFamily,_styledSystem.fontWeight,_styledSystem.textAlign,props=>props.whiteSpace&&(0,_styledComponents.css)(["white-space:",";"],props.whiteSpace),props=>props.overflow==='truncate'&&(0,_styledComponents.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]),props=>props.overflow==='break-word'&&(0,_styledComponents.css)(["overflow-wrap:break-word;"]),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BodyText','variant')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'BodyText')),_styledSystem.lineHeight);const BodyText=_ref9=>{let{variant='body1',fontWeight=0,fontStyle='normal',color='black.main',textAlign='left',lineHeight,overflow,children,as='p',whiteSpace}=_ref9;return/*#__PURE__*/_react.default.createElement(Text$2,{whiteSpace:whiteSpace,as:as,color:color,fontFamily:"secondary",fontStyle:fontStyle,fontWeight:fontWeight,textAlign:textAlign,variant:variant,lineHeight:lineHeight,overflow:overflow},children);};const Container$r=_styledComponents.default.div.withConfig({displayName:"maxio__Containerr",componentId:"maxio-components__sc-lo74t2-4"})(["&&&{display:inline-flex;width:100%;",";",";}"],_styledSystem.gridGap,_styledSystem.justifyContent);const ButtonGroup=_ref10=>{let{children,alignment='left'}=_ref10;return/*#__PURE__*/_react.default.createElement(Container$r,{gridGap:"3",justifyContent:alignment==='left'?'flex-start':'flex-end'},children);};const rotate=(0,_styledComponents.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]);const commonStyle=(0,_styledComponents.css)(["outline:none;border:none;display:inline-flex;justify-content:center;align-items:center;column-gap:8px;cursor:pointer;box-sizing:border-box;",";transition:background-color 250ms ease-in-out,color 250ms ease-in-out,box-shadow 250ms ease-in-out;&:disabled{cursor:not-allowed;}"],fontSmoothing);const StyledButton=_styledComponents.default.button.withConfig({displayName:"maxio__StyledButton",componentId:"maxio-components__sc-lo74t2-5"})(["&&&{",";",";",";",";",";",";}"],commonStyle,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','color')),_ref11=>{let{hasIconOnly,theme,size}=_ref11;return hasIconOnly&&(0,_styledComponents.css)(["padding-left:","px;padding-right:","px;aspect-ratio:1;"],size==='medium'?theme.space[4]-1:theme.space[3]-1,size==='medium'?theme.space[4]-1:theme.space[3]-1);},_ref12=>{let{isLoading,disabled,color,theme}=_ref12;return isLoading&&!disabled&&(0,_styledComponents.css)(["color:",";pointer-events:none;"],color==='secondary'?theme.colors.gray.dark:theme.colors[color].light);},(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Button')));const Rotate=_styledComponents.default.div.withConfig({displayName:"maxio__Rotate",componentId:"maxio-components__sc-lo74t2-6"})(["&&&{display:flex;animation:"," 2s linear infinite;}"],rotate);const IconContainer$2=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer2",componentId:"maxio-components__sc-lo74t2-7"})(["&&&{display:flex;justify-content:center;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','iconSize')));const Button=_ref13=>{let{label,color='primary',size='medium',fill='solid',disabled=false,iconLeft,iconRight,isLoading=false,loadingText='Loading',onClick,...rest}=_ref13;return/*#__PURE__*/_react.default.createElement(StyledButton,{role:"button",tabIndex:0,colorVariant:`${fill}-${color}`,color:color,size:size,fill:fill,isLoading:isLoading,disabled:disabled,hasIconOnly:!label&&!!(iconLeft||iconRight),onClick:onClick,...rest},!isLoading&&iconLeft&&(/*#__PURE__*/_react.default.createElement(IconContainer$2,{iconSize:size},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconLeft}))),isLoading?loadingText:label,!isLoading&&iconRight&&(/*#__PURE__*/_react.default.createElement(IconContainer$2,{iconSize:size},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconRight}))),isLoading&&(/*#__PURE__*/_react.default.createElement(IconContainer$2,{iconSize:size},/*#__PURE__*/_react.default.createElement(Rotate,null,/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:"spinner"})))));};var Button$1=Object.assign(Button,{Group:ButtonGroup});_styledComponents.default.span.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-8"})(["&&&{",";}"],_styledSystem.fontWeight);const Text$1=_styledComponents.default.h1.withConfig({displayName:"maxio__Text1",componentId:"maxio-components__sc-lo74t2-9"})(["&&&{margin:0;padding:0;font-style:normal;",";",";",";",";}"],fontSmoothing,_styledSystem.color,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Heading','variant')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Heading')));const Heading=_ref14=>{let{variant='h1',color='black.main',children}=_ref14;return/*#__PURE__*/_react.default.createElement(Text$1,{as:variant,color:color,variant:variant},children);};const getInputStatus=(disabled,hasError)=>{if(disabled)return'disabled';if(hasError)return'error';return'active';};const StyledInput=_styledComponents.default.input.withConfig({displayName:"maxio__StyledInput",componentId:"maxio-components__sc-lo74t2-10"})(["&&&{border:1px solid currentColor;outline:none;width:100%;box-sizing:border-box;",";",";transition:border-color 250ms ease-in-out,box-shadow 250ms ease-in-out,background-color 250ms ease-in-out;will-change:border-color,box-shadow,background-color;",";",";",";",";",";",";}"],fontSmoothing,_ref15=>{let{fullWidth}=_ref15;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','inputSize')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','variant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','status')),_ref16=>{let{hasIconLeft,inputSize,theme}=_ref16;return hasIconLeft&&(0,_styledComponents.css)(["padding-left:","px;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[inputSize].paddingLeft]+theme.sizes[theme.components.Input.componentVariants.iconSize.variants[inputSize].width]+theme.sizes[0]);},_ref17=>{let{hasIconRight,inputSize,theme}=_ref17;return hasIconRight&&(0,_styledComponents.css)(["padding-right:","px;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[inputSize].paddingRight]+theme.sizes[theme.components.Input.componentVariants.iconSize.variants[inputSize].width]+theme.sizes[0]);},(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Input')));const Container$q=_styledComponents.default.div.withConfig({displayName:"maxio__Containerq",componentId:"maxio-components__sc-lo74t2-11"})(["&&&{position:relative;}"]);const IconContainer$1=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer1",componentId:"maxio-components__sc-lo74t2-12"})(["&&&{display:flex;position:absolute;top:50%;transform:translateY(-50%);",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','iconSize')),_ref18=>{let{hasIconLeft,iconSize,theme}=_ref18;return hasIconLeft&&(0,_styledComponents.css)(["left:","px;right:auto;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[iconSize].paddingLeft]);},_ref19=>{let{hasIconRight,iconSize,theme}=_ref19;return hasIconRight&&(0,_styledComponents.css)(["right:","px;left:auto;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[iconSize].paddingRight]);});const Input$1=_ref20=>{let{value,inputSize='medium',disabled=false,iconLeft,iconRight,hasError=false,variant='primary',fullWidth=false,onChange,...props}=_ref20;return/*#__PURE__*/_react.default.createElement(Container$q,null,iconLeft&&(/*#__PURE__*/_react.default.createElement(IconContainer$1,{iconSize:inputSize,hasIconLeft:true,"data-testid":"input-left-icon"},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconLeft}))),/*#__PURE__*/_react.default.createElement(StyledInput,{onChange:onChange,inputSize:inputSize,value:value,hasIconLeft:!!iconLeft,hasIconRight:!!iconRight,variant:variant,status:getInputStatus(disabled,hasError),disabled:disabled,fullWidth:fullWidth,...props}),iconRight&&(/*#__PURE__*/_react.default.createElement(IconContainer$1,{iconSize:inputSize,hasIconRight:true,"data-testid":"input-right-icon"},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconRight}))));};const StyledMessage=_styledComponents.default.div.withConfig({displayName:"maxio__StyledMessage",componentId:"maxio-components__sc-lo74t2-13"})(["&&&{",";",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputMessage','type')),_ref21=>{let{disabled,theme}=_ref21;return disabled&&(0,_styledComponents.css)(["cursor:not-allowed;color:",";"],theme.colors.gray.light);},(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'InputMessage')),fontSmoothing);const InputMessage=_ref22=>{let{message,type='normal',disabled=false}=_ref22;return/*#__PURE__*/_react.default.createElement(StyledMessage,{disabled:disabled,type:type},message);};const flexBasis=(0,_styledSystem.style)({prop:'span',alias:'columnWidth',cssProperty:'flex',transformValue:n=>`0 0 ${n*(100/24)}%`});const maxWidth=(0,_styledSystem.style)({prop:'span',alias:'maxWidth',cssProperty:'maxWidth',transformValue:n=>`${n*(100/24)}%`});const offset=(0,_styledSystem.style)({prop:'offset',alias:'columnOffset',cssProperty:'marginLeft',transformValue:n=>n?`${n*(100/24)}%`:0});const gutter$1=(0,_styledSystem.system)({gutter:{property:'padding',scale:'space',transform:(value,scale)=>{let propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];const gutterDimension=propertyValue/2;return`0 ${gutterDimension}px 0 ${gutterDimension}px`;}}});const Container$p=_styledComponents.default.div.withConfig({displayName:"maxio__Containerp",componentId:"maxio-components__sc-lo74t2-14"})(["&&&{display:block;box-sizing:border-box;",";",";",";",";",";}"],flexBasis,maxWidth,offset,gutter$1,_styledSystem.display);const Column$1=_ref23=>{let{children,span,offset=0,gutter='5',display=['block']}=_ref23;return/*#__PURE__*/_react.default.createElement(Container$p,{role:"cell",span:span,offset:offset,gutter:gutter,display:display},children);};const gutter=(0,_styledSystem.system)({gutter:{property:'margin',scale:'space',transform:(value,scale)=>{let propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];const gutterDimension=propertyValue/2;return`0 -${gutterDimension}px 0 -${gutterDimension}px`;}}});const rowGap=(0,_styledSystem.system)({rowGap:{property:'rowGap',scale:'space',transform:(value,scale)=>{if(value){let propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];return propertyValue;}return 0;}}});const Container$o=_styledComponents.default.div.withConfig({displayName:"maxio__Containero",componentId:"maxio-components__sc-lo74t2-15"})(["&&&{flex-flow:row wrap;display:flex;",";",";}"],rowGap,gutter);const Row$4=_ref24=>{let{children,gutter='5',rowGap='5',...rest}=_ref24;const columns=gutter?_react.default.Children.map(children,child=>{if(/*#__PURE__*/_react.default.isValidElement(child)){return/*#__PURE__*/_react.default.cloneElement(child,{gutter});}return child;}):children;return/*#__PURE__*/_react.default.createElement(Container$o,{role:"row",gutter:gutter,rowGap:rowGap,...rest},columns);};const Box=_styledComponents.default.div.withConfig({displayName:"maxio__Box",componentId:"maxio-components__sc-lo74t2-16"})(["&&&{",";",";",";",";}"],_styledSystem.margin,_styledSystem.padding,_styledSystem.layout,_styledSystem.justifyContent);const Text=_ref25=>{let{title,message}=_ref25;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,title&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h6",color:"inherit"},title))),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"inherit"},message));};const Container$n=_styledComponents.default.div.withConfig({displayName:"maxio__Containern",componentId:"maxio-components__sc-lo74t2-17"})(["&&&{box-sizing:border-box;display:inline-block;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tooltip','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tooltip','mode')));const KEYBOARD_KEYS={UP:'ArrowUp',DOWN:'ArrowDown',ENTER:'Enter',ESCAPE:'Escape',SPACE:'Space',BACKSPACE:'Backspace',TAB:'Tab'};const Tooltip=_ref26=>{let{mode='light',followCursor:followCursor$1=false,interactive=false,placement='top',children,renderContent}=_ref26;const[visible,setVisible]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{const handler=e=>{if(e.key===KEYBOARD_KEYS.ESCAPE&&visible){setVisible(false);}};document.addEventListener('keydown',handler);return()=>document.removeEventListener('keydown',handler);},[visible]);const Wrapper=/*#__PURE__*/(0,_react.forwardRef)((_props,ref)=>(/*#__PURE__*/_react.default.createElement("div",{ref:ref,onMouseEnter:()=>setVisible(true),onMouseLeave:()=>setVisible(false),onKeyDown:e=>{if(e.key===KEYBOARD_KEYS.ENTER&&!visible)setVisible(true);},style:{display:'inline-block',lineHeight:1,cursor:'pointer'}},children)));return/*#__PURE__*/_react.default.createElement(_headless.default,{placement:placement,followCursor:followCursor$1,plugins:[_tippy.followCursor],interactive:interactive,visible:visible,render:attrs=>(/*#__PURE__*/_react.default.createElement(Container$n,{mode:mode,size:"regular",role:"tooltip",...attrs},renderContent()))},/*#__PURE__*/_react.default.createElement(Wrapper,null));};var Tooltip$1=Object.assign(Tooltip,{Text});const Progress=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Progress",componentId:"maxio-components__sc-lo74t2-18"})(["&&&{position:absolute;top:0;left:0;border-radius:inherit;height:100%;transition:background-color 500ms ease-in;",";",";}"],_ref27=>{let{width}=_ref27;return(0,_styledComponents.css)(["width:","%;"],width);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','color')));const Container$m=_styledComponents.default.div.withConfig({displayName:"maxio__Containerm",componentId:"maxio-components__sc-lo74t2-19"})(["&&&{width:100%;position:relative;overflow:hidden;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','mode')));const ProgressBar=_ref28=>{let{max,value,mode='dark',size='regular'}=_ref28;const isOverLimit=value>max;const percentage=isOverLimit?100:Math.floor(value/max*100);const controls=(0,_framerMotion.useAnimation)();const[color,setColor]=(0,_react.useState)('success');(0,_react.useEffect)(()=>{controls.start({x:0,transition:{type:'easeInOut',duration:1,backgroundColor:{type:'easeIn',duration:5}}}).then(()=>{isOverLimit&&setColor('danger');});},[controls,isOverLimit]);return/*#__PURE__*/_react.default.createElement(Container$m,{role:"progressbar",mode:mode,size:size},/*#__PURE__*/_react.default.createElement(Progress,{color:color,width:percentage,animate:controls,initial:{x:'-100%'}}));};const ToggleWrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper2",componentId:"maxio-components__sc-lo74t2-20"})(["&&&{position:relative;cursor:pointer;display:inline-block;",";",";}"],_ref29=>{let{isDisabled}=_ref29;return isDisabled&&(0,_styledComponents.css)(["user-select:none;cursor:not-allowed;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size')));const Track=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:prop=>!['baseColor'].includes(prop)}).withConfig({displayName:"maxio__Track",componentId:"maxio-components__sc-lo74t2-21"})(["&&&{position:absolute;top:0;left:0;overflow:hidden;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','baseColor')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size')));const TrackMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:prop=>!['colorVariant'].includes(prop)}).withConfig({displayName:"maxio__TrackMotion",componentId:"maxio-components__sc-lo74t2-22"})(["&&&{position:absolute;top:0;left:0;box-sizing:border-box;transform-origin:left center;width:inherit;height:inherit;border-radius:inherit;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','color')));const LabelMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:prop=>!['textVariant'].includes(prop)}).withConfig({displayName:"maxio__LabelMotion",componentId:"maxio-components__sc-lo74t2-23"})(["&&&{position:relative;display:flex;align-items:center;text-transform:uppercase;",";",";",";}"],fontSmoothing,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','text')));const SwitcherMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:prop=>!['toggleState'].includes(prop)}).withConfig({displayName:"maxio__SwitcherMotion",componentId:"maxio-components__sc-lo74t2-24"})(["&&&{box-sizing:border-box;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','switcher')));const SwitcherWrapper=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:prop=>!['size'].includes(prop)}).withConfig({displayName:"maxio__SwitcherWrapper",componentId:"maxio-components__sc-lo74t2-25"})(["&&&{top:0;left:0;position:absolute;display:flex;",";padding:0;}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size')));const switcherTransition={ease:[0.69,-0.55,0.27,1.55],duration:0.3};const trackVariants={on:{scaleX:1},off:{scaleX:0}};const labelTransition={type:'tween',duration:0.3};const labelVariants={on:{justifyContent:'flex-start'},off:{justifyContent:'flex-end'}};const Toggle=_ref30=>{let{isDisabled,isOn,variant='primary',onChange,size='medium',text={on:'On',off:'Off'}}=_ref30;const toggleStateVariant=`${variant}-${isDisabled?'disabled':'active'}-${isOn?'on':'off'}`;const theme=(0,_styledComponents.useTheme)();const switcherVariants=(0,_react.useMemo)(()=>{const{sizes,components:{Toggle:{componentVariants:{size:sizeVariant,switcher}}}}=theme;const trackWidth=sizes[sizeVariant.variants[size].width];const switcherWidth=sizes[switcher.variants[toggleStateVariant].width];return{on:{x:trackWidth-switcherWidth},off:{x:0}};},[size,theme]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(ToggleWrapper$2,{isDisabled:isDisabled,onClick:()=>{if(!onChange||isDisabled)return;onChange(!isOn);},onKeyDown:e=>{if(!onChange||isDisabled)return;if(e.key===KEYBOARD_KEYS.ENTER&&!isDisabled)onChange(!isOn);},"data-testid":"toggle",role:"switch","aria-checked":isOn,tabIndex:0},/*#__PURE__*/_react.default.createElement(Track,{baseColor:`${variant}-${isDisabled?'disabled':'active'}`,size:size},/*#__PURE__*/_react.default.createElement(TrackMotion,{colorVariant:toggleStateVariant,variants:trackVariants,initial:isOn?'on':'off',animate:isOn?'on':'off',transition:switcherTransition})),/*#__PURE__*/_react.default.createElement(LabelMotion,{textVariant:toggleStateVariant,size:size,variants:labelVariants,initial:isOn?'on':'off',animate:isOn?'on':'off',transition:labelTransition},isOn?text.on:text.off),/*#__PURE__*/_react.default.createElement(SwitcherWrapper,{size:size},/*#__PURE__*/_react.default.createElement(SwitcherMotion,{toggleState:toggleStateVariant,transition:switcherTransition,variants:switcherVariants,initial:isOn?'on':'off',animate:isOn?'on':'off'}))));};const CheckboxWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CheckboxWrapper",componentId:"maxio-components__sc-lo74t2-26"})(["&&&{display:flex;box-sizing:border-box;",";",";",";}&&& svg{visibility:hidden;}"],_ref31=>{let{isChecked}=_ref31;return isChecked&&(0,_styledComponents.css)(["&& svg{visibility:visible;}"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','variant')));const Label$1=_styledComponents.default.label.withConfig({displayName:"maxio__Label1",componentId:"maxio-components__sc-lo74t2-27"})(["&&&{display:inline-flex;box-sizing:border-box;align-items:center;cursor:pointer;user-select:none;",";",";",";}"],fontSmoothing,_ref32=>{let{isDisabled}=_ref32;return isDisabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','label')));const Checkbox=_ref33=>{let{value,onChange,label,isDisabled,...rest}=_ref33;const state=`${value?'checked':'unchecked'}`;const status=`${isDisabled?'disabled':'active'}`;const variant=`${state}-${status}`;const handleChange=()=>{if(!isDisabled&&onChange){onChange(!value);}};const handleKeyDown=event=>{if(event.code===KEYBOARD_KEYS.SPACE){handleChange();}};const labelContent=typeof label==='function'?label():label;return/*#__PURE__*/_react.default.createElement(Label$1,{status:status,"aria-checked":value,onKeyDown:handleKeyDown,isDisabled:isDisabled,tabIndex:0,role:'checkbox'},/*#__PURE__*/_react.default.createElement(CheckboxWrapper,{size:'default',variant:variant,isChecked:value},/*#__PURE__*/_react.default.createElement(Icon,{fill:'white.main',type:'check'}),/*#__PURE__*/_react.default.createElement("input",{hidden:true,type:"checkbox",onChange:handleChange,checked:value,...rest})),labelContent);};const Portal=_ref34=>{let{children}=_ref34;const el=(0,_react.useRef)(null);const[,setMounted]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{el.current=document.createElement('div');el.current.setAttribute('data-testid','dynamic-portal');el.current.style.position='absolute';el.current.style.top=0;el.current.style.left=0;document.body.appendChild(el.current);setMounted(true);return()=>{el.current.remove();};},[]);return el.current?/*#__PURE__*/(0,_reactDom.createPortal)(children,el.current):null;};const Container$l=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Containerl",componentId:"maxio-components__sc-lo74t2-28"})(["&&&{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1;",";}"],_ref35=>{let{theme}=_ref35;return(0,_styledComponents.css)(["background-color:",";"],(0,_polished.transparentize)(0.8,theme?.colors?.black?.main||'black'));});const Backdrop=_ref36=>{let{children,onClick}=_ref36;return/*#__PURE__*/_react.default.createElement(Container$l,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:onClick},children);};const Container$k=_styledComponents.default.div.withConfig({displayName:"maxio__Containerk",componentId:"maxio-components__sc-lo74t2-29"})(["&&&{display:flex;justify-content:space-between;align-items:center;}"]);const Close=_styledComponents.default.span.withConfig({displayName:"maxio__Close",componentId:"maxio-components__sc-lo74t2-30"})(["&&&{cursor:pointer;display:inline-flex;",";}"],_ref37=>{let{theme}=_ref37;return(0,_styledComponents.css)(["border-radius:","px;padding:","px;&:focus-visible{box-shadow:0 0 0 3px ",";outline:none;}"],theme.radii[3],theme.space[3],theme.colors.primary.light);});const Title$2=_ref38=>{let{title,onClose}=_ref38;return/*#__PURE__*/_react.default.createElement(Container$k,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3"},title),/*#__PURE__*/_react.default.createElement(Close,{onClick:onClose,tabIndex:0},/*#__PURE__*/_react.default.createElement(Icon,{type:"close",size:16,fill:"gray.light"})));};const Container$j=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Containerj",componentId:"maxio-components__sc-lo74t2-31"})(["&&&{overscroll-behavior:contain;max-height:100svh;display:flex;justify-content:center;",";",";}"],_styledSystem.layout,_ref39=>{let{variant}=_ref39;if(variant==='layer')return(0,_styledComponents.css)(["width:100%;height:100%;"]);return(0,_styledComponents.css)(["min-width:600px;max-width:800px;"]);});const dropIn={hidden:{y:'-10px',opacity:0},visible:{y:'0',opacity:1,transition:{type:'tween'}},exit:{y:'-20px',opacity:0}};const Modal=_ref40=>{let{isOpen,children,variant='window',width,onClose}=_ref40;(0,_react.useEffect)(()=>{if(isOpen){document.body.style.overflow='hidden';}return()=>{document.body.style.overflow='';};},[isOpen]);return/*#__PURE__*/_react.default.createElement(Portal,null,/*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence,null,isOpen&&(/*#__PURE__*/_react.default.createElement(Backdrop,{onClick:onClose},/*#__PURE__*/_react.default.createElement(Container$j,{role:"dialog","aria-modal":"true",variants:dropIn,initial:"hidden",animate:"visible",exit:"exit",variant:variant,width:width,onClick:e=>e.stopPropagation()},children)))));};var Modal$1=Object.assign(Modal,{Title:Title$2});const CardWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CardWrapper",componentId:"maxio-components__sc-lo74t2-32"})(["&&&{display:flex;flex-direction:column;",";",";",";",";",";}"],_styledSystem.borderRadius,_styledSystem.border,_styledSystem.padding,_styledSystem.gridRowGap,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'SubscriptionComponentCard','variant')));const SubscriptionComponentCard=_ref41=>{let{children,rowGap=2,variant='primary'}=_ref41;return/*#__PURE__*/_react.default.createElement(CardWrapper,{borderRadius:3,padding:4,gridRowGap:rowGap,variant:variant,"data-testid":"card"},children);};const backgroundColor=(0,_styledSystem.system)({backgroundColor:{property:'background',scale:'colors',transform:(value,scale)=>{const hexColor=value.split('.').reduce((previous,current)=>previous[current],scale);if(!hexColor)return;return`linear-gradient(180deg, ${(0,_polished.transparentize)(0.5,hexColor)} 0%, ${(0,_polished.transparentize)(0.8,hexColor)} 100%)`;}}});const StyledLoader=_styledComponents.default.div.withConfig({displayName:"maxio__StyledLoader",componentId:"maxio-components__sc-lo74t2-33"})(["&&&{overflow:hidden;position:relative;display:block;max-width:100%;",";width:",";height:",";",";",";}&&&:before{content:'';display:block;position:absolute;width:100%;height:100%;transform:translateX(-100%);animation:loading 1.5s infinite;}@keyframes loading{100%{transform:translateX(100%);}}"],_styledSystem.borderRadius,props=>props.width?props.width+'px':'100%',props=>props.height?props.height+'px':'20px',backgroundColor,_ref42=>{let{theme}=_ref42;return(0,_styledComponents.css)(["&:before{background:linear-gradient( to right,transparent,",",transparent );}"],theme.colors.white.main);});const getBackgroundColor=variant=>{switch(variant){case'primary':return'gray.extraLight';case'secondary':return'gray.main';}};const SkeletonLoader=_ref43=>{let{height,width,variant='primary'}=_ref43;return/*#__PURE__*/_react.default.createElement(StyledLoader,{borderRadius:2,height:height,width:width,backgroundColor:getBackgroundColor(variant)});};const AmericanExpress=_ref44=>{let{width=31,height=24,id}=_ref44;return/*#__PURE__*/_react.default.createElement("svg",{width:width,height:height,viewBox:"0 0 31 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":id},/*#__PURE__*/_react.default.createElement("path",{d:"M17.554 7.286c0-.857-.75-.965-1.5-.965h-2.09v3.697h.911v-1.34h.964c.965 0 .75.536.75 1.34h.911v-.75c0-.482-.107-.804-.59-.964.376-.161.644-.59.644-1.018Zm-1.607.643h-1.072V7.07H16c.268 0 .536.054.536.429 0 .321-.268.429-.59.429Zm-.858 4.767H12.25l-1.125 1.233L10 12.696H6.464v3.697h3.482l1.126-1.232 1.125 1.232h1.714V15.16c1.018 0 2.625.268 2.625-1.232 0-.965-.643-1.233-1.447-1.233Zm-5.571 2.947H7.32v-.75h1.93v-.75H7.32v-.697h2.25l.965 1.125-1.018 1.072Zm3.536.428-1.393-1.5 1.393-1.5v3Zm1.982-1.66H13.91v-.965h1.178c.268 0 .536.161.536.483 0 .321-.268.482-.59.482Zm-1.66-7.34v-.75h-3v3.697h3v-.75h-2.09v-.75h2.036v-.75h-2.036V7.07h2.09Zm7.178 6.643c0-.91-.75-1.018-1.447-1.018h-2.143v3.697h.911v-1.34h.964c.59 0 .75.108.75.75v.59h.911v-.697c0-.482-.107-.857-.59-1.017.43-.161.644-.59.644-.965Zm-1.554.59h-1.125v-.858H19c.268 0 .59.054.59.429s-.322.429-.59.429Zm-9.268-4.286V6.32h-1.5L7.214 8.84 6.036 6.321H4.589v3.483L3.09 6.32H1.75L.196 10.018h.911l.375-.804h1.822l.375.804H5.5V7.125l1.286 2.893h.75l1.286-2.893v2.893h.91ZM1.804 8.41l.589-1.447.59 1.447h-1.18Zm25.553 8.518v-.215c-.59.268-.214.215-8.41.215 0-1.34.053-1.286 0-1.34h-.483v1.34h-2.142v-1.554c-.536.321-1.18.321-1.822.321v1.233h-2.625c-.268-.322-.16-.161-.803-.911-.161.16-.697.75-.858.91H5.821V12h4.447c.268.268.16.16.803.91.161-.16.643-.696.858-.91h3.107c.536 0 .964.107 1.286.268V12c2.946 0 3.482-.107 4.07.268V12h4.18v.268c.642-.375 1.07-.268 3.482-.268v.268c.535-.322.91-.268 2.893-.268V2.571A2.572 2.572 0 0 0 28.375 0H2.661C1.268 0 .089 1.179.089 2.571v5.893a61.93 61.93 0 0 0 1.232-2.893h2.143c.215.536.107.215.482 1.125V5.571h2.465c.16.375.59 1.286.75 1.608.321-.697.536-1.286.696-1.608h6.107c2.357.054 2.893 0 3.482.322V5.57h2.143v.536c.375-.321.911-.536 1.608-.536h1.5c0 .054.107.054.107.054h1.768c.214.482.107.321.428 1.071V5.625h2.357c.268.429-.053-.107.59.964v-.964h2.142v4.929h-2.25c-.267-.483-.053-.161-.696-1.179v1.179h-2.84c-.32-.804 0-.054-.32-.858h-1.019c-.267.536-.16.322-.375.858h-1.446c-.643 0-1.179-.161-1.554-.483v.483H16v-1.34h-.536v1.34H8.232V9.91c-.16.321-.16.321-.268.643H6.357c-.214-.483-.16-.375-.268-.643v.643H3.25c-.214-.536-.107-.322-.321-.858H1.91c-.268.536-.16.322-.375.858H.143v10.875A2.539 2.539 0 0 0 2.714 24H28.43A2.572 2.572 0 0 0 31 21.429v-4.822c-.696.429-1.768.322-3.643.322Zm1.929-3.429h1.66v-.804H29.18c-.697 0-1.286.375-1.286 1.125 0 1.768 2.303.697 2.303 1.447 0 .268-.267.375-.482.375H28v.75h1.714c.429 0 .965-.054 1.233-.482v-1.34c-.59-.75-2.143-.107-2.143-.75 0-.321.268-.321.482-.321Zm-3.054 2.09h-1.714v.803h1.714c.804 0 1.447-.268 1.447-1.179 0-1.768-2.304-.589-2.304-1.393 0-.321.268-.321.482-.321h1.607v-.804h-1.767c-.697 0-1.233.375-1.233 1.125 0 1.768 2.25.643 2.25 1.447 0 .268-.214.321-.482.321Zm-2.25-2.144v-.75h-2.946v3.697h2.946v-.75h-2.035v-.75h2.035v-.75h-2.035v-.697h2.035Zm-3-5.785s-.053.107-.053.428c0 .322 0 .429.053.429h.16l.376-.91h-.16c-.269 0-.376.053-.376.053Zm.215-1.34c-1.233 0-1.822.643-1.822 1.875 0 1.179.536 1.822 1.768 1.822h1.018l.375-.804h1.821l.375.804H26.5V7.232l1.714 2.786h1.233V6.32h-.911v2.572L26.982 6.32h-1.34v3.483l-1.5-3.483h-1.338l-1.232 2.893h-.43c-.695 0-.856-.428-.856-1.071 0-1.232.857-1.072 1.768-1.018v-.804h-.857Zm2.25.643.589 1.447h-1.179l.59-1.447Zm-5.411-.643v3.697h.91V6.32h-.91Z",fill:"#016FD0"}));};const Bogus=_ref45=>{let{width=52,height=20,id}=_ref45;return/*#__PURE__*/_react.default.createElement("svg",{width:width,height:height,viewBox:"0 0 52 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":id},/*#__PURE__*/_react.default.createElement("path",{d:"M0 4a4 4 0 0 1 4-4h44a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z",fill:"#22344F"}),/*#__PURE__*/_react.default.createElement("path",{d:"M4.86 14.5V5.773h3.342c.63 0 1.155.1 1.572.298.42.196.735.465.942.805.21.341.315.728.315 1.16 0 .355-.068.659-.204.911a1.72 1.72 0 0 1-.55.61c-.23.156-.487.268-.771.336v.086c.31.017.606.112.89.285.287.17.522.412.703.725.182.312.273.69.273 1.133 0 .452-.11.858-.328 1.219-.219.358-.548.64-.989.848-.44.207-.994.311-1.662.311H4.861Zm1.582-1.321h1.7c.574 0 .987-.11 1.24-.328.256-.222.384-.506.384-.852a1.305 1.305 0 0 0-.738-1.194 1.812 1.812 0 0 0-.843-.183H6.442v2.557Zm0-3.695h1.564c.272 0 .518-.05.737-.149.219-.102.39-.246.516-.43.127-.188.191-.41.191-.665 0-.338-.119-.616-.358-.835-.235-.219-.586-.328-1.052-.328H6.442v2.407Zm14.164.652c0 .94-.176 1.746-.529 2.417-.349.667-.826 1.178-1.431 1.534-.603.355-1.286.532-2.05.532-.764 0-1.449-.177-2.054-.532-.602-.358-1.08-.871-1.432-1.539-.35-.67-.524-1.474-.524-2.412 0-.94.175-1.744.524-2.412.352-.67.83-1.183 1.432-1.538.605-.355 1.29-.533 2.054-.533.764 0 1.447.178 2.05.533.605.355 1.082.868 1.431 1.538.353.668.529 1.472.529 2.412Zm-1.59 0c0-.662-.103-1.22-.31-1.674-.205-.458-.49-.803-.853-1.036a2.26 2.26 0 0 0-1.257-.354c-.475 0-.894.118-1.257.354-.364.233-.65.578-.857 1.036-.204.454-.307 1.012-.307 1.674 0 .662.103 1.222.307 1.68.208.454.493.8.857 1.035.363.233.782.35 1.257.35a2.28 2.28 0 0 0 1.257-.35c.364-.236.648-.581.852-1.036.208-.457.311-1.017.311-1.679Zm8.991-1.576a2.258 2.258 0 0 0-.294-.618 1.9 1.9 0 0 0-.443-.473 1.787 1.787 0 0 0-.588-.294 2.453 2.453 0 0 0-.725-.103c-.468 0-.886.118-1.253.354-.366.236-.654.583-.864 1.04-.208.454-.312 1.008-.312 1.662 0 .659.104 1.217.312 1.675.207.457.495.805.864 1.044.37.235.799.353 1.287.353.444 0 .827-.085 1.151-.255.327-.17.578-.412.754-.725.176-.315.264-.684.264-1.108l.358.056H26.15V9.932h3.541v1.048c0 .747-.159 1.394-.477 1.939A3.26 3.26 0 0 1 27.9 14.18c-.556.293-1.195.44-1.917.44-.804 0-1.51-.181-2.118-.542a3.744 3.744 0 0 1-1.419-1.547c-.338-.67-.507-1.466-.507-2.386 0-.705.1-1.334.298-1.888a4.084 4.084 0 0 1 .844-1.41 3.59 3.59 0 0 1 1.27-.887 4.043 4.043 0 0 1 1.585-.307c.483 0 .933.071 1.35.213.418.14.79.339 1.113.597a3.246 3.246 0 0 1 1.219 2.097h-1.61Zm8.774-2.787h1.58v5.701c0 .625-.147 1.175-.443 1.65a2.995 2.995 0 0 1-1.236 1.112c-.53.264-1.151.396-1.862.396-.713 0-1.335-.132-1.866-.396a2.995 2.995 0 0 1-1.236-1.112c-.293-.475-.439-1.025-.439-1.65V5.773h1.581v5.57c0 .363.08.687.239.97.162.285.389.508.682.67.292.159.639.239 1.04.239.4 0 .746-.08 1.039-.239a1.7 1.7 0 0 0 .682-.67c.159-.283.239-.607.239-.97v-5.57Zm8.102 2.399a1.163 1.163 0 0 0-.503-.87c-.293-.207-.673-.31-1.142-.31-.33 0-.612.05-.848.149-.236.1-.416.234-.541.404a.984.984 0 0 0-.192.584c0 .182.041.34.124.473.085.134.2.247.345.341.145.091.305.168.481.23.176.063.354.115.533.158l.818.205c.33.076.646.18.95.31.307.131.581.296.823.495.244.199.437.439.58.72.141.281.212.61.212.989 0 .511-.13.961-.392 1.35-.261.387-.639.69-1.133.908-.492.216-1.087.324-1.786.324-.679 0-1.268-.105-1.768-.315a2.635 2.635 0 0 1-1.168-.92c-.278-.404-.429-.896-.452-1.475h1.556c.023.304.116.557.281.758.165.202.38.353.644.452.267.1.565.15.895.15.343 0 .644-.052.903-.154.261-.105.466-.25.614-.435a1.05 1.05 0 0 0 .225-.656.834.834 0 0 0-.2-.563 1.468 1.468 0 0 0-.55-.375 5.299 5.299 0 0 0-.818-.272l-.993-.256c-.718-.185-1.287-.464-1.704-.84-.415-.377-.622-.879-.622-1.504 0-.514.139-.964.417-1.35a2.76 2.76 0 0 1 1.147-.9c.483-.216 1.03-.324 1.64-.324.62 0 1.162.108 1.628.324.469.213.837.51 1.104.89.267.379.404.813.413 1.305h-1.521Z",fill:"#fff"}),/*#__PURE__*/_react.default.createElement("path",{d:"M4 .5h44v-1H4v1ZM51.5 4v12h1V4h-1ZM48 19.5H4v1h44v-1ZM.5 16V4h-1v12h1ZM4 19.5A3.5 3.5 0 0 1 .5 16h-1A4.5 4.5 0 0 0 4 20.5v-1ZM51.5 16a3.5 3.5 0 0 1-3.5 3.5v1a4.5 4.5 0 0 0 4.5-4.5h-1ZM48 .5A3.5 3.5 0 0 1 51.5 4h1A4.5 4.5 0 0 0 48-.5v1ZM4-.5A4.5 4.5 0 0 0-.5 4h1A3.5 3.5 0 0 1 4 .5v-1Z",fill:"#1A283D",fillOpacity:".16"}));};const Discover=_ref46=>{let{width=60,height=10,id}=_ref46;return/*#__PURE__*/_react.default.createElement("svg",{width:width,height:height,viewBox:"0 0 60 10",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":id},/*#__PURE__*/_react.default.createElement("path",{d:"M3.379.273H.699V9.66h2.68c1.416 0 2.44-.341 3.345-1.075a4.694 4.694 0 0 0 1.706-3.6C8.413 2.201 6.348.273 3.38.273Zm2.15 7.065c-.58.512-1.314.751-2.508.751h-.495V1.878h.495c1.177 0 1.894.204 2.508.75.631.564 1.007 1.434 1.007 2.338 0 .905-.376 1.81-1.007 2.372ZM11.092.273H9.268V9.66h1.825V.273ZM15.563 3.874c-1.092-.41-1.417-.682-1.417-1.177 0-.598.58-1.041 1.366-1.041.546 0 1.006.222 1.467.768l.956-1.246A4.127 4.127 0 0 0 15.17.137c-1.655 0-2.935 1.16-2.935 2.696 0 1.297.597 1.963 2.304 2.577.717.256 1.075.427 1.263.529.358.239.546.58.546.973 0 .768-.597 1.33-1.417 1.33-.87 0-1.57-.443-1.996-1.245L11.757 8.14c.837 1.246 1.86 1.792 3.243 1.792 1.894 0 3.242-1.263 3.242-3.089.034-1.518-.597-2.2-2.68-2.969ZM18.84 4.983c0 2.765 2.167 4.898 4.948 4.898.785 0 1.468-.154 2.287-.546v-2.15c-.734.733-1.382 1.024-2.201 1.024-1.843 0-3.157-1.332-3.157-3.243 0-1.809 1.348-3.225 3.071-3.225.87 0 1.536.307 2.287 1.058V.649c-.802-.41-1.468-.58-2.253-.58-2.747 0-4.983 2.184-4.983 4.914ZM40.614 6.587 38.106.273h-1.997l3.976 9.625h.99L45.119.273h-1.98l-2.525 6.314ZM45.956 9.66h5.187V8.071h-3.361V5.546h3.242V3.96h-3.242V1.878h3.361V.273h-5.187V9.66ZM58.396 3.054c0-1.757-1.212-2.764-3.328-2.764h-2.713v9.386h1.826V5.904h.239l2.525 3.772h2.253l-2.952-3.96c1.382-.29 2.15-1.228 2.15-2.662ZM54.71 4.607h-.53v-2.85h.564c1.143 0 1.758.478 1.758 1.4 0 .938-.615 1.45-1.792 1.45Z",fill:"#231F20"}),/*#__PURE__*/_react.default.createElement("path",{d:"M31.689 10a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z",fill:"url(#grad)"}),/*#__PURE__*/_react.default.createElement("path",{d:"M59.557.632c0-.17-.12-.256-.307-.256h-.273v.82h.205V.87l.239.324h.239l-.273-.341c.102-.017.17-.103.17-.222Zm-.341.12h-.034V.53h.034c.102 0 .154.034.154.102 0 .085-.052.12-.154.12Z",fill:"#231F20"}),/*#__PURE__*/_react.default.createElement("path",{d:"M59.284.069a.721.721 0 0 0-.717.716c0 .393.324.717.717.717A.721.721 0 0 0 60 .785a.721.721 0 0 0-.716-.716Zm0 1.314a.59.59 0 0 1-.58-.598.59.59 0 0 1 .58-.597c.307 0 .563.273.563.597 0 .325-.256.598-.563.598Z",fill:"#231F20"}),/*#__PURE__*/_react.default.createElement("defs",null,/*#__PURE__*/_react.default.createElement("linearGradient",{id:"grad",x1:"33.699",y1:"8.928",x2:"28.647",y2:"-.945",gradientUnits:"userSpaceOnUse"},/*#__PURE__*/_react.default.createElement("stop",{stopColor:"#F58720"}),/*#__PURE__*/_react.default.createElement("stop",{offset:".359",stopColor:"#E16F27"}),/*#__PURE__*/_react.default.createElement("stop",{offset:".703",stopColor:"#D4602C"}),/*#__PURE__*/_react.default.createElement("stop",{offset:".982",stopColor:"#D05B2E"}))));};const Master$1=_ref47=>{let{width=33,height=20,id}=_ref47;return/*#__PURE__*/_react.default.createElement("svg",{width:width,height:height,viewBox:"0 0 33 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":id},/*#__PURE__*/_react.default.createElement("path",{d:"M21.324 2.139H12.67v15.724h8.655V2.139Z",fill:"#FF5F00"}),/*#__PURE__*/_react.default.createElement("path",{d:"M13.217 10c-.002-1.514.338-3.01.992-4.371a9.963 9.963 0 0 1 2.786-3.491A9.797 9.797 0 0 0 6.559 1.006a9.93 9.93 0 0 0-4.061 3.689A10.081 10.081 0 0 0 .99 10c0 1.876.522 3.715 1.507 5.305a9.93 9.93 0 0 0 4.061 3.69 9.798 9.798 0 0 0 10.436-1.133 9.963 9.963 0 0 1-2.786-3.49A10.072 10.072 0 0 1 13.217 10Z",fill:"#EB001B"}),/*#__PURE__*/_react.default.createElement("path",{d:"M33 10a10.08 10.08 0 0 1-1.507 5.305 9.93 9.93 0 0 1-4.061 3.69 9.797 9.797 0 0 1-10.435-1.133 9.981 9.981 0 0 0 2.783-3.492 10.093 10.093 0 0 0 0-8.74 9.981 9.981 0 0 0-2.783-3.492 9.797 9.797 0 0 1 10.435-1.132 9.93 9.93 0 0 1 4.061 3.689A10.08 10.08 0 0 1 33 10ZM32.052 16.199v-.322h.128v-.066h-.327v.066h.128v.322h.07Zm.634 0v-.389h-.1l-.115.268-.115-.268h-.1v.389h.07v-.293l.108.252h.074l.108-.253v.294h.07Z",fill:"#F79E1B"}));};const Visa$1=_ref48=>{let{width=54,height=18,id}=_ref48;return/*#__PURE__*/_react.default.createElement("svg",{width:width,height:height,viewBox:"0 0 54 18",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":id},/*#__PURE__*/_react.default.createElement("path",{d:"M23.816 17.255H19.5L22.2.798h4.315l-2.7 16.457ZM39.458 1.2c-.851-.332-2.201-.7-3.87-.7-4.262 0-7.262 2.24-7.28 5.444-.036 2.364 2.148 3.677 3.781 4.465 1.67.805 2.237 1.33 2.237 2.049-.017 1.102-1.349 1.61-2.591 1.61-1.723 0-2.646-.262-4.049-.875l-.568-.263-.604 3.694c1.012.455 2.877.858 4.813.876 4.527 0 7.475-2.206 7.51-5.62.017-1.873-1.136-3.309-3.622-4.482-1.51-.753-2.434-1.26-2.434-2.03.018-.701.782-1.419 2.486-1.419a7.42 7.42 0 0 1 3.214.63l.39.175.587-3.553ZM45.193 11.425c.355-.946 1.722-4.605 1.722-4.605-.018.035.355-.963.568-1.575l.302 1.418s.817 3.939.994 4.762h-3.586ZM50.519.798H47.18c-1.029 0-1.811.298-2.255 1.366l-6.41 15.09h4.528l.906-2.468h5.54c.124.578.515 2.468.515 2.468H54L50.519.798ZM15.896.798 11.671 12.02l-.462-2.276c-.781-2.626-3.232-5.48-5.966-6.898l3.87 14.391h4.564L20.459.798h-4.563Z",fill:"#00579F"}),/*#__PURE__*/_react.default.createElement("path",{d:"M7.747.798H.804l-.07.333c5.415 1.365 9.001 4.657 10.475 8.614l-1.51-7.563C9.452 1.13 8.689.832 7.748.798Z",fill:"#FAA61A"}));};const LOGOS={american_express:AmericanExpress,bogus:Bogus,discover:Discover,master:Master$1,visa:Visa$1,diners_club:undefined,jcb:undefined,switch:undefined,solo:undefined,dankort:undefined,maestro:undefined,forbrugsforeningen:undefined,laser:undefined};const Logo=_ref49=>{let{type,width,height}=_ref49;const Logo=LOGOS[type];if(Logo)return/*#__PURE__*/_react.default.createElement(Logo,{width:width,height:height,id:type});return null;};const useOnClickOutside=function(containerRefs,onClickOutside){let eventTarget=arguments.length>2&&arguments[2]!==undefined?arguments[2]:document;const outsideClick=(0,_react.useCallback)(e=>{const path=e.composedPath&&e.composedPath();const isOutsideEvent=containerRefs.filter(container=>!!container).every(_ref50=>{let{current}=_ref50;return current&&!path?.includes(current);});if(isOutsideEvent)onClickOutside();},[containerRefs,onClickOutside]);(0,_react.useEffect)(()=>{eventTarget?.addEventListener('click',outsideClick);return()=>eventTarget?.removeEventListener('click',outsideClick);},[containerRefs,eventTarget]);};const useKeypress=_ref51=>{let{addEventListenerCondition,eventListenerDependencies,handledKeys,keyboardAction}=_ref51;const keyboardHandler=e=>{const keyCode=e.key;if(handledKeys.includes(keyCode))keyboardAction(e);};(0,_react.useEffect)(()=>{if(addEventListenerCondition){document.addEventListener('keydown',keyboardHandler);}return()=>{document.removeEventListener('keydown',keyboardHandler);};},[eventListenerDependencies]);};const DeviceContext=/*#__PURE__*/(0,_react.createContext)({device:'mobile'});const useDeviceInfo=()=>{const deviceInfo=(0,_react.useContext)(DeviceContext);return deviceInfo;};const DeviceProvider=_ref52=>{let{children,tabletMinWidth,desktopMinWidth}=_ref52;const getDeviceType=(0,_react.useCallback)(_ref53=>{let{isTablet,isDesktop}=_ref53;let device='mobile';if(isTablet)device='tablet';if(isDesktop)device='desktop';return device;},[]);const isTablet=(0,_reactResponsive.useMediaQuery)({query:`(min-width: ${tabletMinWidth}) and (max-width: ${desktopMinWidth})`});const isDesktop=(0,_reactResponsive.useMediaQuery)({query:`(min-width: ${desktopMinWidth})`})&&!isTablet;return/*#__PURE__*/_react.default.createElement(DeviceContext.Provider,{value:{device:getDeviceType({isTablet,isDesktop})}},children);};const useModalVariant=()=>{const{device}=useDeviceInfo();return device==='mobile'?'layer':'window';};const boxShadow=(0,_styledSystem.system)({boxShadow:{property:'boxShadow',scale:'colors',transform:(value,scale)=>{const color=(0,_polished.transparentize)(0.85,scale['black']['dark']);if(value==='top'){return`inset 0 6px 4px -4px ${color}`;}if(value==='top-bottom'){return`inset 0 6px 4px -4px ${color}, inset 0 -6px 4px -4px ${color}`;}if(value==='bottom'){return`inset 0 -6px 4px -4px ${color}`;}return'none';}}});const BoxShadow$1=_styledComponents.default.div.withConfig({displayName:"maxio__BoxShadow1",componentId:"maxio-components__sc-lo74t2-34"})(["&&&{position:absolute;width:100%;z-index:1;pointer-events:none;",";",";",";}"],boxShadow,_styledSystem.layout,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','borderVariant')));const SelectOptions=_styledComponents.default.div.withConfig({displayName:"maxio__SelectOptions",componentId:"maxio-components__sc-lo74t2-35"})(["&&&{position:absolute;width:100%;box-sizing:border-box;overflow-y:auto;border:1px solid currentColor;z-index:1;",";",";",";}"],_styledSystem.layout,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','selectVariant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','borderVariant')));const getBoxShadow=(inViewTop,inViewBottom)=>{if(!inViewTop&&!inViewBottom)return'top-bottom';if(!inViewTop)return'top';if(!inViewBottom)return'bottom';return'none';};const isEllipsisActive=ref=>{return ref.current&&ref.current.offsetWidth<ref.current.scrollWidth;};const SelectOption=_styledComponents.default.div.withConfig({displayName:"maxio__SelectOption",componentId:"maxio-components__sc-lo74t2-36"})(["&&&{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",";",";transition:background-color 250ms ease-in-out;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','selectSize')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','optionVariant')),_styledSystem.color,props=>props.divider&&(0,_styledComponents.css)({borderBottom:`1px solid ${theme.colors.gray.extraLight}`}));const Option=_ref54=>{let{isSelected,onSelect,option,selectSize,activeItemRef}=_ref54;const ref=(0,_react.useRef)();const optionRef=isSelected?activeItemRef:ref;return/*#__PURE__*/_react.default.createElement(SelectOption,{key:option.label,role:"option","aria-selected":isSelected,optionVariant:isSelected?'selected':'primary',onClick:e=>onSelect(e,option),selectSize:selectSize,color:option.color,divider:option.divider,ref:optionRef,title:isEllipsisActive(optionRef)?option.label:null},option.label);};const Options=_ref55=>{let{selectionIndex,options,selectSize='medium',onSelect,borderVariant='primary',selectVariant='primary',maxHeight=120,maxWidth,alignment}=_ref55;const[inViewRefTop,inViewTop]=(0,_reactIntersectionObserver.useInView)({initialInView:true});const[inViewRefBottom,inViewBottom]=(0,_reactIntersectionObserver.useInView)({initialInView:true});const optionsRef=(0,_react.useRef)();const[optionsHeight,setOptionsHeight]=(0,_react.useState)(null);const debounceRef=(0,_react.useRef)(null);const activeItemRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(debounceRef.current)clearTimeout(debounceRef.current);debounceRef.current=setTimeout(()=>{if(activeItemRef.current){activeItemRef.current.scrollIntoView({behavior:'auto',block:'nearest',inline:'nearest'});}},0);setOptionsHeight(optionsRef.current.offsetHeight);},[activeItemRef.current,options]);return/*#__PURE__*/_react.default.createElement("div",{style:{width:maxWidth||'100%',height:optionsHeight&&optionsHeight<maxHeight?optionsHeight:maxHeight,position:'absolute',marginTop:1,marginBottom:2,...(alignment==='left'?{left:0,right:'auto'}:{left:'auto',right:0})}},/*#__PURE__*/_react.default.createElement(SelectOptions,{role:"listbox",maxHeight:maxHeight,selectVariant:selectVariant,borderVariant:borderVariant,"data-testid":"select-options",ref:optionsRef},/*#__PURE__*/_react.default.createElement("div",{ref:inViewRefTop}),options.map((option,index)=>{const isSelected=selectionIndex===index;return/*#__PURE__*/_react.default.createElement(Option,{option:option,key:option.label+'_'+index,isSelected:isSelected,selectSize:selectSize,activeItemRef:activeItemRef,onSelect:onSelect});}),/*#__PURE__*/_react.default.createElement("div",{ref:inViewRefBottom})),/*#__PURE__*/_react.default.createElement(BoxShadow$1,{boxShadow:getBoxShadow(inViewTop,inViewBottom),height:maxHeight,borderVariant:borderVariant}));};const arrowMotion={expanded:{rotate:-180},notExpanded:{rotate:0}};const iconSize=12;const StyledSelect=_styledComponents.default.input.withConfig({displayName:"maxio__StyledSelect",componentId:"maxio-components__sc-lo74t2-37"})(["&&&{width:100%;box-sizing:border-box;border:1px solid currentColor;outline:none;transition:border-color 250ms ease-in-out,box-shadow 250ms ease-in-out,background-color 250ms ease-in-out;will-change:border-color,box-shadow,background-color;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;",";",";",";",";",";padding-right:","px;}&&&:read-only{cursor:pointer;}"],fontSmoothing,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','selectSize')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','selectVariant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','borderVariant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','status')),_ref56=>{let{theme,selectSize}=_ref56;return theme.space[theme.components.Select.componentVariants.selectSize.variants[selectSize].paddingRight]+iconSize;});const SelectWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__SelectWrapper1",componentId:"maxio-components__sc-lo74t2-38"})(["&&&{position:relative;}"]);const FocusHandler=_styledComponents.default.div.withConfig({displayName:"maxio__FocusHandler",componentId:"maxio-components__sc-lo74t2-39"})(["&&&{width:0;height:0;}"]);const IconWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__IconWrapper1",componentId:"maxio-components__sc-lo74t2-40"})(["&&&{position:absolute;top:50%;cursor:pointer;",";transform:translateY(-50%);}"],_ref57=>{let{theme}=_ref57;return(0,_styledComponents.css)(["right:","px;"],theme.sizes[2]);});const DropdownIcon=_ref58=>{let{isExpanded,size,onClick,iconColor}=_ref58;return/*#__PURE__*/_react.default.createElement(IconWrapper$1,{onClick:onClick,"data-testid":"select-icon"},/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{initial:false,animate:isExpanded?arrowMotion.expanded:arrowMotion.notExpanded},/*#__PURE__*/_react.default.createElement(Icon,{fill:iconColor,size:size,type:"chevronDown"})));};const showOptions=()=>({type:'SHOW_OPTIONS'});const hideOptions=()=>({type:'HIDE_OPTIONS'});const setFilteredOptions=options=>({type:'SET_FILTERED_OPTIONS',payload:{options}});const setSearchPhrase=searchPhrase=>({type:'SET_SEARCH_PHRASE',payload:{searchPhrase}});const setPlaceholder=placeholder=>({type:'SET_PLACEHOLDER',payload:{placeholder}});const setSelectionIndex=index=>({type:'SET_SELECTION_INDEX',payload:{index}});const toggleSelectionMode=inSelectionMode=>({type:'SET_SELECTION_MODE',payload:{inSelectionMode}});const selectActions={showOptions,hideOptions,setPlaceholder,setSearchPhrase,setFilteredOptions,setSelectionIndex,toggleSelectionMode};const initialState={optionsVisible:false,searchPhrase:'',placeholderContent:'',filteredOptions:[],inSelectionMode:false,selectionIndex:0};const selectReducer=(state,action)=>{switch(action.type){case'SET_SELECTION_MODE':return{...state,inSelectionMode:action.payload.inSelectionMode};case'SET_SELECTION_INDEX':return{...state,selectionIndex:action.payload.index};case'SET_SEARCH_PHRASE':return{...state,searchPhrase:action.payload.searchPhrase};case'SET_PLACEHOLDER':return{...state,placeholderContent:action.payload.placeholder};case'SET_FILTERED_OPTIONS':return{...state,filteredOptions:action.payload.options};case'SHOW_OPTIONS':return{...state,optionsVisible:true};case'HIDE_OPTIONS':return{...state,optionsVisible:false,filteredOptions:[]};default:return state;}};const getStatus=(disabled,hasError)=>{if(disabled)return'disabled';if(hasError)return'error';return'active';};const Select=_ref59=>{let{options,onSelect,filterable,placeholder,variant='primary',selectSize='medium',borderVariant='primary',disabled,hasError,selectedValue,searchLabel='Type to search',selectOptionLabel='Select value',name,id,onBlur,portalContainer,dropdownVariant='primary',dropdownAlignment='right',targetElementRef}=_ref59;const[{optionsVisible,filteredOptions,searchPhrase,placeholderContent,selectionIndex,inSelectionMode},dispatch]=(0,_react.useReducer)(selectReducer,{...initialState,placeholderContent:placeholder||selectOptionLabel});const selectAutoCompleteId=`select-${(0,_react.useId)()}`;const theme=(0,_styledComponents.useTheme)();const dropDownIconColor=(0,_react.useMemo)(()=>{const{components:{Select:{componentVariants:{dropdownVariant:component}}}}=theme;return component.variants[dropdownVariant].color;},[theme,dropdownVariant]);const containerRef=(0,_react.useRef)(null);const inputRef=(0,_react.useRef)(null);const portalElement=portalContainer?.current;const matchedIndex=selectedValue?options.findIndex(_ref60=>{let{value}=_ref60;return value===selectedValue;}):-1;const selectedItem=matchedIndex>-1?options[matchedIndex]:{label:selectedValue.toString()||'',value:selectedValue||''};const onFilterOptions=e=>{const value=e.target.value;const filtered=options.filter(option=>option.label.toString().toLowerCase().startsWith(value.toLowerCase()));dispatch(selectActions.setSelectionIndex(null));dispatch(selectActions.setFilteredOptions(filtered));dispatch(selectActions.setSearchPhrase(value));};const onInputFocus=()=>{if(filterable){dispatch(selectActions.setPlaceholder(searchLabel));}if(!optionsVisible){dispatch(selectActions.toggleSelectionMode(true));dispatch(selectActions.showOptions());}};const onInputBlur=item=>{dispatch(selectActions.setSearchPhrase(''));dispatch(selectActions.hideOptions());dispatch(selectActions.toggleSelectionMode(false));dispatch(selectActions.setSelectionIndex(null));if(onBlur)onBlur(item);};const onValueSelect=item=>{dispatch(selectActions.hideOptions());onSelect(item);onInputBlur(item);};useOnClickOutside([containerRef,portalContainer],()=>{if(optionsVisible){dispatch(selectActions.hideOptions());}},targetElementRef?.current);const selectOptions=searchPhrase?filteredOptions:options;const keyboardHandler=(0,_react.useCallback)(e=>{switch(e.key){case KEYBOARD_KEYS.ENTER:if(typeof selectionIndex==='number'){const item=selectOptions[selectionIndex];dispatch(selectActions.setSelectionIndex(null));onValueSelect(item);}break;case KEYBOARD_KEYS.UP:e.preventDefault();if(selectionIndex>0){dispatch(selectActions.setSelectionIndex(selectionIndex-1));}break;case KEYBOARD_KEYS.DOWN:e.preventDefault();if(selectionIndex===null){dispatch(selectActions.setSelectionIndex(0));}else if(selectionIndex<selectOptions.length-1){dispatch(selectActions.setSelectionIndex(selectionIndex+1));}break;case KEYBOARD_KEYS.ESCAPE:case KEYBOARD_KEYS.TAB:onInputBlur(selectedItem);break;}},[selectionIndex,selectedItem,selectOptions]);useKeypress({keyboardAction:keyboardHandler,handledKeys:[KEYBOARD_KEYS.ENTER,KEYBOARD_KEYS.ESCAPE,KEYBOARD_KEYS.UP,KEYBOARD_KEYS.DOWN,KEYBOARD_KEYS.TAB],addEventListenerCondition:optionsVisible,eventListenerDependencies:[optionsVisible]});(0,_react.useEffect)(()=>{if(optionsVisible&&matchedIndex!==null&&matchedIndex>-1){dispatch(selectActions.setSelectionIndex(matchedIndex));}},[optionsVisible]);(0,_react.useEffect)(()=>{const scrollHandler=()=>{if(optionsVisible)onInputBlur(selectedItem);};if(optionsVisible&&containerRef.current?.offsetParent){containerRef.current.offsetParent.addEventListener('scroll',scrollHandler);}return()=>{if(containerRef.current?.offsetParent)containerRef.current.offsetParent.removeEventListener('scroll',scrollHandler);};},[optionsVisible,selectedItem]);const getSelectValue=()=>{if(!inSelectionMode||!filterable)return selectedItem.label;return searchPhrase;};const renderOptions=()=>(/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:selectOptions,selectionIndex:selectionIndex,onSelect:(e,item)=>{e.stopPropagation();onValueSelect(item);},selectVariant:variant,selectSize:selectSize,borderVariant:borderVariant}));const calculateDropdownPosition=(0,_react.useCallback)(()=>{const{height,width,left,top}=containerRef.current.getBoundingClientRect();return{left:left+window.scrollX,top:top+height+window.scrollY,width};},[portalContainer]);return/*#__PURE__*/_react.default.createElement(SelectWrapper$1,{ref:containerRef},/*#__PURE__*/_react.default.createElement(StyledSelect,{type:"text",ref:inputRef,autoComplete:selectAutoCompleteId,name:name,id:id,readOnly:!filterable,value:getSelectValue(),onChange:onFilterOptions,onClick:onInputFocus,status:getStatus(disabled,hasError),placeholder:placeholderContent,selectSize:selectSize,selectVariant:variant,borderVariant:borderVariant,"data-testid":"select",tabIndex:-1}),/*#__PURE__*/_react.default.createElement(FocusHandler,{tabIndex:0,onFocus:onInputFocus}),/*#__PURE__*/_react.default.createElement(DropdownIcon,{isExpanded:optionsVisible,onClick:()=>{if(!optionsVisible)onInputFocus();},size:iconSize,iconColor:dropDownIconColor}),optionsVisible&&selectOptions.length>0?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,portalElement?(/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',...calculateDropdownPosition()}},renderOptions()),portalElement)):(/*#__PURE__*/_react.default.createElement(_reactFit.default,null,renderOptions())))):null);};const RadioInput=_styledComponents.default.input.withConfig({displayName:"maxio__RadioInput",componentId:"maxio-components__sc-lo74t2-41"})(["&&&{appearance:none;display:flex;align-items:center;justify-content:center;margin:0;border-radius:50%;",";}&&&:before{content:'';border-radius:50%;}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'RadioButton','variant')));const RadioLabel=_styledComponents.default.label.withConfig({displayName:"maxio__RadioLabel",componentId:"maxio-components__sc-lo74t2-42"})(["&&&{display:inline-flex;align-items:center;",";",";}"],fontSmoothing,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'RadioButton','labelVariant')));const RadioButton=_ref61=>{let{label,value,onValueChange,isSelected,isDisabled,...rest}=_ref61;const state=`${isSelected?'selected':'unselected'}`;const status=`${isDisabled?'disabled':'active'}`;const variant=`${state}-${status}`;const handleChange=()=>{!isDisabled&&onValueChange(value);};const handleKeyDown=event=>{if(event.code===KEYBOARD_KEYS.SPACE){handleChange();}};return/*#__PURE__*/_react.default.createElement(RadioLabel,{htmlFor:`${value}`,labelVariant:status,onKeyDown:handleKeyDown,tabIndex:0,"data-testid":"radio-label"},/*#__PURE__*/_react.default.createElement(RadioInput,{type:"radio",tabIndex:-1,value:value,onChange:handleChange,checked:isSelected,variant:variant,id:`${value}`,...rest}),label);};const DropdownWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__DropdownWrapper",componentId:"maxio-components__sc-lo74t2-43"})(["&&&{position:relative;}"]);const Dropdown=_ref62=>{let{children,isOpen,onOptionSelect,options,onClose,maxWidth,maxHeight,alignment='left',portalContainer}=_ref62;const dropdownRef=(0,_react.useRef)(null);const portalElement=portalContainer?.current;useOnClickOutside([dropdownRef],()=>{if(isOpen)onClose();});const calculatePosition=(0,_react.useCallback)(()=>{const{height,width,left,top}=dropdownRef.current.getBoundingClientRect();const{left:portalLeft,top:portalTop}=portalContainer.current.getBoundingClientRect();return{left:left-portalLeft,top:top+height-portalTop,width};},[portalContainer]);const renderOptions=()=>(/*#__PURE__*/_react.default.createElement(Options,{options:options,onSelect:(_e,value)=>onOptionSelect(value),maxWidth:maxWidth,maxHeight:maxHeight,alignment:alignment}));return/*#__PURE__*/_react.default.createElement(DropdownWrapper,{ref:dropdownRef},children,isOpen&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,portalElement?(/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',...calculatePosition()}},renderOptions()),portalElement)):(/*#__PURE__*/_react.default.createElement(_reactFit.default,null,renderOptions())))));};const spinTransition={repeat:Infinity,ease:'linear',duration:1};const Loader=_ref63=>{let{size=24,fill='gray.main'}=_ref63;return/*#__PURE__*/_react.default.createElement(_framerMotion.motion.span,{style:{display:'inline-flex',transformOrigin:'50% 50%'},animate:{rotate:360},transition:spinTransition},/*#__PURE__*/_react.default.createElement(Icon,{fill:fill,size:size,type:"spinner"}));};const StyledTextArea=_styledComponents.default.textarea.withConfig({displayName:"maxio__StyledTextArea",componentId:"maxio-components__sc-lo74t2-44"})(["&&&{border:1px solid currentColor;outline:none;width:100%;box-sizing:border-box;resize:vertical;",";",";transition:border-color 250ms ease-in-out,box-shadow 250ms ease-in-out,background-color 250ms ease-in-out;will-change:border-color,box-shadow,background-color;",";",";",";",";}"],fontSmoothing,_ref64=>{let{fullWidth}=_ref64;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','variant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','status')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'TextArea')));const TextArea=_ref65=>{let{size='medium',status,fullWidth=true,variant='primary',...rest}=_ref65;return/*#__PURE__*/_react.default.createElement(StyledTextArea,{size:size,fullWidth:fullWidth,status:status,variant:variant,...rest});};const Header$2=_styledComponents.default.div.withConfig({displayName:"maxio__Header2",componentId:"maxio-components__sc-lo74t2-45"})(["&&&{",";display:inline-flex;align-items:center;cursor:pointer;",";",";}"],_ref66=>{let{theme}=_ref66;return(0,_styledComponents.css)(["gap:","px;"],theme.space[3]);},_styledSystem.padding,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Accordion','variant')));const IconWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__IconWrapper",componentId:"maxio-components__sc-lo74t2-46"})(["&&&{will-change:transform;transform:",";transition:150ms transform ease-in-out;}"],props=>props.isExpanded?'rotate(0deg)':'rotate(-90deg)');Header$2.defaultProps={variant:'regular'};const accordionMotion={initial:{height:0},animate:{height:'auto'},exit:{height:0},transition:{type:'tween'}};const Accordion=_ref67=>{let{children,header,onClick,variant='regular',isExpanded=true}=_ref67;const isRegular=variant==='regular';return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Header$2,{"data-testid":"accordion-header",onClick:()=>onClick(!isExpanded),paddingBottom:isRegular?5:2},/*#__PURE__*/_react.default.createElement(Heading,{variant:isRegular?'h4':'h5',color:"inherit"},header),/*#__PURE__*/_react.default.createElement(IconWrapper,{isExpanded:isExpanded},/*#__PURE__*/_react.default.createElement(Icon,{size:isRegular?16:12,fill:"inherit",type:"chevronDown"}))),/*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence,null,isExpanded&&(/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{...accordionMotion,style:{overflowY:'clip'}},children))));};const Container$i=_styledComponents.default.div.withConfig({displayName:"maxio__Containeri",componentId:"maxio-components__sc-lo74t2-47"})(["&&&{box-sizing:border-box;",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Alert','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Alert','color')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Alert')));const TextMessage=_ref68=>{let{children,...rest}=_ref68;return/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit",...rest},children);};const TitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TitleWrapper",componentId:"maxio-components__sc-lo74t2-48"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.grid);const Title$1=_ref69=>{let{text,icon}=_ref69;return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(TitleWrapper,{gridGap:2},icon&&/*#__PURE__*/_react.default.createElement(Icon,{type:icon,fill:"currentColor",size:16}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit",fontWeight:700},text)));};const Alert=_ref70=>{let{title,color='primary',size='regular',buttonLabel,icon,onClick,children}=_ref70;return/*#__PURE__*/_react.default.createElement(Container$i,{size:size,color:color,role:"alert"},title&&/*#__PURE__*/_react.default.createElement(Title$1,{text:title,icon:icon}),children,buttonLabel&&onClick&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:4},/*#__PURE__*/_react.default.createElement(Button$1,{label:buttonLabel,onClick:onClick,color:"secondary"}))));};Alert.TextMessage=TextMessage;Alert.Title=Title$1;const Content$e=_styledComponents.default.div.withConfig({displayName:"maxio__Contente",componentId:"maxio-components__sc-lo74t2-49"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','bodyVariant')));const Wrapper$g=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperg",componentId:"maxio-components__sc-lo74t2-50"})(["&&&{overflow:auto;position:relative;}"]);const BoxShadow=_styledComponents.default.div.withConfig({displayName:"maxio__BoxShadow",componentId:"maxio-components__sc-lo74t2-51"})(["&&&{position:sticky;z-index:1;left:0;width:100%;height:6px;",";",";",";}"],boxShadow,_ref71=>{let{boxShadow}=_ref71;return boxShadow==='top'&&(0,_styledComponents.css)(["top:0;"]);},_ref72=>{let{boxShadow}=_ref72;return boxShadow==='bottom'&&(0,_styledComponents.css)(["bottom:0;"]);});const Body=_ref73=>{let{children,bodyVariant='regular'}=_ref73;const[inViewRefTop,inViewTop]=(0,_reactIntersectionObserver.useInView)({initialInView:true});const[inViewRefBottom,inViewBottom]=(0,_reactIntersectionObserver.useInView)({initialInView:true});return/*#__PURE__*/_react.default.createElement(Wrapper$g,null,/*#__PURE__*/_react.default.createElement("div",{ref:inViewRefTop}),!inViewTop&&/*#__PURE__*/_react.default.createElement(BoxShadow,{boxShadow:"top"}),/*#__PURE__*/_react.default.createElement(Content$e,{bodyVariant:bodyVariant},children),!inViewBottom&&/*#__PURE__*/_react.default.createElement(BoxShadow,{boxShadow:"bottom"}),/*#__PURE__*/_react.default.createElement("div",{ref:inViewRefBottom}));};const Container$h=_styledComponents.default.div.withConfig({displayName:"maxio__Containerh",componentId:"maxio-components__sc-lo74t2-52"})(["&&&{display:flex;flex-direction:column;width:100%;",";",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','variant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','color')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','border')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Card')));const Header$1=_styledComponents.default.div.withConfig({displayName:"maxio__Header1",componentId:"maxio-components__sc-lo74t2-53"})(["&&&{flex-shrink:0;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','headerVariant')),_ref74=>{let{enableBorder}=_ref74;return!enableBorder&&(0,_styledComponents.css)(["border-bottom-width:0;"]);});Header$1.defaultProps={headerVariant:'regular',enableBorder:true};const Footer=_styledComponents.default.div.withConfig({displayName:"maxio__Footer",componentId:"maxio-components__sc-lo74t2-54"})(["&&&{flex-shrink:0;margin-top:auto;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','footerVariant')));Footer.defaultProps={footerVariant:'regular'};const Card$2=/*#__PURE__*/(0,_react.forwardRef)((_ref75,ref)=>{let{variant='regular',color='white',border='rounded',children}=_ref75;return/*#__PURE__*/_react.default.createElement(Container$h,{variant:variant,color:color,border:border,ref:ref},children);});Card$2.displayName='Card';var Card$3=Object.assign(Card$2,{Header:Header$1,Body,Footer});const getMessage=_ref76=>{let{hint,error,hasError}=_ref76;let message;let messageType='normal';if(hint){message=hint;}if(hasError&&error){message=error;messageType='error';}return{messageType,message};};const StyledLabel=_styledComponents.default.label.withConfig({displayName:"maxio__StyledLabel",componentId:"maxio-components__sc-lo74t2-55"})(["&&&{cursor:pointer;",";",";",";",";",";}"],_ref77=>{let{flexLabel}=_ref77;return flexLabel&&(0,_styledComponents.css)(["display:inline-flex;align-items:center;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','color')),_ref78=>{let{disabled}=_ref78;return disabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);},(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'InputLabel')));const Marker=_styledComponents.default.span.withConfig({displayName:"maxio__Marker",componentId:"maxio-components__sc-lo74t2-56"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','color')));const TextEllipsis=_styledComponents.default.span.withConfig({displayName:"maxio__TextEllipsis",componentId:"maxio-components__sc-lo74t2-57"})(["&&&{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;}"]);const InputLabel=_ref79=>{let{label,size='medium',disabled=false,required=false,htmlFor,tooltip,textEllipsis=false,flexLabel=false}=_ref79;return/*#__PURE__*/_react.default.createElement(StyledLabel,{flexLabel:flexLabel,size:size,disabled:disabled,htmlFor:htmlFor,color:disabled?'gray':'primary'},textEllipsis?/*#__PURE__*/_react.default.createElement(TextEllipsis,{title:label},label):label,' ',tooltip?.renderContent?(/*#__PURE__*/_react.default.createElement(Tooltip$1,{...tooltip},/*#__PURE__*/_react.default.createElement(Icon,{type:'questionCircle',fill:'currentColor',size:16}))):null,' ',required?/*#__PURE__*/_react.default.createElement(Marker,{color:"danger"},"*"):null);};const Container$g=_styledComponents.default.div.withConfig({displayName:"maxio__Containerg",componentId:"maxio-components__sc-lo74t2-58"})(["&&&{display:",";width:100%;",";}"],_ref80=>{let{fullWidth}=_ref80;return fullWidth?'flex':'inline-flex';},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'FormField','labelPosition')));const MessageContainer$1=_styledComponents.default.div.withConfig({displayName:"maxio__MessageContainer1",componentId:"maxio-components__sc-lo74t2-59"})(["&&&{",";}"],_ref81=>{let{theme,type}=_ref81;return(0,_styledComponents.css)(["min-height:",";margin-top:","px;"],theme.lineHeights[theme.components.InputMessage.componentVariants.type.variants[type].lineHeight],theme.space[2]);});const LabelContainer=_styledComponents.default.div.withConfig({displayName:"maxio__LabelContainer",componentId:"maxio-components__sc-lo74t2-60"})(["&&&{",";}"],_ref82=>{let{labelPosition,size,theme}=_ref82;return labelPosition==='left'&&(0,_styledComponents.css)(["padding-top:","px;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[size].paddingTop]);});const FormField=_ref83=>{let{label,labelPosition='top',name,size='medium',disabled=false,hasError=false,error,hint,fullWidth=false,required=false,disableMessage=false,tooltip,children}=_ref83;const{messageType,message}=getMessage({hint,error,hasError});return/*#__PURE__*/_react.default.createElement(Container$g,{labelPosition:labelPosition,fullWidth:fullWidth,"data-testid":name},/*#__PURE__*/_react.default.createElement(LabelContainer,{size:size,labelPosition:labelPosition},/*#__PURE__*/_react.default.createElement(InputLabel,{label:label,size:size,htmlFor:name,disabled:disabled,required:required,tooltip:tooltip})),/*#__PURE__*/_react.default.createElement("div",null,children,!disableMessage&&(/*#__PURE__*/_react.default.createElement(MessageContainer$1,{type:messageType},message&&(/*#__PURE__*/_react.default.createElement(InputMessage,{message:message,disabled:disabled,type:messageType}))))));};const Container$f=_styledComponents.default.div.withConfig({displayName:"maxio__Containerf",componentId:"maxio-components__sc-lo74t2-61"})(["&&&{display:flex;",";}"],_styledSystem.gridGap);const Navigation=_styledComponents.default.div.withConfig({displayName:"maxio__Navigation",componentId:"maxio-components__sc-lo74t2-62"})(["&&&{display:flex;align-items:center;justify-content:center;cursor:pointer;",";",";transition:color 0.2s linear;}"],_ref84=>{let{theme}=_ref84;return(0,_styledComponents.css)(["color:",";&:hover{color:",";}&:focus-visible{outline:1px solid ",";}"],theme.colors.gray.light,theme.colors.primary.dark,theme.colors.primary.main);},_ref85=>{let{isDisabled}=_ref85;return isDisabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);});const Page=_styledComponents.default.div.withConfig({displayName:"maxio__Page",componentId:"maxio-components__sc-lo74t2-63"})(["&&&{",";align-items:center;justify-content:center;border-radius:50%;cursor:pointer;",";transition:color 0.2s,background 0.2s linear;}"],_styledSystem.layout,_ref86=>{let{theme,isActive}=_ref86;return(0,_styledComponents.css)(["color:",";&:hover{background:",";}&:focus-visible{outline:1px solid ",";}","};"],theme.colors.primary.dark,theme.colors.primary.extraLight,theme.colors.primary.main,isActive&&(0,_styledComponents.css)(["color:",";background:",";&:hover{background:",";}"],theme.colors.white.main,theme.colors.primary.dark,theme.colors.primary.dark));});const OVERFLOW_PATTERN='...';const createPagination=function(_ref87){let{currentPage,totalPages}=_ref87;let pagesLimit=arguments.length>1&&arguments[1]!==undefined?arguments[1]:8;if(totalPages<pagesLimit){return new Array(totalPages).fill(true).map((_,idx)=>idx+1);}const visiblePages=pagesLimit-1;const middlePage=Math.round(visiblePages/2);const isWithinEndRange=currentPage>totalPages-middlePage;const isWithinStartRange=currentPage<=middlePage;if(isWithinEndRange){return[1,OVERFLOW_PATTERN,...new Array(visiblePages-2).fill(totalPages).map((page,idx)=>page-idx).reverse()];}if(isWithinStartRange){return[...new Array(visiblePages-2).fill(true).map((_,idx)=>idx+1),OVERFLOW_PATTERN,totalPages];}const values=new Array(visiblePages).fill(currentPage).map((_,idx)=>{if(idx+1===middlePage)return currentPage;return currentPage-middlePage+idx+1;});return[1,OVERFLOW_PATTERN,...values.slice(2,values.length-2),OVERFLOW_PATTERN,totalPages];};const Pagination=_ref88=>{let{page=1,totalPages,onChange}=_ref88;const paginationItems=(0,_react.useMemo)(()=>createPagination({currentPage:page,totalPages}),[page,totalPages]);const backDisabled=page===1;const nextDisabled=page===totalPages;const onNavigateBack=()=>onChange(page-1);const onNavigateNext=()=>onChange(page+1);return/*#__PURE__*/_react.default.createElement(Container$f,{gridGap:"4"},/*#__PURE__*/_react.default.createElement(Navigation,{isDisabled:backDisabled,tabIndex:0,"data-testid":"pagination-back",onKeyDown:e=>{if(!backDisabled&&e.key===KEYBOARD_KEYS.ENTER){onNavigateBack();}},onClick:()=>{if(!backDisabled)onNavigateBack();}},/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronLeft",size:12,fill:"inherit"})),paginationItems.map((item,idx)=>(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,{key:`page-${idx}-${item}`},typeof item==='number'?(/*#__PURE__*/_react.default.createElement(Page,{role:"button",isActive:item===page,tabIndex:0,display:"flex",minWidth:"4",height:"4",onClick:()=>{if(item!==page)onChange(item);},onKeyDown:e=>{if(item!==page&&e.key===KEYBOARD_KEYS.ENTER){onChange(item);}}},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit",fontWeight:2},item))):(/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"primary.dark",fontWeight:2},item))))),/*#__PURE__*/_react.default.createElement(Navigation,{isDisabled:nextDisabled,tabIndex:0,"data-testid":"pagination-next",onKeyDown:e=>{if(!nextDisabled&&e.key===KEYBOARD_KEYS.ENTER){onNavigateNext();}},onClick:()=>{if(!nextDisabled)onNavigateNext();}},/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronRight",size:12,fill:"inherit"})));};const StepTitle=_styledComponents.default.span.withConfig({displayName:"maxio__StepTitle",componentId:"maxio-components__sc-lo74t2-64"})(["&&&{position:absolute;transition:color 0.2s;will-change:color;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','text')));const StepWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__StepWrapper1",componentId:"maxio-components__sc-lo74t2-65"})(["&&&{flex:1;display:grid;align-items:center;justify-content:center;position:relative;grid-template-columns:1fr auto 1fr;",";}&&&:first-child{grid-template-columns:0.5fr auto 1fr;}&&&:last-child{grid-template-columns:1fr auto 0.5fr;}"],_styledSystem.grid);const StepLine=_styledComponents.default.div.withConfig({displayName:"maxio__StepLine",componentId:"maxio-components__sc-lo74t2-66"})(["&&&{transition:background-color 0.2s;will-change:background-color;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','color')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','lineSize')));const StepNumber=_styledComponents.default.div.withConfig({displayName:"maxio__StepNumber",componentId:"maxio-components__sc-lo74t2-67"})(["&&&{display:flex;align-items:center;justify-content:center;transition:background-color 0.2s;will-change:background-color;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','color')));const StepInlineWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepInlineWrapper",componentId:"maxio-components__sc-lo74t2-68"})(["&&&{position:relative;}"]);const TextWrapper=_styledComponents.default.span.withConfig({displayName:"maxio__TextWrapper",componentId:"maxio-components__sc-lo74t2-69"})(["&&&{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:","px;text-align:center;}"],_ref89=>{let{width}=_ref89;return width;});const StepHorizontal=_ref90=>{let{stepCount,title,isActive,isCompleted}=_ref90;const stepState=isActive?'active':isCompleted?'completed':'disabled';const stepLineColor=isActive||isCompleted?'completed':'disabled';const[width,setWidth]=(0,_react.useState)(0);const wrapperRef=(0,_react.useRef)();(0,_react.useEffect)(()=>{if(wrapperRef?.current){setWidth(0.5*wrapperRef.current.getBoundingClientRect().width);}},[wrapperRef]);return/*#__PURE__*/_react.default.createElement(StepWrapper$1,{gridGap:5,ref:wrapperRef},/*#__PURE__*/_react.default.createElement(StepLine,{color:stepLineColor,lineSize:'regular'}),/*#__PURE__*/_react.default.createElement(StepInlineWrapper,null,/*#__PURE__*/_react.default.createElement(StepNumber,{size:'regular',color:stepState},stepCount),/*#__PURE__*/_react.default.createElement(StepTitle,{text:stepState},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'inherit',fontWeight:2},/*#__PURE__*/_react.default.createElement(TextWrapper,{width:width},title)))),/*#__PURE__*/_react.default.createElement(StepLine,{color:isCompleted?'completed':'disabled',lineSize:'regular'}));};const StepWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepWrapper",componentId:"maxio-components__sc-lo74t2-70"})(["&&&{display:flex;",";position:relative;transition:color 0.2s;will-change:color;",";",";}&&&:before{transition:background-color 0.2s;will-change:background-color;z-index:",";",";}"],_ref91=>{let{verticalSingleLine,theme}=_ref91;return verticalSingleLine?(0,_styledComponents.css)(["flex-direction:row;column-gap:","px;align-items:center;"],theme.space[3]):(0,_styledComponents.css)(["flex-direction:column;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','text')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','size')),_ref92=>{let{isActive}=_ref92;return isActive?'1':'0';},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','color')));const StepTextWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepTextWrapper",componentId:"maxio-components__sc-lo74t2-71"})(["&&&{flex-shrink:0;}"]);const StepVertical=_ref93=>{let{stepCount,title,isActive,isCompleted,stepText='Step',verticalSingleLine}=_ref93;const stepState=isActive?'active':isCompleted?'completed':'disabled';return/*#__PURE__*/_react.default.createElement(StepWrapper,{size:'regular',color:stepState,text:stepState,isActive:isActive,verticalSingleLine:verticalSingleLine},/*#__PURE__*/_react.default.createElement(StepTextWrapper,null,/*#__PURE__*/_react.default.createElement(BodyText,{color:'inherit',variant:'body3',lineHeight:3,fontWeight:2},stepText.toUpperCase()," ",stepCount)),/*#__PURE__*/_react.default.createElement(BodyText,{color:'inherit',fontWeight:2,variant:'body1',overflow:"truncate"},title));};const StepsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepsWrapper",componentId:"maxio-components__sc-lo74t2-72"})(["&&&{display:flex;padding:2px 0;box-sizing:border-box;",";}"],_ref94=>{let{variant}=_ref94;return variant==='vertical'&&(0,_styledComponents.css)(["flex-direction:column;"]);});const Stepper=_ref95=>{let{steps,currentStep,variant='vertical',stepText,verticalSingleLine=false}=_ref95;return/*#__PURE__*/_react.default.createElement(StepsWrapper,{variant:variant},variant==='horizontal'&&steps.map((step,i)=>(/*#__PURE__*/_react.default.createElement(StepHorizontal,{isActive:currentStep===i,isCompleted:currentStep>i,key:step,stepCount:i+1,title:step}))),variant==='vertical'&&steps.map((step,i)=>(/*#__PURE__*/_react.default.createElement(StepVertical,{stepText:stepText,stepCount:i+1,title:step,key:step,isActive:currentStep===i,isCompleted:currentStep>i,verticalSingleLine:verticalSingleLine}))));};const RowWrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper2",componentId:"maxio-components__sc-lo74t2-73"})(["&&&{",";}&&&:not(:last-child){",";}"],_styledSystem.padding,_ref96=>{let{theme}=_ref96;return(0,_styledComponents.css)(["border-bottom:1px dashed ",";"],theme.colors.gray.extraLight);});const ColumnValue=_styledComponents.default.span.withConfig({displayName:"maxio__ColumnValue",componentId:"maxio-components__sc-lo74t2-74"})(["&&&{white-space:pre-wrap;",";}"],_ref97=>{let{theme,fontSize}=_ref97;return(0,_styledComponents.css)(["font-size:","px;"],theme.fontSizes[fontSize]);});ColumnValue.defaultProps={fontSize:0};const SummaryTable=_ref98=>{let{rows,columnSpans}=_ref98;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,rows.map((row,index)=>(/*#__PURE__*/_react.default.createElement(RowWrapper$2,{key:index,paddingTop:3,paddingBottom:3},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:0},row.map((cell,index)=>(/*#__PURE__*/_react.default.createElement(Column$1,{span:columnSpans[index],key:cell.value+'_'+index},/*#__PURE__*/_react.default.createElement(BodyText,{textAlign:cell.textAlign,fontWeight:cell.fontWeight,color:cell.color},/*#__PURE__*/_react.default.createElement(ColumnValue,{fontSize:cell.fontSize},cell.value))))))))));};const Container$e=_styledComponents.default.div.withConfig({displayName:"maxio__Containere",componentId:"maxio-components__sc-lo74t2-75"})(["&&&{display:inline-flex;align-items:center;min-width:0;gap:","px;",";",";",";",";}&&& svg{cursor:pointer;}"],_ref99=>{let{theme}=_ref99;return theme.space[3];},props=>props.maxWidth&&(0,_styledComponents.css)(["max-width:","px;"],props.maxWidth),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tag','color')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tag','size')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Tag')));const Tag=_ref100=>{let{label,size='regular',color='primary',overflow,maxWidth,onDelete}=_ref100;return/*#__PURE__*/_react.default.createElement(Container$e,{role:"status",color:color,size:size,maxWidth:maxWidth},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit",fontStyle:"inherit",fontWeight:"inherit",overflow:overflow},label),onDelete&&(/*#__PURE__*/_react.default.createElement(Icon,{fill:'inherit',type:'close',size:8,onClick:onDelete,"aria-close-label":"Delete this tag"})));};const Title=_styledComponents.default.div.withConfig({displayName:"maxio__Title",componentId:"maxio-components__sc-lo74t2-76"})(["&&&{height:100%;display:flex;align-items:center;}"]);const ContentWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__ContentWrapper1",componentId:"maxio-components__sc-lo74t2-77"})(["&&&{text-align:left;display:flex;height:100%;align-items:center;",";",";}"],_styledSystem.gridGap,_styledSystem.justifyContent);const Price$1=_styledComponents.default.div.withConfig({displayName:"maxio__Price1",componentId:"maxio-components__sc-lo74t2-78"})(["&&&{align-items:center;",";",";}"],_styledSystem.gridGap,_styledSystem.display);const SubscriptionHeader=_ref101=>{let{title,tag,children,price,interval}=_ref101;return/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:0},/*#__PURE__*/_react.default.createElement(Column$1,{span:[12,12,7]},/*#__PURE__*/_react.default.createElement(Title,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",overflow:"truncate"},title))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[12,12,11]},/*#__PURE__*/_react.default.createElement(ContentWrapper$1,{gridGap:8,justifyContent:['flex-end','flex-end','unset']},tag&&(/*#__PURE__*/_react.default.createElement(Tag,{color:tag.color,size:"regular",label:tag.label,overflow:"truncate",maxWidth:170})),price&&(/*#__PURE__*/_react.default.createElement(Price$1,{display:['none','none','flex'],gridGap:2},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",fontWeight:theme.fontWeights[3],color:price.color},price.label),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.dark"},"(",interval,")"))))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[0,0,6],display:['none','none','block']},children));};const InputWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__InputWrapper",componentId:"maxio-components__sc-lo74t2-79"})(["&&&{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;transition:border-color 250ms ease-in-out;will-change:border-color;box-sizing:border-box;",";",";",";}"],_ref102=>{let{fullWidth}=_ref102;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','status')));const Input=_styledComponents.default.input.withConfig({displayName:"maxio__Input",componentId:"maxio-components__sc-lo74t2-80"})(["&&&{border:none;outline:none;background:none;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','inputSize')));const isRightKey=(key,separator)=>{return key===separator||key===KEYBOARD_KEYS.ENTER;};const TagInput=_ref103=>{let{separator=',',placeholder,validationFn,tags,tagProps,onCreate,onRemove,onPaste,blinkTime=100,fullWidth=false,maxTags,...rest}=_ref103;const[isKeyReleased,setIsKeyReleased]=(0,_react.useState)(true);const[inputValue,setInputValue]=(0,_react.useState)('');const[opacity,setOpacity]=(0,_react.useState)(1);const[hasError,setHasError]=(0,_react.useState)(false);const inputEl=_react.default.useRef(null);const onKeyDown=e=>{const{key}=e;const tag=inputValue.trim();setHasError(false);if(isRightKey(key,separator)&&tag.length&&!tags.includes(tag)){e.preventDefault();if(validationFn(tag)){onCreate(tag);setInputValue('');}else{setHasError(true);setOpacity(0);setTimeout(()=>setOpacity(1),blinkTime);}}if(key===KEYBOARD_KEYS.BACKSPACE&&!tag.length&&tags.length&&isKeyReleased){e.preventDefault();const tagsCopy=[...tags];const poppedTag=tagsCopy.pop();onRemove(poppedTag,tags.length-1);setInputValue(poppedTag);}setIsKeyReleased(false);};const handleOnPaste=_ref104=>{let{clipboardData}=_ref104;const pastedText=clipboardData.getData('Text');const parsedText=pastedText.replace(/\s+/g,'');const pastedTags=new Set(parsedText.split(separator));const maxCountPasted=(maxTags||Infinity)-tags.length;const filteredTags=[...pastedTags].filter(tag=>!tags.includes(tag)&&validationFn(tag));onPaste(filteredTags.slice(0,maxCountPasted));setInputValue('');};const onKeyUp=()=>{setIsKeyReleased(true);};const memoizedTags=(0,_react.useMemo)(()=>{return tags.map((tag,index)=>(/*#__PURE__*/_react.default.createElement(Tag,{key:index,label:tag,onDelete:()=>onRemove(tag,index),...tagProps})));},[tags,tagProps,onRemove]);const isLimitReached=maxTags&&tags.length>=maxTags;return/*#__PURE__*/_react.default.createElement(InputWrapper,{fullWidth:fullWidth,status:hasError?'error':'default',size:'regular',onClick:()=>inputEl?.current?.focus(),"data-testid":'tagInput-wrapper'},memoizedTags,/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{animate:{opacity},transition:{duration:0.1}},/*#__PURE__*/_react.default.createElement(Input,{disabled:isLimitReached,onPaste:handleOnPaste,value:inputValue,inputSize:'regular',type:'text',ref:inputEl,onChange:e=>setInputValue(e.target.value),onKeyUp:onKeyUp,placeholder:isLimitReached?'':placeholder,hidden:isLimitReached,onKeyDown:onKeyDown,...rest})));};const Container$d=_styledComponents.default.div.withConfig({displayName:"maxio__Containerd",componentId:"maxio-components__sc-lo74t2-81"})(["&&&{display:inline-grid;grid-template-columns:repeat(2,auto);align-items:center;",";",";",";",";}"],_styledSystem.grid,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','colorVariant')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'ToastMessage')));const IconContainer=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer",componentId:"maxio-components__sc-lo74t2-82"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','iconColor')));const MESSAGE_ICON={success:'circleCheck',warning:'exclamationTriangle',info:'circleInfo'};const ToastMessage=_ref105=>{let{size='regular',colorVariant='dark',type='info',message}=_ref105;return/*#__PURE__*/_react.default.createElement(Container$d,{size:size,gridGap:5,colorVariant:colorVariant,role:"alert","aria-live":"assertive","aria-atomic":"true"},/*#__PURE__*/_react.default.createElement(IconContainer,{iconColor:`${colorVariant}-${type}`},/*#__PURE__*/_react.default.createElement(Icon,{fill:"inherit",type:MESSAGE_ICON[type],size:32})),/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4",color:"inherit"},message));};const Container$c=_styledComponents.default.div.withConfig({displayName:"maxio__Containerc",componentId:"maxio-components__sc-lo74t2-83"})(["&&&{display:grid;align-items:center;",";}"],_styledSystem.grid);const getOptions=translations=>{const{days,months,years}=translations;return[{label:days,value:'day'},{label:months,value:'month'},{label:years,value:'year'}];};const defaultTranslations$6={label:'Last',days:'Days',months:'Months',years:'Years'};const RelativeTime=_ref106=>{let{unit='day',value,onChange,portalContainer,translations=defaultTranslations$6}=_ref106;const{label}=translations;const options=(0,_react.useMemo)(()=>getOptions(translations),[translations]);return/*#__PURE__*/_react.default.createElement(Container$c,{gridColumnGap:2,gridTemplateColumns:"auto minmax(50px, max-content) minmax(90px, max-content)"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark"},label),/*#__PURE__*/_react.default.createElement(Input$1,{value:value?.toString()||'',placeholder:"0",onChange:e=>onChange({unit,value:+e.target.value}),inputSize:"small"}),/*#__PURE__*/_react.default.createElement(Select,{options:options,selectedValue:unit,onSelect:item=>onChange({unit:item.value,value}),variant:"secondary",selectSize:"small",portalContainer:portalContainer}));};const DatePickerStyles=(0,_styledComponents.createGlobalStyle)([".react-calendar{width:300px;max-width:100%;background:",";border:none;line-height:1.125em;font-family:",";border-radius:","px;box-shadow:0 12px 24px 0 ",";user-select:none;",";}.react-calendar--doubleView{width:700px;}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-0.5em;}.react-calendar--doubleView .react-calendar__viewContainer > *{width:50%;margin:0.5em;}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{box-sizing:border-box;}.react-calendar button{margin:0;border:0;outline:none;font-family:",";}.react-calendar button:enabled:hover{cursor:pointer;}.react-calendar__navigation{display:flex;height:auto;padding:10px 20px;padding:","px;border-bottom:1px solid ",";column-gap:20px;}.react-calendar__navigation button{background:none;padding:0;min-width:20px;}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus-visible{background-color:#e6e6e6;}.react-calendar__navigation button[disabled]{background:none;pointer-events:none;opacity:0.5;}.react-calendar__month-view__weekdays{text-align:center;color:",";font-size:0.75rem;font-weight:400;text-transform:none;abbr{text-decoration:none;border:none;cursor:default;}}.react-calendar__month-view__weekdays__weekday{padding:10px 5px;}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:0.75em;font-weight:bold;padding:calc(0.75em / 0.75) calc(0.5em / 0.75);}.react-calendar__month-view__days__day--neighboringMonth{opacity:0.3;}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:10px 5px;border-radius:","px;font-size:14px;border:",";}.react-calendar__century-view .react-calendar__tile{font-size:13px;}.react-calendar__tile{max-width:100%;text-align:center;padding:0.75em 0.5em;background:none;}.react-calendar__tile:disabled{background-color:",";pointer-events:none;opacity:0.5;}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus-visible{background-color:#e6e6e6;}.react-calendar__tile--now{background:#ffff76;}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus-visible{background:#ffffa9;}.react-calendar__tile--hasActive{background:#76baff;}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus-visible{background:#a9d4ff;}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6;}.react-calendar__month-view__days__day abbr{font-size:14px;border-radius:50%;width:","px;height:","px;display:flex;align-items:center;justify-content:center;}.react-calendar__tile.react-calendar__month-view__days__day{padding:0;}.react-calendar__month-view{padding:","px;padding-top:0;}.react-calendar__tile--now,.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus-visible,.react-calendar__navigation__label:enabled:hover,.react-calendar__navigation__label:enabled:focus-visible,.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus-visible,.react-calendar__navigation button[disabled]{background:",";}button.react-calendar__tile--active abbr,button.react-calendar__tile--active:enabled:hover abbr,button.react-calendar__tile--active:enabled:focus-visible abbr button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend abbr,button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend:enabled:hover abbr,button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend:enabled:focus-visible abbr,.react-calendar__tile.react-calendar__tile--active.react-calendar__month-view__days__day:hover abbr,.react-calendar__tile.react-calendar__tile--active.react-calendar__month-view__days__day:focus-visible abbr,.react-calendar__tile--hasActive,.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:focus-visible{color:",";background:",";}button.react-calendar__tile--hasActive.react-calendar__year-view__months__month,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:focus-visible{border:",";}.react-calendar__navigation__label__labelText{font-size:1rem;color:",";}button.react-calendar__navigation__arrow:enabled:hover,button.react-calendar__navigation__arrow:enabled:focus-visible{background:none;}button.react-calendar__navigation__arrow:enabled:focus-visible{outline:",";}button.react-calendar__navigation__label{padding:10px;border-radius:","px;transition:background-color 250ms ease-in-out;}.react-calendar__year-view__months,.react-calendar__decade-view__years,.react-calendar__century-view__decades{padding:","px;padding-top:0;}.react-calendar__tile.react-calendar__month-view__days__day:hover,.react-calendar__tile.react-calendar__month-view__days__day:focus-visible{background:none;abbr{background:",";}}.react-calendar__tile--now.react-calendar__month-view__days__day{background:none;abbr{border:",";}&:hover,&:focus-visible{abbr{background:",";}}}.react-calendar__tile--now.react-calendar__year-view__months__month:not(.react-calendar__tile--hasActive),.react-calendar__tile--now.react-calendar__century-view__decades__decade:not(.react-calendar__tile--hasActive),.react-calendar__tile--now.react-calendar__decade-view__years__year:not(.react-calendar__tile--hasActive){background:none;outline:",";outline-offset:-2px;&:hover,&:focus-visible{background:",";}}.react-calendar__tile--now.react-calendar__tile--active{abbr{background:",";}}.react-calendar__month-view__weekdays abbr{font-weight:800;text-transform:uppercase;}.react-calendar__month-view__days__day{&--weekend{color:",";}}.react-calendar__tile--now.react-calendar__month-view__days__day abbr{border:",";}.react-calendar__tile:not(.react-calendar__tile--now,.react-calendar__month-view__days__day--weekend,.react-calendar__tile--hasActive){color:",";}"],_ref107=>{let{theme}=_ref107;return theme.colors.white.main;},_ref108=>{let{theme}=_ref108;return theme.fonts.secondary;},_ref109=>{let{theme}=_ref109;return theme.radii[3];},_ref110=>{let{theme}=_ref110;return(0,_polished.transparentize)(0.85,theme.colors.black.dark);},fontSmoothing,_ref111=>{let{theme}=_ref111;return theme.fonts.secondary;},_ref112=>{let{theme}=_ref112;return theme.space[3];},_ref113=>{let{theme}=_ref113;return theme.colors.white.main;},_ref114=>{let{theme}=_ref114;return(0,_polished.transparentize)(0.3,theme.colors.black.dark);},_ref115=>{let{theme}=_ref115;return theme.radii[3];},_ref116=>{let{theme}=_ref116;return`2px solid ${theme.colors.white.main}`;},_ref117=>{let{theme}=_ref117;return theme.colors.primary.extraLight;},_ref118=>{let{theme}=_ref118;return theme.sizes[5];},_ref119=>{let{theme}=_ref119;return theme.sizes[5];},_ref120=>{let{theme}=_ref120;return theme.space[3];},_ref121=>{let{theme}=_ref121;return theme.colors.primary.extraLight;},_ref122=>{let{theme}=_ref122;return theme.colors.white.main;},_ref123=>{let{theme}=_ref123;return theme.colors.primary.main;},_ref124=>{let{theme}=_ref124;return`2px solid ${theme.colors.white.main}`;},_ref125=>{let{theme}=_ref125;return theme.colors.primary.main;},_ref126=>{let{theme}=_ref126;return`1px solid ${(0,_polished.transparentize)(0.5,theme.colors.primary.main)}`;},_ref127=>{let{theme}=_ref127;return theme.radii[3];},_ref128=>{let{theme}=_ref128;return theme.space[3];},_ref129=>{let{theme}=_ref129;return(0,_polished.transparentize)(0.9,theme.colors.primary.dark);},_ref130=>{let{theme}=_ref130;return`1px solid ${(0,_polished.transparentize)(0.5,theme.colors.primary.main)}`;},_ref131=>{let{theme}=_ref131;return(0,_polished.transparentize)(0.9,theme.colors.primary.main);},_ref132=>{let{theme}=_ref132;return`1px solid ${(0,_polished.transparentize)(0.5,theme.colors.primary.main)}`;},_ref133=>{let{theme}=_ref133;return(0,_polished.transparentize)(0.9,theme.colors.primary.main);},_ref134=>{let{theme}=_ref134;return theme.colors.primary.main;},_ref135=>{let{theme}=_ref135;return theme.colors.danger.main;},_ref136=>{let{theme}=_ref136;return`1px solid ${theme.colors.primary.main}`;},_ref137=>{let{theme}=_ref137;return theme.colors.black.main;});const Container$b=_styledComponents.default.div.withConfig({displayName:"maxio__Containerb",componentId:"maxio-components__sc-lo74t2-84"})(["&&&{position:relative;}"]);const CALENDAR_WIDTH=300;const defaultTranslations$5={placeholder:'From'};const DatePicker=_ref138=>{let{value,translations=defaultTranslations$5,locale='en',minDate,maxDate,portalContainer,calendarAlignment='left',onChange,modalRef,disabled}=_ref138;const[showCalendar,setCalendar]=(0,_react.useState)(false);const calendarContainerRef=(0,_react.useRef)(null);const inputRef=(0,_react.useRef)(null);const{placeholder}=translations;const portalElement=portalContainer?.current;useOnClickOutside([calendarContainerRef,portalContainer],()=>{if(showCalendar){setCalendar(false);}},modalRef?.current);const renderCalendar=()=>(/*#__PURE__*/_react.default.createElement(_reactCalendar.default,{onChange:date=>{onChange(date);setCalendar(false);},value:value,nextLabel:/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronRight",fill:"black.main",size:12}),next2Label:null,prevLabel:/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronLeft",fill:"black.main",size:12}),prev2Label:null,minDate:minDate,maxDate:maxDate,locale:locale}));const calculateDropdownPosition=(0,_react.useCallback)(()=>{const{current:element}=calendarContainerRef;const{top,height,left,width}=element.getBoundingClientRect();const alignmentPosition=calendarAlignment==='left'?left:left-(CALENDAR_WIDTH-width);return{top:top+height+window.scrollY,left:alignmentPosition+window.scrollX,width:CALENDAR_WIDTH};},[calendarAlignment]);const handleBackspace=e=>{if(e.key===KEYBOARD_KEYS.BACKSPACE){onChange(null);}};return/*#__PURE__*/_react.default.createElement(Container$b,{ref:calendarContainerRef},/*#__PURE__*/_react.default.createElement(DatePickerStyles,null),/*#__PURE__*/_react.default.createElement("div",{onClick:()=>!disabled&&setCalendar(!showCalendar),style:{cursor:disabled?'not-allowed':'pointer'},"data-testid":"calendar-input"},/*#__PURE__*/_react.default.createElement("div",{ref:inputRef},/*#__PURE__*/_react.default.createElement(Input$1,{onChange:()=>false,inputSize:"small",iconRight:"calendar",placeholder:placeholder,readOnly:true,onKeyDown:handleBackspace,value:value?.toLocaleDateString(locale)||'',disabled:disabled}))),showCalendar&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,portalElement?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',zIndex:1,...calculateDropdownPosition()}},renderCalendar()),portalElement))):(/*#__PURE__*/_react.default.createElement(_reactFit.default,{invertSecondaryAxis:calendarAlignment==='right'},/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',width:CALENDAR_WIDTH},"data-testid":"calendar-container"},renderCalendar()))))));};const Container$a=_styledComponents.default.ul.withConfig({displayName:"maxio__Containera",componentId:"maxio-components__sc-lo74t2-85"})(["&&&{display:flex;align-items:center;list-style:none;margin:0;padding:0;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','containerVariant')));const Tab=(0,_styledComponents.default)(_framerMotion.motion.li).withConfig({displayName:"maxio__Tab",componentId:"maxio-components__sc-lo74t2-86"})(["&&&{user-select:none;cursor:pointer;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','size')));const Wrapper$f=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperf",componentId:"maxio-components__sc-lo74t2-87"})(["&&&{position:relative;flex:1;min-width:0;}"]);const Underline=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Underline",componentId:"maxio-components__sc-lo74t2-88"})(["&&&{position:absolute;bottom:-1px;height:2px;width:100%;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','variant')));const Tabs=_ref139=>{let{tabs,activeTabId,onClick}=_ref139;return/*#__PURE__*/_react.default.createElement(Container$a,{containerVariant:"primary"},/*#__PURE__*/_react.default.createElement(_framerMotion.LayoutGroup,null,tabs.map(_ref140=>{let{label,id}=_ref140;return/*#__PURE__*/_react.default.createElement(Wrapper$f,{key:id},/*#__PURE__*/_react.default.createElement(Tab,{size:"regular",onClick:()=>onClick?onClick(id):null,title:label},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",fontWeight:600,overflow:"truncate",textAlign:"center"},label)),activeTabId===id?(/*#__PURE__*/_react.default.createElement(Underline,{variant:"primary",layout:true,layoutId:"underline"})):null);})));};const RadioGroupWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__RadioGroupWrapper",componentId:"maxio-components__sc-lo74t2-89"})(["&&&{display:flex;",";",";}"],_styledSystem.flexDirection,_styledSystem.gridGap);const RadioGroup=_ref141=>{let{options,onValueChange,selectedValue,optionsDirection='row',optionsGap=5}=_ref141;return/*#__PURE__*/_react.default.createElement(RadioGroupWrapper,{gridGap:optionsGap,flexDirection:optionsDirection},options.map(option=>(/*#__PURE__*/_react.default.createElement(RadioButton,{key:option.value,isSelected:selectedValue===option.value,label:option.label,value:option.value,onValueChange:value=>onValueChange(value)}))));};const InputContainer=_styledComponents.default.div.withConfig({displayName:"maxio__InputContainer",componentId:"maxio-components__sc-lo74t2-90"})(["&&&{pointer-events:none;}"]);const Container$9=_styledComponents.default.div.withConfig({displayName:"maxio__Container9",componentId:"maxio-components__sc-lo74t2-91"})(["&&&{position:relative;}"]);const OptionsContainer=_styledComponents.default.div.withConfig({displayName:"maxio__OptionsContainer",componentId:"maxio-components__sc-lo74t2-92"})(["&&&{display:flex;}"]);const RelativeColumn=_styledComponents.default.div.withConfig({displayName:"maxio__RelativeColumn",componentId:"maxio-components__sc-lo74t2-93"})(["&&&{position:relative;flex:1;}"]);const getInputValue=value=>{if(value&&'minute'in value&&'hour'in value){const{minute,hour}=value;const minutes=minute<10?`0${minute}`:minute.toString();const hours=hour<10?`0${hour}`:hour.toString();return`${hours}:${minutes}`;}return'';};const getTimeOptions=length=>Array.from({length},(_,idx)=>({label:idx<10?`0${idx}`:`${idx}`,value:idx}));const defaultTranslations$4={placeholder:'Select time'};const minutesOptions=getTimeOptions(60);const hoursOptions=getTimeOptions(24);const TimePicker=_ref142=>{let{value,portalContainer,translations=defaultTranslations$4,onChange,modalRef,disabled,dropdownAlignment='left'}=_ref142;const[showPicker,setPicker]=(0,_react.useState)(false);const pickerContainerRef=(0,_react.useRef)(null);const{minute,hour}=value||{};const{placeholder}=translations;const portalElement=portalContainer?.current;useOnClickOutside([pickerContainerRef,portalContainer],()=>{if(showPicker){setPicker(false);}},modalRef?.current);const calculateDropdownPosition=(0,_react.useCallback)(()=>{const{current:element}=pickerContainerRef;const{top,height,left,width}=element.getBoundingClientRect();return{top:top+height+window.scrollY,left:left+window.scrollX,width};},[pickerContainerRef]);const renderOptions=()=>(/*#__PURE__*/_react.default.createElement(OptionsContainer,null,/*#__PURE__*/_react.default.createElement(RelativeColumn,null,/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:hoursOptions,onSelect:(_e,_ref143)=>{let{value}=_ref143;return onChange({minute:minute||0,hour:Number(value)});},selectSize:"small",selectionIndex:hoursOptions.findIndex(_ref144=>{let{value}=_ref144;return value===hour;})})),/*#__PURE__*/_react.default.createElement(RelativeColumn,null,/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:minutesOptions,onSelect:(_e,_ref145)=>{let{value}=_ref145;return onChange({hour:hour||0,minute:Number(value)});},selectSize:"small",selectionIndex:minutesOptions.findIndex(_ref146=>{let{value}=_ref146;return value===minute;})}))));return/*#__PURE__*/_react.default.createElement(Container$9,{ref:pickerContainerRef},/*#__PURE__*/_react.default.createElement("div",{onClick:()=>{!disabled&&setPicker(!showPicker);},style:{cursor:disabled?'not-allowed':'pointer'},"data-testid":"time-picker-input"},/*#__PURE__*/_react.default.createElement(InputContainer,null,/*#__PURE__*/_react.default.createElement(Input$1,{onChange:()=>false,inputSize:"small",iconRight:"clock",placeholder:placeholder,readOnly:true,value:getInputValue(value),disabled:disabled}))),showPicker&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,portalElement?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',...calculateDropdownPosition()}},renderOptions()),portalElement))):(/*#__PURE__*/_react.default.createElement(_reactFit.default,null,/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',width:'100%'},"data-testid":"time-picker-container"},renderOptions()))))));};const formatCardNumber$1=number=>number.replace(/x/gi,'·').replace(/-/g,' ');const CreditCardNumberWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardNumberWrapper",componentId:"maxio-components__sc-lo74t2-94"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardNumber','variant')));CreditCardNumberWrapper.defaultProps={variant:'regular'};const CreditCardNumber=_ref147=>{let{number}=_ref147;return/*#__PURE__*/_react.default.createElement(CreditCardNumberWrapper,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3",color:"inherit"},formatCardNumber$1(number)));};const CreditCardAddressWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardAddressWrapper",componentId:"maxio-components__sc-lo74t2-95"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardAddress','variant')));CreditCardAddressWrapper.defaultProps={variant:'regular'};const CreditCardAddress=_ref148=>{let{firstLine,secondLine}=_ref148;return/*#__PURE__*/_react.default.createElement(CreditCardAddressWrapper,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"inherit",textAlign:"right",overflow:"truncate"},firstLine),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"inherit",textAlign:"right",overflow:"truncate"},secondLine));};const formatExpirationYear=year=>{const str=year.toString();return str.substr(str.length-2);};const CreditCardHolderDetailsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardHolderDetailsWrapper",componentId:"maxio-components__sc-lo74t2-96"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardHolderDetails','variant')));CreditCardHolderDetailsWrapper.defaultProps={variant:'regular'};const CreditCardHolderDetails=_ref149=>{let{firstName,lastName,expirationMonth,expirationYear}=_ref149;return/*#__PURE__*/_react.default.createElement(CreditCardHolderDetailsWrapper,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",overflow:"truncate",color:"inherit"},firstName?firstName:'',firstName&&lastName?' ':'',lastName?lastName:''),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit"},expirationMonth>9?expirationMonth:`0${expirationMonth}`,"/",formatExpirationYear(expirationYear)));};const PageHeaderTitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PageHeaderTitleWrapper",componentId:"maxio-components__sc-lo74t2-97"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'PageHeaderTitle','variant')));PageHeaderTitleWrapper.defaultProps={variant:'regular'};const PageHeaderTitle=_ref150=>{let{title,size}=_ref150;return/*#__PURE__*/_react.default.createElement(PageHeaderTitleWrapper,null,/*#__PURE__*/_react.default.createElement("div",{"data-testid":"page-title"},size==='small'?(/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit"},title)):(/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3",color:"inherit"},title))));};const PageHeaderSubtitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PageHeaderSubtitleWrapper",componentId:"maxio-components__sc-lo74t2-98"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'PageHeaderSubtitle','variant')));PageHeaderSubtitleWrapper.defaultProps={variant:'regular'};const PageHeaderSubtitle=_ref151=>{let{subtitle,size}=_ref151;return/*#__PURE__*/_react.default.createElement(PageHeaderSubtitleWrapper,null,/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,size==='small'?(/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit"},subtitle)):(/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3",color:"inherit"},subtitle))));};const Container$8=_styledComponents.default.div.withConfig({displayName:"maxio__Container8",componentId:"maxio-components__sc-lo74t2-99"})(["&&&{display:flex;flex-wrap:wrap;",";",";",";}"],_styledSystem.padding,_styledSystem.alignItems,_styledSystem.grid);const PageHeader=_ref152=>{let{title,subtitle,onBack,previousPageLabel,size='medium'}=_ref152;return/*#__PURE__*/_react.default.createElement("div",null,previousPageLabel&&(/*#__PURE__*/_react.default.createElement(Anchor,{iconLeft:"chevronLeft",label:previousPageLabel,onClick:()=>onBack&&onBack(),size:size})),/*#__PURE__*/_react.default.createElement(Container$8,{paddingTop:[3,5],paddingBottom:[3,5],alignItems:['initial','center'],gridGap:size==='small'?3:5},title&&/*#__PURE__*/_react.default.createElement(PageHeaderTitle,{title:title,size:size}),subtitle&&/*#__PURE__*/_react.default.createElement(PageHeaderSubtitle,{subtitle:subtitle,size:size})));};const Master=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"219",height:"165",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/_react.default.createElement("g",{opacity:".7"},/*#__PURE__*/_react.default.createElement("path",{opacity:".5",d:"M181.173-40.842c-11.35 10.371-20.119 23.075-25.643 37.149-5.549 14.064-7.711 29.137-6.32 44.076 1.39 14.939 6.297 29.353 14.347 42.152l-.009.003.034.012-.005-.008c14.88-4.587 28.508-12.358 39.857-22.727s20.122-23.066 25.658-37.133c5.535-14.067 7.689-29.137 6.299-44.074-1.39-14.933-6.287-29.344-14.32-42.146l-.034-.012c-14.884 4.575-28.516 12.34-39.864 22.708Z",fill:"#fff"}),/*#__PURE__*/_react.default.createElement("path",{d:"M155.546-3.68c5.523-14.073 14.291-26.775 25.641-37.145 11.35-10.37 24.983-18.136 39.869-22.71-9.962-15.864-24.381-28.678-41.609-36.978s-36.569-11.751-55.814-9.958c-19.245 1.794-37.616 8.758-53.014 20.098-15.398 11.34-27.2 26.597-34.06 44.029-6.86 17.431-8.5 36.333-4.73 54.546 3.768 18.212 12.792 35 26.04 48.443 13.25 13.444 30.187 23.002 48.879 27.581 18.692 4.58 38.384 3.996 56.824-1.684-8.05-12.798-12.955-27.211-14.346-42.15-1.39-14.937.771-30.009 6.32-44.072Z",fill:"#E7EEF4"}),/*#__PURE__*/_react.default.createElement("path",{opacity:".9",d:"M348.085 65.356c-6.859 17.432-18.662 32.69-34.059 44.03-15.398 11.34-33.768 18.304-53.013 20.098-19.244 1.793-38.585-1.658-55.813-9.958-17.228-8.299-31.646-21.114-41.608-36.978 14.879-4.586 28.506-12.356 39.854-22.724 11.348-10.369 20.12-23.064 25.656-37.13 5.535-14.066 7.689-29.135 6.298-44.07-1.39-14.937-6.288-29.35-14.324-42.152 18.44-5.68 38.131-6.264 56.823-1.685 18.691 4.58 35.629 14.138 48.878 27.581 13.248 13.444 22.272 30.231 26.04 48.443 3.768 18.212 2.128 37.114-4.732 54.545Z",fill:"#fff"}))));const Visa=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"163",height:"44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/_react.default.createElement("g",{opacity:".5",fill:"#fff"},/*#__PURE__*/_react.default.createElement("path",{d:"M75.453 42.426H61.374L70.18-8.996h14.078l-8.805 51.422ZM126.487-7.74c-2.777-1.04-7.181-2.189-12.627-2.189-13.903 0-23.693 7.002-23.753 17.012-.115 7.386 7.01 11.488 12.339 13.95 5.446 2.517 7.298 4.16 7.298 6.403-.056 3.445-4.401 5.032-8.455 5.032-5.62 0-8.632-.818-13.209-2.735l-1.854-.821-1.97 11.543c3.302 1.42 9.386 2.681 15.701 2.736 14.772 0 24.389-6.893 24.503-17.56.056-5.854-3.706-10.34-11.817-14.005-4.924-2.353-7.939-3.94-7.939-6.347.057-2.188 2.55-4.43 8.108-4.43 4.577-.11 7.94.93 10.487 1.97l1.274.545 1.914-11.104ZM145.198 24.209c1.16-2.954 5.621-14.388 5.621-14.388-.058.11 1.157-3.008 1.852-4.923l.984 4.431s2.666 12.309 3.245 14.88h-11.702Zm17.378-33.205h-10.889c-3.358 0-5.91.929-7.359 4.266l-20.911 47.155h14.772l2.955-7.714h18.075c.404 1.806 1.68 7.714 1.68 7.714h13.035L162.576-8.996ZM49.615-8.996 35.828 26.069l-1.507-7.112C31.773 10.751 23.779 1.836 14.858-2.597L27.486 42.37h14.887L64.502-8.996H49.615Z"}),/*#__PURE__*/_react.default.createElement("path",{d:"M23.025-8.996H.375L.143-7.957C17.812-3.69 29.513 6.596 34.321 18.959L29.397-4.674c-.81-3.284-3.301-4.214-6.372-4.322Z"}))));const Container$7=_styledComponents.default.div.withConfig({displayName:"maxio__Container7",componentId:"maxio-components__sc-lo74t2-100"})(["&&&{position:absolute;right:0;top:0;z-index:-1;transform-origin:100% 0;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Watermark','variant')));const Watermark$1=_ref153=>{let{type,size}=_ref153;const variant=`${type}-${size}`;if(type==='visa')return/*#__PURE__*/_react.default.createElement(Container$7,{variant:variant},/*#__PURE__*/_react.default.createElement(Visa,null));if(type==='master')return/*#__PURE__*/_react.default.createElement(Container$7,{variant:variant},/*#__PURE__*/_react.default.createElement(Master,null));return null;};const Chip=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"32",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{flexShrink:0}},/*#__PURE__*/_react.default.createElement("mask",{id:"a",style:{maskType:'alpha'},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"32",height:"24"},/*#__PURE__*/_react.default.createElement("path",{d:"M25.8 0H5.4A5.4 5.4 0 0 0 0 5.4v13.2A5.4 5.4 0 0 0 5.4 24h20.4a5.4 5.4 0 0 0 5.4-5.4V5.4A5.4 5.4 0 0 0 25.8 0Z",fill:"#fff"})),/*#__PURE__*/_react.default.createElement("g",{mask:"url(#a)"},/*#__PURE__*/_react.default.createElement("path",{d:"M5.4.5h20.4a4.9 4.9 0 0 1 4.9 4.9v13.2a4.9 4.9 0 0 1-4.9 4.9H5.4a4.9 4.9 0 0 1-4.9-4.9V5.4A4.9 4.9 0 0 1 5.4.5Z",fill:"#FFC12D",stroke:"#D8A427"}),/*#__PURE__*/_react.default.createElement("path",{d:"M19.872 4.506C18.783 2.464 17.272 1.2 15.6 1.2c-3.314 0-6 4.97-6 11.1s2.686 11.1 6 11.1c3.313 0 6-4.97 6-11.1 0-1.261-.114-2.474-.324-3.603",stroke:"#D8A427"}),/*#__PURE__*/_react.default.createElement("path",{d:"M21.674 15.9h9.436M.074 8.7H9.51.074Zm0 3.6h27.223H.074Zm0 0h27.223H.074Zm0 7.8h27.223H.074Zm0-15.6h27.223H.074Zm0 11.4H9.51.074Zm21.223-7.2h9.813-9.813Z",stroke:"#D8A428"}))));const Wrapper$e=_styledComponents.default.div.withConfig({displayName:"maxio__Wrappere",componentId:"maxio-components__sc-lo74t2-101"})(["&&&{display:flex;align-items:center;gap:4px;}"]);const StatusMsg=_ref154=>{let{status,customMessages}=_ref154;const{t}=(0,_reactI18next.useTranslation)(['payment-profile']);const statusMsg={active:t('active_payment'),error:t('expired_card'),unavailable:t('unavailable'),...customMessages};const getStatusIcon=status=>{switch(status){case'active':return/*#__PURE__*/_react.default.createElement(Icon,{fill:'success.main',type:'circleCheck',size:16});case'error':return/*#__PURE__*/_react.default.createElement(Icon,{fill:'danger.main',type:'circleCross',size:16});case'unavailable':return/*#__PURE__*/_react.default.createElement(Icon,{fill:'danger.light',type:'circleInfo',size:16});default:return null;}};const getMsgColor=status=>{if(status==='active'){return'success.main';}if(status==='error'){return'danger.main';}if(status==='unavailable'){return'danger.light';}};return/*#__PURE__*/_react.default.createElement(Wrapper$e,null,getStatusIcon(status),/*#__PURE__*/_react.default.createElement(Heading,{variant:'h5',color:getMsgColor(status)},statusMsg[status]));};const Card$1=_styledComponents.default.div.withConfig({displayName:"maxio__Card1",componentId:"maxio-components__sc-lo74t2-102"})(["&&&{display:inline-flex;flex-direction:column;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','variant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','status')));const AddressWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__AddressWrapper",componentId:"maxio-components__sc-lo74t2-103"})(["&&&{min-width:0;margin-left:auto;}"]);const CardNumberWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CardNumberWrapper",componentId:"maxio-components__sc-lo74t2-104"})(["&&&{margin-top:auto;margin-bottom:auto;}"]);const Row$3=_styledComponents.default.div.withConfig({displayName:"maxio__Row3",componentId:"maxio-components__sc-lo74t2-105"})(["&&&{display:grid;align-items:center;",";",";",";}"],_styledSystem.gridGap,_styledSystem.gridTemplateColumns,_styledSystem.display);const formatAddressDetails$1=details=>{const address=details.address??'';const address2=details.address2??'';const city=details.city??'';const country=details.country??'';const state=details.state??'';const zip=details.zip??'';const firstLine=`${address}${address&&address2?', ':''}${address2}`;let secondLine=`${zip}${zip&&city?' ':''}${city}${(zip||city)&&state?', ':''}${state}${(zip||city||state)&&country?', ':''}${country}`;if(country==='US'){secondLine=`${city}${city&&state?', ':''}${state}${(city||state)&&zip?' ':''}${zip}${(city||state||zip)&&country?', ':''}${country}`;}return{firstLine,secondLine};};const CreditCard$1=_ref155=>{let{card,addressDetails={},variant='primary',size='regular',status,renderSlot}=_ref155;const{type,maskedNumber,firstName,lastName,expirationMonth,expirationYear}=card;const{firstLine,secondLine}=formatAddressDetails$1(addressDetails);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$1,{variant:variant,size:size,status:status,"data-testid":"creditCard"},/*#__PURE__*/_react.default.createElement(Watermark$1,{type:type,size:size}),/*#__PURE__*/_react.default.createElement(Row$3,{gridGap:size==='small'?3:5,display:'flex'},/*#__PURE__*/_react.default.createElement(Chip,null),/*#__PURE__*/_react.default.createElement(AddressWrapper,null,/*#__PURE__*/_react.default.createElement(CreditCardAddress,{firstLine:firstLine,secondLine:secondLine})),renderSlot&&/*#__PURE__*/_react.default.createElement("div",null,renderSlot())),/*#__PURE__*/_react.default.createElement(CardNumberWrapper,null,/*#__PURE__*/_react.default.createElement(CreditCardNumber,{number:maskedNumber})),/*#__PURE__*/_react.default.createElement(Row$3,{gridGap:size==='small'?2:3,gridTemplateColumns:"1fr auto auto"},/*#__PURE__*/_react.default.createElement(CreditCardHolderDetails,{firstName:firstName,lastName:lastName,expirationMonth:expirationMonth,expirationYear:expirationYear}),/*#__PURE__*/_react.default.createElement(Logo,{type:type}))),status&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:3},/*#__PURE__*/_react.default.createElement(StatusMsg,{status:status}))));};var CreditCard$2=Object.assign(CreditCard$1,{Watermark:Watermark$1,Chip,Logo});const NameWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__NameWrapper1",componentId:"maxio-components__sc-lo74t2-106"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);const QuantityComponent=_ref156=>{let{name,description,value}=_ref156;return/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(NameWrapper$1,{gridColumnGap:2},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.dark",fontWeight:2,overflow:"truncate"},name),description&&(/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:description}),placement:"top-start",followCursor:true},/*#__PURE__*/_react.default.createElement(Icon,{type:"questionCircle",size:16,fill:"gray.dark"}))))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"black.main",textAlign:"right"},value)));};_styledComponents.default.div.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-107"})(["&&&{",";",";}"],_ref157=>{let{theme}=_ref157;return(0,_styledComponents.css)(["background:",";border-radius:","px;"],theme.colors.primary.extraLight,theme.radii[4]);},_styledSystem.padding);const Name=_styledComponents.default.div.withConfig({displayName:"maxio__Name",componentId:"maxio-components__sc-lo74t2-108"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);const Prepaid=_styledComponents.default.div.withConfig({displayName:"maxio__Prepaid",componentId:"maxio-components__sc-lo74t2-109"})(["&&&{display:flex;flex-direction:column;}"]);const Usage=_styledComponents.default.div.withConfig({displayName:"maxio__Usage",componentId:"maxio-components__sc-lo74t2-110"})(["&&&{",";display:flex;justify-content:flex-end;}"],_styledSystem.margin);const Used=_styledComponents.default.div.withConfig({displayName:"maxio__Used",componentId:"maxio-components__sc-lo74t2-111"})(["&&&{display:flex;flex-direction:column;",";",";}"],_styledSystem.textAlign,_styledSystem.padding);const Overage=_styledComponents.default.div.withConfig({displayName:"maxio__Overage",componentId:"maxio-components__sc-lo74t2-112"})(["&&&{",";display:flex;flex-direction:column;",";",";}"],_ref158=>{let{theme}=_ref158;return(0,_styledComponents.css)(["border-right:1px solid ",";"],theme.colors.gray.extraLight);},_styledSystem.textAlign,_styledSystem.padding);const RowWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper1",componentId:"maxio-components__sc-lo74t2-113"})(["&&&{",";}"],_styledSystem.margin);const defaultTranslations$3={overage_charge:'Overage charge',resources_renew_every_billing_period:'The resources will renew every billing period.',remaining_resources_will_roll_over_to_next_billing_period:'Remaining resources will roll over to the next billing period',overages:'Overages',usage:'Usage',prepaid:'Prepaid'};const PrepaidComponent=_ref159=>{let{name,prepaid,usage,isCumulative,unit,translations=defaultTranslations$3,description,cardVariant='primary',overageBalance,isRenewable}=_ref159;return/*#__PURE__*/_react.default.createElement(SubscriptionComponentCard,{rowGap:0,variant:cardVariant},/*#__PURE__*/_react.default.createElement(RowWrapper$1,{marginBottom:3},/*#__PURE__*/_react.default.createElement(Name,{gridColumnGap:2},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.dark",fontWeight:2,overflow:"truncate"},name),description&&(/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:description}),placement:"top-start",followCursor:true},/*#__PURE__*/_react.default.createElement(Icon,{type:"questionCircle",size:16,fill:"gray.dark"}))))),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark",fontWeight:0},isRenewable&&(/*#__PURE__*/_react.default.createElement("span",null,translations.resources_renew_every_billing_period))),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark",fontWeight:0},isCumulative&&(/*#__PURE__*/_react.default.createElement("span",null,translations.remaining_resources_will_roll_over_to_next_billing_period))),/*#__PURE__*/_react.default.createElement(RowWrapper$1,{marginTop:5},/*#__PURE__*/_react.default.createElement(ProgressBar,{max:prepaid,value:usage,mode:"light"})),/*#__PURE__*/_react.default.createElement(RowWrapper$1,{marginTop:3},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(Prepaid,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.main",fontWeight:2},translations.prepaid),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"black.main"},prepaid," ",unit))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(Usage,null,usage>prepaid&&(/*#__PURE__*/_react.default.createElement(Overage,{textAlign:"right",paddingRight:4},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"danger.light",fontWeight:2,textAlign:"right"},translations.overages),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"danger.light",textAlign:"right"},overageBalance," ",unit))),/*#__PURE__*/_react.default.createElement(Used,{textAlign:"right",paddingLeft:4},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.main",fontWeight:2,textAlign:"right"},translations.usage),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"black.main",textAlign:"right"},usage," ",unit)))))));};const NameWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__NameWrapper",componentId:"maxio-components__sc-lo74t2-114"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);const MeteredComponent=_ref160=>{let{name,description,value}=_ref160;return/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(NameWrapper,{gridColumnGap:2},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.dark",fontWeight:2,overflow:"truncate"},name),description&&(/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:description}),placement:"top-start",followCursor:true},/*#__PURE__*/_react.default.createElement(Icon,{type:"questionCircle",size:16,fill:"gray.dark"}))))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"black.main",textAlign:"right"},value)));};const ContentWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ContentWrapper",componentId:"maxio-components__sc-lo74t2-115"})(["&&&{text-align:left;display:flex;align-items:center;height:100%;",";}"],_styledSystem.gridGap);const ToggleWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper1",componentId:"maxio-components__sc-lo74t2-116"})(["&&&{display:flex;justify-content:flex-end;}"]);const OnOffComponent=_ref161=>{let{isOn,isDisabled,name,description,toggleVariant='reversed'}=_ref161;return/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:20},/*#__PURE__*/_react.default.createElement(ContentWrapper,{gridGap:2},/*#__PURE__*/_react.default.createElement(BodyText,{overflow:"truncate",variant:"body2",color:'gray.dark',fontWeight:2},name),description&&(/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:description}),placement:"top-start",followCursor:true},/*#__PURE__*/_react.default.createElement(Icon,{type:'questionCircle',fill:'gray.dark',size:16}))))),/*#__PURE__*/_react.default.createElement(Column$1,{span:4},/*#__PURE__*/_react.default.createElement(ToggleWrapper$1,null,/*#__PURE__*/_react.default.createElement(Toggle,{isDisabled:isDisabled,variant:toggleVariant,isOn:isOn}))));};const Watermark=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"122",height:"160",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/_react.default.createElement("path",{d:"M160 38.4v5.333a2.667 2.667 0 0 1-2.667 2.667h-8v4a4 4 0 0 1-4 4H14.667a4 4 0 0 1-4-4v-4h-8A2.667 2.667 0 0 1 0 43.733V38.4a2.667 2.667 0 0 1 1.647-2.464L78.98 6.603a2.666 2.666 0 0 1 2.04 0l77.333 29.333A2.667 2.667 0 0 1 160 38.4Zm-8 101.333H8a8 8 0 0 0-8 8v5.334a2.665 2.665 0 0 0 2.667 2.666h154.666a2.666 2.666 0 0 0 2.667-2.666v-5.334a8 8 0 0 0-8-8Zm-125.333-80v64h-12a4 4 0 0 0-4 4v6.667h138.666v-6.667a4 4 0 0 0-4-4h-12v-64H112v64H90.667v-64H69.333v64H48v-64H26.667Z",fill:"#9AC4E1",opacity:".1"})));const Card=_styledComponents.default.div.withConfig({displayName:"maxio__Card",componentId:"maxio-components__sc-lo74t2-117"})(["&&&{display:inline-flex;flex-direction:column;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','cardSize')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','variant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','status')));const WatermarkContainer=_styledComponents.default.div.withConfig({displayName:"maxio__WatermarkContainer",componentId:"maxio-components__sc-lo74t2-118"})(["&&&{position:absolute;right:0;top:50%;z-index:-1;transform:translateY(-50%);transform-origin:100% 0;",";}"],_ref162=>{let{size}=_ref162;return size==='small'&&(0,_styledComponents.css)(["transform:scale(0.68) translateY(-50%);"]);});const NumbersContainer=_styledComponents.default.div.withConfig({displayName:"maxio__NumbersContainer",componentId:"maxio-components__sc-lo74t2-119"})(["&&&{display:flex;",";}"],_styledSystem.gridGap);const Number$1=_styledComponents.default.div.withConfig({displayName:"maxio__Number1",componentId:"maxio-components__sc-lo74t2-120"})(["&&&{flex:1;min-width:0;}"]);const AddressContainer=_styledComponents.default.div.withConfig({displayName:"maxio__AddressContainer",componentId:"maxio-components__sc-lo74t2-121"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','addressSize')));const Content$d=_styledComponents.default.div.withConfig({displayName:"maxio__Contentd",componentId:"maxio-components__sc-lo74t2-122"})(["&&&{flex:1;display:flex;flex-direction:column;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','contentSize')));const Row$2=_styledComponents.default.div.withConfig({displayName:"maxio__Row2",componentId:"maxio-components__sc-lo74t2-123"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridGap);const formatAddressDetails=details=>{const{address='',address2='',city='',country='',state='',zip=''}=details;if(country==='US'){return`${address}${address&&address2?' ':''}${address2}${(address||address2)&&city?', ':''}${city}${(address||address2||city)&&state?', ':''}${state}${(address||address2||city||state)&&zip?' ':''}${zip}${(address||address2||city||state||zip)&&country?', ':''}${country}`;}return`${address}${address&&address2?' ':''}${address2}${(address||address2)&&zip?', ':''}${zip}${(address||address2||zip)&&city?' ':''}${city}${(address||address2||zip||city)&&state?', ':''}${state}${(address||address2||city||state||zip)&&country?', ':''}${country}`;};const defaultTranslations$2={routing_number:'Routing No.',account_number:'Account No.'};const BankAccount=_ref163=>{let{accountDetails,addressDetails={},size='regular',variant='primary',translations=defaultTranslations$2,status,renderSlot}=_ref163;const{firstName,lastName,bankName,routingNumber,accountNumber}=accountDetails;const address=formatAddressDetails(addressDetails);const hasAddress=!!address.length;return/*#__PURE__*/_react.default.createElement(Card,{cardSize:size,variant:variant,status:status},/*#__PURE__*/_react.default.createElement(WatermarkContainer,{size:size},/*#__PURE__*/_react.default.createElement(Watermark,null)),/*#__PURE__*/_react.default.createElement(Content$d,{contentSize:`${size}-${hasAddress}`},/*#__PURE__*/_react.default.createElement(Row$2,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",overflow:"truncate"},bankName),renderSlot&&(/*#__PURE__*/_react.default.createElement("div",{style:{marginLeft:'auto'}},renderSlot()))),/*#__PURE__*/_react.default.createElement(Box,{marginTop:"auto",marginBottom:3},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",overflow:"truncate"},firstName," ",lastName)),/*#__PURE__*/_react.default.createElement(NumbersContainer,{gridGap:8},/*#__PURE__*/_react.default.createElement(Number$1,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark",overflow:"truncate"},translations.routing_number),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",overflow:"truncate"},routingNumber)),/*#__PURE__*/_react.default.createElement(Number$1,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark",overflow:"truncate"},translations.account_number),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",overflow:"truncate"},accountNumber)))),hasAddress&&(/*#__PURE__*/_react.default.createElement(AddressContainer,{addressSize:size},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark",overflow:"truncate"},address))));};const TableRow=_styledComponents.default.tr.withConfig({displayName:"maxio__TableRow",componentId:"maxio-components__sc-lo74t2-124"})(["&&&{display:flex;flex:1;transition:background-color 0.1s;will-change:background-color;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','row')),props=>props.disableBorder&&(0,_styledComponents.css)(["border:none;"]));TableRow.defaultProps={variant:'body'};const StyledTable=_styledComponents.default.table.withConfig({displayName:"maxio__StyledTable",componentId:"maxio-components__sc-lo74t2-125"})(["&&&{width:100%;box-sizing:border-box;border-spacing:0;overflow-x:scroll;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','table')));StyledTable.defaultProps={size:'regular'};const TableWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TableWrapper",componentId:"maxio-components__sc-lo74t2-126"})(["&&&{overflow-x:hidden;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','wrapper')));TableWrapper.defaultProps={wrapper:'default'};const ScrollWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ScrollWrapper",componentId:"maxio-components__sc-lo74t2-127"})(["&&&{width:100%;overflow-x:auto;}"]);const StyledTableCell=_styledComponents.default.div.withConfig({displayName:"maxio__StyledTableCell",componentId:"maxio-components__sc-lo74t2-128"})(["&&&{display:flex;flex:1;align-items:center;",";",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','cell')),_styledSystem.justifyContent,_styledSystem.layout,_styledSystem.gridGap);StyledTableCell.defaultProps={cellSize:'regular',minWidth:120};const TableCell=_ref164=>{let{children,align,...rest}=_ref164;return/*#__PURE__*/_react.default.createElement(StyledTableCell,{justifyContent:align,...rest},children);};const SortIndicator=_ref165=>{let{sortMode}=_ref165;const colorVariants={on:{opacity:1},off:{opacity:0.3}};return/*#__PURE__*/_react.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"7",height:"16",viewBox:"0 0 7 16"},/*#__PURE__*/_react.default.createElement(_framerMotion.motion.path,{initial:'off',animate:sortMode==='asc'?'on':'off',variants:colorVariants,d:"M0.553169 6.40036H5.84685C6.33882 6.40036 6.5846 5.6559 6.23763 5.22243L3.59179 1.80264C3.48367 1.6675 3.3424 1.59998 3.20121 1.59998C3.06012 1.59998 2.91943 1.6675 2.81223 1.80264L0.162373 5.22293C-0.184566 5.6554 0.061099 6.40036 0.553169 6.40036Z"}),/*#__PURE__*/_react.default.createElement(_framerMotion.motion.path,{initial:'off',animate:sortMode==='desc'?'on':'off',variants:colorVariants,d:"M6.2383 10.7775L3.59015 14.1977C3.48214 14.3328 3.34213 14.4003 3.20012 14.4003C3.05902 14.4003 2.91771 14.3327 2.8107 14.1975L0.162544 10.7773C-0.184656 10.345 0.0610382 9.59998 0.553167 9.59998H5.84748C6.33831 9.59998 6.58432 10.345 6.2383 10.7775Z"}));};const StyledTableHeader=_styledComponents.default.div.withConfig({displayName:"maxio__StyledTableHeader",componentId:"maxio-components__sc-lo74t2-129"})(["&&&{flex:1;display:flex;",";",";}"],_styledSystem.layout,_styledSystem.justifyContent);StyledTableHeader.defaultProps={minWidth:120};const TableHeadContainer=_styledComponents.default.div.withConfig({displayName:"maxio__TableHeadContainer",componentId:"maxio-components__sc-lo74t2-130"})(["&&&{align-items:center;cursor:pointer;user-select:none;font-weight:inherit;display:inline-flex;",";",";",";",";",";}"],_styledSystem.flexDirection,_styledSystem.layout,_styledSystem.padding,_styledSystem.gridGap,_styledSystem.flex);TableHeadContainer.defaultProps={gridGap:3,paddingY:6,paddingX:2};const TableHeader=_ref166=>{let{sortMode,children,align='left',onClick,minWidth,disableSort=false,...rest}=_ref166;const isLeftOrCenter=align==='left'||align==='center';return/*#__PURE__*/_react.default.createElement(StyledTableHeader,{justifyContent:align,minWidth:minWidth},/*#__PURE__*/_react.default.createElement(TableHeadContainer,{...rest,onClick:()=>!disableSort&&onClick()},!disableSort&&align==='right'&&(/*#__PURE__*/_react.default.createElement(SortIndicator,{sortMode:sortMode})),children,!disableSort&&isLeftOrCenter&&(/*#__PURE__*/_react.default.createElement(SortIndicator,{sortMode:sortMode}))));};const TableHead=_styledComponents.default.thead.withConfig({displayName:"maxio__TableHead",componentId:"maxio-components__sc-lo74t2-131"})(["&&&{width:100%;display:flex;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','header')));TableHead.defaultProps={variant:'primary'};const TableBody=_styledComponents.default.tbody.withConfig({displayName:"maxio__TableBody",componentId:"maxio-components__sc-lo74t2-132"})(["&&&{width:100%;display:flex;flex-direction:column;}"]);const TableCellContainer=_styledComponents.default.td.withConfig({displayName:"maxio__TableCellContainer",componentId:"maxio-components__sc-lo74t2-133"})(["&&&{flex:1;display:flex;padding:0;}"]);const TableFooter$1=_styledComponents.default.div.withConfig({displayName:"maxio__TableFooter1",componentId:"maxio-components__sc-lo74t2-134"})(["&&&{display:flex;flex-direction:row;align-items:center;border-top:1px solid ",";flex-wrap:wrap;",";",";",";",";}"],_ref167=>{let{theme}=_ref167;return theme.colors.gray.extraLight;},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','footer')),_styledSystem.justifyContent,_styledSystem.padding,_styledSystem.gridGap);TableFooter$1.defaultProps={variant:'default'};const Table=_ref168=>{let{children,renderFooter}=_ref168;return/*#__PURE__*/_react.default.createElement(TableWrapper,null,/*#__PURE__*/_react.default.createElement(ScrollWrapper,null,/*#__PURE__*/_react.default.createElement(StyledTable,null,children)),renderFooter&&renderFooter());};var Table$1=Object.assign(Table,{Cell:TableCell,Row:TableRow,Head:TableHead,Header:TableHeader,Body:TableBody,CellContainer:TableCellContainer,Footer:TableFooter$1});const Wrapper$d=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperd",componentId:"maxio-components__sc-lo74t2-135"})(["&&&{display:flex;column-gap:","px;}"],_ref169=>{let{theme}=_ref169;return theme.space[3];});const DatePickerWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__DatePickerWrapper",componentId:"maxio-components__sc-lo74t2-136"})(["&&&{width:140px;}"]);const TimePickerWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TimePickerWrapper",componentId:"maxio-components__sc-lo74t2-137"})(["&&&{width:120px;}"]);const DateTimePicker=_ref170=>{let{onChange,modalRef,portalContainer,initialDate,disabled,minDate,maxDate}=_ref170;const initialDateTime=(0,_dayjs.default)(initialDate);const[time,setTime]=(0,_react.useState)({minute:initialDateTime.minute(),hour:initialDateTime.hour()});const[date,setDate]=(0,_react.useState)(initialDateTime.toDate());const onDateValueChange=date=>{setDate(date);const parsedDate=(0,_dayjs.default)(date).hour(time.hour).minute(time.minute);onChange(parsedDate);};const onTimeValueChange=time=>{setTime(time);const parsedDate=(0,_dayjs.default)(date).hour(time.hour).minute(time.minute);onChange(parsedDate);};return/*#__PURE__*/_react.default.createElement(Wrapper$d,null,/*#__PURE__*/_react.default.createElement(TimePickerWrapper,null,/*#__PURE__*/_react.default.createElement(TimePicker,{onChange:time=>onTimeValueChange(time),value:time,portalContainer:portalContainer,modalRef:modalRef,disabled:disabled})),/*#__PURE__*/_react.default.createElement(DatePickerWrapper,null,/*#__PURE__*/_react.default.createElement(DatePicker,{onChange:date=>onDateValueChange(date),value:date,portalContainer:portalContainer,modalRef:modalRef,minDate:minDate,maxDate:maxDate,disabled:disabled})));};_jsLogger.default.useDefaults();_jsLogger.default.createDefaultHandler();_jsLogger.default.setHandler((messages,context)=>{});const ZERO_DECIMAL_CURRENCIES=['JPY'];const formatCurrency=function(currency,value){let locale=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'en';const valueToFormat=ZERO_DECIMAL_CURRENCIES.includes(currency)?value:value/100;return new Intl.NumberFormat(locale,{style:'currency',currency}).format(valueToFormat);};const DAYS_PER_WEEK=7;const MONTHS_PER_YEAR=12;const formatBillingInterval=(interval,unit,t)=>{if(interval<1)return;const UNIT_INTERVAL_MAP={day:t('interval.daily'),week:t('interval.weekly'),month:t('interval.monthly'),year:t('interval.annually'),quarter:t('interval.quarterly')};if(interval===1){return UNIT_INTERVAL_MAP[unit];}if(interval===7&&unit==='day')return UNIT_INTERVAL_MAP['week'];if(interval===3&&unit==='month')return UNIT_INTERVAL_MAP['quarter'];if(interval===12&&unit==='month')return UNIT_INTERVAL_MAP['year'];if(unit==='day'&&interval%DAYS_PER_WEEK===0){const numberOfWeeks=interval/DAYS_PER_WEEK;return`${t('interval.every')} ${numberOfWeeks} ${t('interval.week',{count:numberOfWeeks})}`;}if(unit==='month'&&interval%MONTHS_PER_YEAR===0){const numberOfYears=interval/MONTHS_PER_YEAR;return`${t('interval.every')} ${numberOfYears} ${t('interval.year',{count:numberOfYears})}`;}return`${t('interval.every')} ${interval} ${t('interval.'+unit,{count:interval})}`;};const formatDate=function(date){let format=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'YYYY-MM-DD';return(0,_dayjs.default)(date).format(format);};const manipulateDate=_ref171=>{let{method='add',date,unit,value}=_ref171;if(method==='add')return(0,_dayjs.default)(date).add(value,unit).toString();return(0,_dayjs.default)(date).subtract(value,unit).toString();};const camelToUnderscore=key=>key.replace(/([A-Z])/g,'_$1').toLowerCase();const camelCaseToSnakeCase=record=>{const transformedRecord={};for(let camelKey in record){transformedRecord[camelToUnderscore(camelKey)]=record[camelKey];}return transformedRecord;};const prepareQueryParams=requestParams=>_queryString.default.stringify(camelCaseToSnakeCase(requestParams),{arrayFormat:'comma',skipNull:true,skipEmptyString:true});var HttpMethod;(function(HttpMethod){HttpMethod["GET"]="get";HttpMethod["POST"]="post";HttpMethod["PUT"]="put";HttpMethod["DELETE"]="delete";})(HttpMethod||(HttpMethod={}));const requestHandler=function(url,requestBody){let method=arguments.length>2&&arguments[2]!==undefined?arguments[2]:HttpMethod.GET;let headers=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};return new Promise(async(resolve,reject)=>{const body=requestBody?JSON.stringify(camelCaseToSnakeCase(requestBody)):null;const response=await fetch(url,{body,headers:{...headers,'Content-Type':'application/json'},method});const json=await response.json();const data=(0,_camelcaseKeys.default)(json,{deep:true});if(!response.ok){reject(data);}resolve(data);});};class DataAccess{baseUrl=null;sessionManager=null;constructor(_ref172){let{baseUrl,sessionManager}=_ref172;this.sessionManager=sessionManager;this.baseUrl=baseUrl;}performRequest(url){let body=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;let method=arguments.length>2&&arguments[2]!==undefined?arguments[2]:HttpMethod.GET;return requestHandler(url,body,method,{Authorization:`Bearer ${this.sessionManager.accessToken}`});}async getProductsCatalog(){return this.performRequest(`${this.baseUrl}/subscriptions/product_families`);}async getBillingPortalSettings(){return this.performRequest(`${this.baseUrl}/settings`);}async getProducts(productFamilyId){return this.performRequest(`${this.baseUrl}/product_families/${productFamilyId}/products`);}async previewProductMigration(subscriptionId,productId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/preview_product_migration`,{product_id:productId},HttpMethod.POST);}async migrateProduct(subscriptionId,productId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/products/${productId}`,{},HttpMethod.PUT);}async getComponents(subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/components`);}async getGatewayConfig(){return this.performRequest(`${this.baseUrl}/gateway_config`).then(response=>({...response,vaultCurrencies:(0,_snakecaseKeys.default)(response.vaultCurrencies)}));}async createPaymentProfile(token){return this.performRequest(`${this.baseUrl}/payment_profiles`,{token},HttpMethod.POST);}async updateSubscriptionPaymentProfile(paymentProfileId,subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/payment_profiles/${paymentProfileId}`,{},HttpMethod.PUT);}async replacePaymentProfiles(paymentProfileIdsForReplacement,newPaymentProfileId){return this.performRequest(`${this.baseUrl}/subscriptions/payment_profiles`,{billing:{payment_profile_id:newPaymentProfileId},paymentProfiles:paymentProfileIdsForReplacement.map(id=>({id}))},HttpMethod.PUT);}async resumeSubscription(subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/resume`,null,HttpMethod.POST);}async getSubscriptionResumptionConfig(){return this.performRequest(`${this.baseUrl}/subscriptions/resumption_config`);}async updateSubscriptionResumptionDate(subscriptionId,autoResumeDate){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/hold`,{automatically_resume_at:autoResumeDate},HttpMethod.PUT);}async getSubscriptions(){return this.performRequest(`${this.baseUrl}/subscriptions`);}async getSubscriptionDetails(subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/details`);}async addCoupon(subscriptionId,couponCode){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/coupons`,{coupon_code:couponCode},HttpMethod.PUT);}async getCustomerDetails(){return this.performRequest(`${this.baseUrl}/customer`);}async updateCustomerDetails(customerDetails){const{address2,...rest}=customerDetails;const data={address_2:address2,...rest};return this.performRequest(`${this.baseUrl}/customer`,data,HttpMethod.PUT);}async getCountrySubdivisions(countryCode){return this.performRequest(`${this.baseUrl}/subdivisions?${prepareQueryParams({countryCode})}`);}async getCountries(){return this.performRequest(`${this.baseUrl}/countries`);}async getInvoices(requestParams){return this.performRequest(`${this.baseUrl}/invoices?${prepareQueryParams(requestParams)}`);}async getInvoiceFilters(){return this.performRequest(`${this.baseUrl}/invoices/filters`);}async previewComponentAllocations(subscriptionId,body){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/preview_allocations`,body,HttpMethod.POST);}async updateComponentAllocations(subscriptionId,body){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/allocations`,body,HttpMethod.POST);}async getSubscriptionCustomFields(subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/custom_fields`);}async getCustomerCustomFields(){return this.performRequest(`${this.baseUrl}/customer/custom_fields`);}async updateCustomerCustomFields(customFields){return this.performRequest(`${this.baseUrl}/customer/custom_fields`,{fields:customFields},HttpMethod.PUT);}async updateSubscriptionCustomFields(subscriptionId,customFields){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/custom_fields`,{fields:customFields},HttpMethod.PUT);}async pauseSubscription(subscriptionId,automaticallyResumeAt){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/hold`,{automaticallyResumeAt},HttpMethod.POST);}async cancelSubscription(_ref173){let{subscriptionId,...rest}=_ref173;{return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/cancel`,rest,HttpMethod.POST);}}async getPaymentProfiles(){return this.performRequest(`${this.baseUrl}/payment_profiles`);}async deletePaymentProfile(paymentProfileId){return this.performRequest(`${this.baseUrl}/payment_profiles/${paymentProfileId}`,{},HttpMethod.DELETE);}async undoCancelation(subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/cancel`,null,HttpMethod.DELETE);}async getChurnReasonCodes(){return this.performRequest(`${this.baseUrl}/churn_reason_codes`);}async getInvoicePDF(invoiceId){return await fetch(`${this.baseUrl}/invoices/${invoiceId}/pdf`,{body:null,headers:{Authorization:`Bearer ${this.sessionManager.accessToken}`,'Content-Type':'application/pdf'},method:HttpMethod.GET}).then(resp=>resp.arrayBuffer());}async reactivateSubscription(subscriptionId,couponCode){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/reactivate`,{couponCode},HttpMethod.PUT);}}const DataAccessContext=/*#__PURE__*/(0,_react.createContext)({dataAccess:null});class SessionManager{accessTokenUrl;onAuthenticationRequest;onAuthenticationRequestAsync;token;expDate;iatDate;tokenLifespanInMilliseconds=null;tokenRefreshIntervalHandle=null;tokenCheckIntervalHandle=null;intervalInMilliseconds;failedAttemptsNumber=0;maxRetryNumber=0;tokenValid=false;managerInitialized=false;managerInitializing=false;logger=null;subscriptions=[];apiUrl;constructor(_ref174){let{accessTokenUrl,onAuthenticationRequest,onAuthenticationRequestAsync,intervalInMilliseconds=5000,maxRetryNumber=3,apiUrl}=_ref174;this.accessTokenUrl=accessTokenUrl;this.onAuthenticationRequest=onAuthenticationRequest;this.onAuthenticationRequestAsync=onAuthenticationRequestAsync;this.intervalInMilliseconds=intervalInMilliseconds;this.maxRetryNumber=maxRetryNumber;this.logger=_jsLogger.default.get('@session-manager');this.apiUrl=apiUrl;}initialize(){if(!this.managerInitializing&&!this.managerInitialized){this.managerInitializing=true;this.logger.info('Initializing session manager');this.authenticateUser();}}async authenticateUser(){let headers={'Content-Type':'application/json'};if(this.onAuthenticationRequest){const userHeaders=this.onAuthenticationRequest();headers={...headers,...userHeaders};}if(this.onAuthenticationRequestAsync){const userHeaders=await this.onAuthenticationRequestAsync();headers={...headers,...userHeaders};}this.logger.info('Performing request to obtain JWT access token');fetch(this.accessTokenUrl,{method:'POST',headers:headers}).then(response=>{if(!response.ok){throw new Error('Network response was not OK');}return response.json();}).then(async data=>{this.token=data.token;const decoded=(0,_jwtDecode.default)(data.token);this.logger.info('JWT access token successfuly obtained');await this.handleDecodedToken(decoded);this.tokenValid=true;this.failedAttemptsNumber=0;this.managerInitialized=true;this.managerInitializing=false;this.tokenRefreshIntervalHandle=this.checkTokenRefresh();this.notifySubscribers();}).catch(error=>{const isTokenLifespanError=error instanceof Error&&(error.message==='Failed to fetch token lifespan'||error.message==='API URL is not set');this.failedAttemptsNumber+=1;if(this.failedAttemptsNumber<this.maxRetryNumber&&!isTokenLifespanError){this.logger.warn('There was a problem with obtaining JWT access token');return this.authenticateUser();}if(this.expDate){this.tokenCheckIntervalHandle=setInterval(()=>{const timeLeft=this.expDate.diff((0,_dayjs.default)());if(timeLeft<=0){this.tokenValid=false;this.notifySubscribers();clearInterval(this.tokenCheckIntervalHandle);}},this.intervalInMilliseconds);}});}notifySubscribers(){this.subscriptions.forEach(_ref175=>{let{callback}=_ref175;return callback({isInitialized:this.isManagerInitialized,isTokenValid:this.isTokenValid});});}checkTokenRefresh(){return setInterval(()=>{if(this.expDate&&this.tokenLifespanInMilliseconds){const timeLeft=this.expDate.diff((0,_dayjs.default)());if(timeLeft<this.tokenLifespanInMilliseconds/2){if(this.tokenRefreshIntervalHandle!=null){clearInterval(this.tokenRefreshIntervalHandle);}this.authenticateUser();}}else{this.logger.warn('Token expiration date not set, cannot authenticate user.');}},this.intervalInMilliseconds);}async handleDecodedToken(decodedToken){this.iatDate=_dayjs.default.unix(decodedToken.iat);if(decodedToken.exp){this.expDate=_dayjs.default.unix(decodedToken.exp);this.tokenLifespanInMilliseconds=this.expDate.diff(this.iatDate);}else{if(this.tokenLifespanInMilliseconds){this.expDate=this.iatDate.clone().add(this.tokenLifespanInMilliseconds/1000,'seconds');}else{const maxTokenExpirationSeconds=await this.getTokenLifespan();this.tokenLifespanInMilliseconds=maxTokenExpirationSeconds*1000;this.expDate=this.iatDate.add(maxTokenExpirationSeconds,'seconds');}}}async getTokenLifespan(){if(!this.apiUrl){this.logger.error('API URL is not set. Cannot fetch token lifespan.');throw new Error('API URL is not set');}try{const response=await fetch(`${this.apiUrl}/session-config`,{method:'GET',headers:{'Content-Type':'application/json',Authorization:`Bearer ${this.token}`}});const json=await response.json();return json.max_token_expiration_seconds;}catch{throw new Error('Failed to fetch token lifespan');}}destroy(){clearInterval(this.tokenRefreshIntervalHandle);clearInterval(this.tokenCheckIntervalHandle);}subscribe(callback){const subscriptionId=this.subscriptions.length++;this.subscriptions.push({id:subscriptionId,callback});return()=>{this.subscriptions=this.subscriptions.filter(_ref176=>{let{id}=_ref176;return id!==subscriptionId;});};}get accessToken(){return this.token;}get isTokenValid(){return this.tokenValid;}get isManagerInitialized(){return this.managerInitialized;}}const toastMessageMotion={initial:{opacity:0,x:50,scale:0.3},animate:{opacity:1,x:0,scale:1},exit:{opacity:0,scale:0}};const Container$6=_styledComponents.default.div.withConfig({displayName:"maxio__Container6",componentId:"maxio-components__sc-lo74t2-138"})(["&&&{display:flex;flex-direction:column;align-items:flex-end;grid-row-gap:10px;padding:24px 16px;box-sizing:border-box;",";}"],props=>props.centerNotifications&&(0,_styledComponents.css)(["justify-content:center;align-items:center;width:100%;"]));const ToastMessagesContext=/*#__PURE__*/(0,_react.createContext)({service:null});const createToastMachine=(messageId,hideAfterTimeMs)=>(0,_xstate.createMachine)({predictableActionArguments:true,context:{messageId},initial:'visible',states:{visible:{after:{HIDE_DELAY:{target:'exit'}}},exit:{entry:[(0,_xstate.sendParent)(ctx=>({type:'HIDE_TOAST',messageId:ctx.messageId}))]}}},{delays:{HIDE_DELAY:hideAfterTimeMs}});const DEFAULT_HIDE_TIME=2000;const initialContext$e={items:[]};const toasts=(0,_xstate.createMachine)({id:'toasts',predictableActionArguments:true,initial:'idle',context:initialContext$e,on:{HIDE_TOAST:{actions:[(0,_xstate.assign)((ctx,event)=>({items:ctx.items.filter(_ref177=>{let{id}=_ref177;return id!==event.messageId;})}))]},SHOW_TOAST:{actions:[(0,_xstate.assign)((ctx,event)=>{const id=(0,_uuid.v4)();return{items:[...ctx.items,{id,message:event.message,level:event.level,ref:(0,_xstate.spawn)(createToastMachine(id,event.visibilityTimeMs||DEFAULT_HIDE_TIME))}]};})]}},states:{idle:{}}});const setNotificationsPosition=(htmlElement,device)=>{if(device==='mobile'){htmlElement.style.left='0px';htmlElement.style.top='0px';htmlElement.style.bottom='initial';htmlElement.style.right='initial';htmlElement.style.width='100%';}else{htmlElement.style.bottom='0px';htmlElement.style.right='0px';htmlElement.style.left='initial';htmlElement.style.top='initial';htmlElement.style.width='initial';}};const ToastsContainer=_ref178=>{let{children}=_ref178;const el=(0,_react.useRef)(null);const[isMounted,setMounted]=(0,_react.useState)(false);const[state,send]=(0,_react2.useMachine)(toasts);const{device}=useDeviceInfo();(0,_react.useEffect)(()=>{el.current=document.createElement('div');el.current.setAttribute('data-testid','toast-notifications-portal');el.current.style.position='fixed';el.current.style.pointerEvents='none';el.current.style.zIndex='2';document.body.appendChild(el.current);setMounted(true);return()=>{el.current.remove();};},[]);(0,_react.useEffect)(()=>{if(el.current){setNotificationsPosition(el.current,device);}},[device]);const toastService=(0,_react.useMemo)(()=>({show:_ref179=>{let{message,level,hideAfterTimeMs}=_ref179;send('SHOW_TOAST',{message,level,hideAfterTimeMs});}}),[]);const toastNotifications=device==='mobile'?[...state.context.items].reverse():state.context.items;return/*#__PURE__*/_react.default.createElement(ToastMessagesContext.Provider,{value:{service:toastService}},children,isMounted?/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(Container$6,{centerNotifications:device==='mobile'},/*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence,null,toastNotifications.map(_ref180=>{let{id,message,level}=_ref180;return/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{...toastMessageMotion,key:id,layout:true},/*#__PURE__*/_react.default.createElement(ToastMessage,{type:level,message:message}));}))),el.current):null);};const useToastMessages=()=>{const{service}=(0,_react.useContext)(ToastMessagesContext);return service;};const SessionContext=/*#__PURE__*/_react.default.createContext({sessionInitialized:false});const SessionGuard=_ref181=>{let{children,sessionManager}=_ref181;const[sessionInitialized,setSessionInitialize]=(0,_react.useState)(sessionManager.isManagerInitialized);(0,_react.useEffect)(()=>{const dispose=sessionManager.subscribe(_ref182=>{let{isInitialized}=_ref182;setSessionInitialize(isInitialized);});return()=>dispose();},[]);return/*#__PURE__*/_react.default.createElement(SessionContext.Provider,{value:{sessionInitialized}},children);};const useSettings=clientSettings=>{const[settings,setSettings]=(0,_react.useState)(null);const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{sessionInitialized}=(0,_react.useContext)(SessionContext);(0,_react.useEffect)(()=>{async function getSettings(){const data=await dataAccess.getBillingPortalSettings();const dataWithBillingHistory={...data,billingHistory:{}};const mergedSettingsObject=Object.keys(dataWithBillingHistory).reduce((acc,key)=>{return{...acc,[key]:{...clientSettings[key],...dataWithBillingHistory[key]}};},dataWithBillingHistory);setSettings(mergedSettingsObject);}if(sessionInitialized)getSettings();},[clientSettings,dataAccess,sessionInitialized]);return settings;};const DefaultLoader=()=>/*#__PURE__*/_react.default.createElement("p",null,"Session loading...");const ComponentLoader=_ref183=>{let{component,loader,clientSettings}=_ref183;const{sessionInitialized}=(0,_react.useContext)(SessionContext);const settings=useSettings(clientSettings);let componentToRender;if(sessionInitialized&&settings){return/*#__PURE__*/_react.default.createElement(component,{...settings});}else if(loader){componentToRender=loader;}else{componentToRender=DefaultLoader;}return/*#__PURE__*/_react.default.createElement(componentToRender);};class EmbeddableComponent{i18n;componentsTheme;rootNode=null;sessionManager=null;dataAccess=null;constructor(_ref184){let{i18n,componentsTheme,dataAccess,sessionManager}=_ref184;this.componentsTheme=componentsTheme;this.sessionManager=sessionManager;this.dataAccess=dataAccess;this.i18n=i18n;}getMountNode(container){const node=typeof container==='string'?document.querySelector(container):container;return node;}destroy(){this.rootNode.unmount();}renderComponent(container,component,settings,loader){const mountNode=this.getMountNode(container);this.rootNode=(0,_client.createRoot)(mountNode);const{breakpoints:[tabletBreakpoint,desktopBreakpoint]}=this.componentsTheme;this.rootNode.render(/*#__PURE__*/_react.default.createElement(ThemeProvider,{theme:this.componentsTheme},/*#__PURE__*/_react.default.createElement(DeviceProvider,{tabletMinWidth:tabletBreakpoint,desktopMinWidth:desktopBreakpoint},/*#__PURE__*/_react.default.createElement(ToastsContainer,null,/*#__PURE__*/_react.default.createElement(_reactI18next.I18nextProvider,{i18n:this.i18n},/*#__PURE__*/_react.default.createElement(DataAccessContext.Provider,{value:{dataAccess:this.dataAccess}},/*#__PURE__*/_react.default.createElement(SessionGuard,{sessionManager:this.sessionManager},/*#__PURE__*/_react.default.createElement(ComponentLoader,{component:component,clientSettings:settings,loader:loader}))))))));}}const defaultSettings$2={customerProfile:{editAllowed:null,customerDataVisibleFields:['address','address2','city','state','zip','firstName','lastName','email','ccEmails','organization','vatNumber','phoneNumber','country','state']}};const ConfigContext$2=/*#__PURE__*/(0,_react.createContext)(defaultSettings$2);const GlobalStateContext$2=/*#__PURE__*/(0,_react.createContext)({customerDataService:null,customFieldsService:null});const customerData=(0,_xstate.createMachine)({id:'customerData',predictableActionArguments:true,context:{initialData:null},on:{EDIT_CONTACT_DETAILS:{target:'contactDetails.edit'},EDIT_SHIPPING_ADDRESS:{target:'shippingAddress.edit'}},initial:'idle',states:{idle:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{src:'getCustomerData',onDone:{target:'idle',actions:(0,_xstate.assign)((_ctx,event)=>{return{initialData:event.data};})},onError:{target:'error'}}},error:{on:{INITIALIZE:{target:'loading'}}},shippingAddress:{id:'shippingAddress',initial:'idle',states:{idle:{on:{EDIT:{target:'edit'}}},edit:{id:'shippingAddressEdit',initial:'idle',states:{idle:{on:{SAVE:{target:'saving'},CANCEL:{target:'#shippingAddress.idle'}}},saving:{invoke:{src:'saveCustomerData',onDone:{target:'#shippingAddress.idle',actions:[(0,_xstate.assign)((_ctx,event)=>{return{initialData:event.data};}),'onSuccessUpdate']},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#shippingAddress.idle'},SAVE:{target:'saving'}}}}}}},contactDetails:{id:'contactDetails',initial:'idle',states:{idle:{on:{EDIT:{target:'edit'}}},edit:{id:'contactDetailsEdit',initial:'idle',states:{idle:{on:{SAVE:{target:'saving'},CANCEL:{target:'#contactDetails.idle'}}},saving:{invoke:{src:'saveCustomerData',onDone:{target:'#contactDetails.idle',actions:[(0,_xstate.assign)((_ctx,event)=>{return{initialData:event.data};}),'onSuccessUpdate']},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#contactDetails.idle'},SAVE:{target:'saving'}}}}}}}}});const renderField=_ref185=>{let{id,name,value,fieldType,options,onChange,maxLength,portalContainer}=_ref185;const onValueChange=newValue=>onChange(id,newValue);switch(fieldType){case'text':return/*#__PURE__*/_react.default.createElement(Input$1,{value:value,onChange:e=>onValueChange(e.target.value),name:name,maxLength:maxLength,id:`${id}`});case'dropdown':const selectOptions=options.map(option=>({label:option,value:option}));return/*#__PURE__*/_react.default.createElement(Select,{portalContainer:portalContainer,options:selectOptions,selectedValue:value,onSelect:item=>onValueChange(item.value)});case'radio':const radioOptions=options.map(option=>({label:option,value:option}));return/*#__PURE__*/_react.default.createElement(RadioGroup,{options:radioOptions,onValueChange:onValueChange,selectedValue:value});default:return/*#__PURE__*/_react.default.createElement(BodyText,null,"Field type not recognized: ",fieldType);}};const updateCustomFields=(customFields,updatedValues)=>{return customFields.map(field=>{const updatedField=updatedValues.find(updatedField=>updatedField.id===field.id);return{...field,value:updatedField?updatedField.value:field.value};});};const customFields=(0,_xstate.createMachine)({id:'customFields',predictableActionArguments:true,context:{customFields:null},initial:'idle',states:{idle:{on:{INITIALIZE:{target:'loading'},EDIT_CUSTOM_FIELDS:{target:'customFieldsEdit'}}},loading:{invoke:{src:'getCustomerCustomFields',onDone:{target:'idle',actions:(0,_xstate.assign)((_ctx,event)=>{return{customFields:event.data.items};})},onError:{target:'error'}}},error:{on:{INITIALIZE:{target:'loading'}}},customFieldsEdit:{id:'customFieldsEdit',initial:'idle',states:{idle:{on:{SAVE:{target:'saving'},CANCEL:{target:'#customFields'}}},saving:{invoke:{src:'saveCustomerCustomFields',onDone:{target:'#customFields.idle',actions:[(0,_xstate.assign)((ctx,event)=>{return{customFields:updateCustomFields(ctx.customFields,event.data.fields)};}),'onSuccessUpdate']},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#customFields'},SAVE:{target:'saving'}}}}}}});const GlobalStateProvider$2=_ref186=>{let{children}=_ref186;const{t}=(0,_reactI18next.useTranslation)();const toastsService=useToastMessages();const{dataAccess}=(0,_react.useContext)(DataAccessContext);const customerDataService=(0,_react2.useInterpret)(customerData,{services:{getCustomerData:()=>dataAccess.getCustomerDetails(),saveCustomerData:(_event,payload)=>dataAccess.updateCustomerDetails(payload.addressData)},actions:{onSuccessUpdate:()=>{toastsService.show({level:'success',message:t('changes_saved')});}}});const customFieldsService=(0,_react2.useInterpret)(customFields,{services:{getCustomerCustomFields:()=>{return dataAccess.getCustomerCustomFields();},saveCustomerCustomFields:(_event,payload)=>{return dataAccess.updateCustomerCustomFields(payload.fields);}},actions:{onSuccessUpdate:()=>{toastsService.show({level:'success',message:t('changes_saved')});}}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext$2.Provider,{value:{customerDataService,customFieldsService}},children);};const MessageContainer=_styledComponents.default.div.withConfig({displayName:"maxio__MessageContainer",componentId:"maxio-components__sc-lo74t2-139"})(["&&&{",";",";}"],_ref187=>{let{theme,type}=_ref187;return(0,_styledComponents.css)(["min-height:",";"],theme.lineHeights[theme.components.InputMessage.componentVariants.type.variants[type].lineHeight]);},_styledSystem.margin);const SelectField=_ref188=>{let{value,label,name,options,error,required,placeholder,onChange,onValidateField,selectOptionLabel,searchLabel,isLoadingOptions,targetElementRef}=_ref188;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(InputLabel,{label:label,htmlFor:name,required:required})),/*#__PURE__*/_react.default.createElement(Select,{id:name,name:name,selectedValue:value,onSelect:_ref189=>{let{value}=_ref189;return onChange(value);},onBlur:_ref190=>{let{value}=_ref190;return onValidateField(value);},options:options,filterable:true,placeholder:placeholder,hasError:!!error,optionsLoading:isLoadingOptions,searchLabel:searchLabel,selectOptionLabel:selectOptionLabel,targetElementRef:targetElementRef}),/*#__PURE__*/_react.default.createElement(MessageContainer,{type:"error",marginTop:2},error&&/*#__PURE__*/_react.default.createElement(InputMessage,{message:error,type:"error"})));};const NO_STATE_OPTION={name:'No state',code:'NO_STATE'};const initialContext$d={countries:[],subdivisions:[]};const addressMachine=(0,_xstate.createMachine)({id:'addressMachine',predictableActionArguments:true,context:initialContext$d,type:'parallel',states:{country:{initial:'idle',states:{idle:{on:{FETCH_COUNTRY:{target:'fetching'}}},fetching:{invoke:{id:'fetchCountries',src:'getCountries',onDone:{target:'idle',actions:[(0,_xstate.assign)((_ctx,event)=>({countries:event.data.items}))]},onError:{target:'error'}}},error:{}}},subdivision:{initial:'idle',states:{idle:{on:{FETCH_SUBDIVISION:{target:'fetching'}}},fetching:{invoke:{id:'fetchSubdivisions',src:'getSubdivisions',onDone:{target:'idle',actions:[(0,_xstate.assign)((_ctx,event)=>({subdivisions:event.data.items}))]},onError:{target:'idle',actions:[(0,_xstate.assign)((_ctx,event)=>({subdivisions:[NO_STATE_OPTION]}))]}}},error:{}}}}});const getCountries=machineState=>({items:machineState.context.countries||[],isLoading:machineState.matches('country.fetching')});const getSubdivisions=machineState=>({items:machineState.context.subdivisions||[],isLoading:machineState.matches('subdivision.fetching')});const addressSelectors={getCountries,getSubdivisions};const formatOptions=options=>options.map(_ref191=>{let{code,name}=_ref191;return{label:name,value:code};});const defaultTranslations$1={country:{label:'Country',placeholder:'Select country'},city:{label:'City',placeholder:'City'},address:{label:'Street Address 1',placeholder:'Street, Number, Apt./Suite'},address2:{label:'Street Address 2',placeholder:'Street, Number, Apt./Suite'},state:{label:'State',placeholder:'Select state'},zip:{label:'ZIP Code',placeholder:'00000'},postalCode:{label:'Postal Code',placeholder:'00000'},region:{label:'State / Region',placeholder:'Select state'},error:{invalid:'This field is invalid',required:'This field is required'},input:{selectOptionLabel:'Select value',searchLabel:'Type to search'}};const Address=_ref192=>{let{values,requiredFields=['address','address2','city','country','zip','state'],errors={},translations=defaultTranslations$1,format='us',onChange,onValidateField,targetElementRef}=_ref192;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{address,address2,city,state,country,zip}=values;const{address:addressTranslation,address2:address2Translation,city:cityTranslation,state:stateTranslation,country:countryTranslation,zip:zipTranslation,postalCode:postalCodeTranslation,region:regionTranslation,input:inputTranslations,error:{invalid:errorInvalidLabel,required:errorRequiredLabel}}=translations;const autoCompleteId=(0,_react.useId)();const onValidate=(fieldName,value)=>{onValidateField&&onValidateField(fieldName,value);};const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const[,sendToMachine,service]=(0,_react2.useMachine)(addressMachine,{services:{getCountries:()=>dataAccess.getCountries(),getSubdivisions:(_ctx,event)=>{if(event.type==='FETCH_SUBDIVISION')return dataAccess.getCountrySubdivisions(event.country);}}});const countries=(0,_react2.useSelector)(service,addressSelectors.getCountries);const subdivisions=(0,_react2.useSelector)(service,addressSelectors.getSubdivisions);const handleErrorMessage=error=>{if(error==='required')return errorRequiredLabel;if(error==='invalid')return errorInvalidLabel;return null;};(0,_react.useEffect)(()=>{sendToMachine({type:'FETCH_COUNTRY'});if(country){sendToMachine({type:'FETCH_SUBDIVISION',country});}},[]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(SelectField,{name:"country",label:countryTranslation.label,placeholder:countryTranslation.placeholder,value:country,options:formatOptions(countries.items),required:requiredFields.includes('country'),error:handleErrorMessage(errors.country),searchLabel:inputTranslations.searchLabel,selectOptionLabel:inputTranslations.selectOptionLabel,onChange:updatedCountry=>{onChange('country',updatedCountry);if(updatedCountry!==country){onChange('state','');sendToMachine({type:'FETCH_SUBDIVISION',country:updatedCountry});}},onValidateField:value=>onValidate('country',value),isLoadingOptions:countries.isLoading,targetElementRef:targetElementRef})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16},/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:12},/*#__PURE__*/_react.default.createElement(FormField,{label:addressTranslation.label,name:"address",hasError:!!errors.address,error:handleErrorMessage(errors.address),required:requiredFields.includes('address'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"address",id:"address",autoComplete:autoCompleteId,value:address,placeholder:addressTranslation.placeholder,fullWidth:true,hasError:!!errors.address,onBlur:()=>onValidate('address',address),onChange:e=>onChange('address',e.currentTarget.value)}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:12},/*#__PURE__*/_react.default.createElement(FormField,{label:address2Translation.label,name:"address2",hasError:!!errors.address2,error:handleErrorMessage(errors.address2),required:requiredFields.includes('address2'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"address2",id:"address2",value:address2,autoComplete:autoCompleteId,placeholder:address2Translation.placeholder,fullWidth:true,hasError:!!errors.address2,onBlur:()=>onValidate('address2',address2),onChange:e=>onChange('address2',e.currentTarget.value)}))))),format==='us'?(/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16},/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:12},/*#__PURE__*/_react.default.createElement(FormField,{label:cityTranslation.label,name:"city",hasError:!!errors.city,error:handleErrorMessage(errors.city),required:requiredFields.includes('city'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"city",id:"city",autoComplete:autoCompleteId,value:city,placeholder:cityTranslation.placeholder,fullWidth:true,hasError:!!errors.city,onBlur:()=>onValidate('city',city),onChange:e=>onChange('city',e.currentTarget.value)}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?12:6},/*#__PURE__*/_react.default.createElement(SelectField,{name:"state",label:stateTranslation.label,placeholder:stateTranslation.placeholder,value:state,searchLabel:inputTranslations.searchLabel,selectOptionLabel:inputTranslations.selectOptionLabel,options:formatOptions(subdivisions.items),required:requiredFields.includes('state'),onChange:state=>onChange('state',state),onValidateField:value=>onValidate('state',value),targetElementRef:targetElementRef})),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?12:6},/*#__PURE__*/_react.default.createElement(FormField,{label:zipTranslation.label,name:"zip",hasError:!!errors.zip,error:handleErrorMessage(errors.zip),required:requiredFields.includes('zip'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"zip",id:"zip",value:zip,autoComplete:autoCompleteId,placeholder:zipTranslation.placeholder,fullWidth:true,hasError:!!errors.zip,onBlur:()=>onValidate('zip',zip),onChange:e=>onChange('zip',e.currentTarget.value)}))))):(/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16},/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?12:8},/*#__PURE__*/_react.default.createElement(FormField,{label:postalCodeTranslation.label,name:"zip",hasError:!!errors.zip,error:handleErrorMessage(errors.zip),required:requiredFields.includes('zip'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"zip",id:"zip",value:zip,autoComplete:autoCompleteId,placeholder:postalCodeTranslation.placeholder,fullWidth:true,hasError:!!errors.zip,onBlur:()=>onValidate('zip',zip),onChange:e=>onChange('zip',e.currentTarget.value)}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?12:8},/*#__PURE__*/_react.default.createElement(FormField,{label:cityTranslation.label,name:"city",hasError:!!errors.city,error:handleErrorMessage(errors.city),required:requiredFields.includes('city'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"city",id:"city",value:city,autoComplete:autoCompleteId,placeholder:cityTranslation.placeholder,fullWidth:true,hasError:!!errors.city,onBlur:()=>onValidate('city',city),onChange:e=>onChange('city',e.currentTarget.value)}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:8},/*#__PURE__*/_react.default.createElement(SelectField,{name:"state",searchLabel:inputTranslations.searchLabel,selectOptionLabel:inputTranslations.selectOptionLabel,label:regionTranslation.label,placeholder:regionTranslation.placeholder,value:state,options:formatOptions(subdivisions.items),required:requiredFields.includes('state'),onChange:state=>onChange('state',state),onValidateField:value=>onValidate('state',value),isLoadingOptions:subdivisions.isLoading,targetElementRef:targetElementRef})))));};const createAddressValidationSchema=function(){let requiredFields=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];const schema={address:yup.string(),address2:yup.string(),city:yup.string(),country:yup.string(),state:yup.string(),zip:yup.string()};requiredFields.forEach(fieldName=>{if(schema[fieldName]){schema[fieldName]=schema[fieldName].required('required');}});const schemaValidator=yup.object(schema);return schemaValidator;};const useFormatAddress=address=>{const address1=address.address??'';const address2=address.address2??'';const city=address.city??'';const country=address.country??'';const state=address.state??'';const zip=address.zip??'';return{address:address1,address2,city,country,state,zip};};const getContactDataLoading=machineState=>({isLoading:machineState.matches('loading')});const getShippingAddressStatus=machineState=>({isSaving:machineState.matches('shippingAddress.edit.saving'),isEdit:machineState.matches('shippingAddress.edit.idle'),isError:machineState.matches('shippingAddress.edit.error')});const getContactDetailsStatus=machineState=>({isSaving:machineState.matches('contactDetails.edit.saving'),isEdit:machineState.matches('contactDetails.edit.idle'),isError:machineState.matches('contactDetails.edit.error')});const getCustomerDetailsData=machineState=>({data:machineState.context.initialData});const customerDataSelectors={getCustomerDetailsData,getShippingAddressStatus,getContactDetailsStatus,getContactDataLoading};const DetailRow$3=_ref193=>{let{label,value,hint}=_ref193;if(!value)return null;return/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:'2'},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,8]},/*#__PURE__*/_react.default.createElement("div",{"data-testid":"detail-label"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'gray.dark',fontWeight:2},label))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,16]},hint&&(/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body3',color:'gray.dark'},hint)),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'black.main',overflow:"break-word"},value))));};const getFullNameLabel=(t,firstName,lastName)=>{if(firstName&&lastName){return t('contact_details.full_name');}if(firstName){return t('contact_details.first_name');}if(lastName){return t('contact_details.last_name');}return null;};const getFullName=(firstName,lastName)=>{if(!firstName&&!lastName){return null;}return`${firstName||''} ${lastName||''}`.trim();};const getVisibleContactDetailsFields=(contactDetails,visibleFields)=>Object.keys(contactDetails).filter(field=>visibleFields.includes(field)).reduce((acc,field)=>{return{...acc,[field]:contactDetails[field]};},{});const ContactDetails=_ref194=>{let{contactDetails,onEdit,editAllowed}=_ref194;const{t}=(0,_reactI18next.useTranslation)(['customer-details']);const{customerProfile}=(0,_react.useContext)(ConfigContext$2);const{customerDataVisibleFields}=customerProfile;const{firstName,lastName,email,phoneNumber,ccEmails,organization,vatNumber}=(0,_react.useMemo)(()=>getVisibleContactDetailsFields(contactDetails,customerDataVisibleFields),[contactDetails,customerDataVisibleFields]);return/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('contact_details.organization_name'),value:organization}),/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:getFullNameLabel(t,firstName,lastName),value:getFullName(firstName,lastName)}),/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('contact_details.phone'),value:phoneNumber}),/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('contact_details.email'),value:email}),/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('contact_details.emails_cc'),value:ccEmails?.join(', '),hint:t('contact_details.email_hint')}),/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('contact_details.vat_number'),value:vatNumber}),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},editAllowed?(/*#__PURE__*/_react.default.createElement(Button$1,{onClick:onEdit,color:'secondary',iconLeft:"edit",label:t('contact_details.edit_contact_details')})):null)));};const emailRegex=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;const CodeBlock=_styledComponents.default.code.withConfig({displayName:"maxio__CodeBlock",componentId:"maxio-components__sc-lo74t2-140"})(["&&&{box-sizing:border-box;border-radius:","px;border:1px solid ",";",";",";",";",";}"],_ref195=>{let{theme}=_ref195;return theme.radii[1];},_ref196=>{let{theme}=_ref196;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.color,_styledSystem.borderRadius,_styledSystem.padding);const InputHint=_styledComponents.default.div.withConfig({displayName:"maxio__InputHint",componentId:"maxio-components__sc-lo74t2-141"})(["&&&{display:flex;flex-direction:column;row-gap:","px;",";}"],_ref197=>{let{theme}=_ref197;return theme.space[2];},_styledSystem.margin);_styledComponents.default.div.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-142"})(["&&&{display:flex;gap:","px;}"],_ref198=>{let{theme}=_ref198;return theme.space[5];});const ContactDetailsForm=_ref199=>{let{values,onCancel,onSubmit,isSaving}=_ref199;const{t}=(0,_reactI18next.useTranslation)('customer-details');const[formValue,setFormValue]=(0,_react.useState)(values);const handleChange=(name,value)=>{setFormValue({...formValue,[name]:value});};return/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement("form",{onSubmit:e=>{e.preventDefault();onSubmit(formValue);}},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(FormField,{label:t('contact_details.organization_name'),name:'organization',fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,value:formValue.organization,placeholder:t('contact_details.organization_name_placeholder'),onChange:e=>handleChange(e.target.name,e.target.value),name:'organization',id:'organization'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,12]},/*#__PURE__*/_react.default.createElement(FormField,{fullWidth:true,label:t('contact_details.first_name'),name:'firstName'},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,placeholder:t('contact_details.first_name_placeholder'),onChange:e=>handleChange(e.target.name,e.target.value),value:formValue.firstName,name:'firstName',id:'firstName'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,12]},/*#__PURE__*/_react.default.createElement(FormField,{label:t('contact_details.last_name'),name:'lastName',fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,placeholder:t('contact_details.last_name_placeholder'),onChange:e=>handleChange(e.target.name,e.target.value),name:'lastName',id:'lastName',value:formValue.lastName}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,12]},/*#__PURE__*/_react.default.createElement(FormField,{label:t('contact_details.email'),name:'email',fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,placeholder:t('contact_details.email_placeholder'),type:'email',onChange:e=>handleChange(e.target.name,e.target.value),value:formValue.email,name:'email',id:'email'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,12]},/*#__PURE__*/_react.default.createElement(FormField,{label:t('contact_details.phone'),name:'phoneNumber',fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,placeholder:t('contact_details.phone_placeholder'),onChange:e=>handleChange(e.target.name,e.target.value),name:'phoneNumber',id:'phoneNumber',value:formValue.phoneNumber}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(FormField,{disableMessage:true,label:t('contact_details.emails_cc'),name:'ccEmails',fullWidth:true},/*#__PURE__*/_react.default.createElement(TagInput,{maxTags:5,fullWidth:true,id:'ccEmails',name:'ccEmails',tags:formValue.ccEmails,placeholder:t('contact_details.emails_cc_placeholder'),onPaste:v=>handleChange('ccEmails',[...formValue.ccEmails,...v]),onCreate:v=>handleChange('ccEmails',[...formValue.ccEmails,v]),onRemove:(v,i)=>handleChange('ccEmails',formValue.ccEmails.filter((_,index)=>index!==i)),validationFn:v=>emailRegex.test(v)})),/*#__PURE__*/_react.default.createElement(InputHint,{marginTop:2},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body3',fontWeight:600,color:'gray.dark'},t('contact_details.emails_cc_hint_2'),/*#__PURE__*/_react.default.createElement(CodeBlock,{backgroundColor:'white.dark',marginLeft:1,padding:1},',')),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body3',fontWeight:400,color:'gray.dark'},t('contact_details.emails_cc_hint')))),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(FormField,{fullWidth:true,label:t('contact_details.vat_number'),name:'vatNumber'},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,placeholder:t('contact_details.vat_number_placeholder'),id:'vatNumber',name:'vatNumber',value:formValue.vatNumber,onChange:e=>handleChange(e.target.name,e.target.value),type:'text'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Button$1.Group,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t('contact_details.update_contact_details'),color:'primary',isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:onCancel}))))));};const ShippingAddress=_ref200=>{let{shippingAddress,onEdit,editAllowed}=_ref200;const{t}=(0,_reactI18next.useTranslation)(['customer-details']);const{customerProfile}=(0,_react.useContext)(ConfigContext$2);const{customerDataVisibleFields}=customerProfile;const{address,address2,city,state,zip,country}=useFormatAddress(shippingAddress);return/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement(Row$4,null,(customerDataVisibleFields.includes('address')||customerDataVisibleFields.includes('address2'))&&(/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('shipping_address.street_name_and_number'),value:address+' '+address2})),customerDataVisibleFields.includes('city')&&(/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('shipping_address.town'),value:city})),(customerDataVisibleFields.includes('state')||customerDataVisibleFields.includes('zip'))&&(/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('shipping_address.state_and_zip_code'),value:state+' '+zip})),customerDataVisibleFields.includes('country')&&(/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('shipping_address.country'),value:country})),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},editAllowed?(/*#__PURE__*/_react.default.createElement(Button$1,{onClick:onEdit,color:'secondary',iconLeft:"edit",label:t('shipping_address.edit_shipping_address')})):null)));};const US_FORMAT_ADDRESS_FORM$1=['US'];const ShippingAddressForm=_ref201=>{let{shippingAddress,onSubmit,onCancel,isSaving}=_ref201;const{t}=(0,_reactI18next.useTranslation)('customer-details');const[address,setAddress]=(0,_react.useState)(shippingAddress);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Address,{values:address,requiredFields:[],format:US_FORMAT_ADDRESS_FORM$1.includes(address.country)?'us':'international',onChange:(fieldName,value)=>{setAddress(prevState=>({...prevState,[fieldName]:value}));}}),/*#__PURE__*/_react.default.createElement(Button$1.Group,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t('shipping_address.update_shipping_address'),color:'primary',onClick:()=>onSubmit(address),isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:onCancel})));};const DetailsSectionLoadingSkeleton=()=>{return/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:8},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,8]},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:150})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:120})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:120})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:80})),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:30,width:200})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,16]},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:200})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:120})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:230})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:300})),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:150})));};const SectionDivider=_styledComponents.default.div.withConfig({displayName:"maxio__SectionDivider",componentId:"maxio-components__sc-lo74t2-143"})(["&&&{border-bottom:1px solid ",";",";",";}"],_ref202=>{let{theme}=_ref202;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.padding);const CustomerDetailsLoader=()=>(/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement(Box,{padding:7},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{width:150,height:30})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(DetailsSectionLoadingSkeleton,null))),/*#__PURE__*/_react.default.createElement(SectionDivider,{marginBottom:7,paddingTop:7}),/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{width:180,height:30})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(DetailsSectionLoadingSkeleton,null))))));const getCustomFieldsState=machineState=>({isFetchError:machineState.matches('error'),isEdit:machineState.matches('customFieldsEdit'),isSaving:machineState.matches('customFieldsEdit.saving'),isSaveError:machineState.matches('customFieldsEdit.error')});const getCustomFields=machineState=>({customFields:machineState.context.customFields});const customFieldsSelectors$1={getCustomFieldsState,getCustomFields};const CustomFields$1=_ref203=>{let{customFields,onEdit}=_ref203;const{t}=(0,_reactI18next.useTranslation)(['customer-details']);return/*#__PURE__*/_react.default.createElement(Row$4,null,customFields.map(customField=>(/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:customField.name,value:customField.value,key:customField.id}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Button$1,{onClick:onEdit,color:'secondary',iconLeft:"edit",label:t('custom_fields.edit_additional_settings')})));};const CustomFieldsForm$1=_ref204=>{let{customFields,onChange,onSave,onCancel,isSaving,isError,portalContainer}=_ref204;const{t}=(0,_reactI18next.useTranslation)(['customer-details']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isError&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('error.we_were_unable_to_save_your_custom_fields'))))),customFields.map(_ref205=>{let{name,id,fieldType,value,enum:options}=_ref205;return/*#__PURE__*/_react.default.createElement(FormField,{label:name,name:name,key:id,fullWidth:true},renderField({portalContainer,id,name,fieldType,value:value||'',options,onChange,maxLength:2048}));}),/*#__PURE__*/_react.default.createElement(Box,{marginTop:3},/*#__PURE__*/_react.default.createElement(Button$1.Group,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t('custom_fields.update_additional_settings'),color:'primary',onClick:onSave,isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:onCancel}))));};const SectionWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SectionWrapper",componentId:"maxio-components__sc-lo74t2-144"})(["&&&{border-top:1px solid ",";",";",";}"],_ref206=>{let{theme}=_ref206;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.padding);const CustomFieldsContainer$1=()=>{const{customFieldsService}=(0,_react.useContext)(GlobalStateContext$2);const{isFetchError,isEdit,isSaving,isSaveError}=(0,_react2.useSelector)(customFieldsService,customFieldsSelectors$1.getCustomFieldsState);const{customFields}=(0,_react2.useSelector)(customFieldsService,customFieldsSelectors$1.getCustomFields);const{t}=(0,_reactI18next.useTranslation)(['customer-details']);const[editedFields,setEditedFields]=(0,_react.useState)(null);(0,_react.useEffect)(()=>{setEditedFields(customFields);},[customFields]);const onFieldValueChange=(id,value)=>{const fields=[...editedFields];const index=fields.findIndex(field=>{return field.id===id;});fields[index]={...fields[index],value:value};setEditedFields(fields);};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isFetchError&&(/*#__PURE__*/_react.default.createElement(SectionWrapper,{paddingTop:7,marginTop:7},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('error.we_were_unable_to_display_your_custom_fields'))))),customFields&&customFields.length>0&&(/*#__PURE__*/_react.default.createElement(SectionWrapper,{paddingTop:7,marginTop:7},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('custom_fields.additional_settings'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},isEdit?(/*#__PURE__*/_react.default.createElement(CustomFieldsForm$1,{customFields:editedFields,onChange:onFieldValueChange,onSave:()=>customFieldsService.send('SAVE',{fields:editedFields.map(_ref207=>{let{id,value}=_ref207;return{id,value};})}),onCancel:()=>customFieldsService.send('CANCEL'),isSaving:isSaving,isError:isSaveError})):(/*#__PURE__*/_react.default.createElement(CustomFields$1,{customFields:customFields,onEdit:()=>customFieldsService.send('EDIT_CUSTOM_FIELDS')})))))));};const useDataWithNames=_ref208=>{let{countries,subdivisions,data}=_ref208;const dataWithNames=(0,_react.useMemo)(()=>{const countryName=countries&&data?.country?countries.items.find(_ref209=>{let{code}=_ref209;return code===data.country;})?.name:null;const subdivisionName=subdivisions&&data?.state?subdivisions.items.find(_ref210=>{let{code}=_ref210;return code===data.state;})?.name:null;return{...data,...(countryName&&{country:countryName}),...(subdivisionName&&{state:subdivisionName})};},[data,countries,subdivisions]);return dataWithNames;};const CustomerDetailsContainer=_ref211=>{let{}=_ref211;const{customerDataService,customFieldsService}=(0,_react.useContext)(GlobalStateContext$2);const{t}=(0,_reactI18next.useTranslation)(['customer-details']);const{customerProfile:{editAllowed}}=(0,_react.useContext)(ConfigContext$2);const{dataAccess}=(0,_react.useContext)(DataAccessContext);const[,sendToMachine,service]=(0,_react2.useMachine)(addressMachine,{services:{getCountries:()=>dataAccess.getCountries(),getSubdivisions:(_ctx,event)=>{if(event.type==='FETCH_SUBDIVISION')return dataAccess.getCountrySubdivisions(event.country);}}});const countries=(0,_react2.useSelector)(service,addressSelectors.getCountries);const subdivisions=(0,_react2.useSelector)(service,addressSelectors.getSubdivisions);const{isLoading:contactDetailsLoading}=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getContactDataLoading);const contactDetails=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getContactDetailsStatus);const shippingAddress=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getShippingAddressStatus);const{data}=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getCustomerDetailsData);(0,_react.useEffect)(()=>{customFieldsService.send('INITIALIZE');customerDataService.send('INITIALIZE');},[customerDataService,customFieldsService]);const dataWithNames=useDataWithNames({countries,subdivisions,data});(0,_react.useEffect)(()=>{sendToMachine({type:'FETCH_COUNTRY'});if(data?.country){sendToMachine({type:'FETCH_SUBDIVISION',country:data.country});}},[data,sendToMachine]);return/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement(Box,{padding:7},contactDetails.isError&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('error.customer_data_save_error'))))),/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('contact_details.customer_details'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},contactDetailsLoading&&/*#__PURE__*/_react.default.createElement(DetailsSectionLoadingSkeleton,null),contactDetails.isEdit||contactDetails.isSaving?(/*#__PURE__*/_react.default.createElement(ContactDetailsForm,{onCancel:()=>customerDataService.send('CANCEL'),values:data,onSubmit:data=>{customerDataService.send('SAVE',{addressData:data});},isSaving:contactDetails.isSaving})):data&&(/*#__PURE__*/_react.default.createElement(ContactDetails,{editAllowed:editAllowed,contactDetails:data,onEdit:()=>customerDataService.send('EDIT_CONTACT_DETAILS')})))),/*#__PURE__*/_react.default.createElement(SectionWrapper,{paddingTop:7,marginTop:7},shippingAddress.isError&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('error.customer_data_save_error'))))),/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('shipping_address.shipping_address'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},contactDetailsLoading&&/*#__PURE__*/_react.default.createElement(DetailsSectionLoadingSkeleton,null),shippingAddress.isEdit||shippingAddress.isSaving?(/*#__PURE__*/_react.default.createElement(ShippingAddressForm,{shippingAddress:data,onCancel:()=>customerDataService.send('CANCEL'),onSubmit:data=>{if(data.state===NO_STATE_OPTION.code){data.state='';}customerDataService.send('SAVE',{addressData:data});},isSaving:shippingAddress.isSaving})):dataWithNames&&(/*#__PURE__*/_react.default.createElement(ShippingAddress,{editAllowed:editAllowed,shippingAddress:dataWithNames,onEdit:()=>customerDataService.send('EDIT_SHIPPING_ADDRESS')})))),/*#__PURE__*/_react.default.createElement(CustomFieldsContainer$1,null))));};const App$2=_ref212=>{let{customerProfile}=_ref212;return/*#__PURE__*/_react.default.createElement(ConfigContext$2.Provider,{value:{customerProfile}},/*#__PURE__*/_react.default.createElement(GlobalStateProvider$2,null,/*#__PURE__*/_react.default.createElement(CustomerDetailsContainer,null)));};class SubscriptionsManager$1 extends EmbeddableComponent{constructor(_ref213){let{i18n,componentsTheme,sessionManager,dataAccess}=_ref213;super({i18n,componentsTheme,sessionManager,dataAccess});}render(container,componentSettings){const settings=componentSettings||defaultSettings$2;super.renderComponent(container,App$2,settings,CustomerDetailsLoader);}}const defaultSettings$1={billingHistory:{enableFiltering:true,paginationVariant:'simple',itemsPerPage:12,visibleColumns:['invoice_number','issue_date','total_amount','amount_due','status']}};const ConfigContext$1=/*#__PURE__*/(0,_react.createContext)(defaultSettings$1);const GlobalStateContext$1=/*#__PURE__*/(0,_react.createContext)({billingHistoryDataService:null,billingFiltersService:null,filtersOptionsService:null});const{cancel,send}=_xstate.actions;const sendDebouncedSortByEvent=send('DEBOUNCED_SORT_BY',{delay:200,id:'debounced-sortBy'});const cancelDebouncedSortByEvent=cancel('debounced-sortBy');const defaultSortingParams={sortBy:'issueDate',sortDirection:'desc'};const INITIAL_SECTIONS={status:false,invoiceNumber:false,productIds:false,date:false};const INITIAL_FILTERS={date:{type:'timeRange',dateField:'issue_date'},status:[],invoiceNumber:'',productIds:[]};const INITIAL_RELATIVE_DATE_FILTERS={unit:'day',value:0};const INITIAL_ABSOLUTE_DATE_FILTERS={startDate:null,endDate:null};const isDateFilter=(name,value)=>name==='date';const areSomeFiltersActive=obj=>Object.keys(obj).some(key=>!isFilterEmpty(key,obj[key]));const areFiltersEmpty=obj=>!areSomeFiltersActive(obj);const isFilterEmpty=(filterName,filterValue)=>{if(isDateFilter(filterName)){if(filterValue.type==='relative'){return filterValue.value===0;}else{return!filterValue.endDate&&!filterValue.startDate;}}return filterValue.length===0;};const{choose}=_xstate.actions;const setFilterSections=choose([{cond:ctx=>!!ctx.activeFilters,actions:(0,_xstate.assign)(ctx=>({sections:Object.keys(ctx.sections).reduce((acc,sectionName)=>{return{...acc,[sectionName]:!isFilterEmpty(sectionName,ctx.activeFilters[sectionName])};},{})}))},{cond:ctx=>ctx.activeFilters===null,actions:(0,_xstate.assign)(()=>({sections:INITIAL_SECTIONS}))}]);const setFilterOrClear=choose([{cond:ctx=>ctx.activeFilters===null&&areFiltersEmpty(ctx.inlineFilters),actions:[]},{cond:ctx=>areSomeFiltersActive(ctx.inlineFilters),actions:[(0,_xstate.assign)(ctx=>({activeFilters:ctx.inlineFilters})),'applyFilters']},{cond:ctx=>areFiltersEmpty(ctx.inlineFilters)&&ctx.activeFilters!==null,actions:[(0,_xstate.assign)(()=>({activeFilters:null,inlineFilters:INITIAL_FILTERS})),'clearFilters']}]);const setFilterClear=choose([{cond:ctx=>areFiltersEmpty(ctx.inlineFilters)&&ctx.activeFilters===null,actions:[]},{cond:ctx=>ctx.activeFilters!==null,actions:[(0,_xstate.assign)(()=>({activeFilters:null,inlineFilters:INITIAL_FILTERS,sections:INITIAL_SECTIONS})),'clearFilters']}]);const setDateTabEmpty=choose([{cond:ctx=>ctx.inlineFilters.date.type==='relative',actions:(0,_xstate.assign)(ctx=>({inlineFilters:{...ctx.inlineFilters,date:{...ctx.inlineFilters.date,...INITIAL_RELATIVE_DATE_FILTERS}}}))},{cond:ctx=>ctx.inlineFilters.date.type==='timeRange',actions:(0,_xstate.assign)(ctx=>({inlineFilters:{...ctx.inlineFilters,date:{...INITIAL_ABSOLUTE_DATE_FILTERS,...ctx.inlineFilters.date}}}))}]);const initialContext$c={activeFilters:null,inlineFilters:INITIAL_FILTERS,sections:INITIAL_SECTIONS};const billingFilters=(0,_xstate.createMachine)({id:'billingFilters',predictableActionArguments:true,initial:'close',context:initialContext$c,states:{open:{on:{TOGGLE_SECTION:{actions:(0,_xstate.assign)((ctx,event)=>({sections:{...ctx.sections,[event.sectionName]:!ctx.sections[event.sectionName]}}))},CLOSE_FILTERS:{target:'close',actions:[(0,_xstate.assign)(ctx=>({inlineFilters:ctx.activeFilters||INITIAL_FILTERS})),setFilterSections]},APPLY_FILTERS:{target:'close',actions:[setFilterOrClear,setFilterSections]},CHANGE_DATE_TAB:{actions:[(0,_xstate.assign)((ctx,e)=>({inlineFilters:{...ctx.inlineFilters,date:{dateField:ctx.inlineFilters.date.dateField,type:e.tabType}}})),'setDateTabEmpty']},CLEAR_FILTERS:{target:'close',actions:setFilterClear},UPDATE_FILTER:{actions:(0,_xstate.assign)((ctx,event)=>({inlineFilters:{...ctx.inlineFilters,[event.filter]:event.value}}))}}},close:{on:{OPEN_FILTERS:{target:'open'}}}}},{actions:setDateTabEmpty});const isFilteringApplied=machineState=>{const filters=machineState.context.activeFilters;return filters&&areSomeFiltersActive(filters);};const getFiltersSections=machineState=>machineState.context.sections;const getFiltersVisibility=machineState=>machineState.matches('open');const getInlineFiltersValues=machineState=>machineState.context.inlineFilters;const billingFiltersSelectors={isFilteringApplied,getFiltersSections,getFiltersVisibility,getInlineFiltersValues};const{date,...restFilters}=INITIAL_FILTERS;const initialFilters={...restFilters,dateField:null,startDate:null,endDate:null};const initialBillingHistoryContext={sorting:{page:null,limit:null,...defaultSortingParams},filters:initialFilters,pagination:null,items:[]};const billingHistoryData=(0,_xstate.createMachine)({id:'billingHistoryData',predictableActionArguments:true,context:initialBillingHistoryContext,type:'parallel',states:{machineStatus:{initial:'idle',on:{INITIALIZE:{target:'.initialized'}},states:{idle:{},initialized:{}}},apiClient:{initial:'idle',on:{INITIALIZE:{target:'.loading',actions:(0,_xstate.assign)((ctx,event)=>({sorting:{...ctx.sorting,page:event.page,limit:event.limit}}))},DEBOUNCED_SORT_BY:{target:'.loading'},CHANGE_FILTERS:{target:'.loading',actions:(0,_xstate.assign)((_ctx,event)=>{return{filters:{...event.filters}};})},CLEAR_FILTERS:{target:'.loading',actions:(0,_xstate.assign)(ctx=>{return{...ctx,filters:initialFilters};})},CHANGE_PAGE:{target:'.loading',actions:[(0,_xstate.assign)((ctx,event)=>{return{sorting:{...ctx.sorting,page:event.page}};})]},CHANGE_ITEMS_PER_PAGE:{target:'.loading',actions:[(0,_xstate.assign)((ctx,event)=>{return{sorting:{...ctx.sorting,page:1,limit:event.itemsPerPage,pagination:{...ctx.pagination,itemsPerPage:event.itemsPerPage}}};})]},LOAD_MORE:{target:'.loading',actions:(0,_xstate.assign)((ctx,event)=>{return{sorting:{...ctx.sorting,limit:ctx.sorting.limit+event.limit}};})}},states:{idle:{},error:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{src:'getInvoices',onDone:{target:'idle',actions:(0,_xstate.assign)((_ctx,event)=>{return{items:event.data.items,pagination:event.data.pagination};})},onError:{target:'error'}}}}},sorting:{initial:'idle',states:{idle:{on:{SORT_BY:{actions:[(0,_xstate.assign)((ctx,event)=>{return{sorting:{...ctx.sorting,sortDirection:event.sortDirection,sortBy:event.sortBy}};}),cancelDebouncedSortByEvent,sendDebouncedSortByEvent]}}}}}}});const getBillingHistoryData=machineState=>({items:machineState.context.items,sorting:machineState.context.sorting,pagination:machineState.context.pagination,filters:machineState.context.filters});const getBillingHistoryState=machineState=>({isLoading:machineState.matches('apiClient.loading'),isFiltering:machineState.context.filters&&Object.values(machineState.context.filters).some(value=>value&&value.length>0)});const getBillingItemById=itemId=>machineState=>machineState.context.items.filter(item=>item.id===itemId);const billingHistorySelectors={getBillingHistoryData,getBillingHistoryState,getBillingItemById};const getProducts$1=machineState=>({products:machineState.context.products});const filtersOptionsSelectors={getProducts:getProducts$1};const filtersOptions=(0,_xstate.createMachine)({id:'filtersOptions',predictableActionArguments:true,initial:'idle',context:{products:[]},states:{idle:{on:{INITIALIZE:{target:'loading'}}},success:{type:'final'},error:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{src:'getFiltersOptions',onDone:{target:'success',actions:(0,_xstate.assign)((_ctx,event)=>{return{products:event.data.productNames};})},onError:{target:'error'}}}}});const getAbsoluteDate=date=>({startDate:formatDate(manipulateDate({date:new Date(),method:'subtract',unit:date.unit,value:date.value})),endDate:formatDate(new Date())});const getDatesFilter=date=>{if(date.type==='timeRange'&&(date.startDate||date.endDate)){const{dateField,startDate,endDate}=date;return{startDate:startDate?formatDate(startDate):null,endDate:endDate?formatDate(endDate):null,dateField:dateField};}else if(date.type==='relative'&&date.value){return{...getAbsoluteDate(date),dateField:date.dateField};}};const GlobalStateProvider$1=_ref214=>{let{children}=_ref214;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{billingHistory}=(0,_react.useContext)(ConfigContext$1);const{itemsPerPage}=billingHistory;const billingHistoryDataService=(0,_react2.useInterpret)(billingHistoryData,{context:{...initialBillingHistoryContext,pagination:{...initialBillingHistoryContext.pagination,itemsPerPage}},services:{getInvoices:ctx=>{const{sortBy,...sortSettings}=ctx.sorting;return dataAccess.getInvoices({sortBy:camelToUnderscore(sortBy),...ctx.filters,...sortSettings});}}});const billingFiltersService=(0,_react2.useInterpret)(billingFilters,{actions:{applyFilters:ctx=>{const{date,...filters}=ctx.activeFilters;const datesFilters=getDatesFilter(date);billingHistoryDataService.send({type:'CHANGE_FILTERS',filters:{...filters,...datesFilters}});},clearFilters:()=>{billingHistoryDataService.send({type:'CLEAR_FILTERS'});}}});const filtersOptionsService=(0,_react2.useInterpret)(filtersOptions,{services:{getFiltersOptions:()=>dataAccess.getInvoiceFilters()}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext$1.Provider,{value:{billingHistoryDataService,billingFiltersService,filtersOptionsService}},children);};const useServices$1=()=>(0,_react.useContext)(GlobalStateContext$1);const INITIAL_PAGE=1;const Status$1=_ref215=>{let{status}=_ref215;const{t}=(0,_reactI18next.useTranslation)('billing-history');switch(status){case'paid':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('paid'),color:'success'});case'open':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('open'),color:'primary'});case'voided':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('voided'),color:'gray'});case'pending':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('pending'),color:'primary'});case'draft':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('draft'),color:'gray'});case'canceled':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('canceled'),color:'gray'});default:return null;}};const SkeletonWrapper$1=_styledComponents.default.td.withConfig({displayName:"maxio__SkeletonWrapper1",componentId:"maxio-components__sc-lo74t2-145"})(["&&&{flex:1;",";}"],_styledSystem.padding);SkeletonWrapper$1.defaultProps={paddingY:4};const IconWIthTooltip=_ref216=>{let{consolidationLevel}=_ref216;const{t}=(0,_reactI18next.useTranslation)('billing-history');switch(consolidationLevel){case'none':return/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>(/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:t('normal_invoice')}))},/*#__PURE__*/_react.default.createElement(Icon,{fill:'gray.light',type:'file',size:16}));case'parent':return/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>(/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:t('consolidated_invoice')}))},/*#__PURE__*/_react.default.createElement(Icon,{fill:'gray.light',type:'filePlus',size:16}));case'child':return/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>(/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:t('consolidated_invoice_segment')}))},/*#__PURE__*/_react.default.createElement(Icon,{fill:'gray.light',type:'fileSolid',size:16}));}};const ITEMS_PER_PAGE=[6,12,24,36];const getItemsPerPageOptions=t=>{return ITEMS_PER_PAGE.map(itemsPerPage=>({label:t('items_per_page',{items:itemsPerPage}),value:itemsPerPage}));};const SelectWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SelectWrapper",componentId:"maxio-components__sc-lo74t2-146"})(["&&&{width:120px;}"]);const PaginationWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PaginationWrapper",componentId:"maxio-components__sc-lo74t2-147"})(["&&&{",";}"],props=>props.isMobile&&(0,_styledComponents.css)(["width:100%;order:-1;justify-content:center;display:flex;"]));const PagesPagination=_ref217=>{let{page,totalPages,onPageChange,onItemsPerPageChange,totalInvoices,itemsPerPage}=_ref217;const{t}=(0,_reactI18next.useTranslation)('billing-history');const{device}=useDeviceInfo();const isMobile=device==='mobile';return/*#__PURE__*/_react.default.createElement(Table$1.Footer,{justifyContent:isMobile?'center':'space-between',paddingY:5,paddingX:7,gridGap:5},/*#__PURE__*/_react.default.createElement(BodyText,{color:'gray.main',variant:'body2'},t('invoice',{count:totalInvoices})),/*#__PURE__*/_react.default.createElement(PaginationWrapper,{isMobile:device==='mobile'},/*#__PURE__*/_react.default.createElement(Pagination,{page:page,onChange:onPageChange,totalPages:totalPages})),/*#__PURE__*/_react.default.createElement(SelectWrapper,null,/*#__PURE__*/_react.default.createElement(Select,{options:getItemsPerPageOptions(t),selectedValue:itemsPerPage,variant:"secondary",dropdownVariant:"secondary",onSelect:selectedItem=>{onItemsPerPageChange(Number(selectedItem.value));},selectSize:"small"})));};const getHiddenColumns=visibleColumns=>{if(visibleColumns.length===0){return defaultSettings$1.billingHistory.visibleColumns.filter(c=>c!=='invoice_number').map(c=>(0,_camelcase.default)(c));}return defaultSettings$1.billingHistory.visibleColumns.filter(x=>!visibleColumns.includes(x)).map(c=>(0,_camelcase.default)(c));};const FilterBoxList=(0,_styledComponents.default)(Box).withConfig({displayName:"maxio__FilterBoxList",componentId:"maxio-components__sc-lo74t2-148"})(["&&&{background-color:",";justify-content:left;border-radius:","px;flex-direction:column;gap:","px;}"],_ref218=>{let{theme}=_ref218;return theme.colors.primary.extraLight;},_ref219=>{let{theme}=_ref219;return theme.radii[3];},_ref220=>{let{theme}=_ref220;return theme.space[3];});FilterBoxList.defaultProps={padding:4,display:'flex'};const FilterBox=_ref221=>{let{children,isExpanded,onClick,header}=_ref221;return/*#__PURE__*/_react.default.createElement(Accordion,{header:header,onClick:onClick,isExpanded:isExpanded,variant:'small'},/*#__PURE__*/_react.default.createElement(FilterBoxList,null,children));};const statuses=['paid','voided','pending','draft','open','canceled'];const FILTERS_WIDTH=220;const StatusFilter=_ref222=>{let{onChange,values,onClick,header,isExpanded}=_ref222;const{t}=(0,_reactI18next.useTranslation)('billing-history');const statusesWithLabels=statuses.map(status=>({label:t(status),name:status}));return/*#__PURE__*/_react.default.createElement(FilterBox,{onClick:onClick,isExpanded:isExpanded,header:header},statusesWithLabels.map(_ref223=>{let{label,name}=_ref223;return/*#__PURE__*/_react.default.createElement(Checkbox,{onChange:()=>{if(!values.includes(name)){onChange([...values,name]);}else{onChange(values.filter(status=>status!==name));}},key:name,label:label,name:name,value:values.includes(name),id:name});}));};const FiltersWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__FiltersWrapper",componentId:"maxio-components__sc-lo74t2-149"})(["&&&{text-align:left;display:flex;flex-direction:column;justify-items:left;grid-gap:","px;position:relative;}"],_ref224=>{let{theme}=_ref224;return theme.space[5];});const InvoiceNumberFilter=_ref225=>{let{onChange,placeholder,value,...rest}=_ref225;return/*#__PURE__*/_react.default.createElement(FilterBox,{...rest},/*#__PURE__*/_react.default.createElement(Input$1,{placeholder:placeholder,onChange:e=>onChange(e.target.value),iconRight:'search',value:value,inputSize:'small'}));};const ProductNameFilter=_ref226=>{let{onChange,placeholder,values,showSearch,products,...rest}=_ref226;const[searchValue,setSearchValue]=_react.default.useState('');const filteredProductNames=products?.filter(_ref227=>{let{name}=_ref227;return name.toLowerCase().includes(searchValue.toLowerCase());});return/*#__PURE__*/_react.default.createElement(FilterBox,{...rest},showSearch?(/*#__PURE__*/_react.default.createElement(Input$1,{placeholder:placeholder,onChange:e=>setSearchValue(e.target.value),iconRight:'search',value:searchValue,inputSize:'small'})):null,filteredProductNames?.map(_ref228=>{let{name,id}=_ref228;return/*#__PURE__*/_react.default.createElement(Checkbox,{key:id,onChange:()=>{if(!values.includes(id)){onChange([...values,id]);}else{onChange(values.filter(status=>status!==id));}},label:name,name:name,value:values?.includes(id),id:name});}));};const CalendarContainer=_styledComponents.default.div.withConfig({displayName:"maxio__CalendarContainer",componentId:"maxio-components__sc-lo74t2-150"})(["&&&{display:grid;",";}"],_styledSystem.grid);const tabs=[{label:'time_range',id:'timeRange'},{label:'relative',id:'relative'}];const options=[{label:'due_date',value:'due_date'},{label:'issue_date',value:'issue_date'},{label:'paid_date',value:'paid_date'}];const DateFilter=_ref229=>{let{onChange,values,onClick,header,isExpanded,portalContainer,onTabChange}=_ref229;const{t}=(0,_reactI18next.useTranslation)('billing-history');const{dateField,type}=values;const startDate=type==='timeRange'&&values?.startDate;const endDate=type==='timeRange'&&values?.endDate;const translatedTabs=tabs.map(_ref230=>{let{label,id}=_ref230;return{label:t(label),id};});const translatedOptions=options.map(_ref231=>{let{label,value}=_ref231;return{label:t(label),value};});return/*#__PURE__*/_react.default.createElement(FilterBox,{onClick:onClick,isExpanded:isExpanded,header:header},/*#__PURE__*/_react.default.createElement(Select,{options:translatedOptions,onSelect:option=>onChange({...values,dateField:option.value}),selectedValue:dateField,portalContainer:portalContainer,selectSize:"small"}),/*#__PURE__*/_react.default.createElement(Tabs,{tabs:translatedTabs,onClick:onTabChange,activeTabId:values.type}),values.type==='relative'&&(/*#__PURE__*/_react.default.createElement(RelativeTime,{unit:values.unit,value:values.value,portalContainer:portalContainer,onChange:timeframe=>onChange({...values,...timeframe})})),values.type==='timeRange'&&(/*#__PURE__*/_react.default.createElement(CalendarContainer,{gridColumnGap:2,gridTemplateColumns:'1fr 1fr'},/*#__PURE__*/_react.default.createElement(DatePicker,{portalContainer:portalContainer,calendarAlignment:"right",maxDate:endDate,onChange:date=>onChange({...values,startDate:date}),translations:{placeholder:t('from')},value:values?.startDate}),/*#__PURE__*/_react.default.createElement(DatePicker,{portalContainer:portalContainer,calendarAlignment:"right",minDate:startDate,onChange:date=>onChange({...values,endDate:date}),translations:{placeholder:t('to')},value:values?.endDate}))));};const Wrapper$c=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperc",componentId:"maxio-components__sc-lo74t2-151"})(["&&&{display:inline-block;}"]);(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-152"})(["&&&{position:absolute;width:220px;top:calc(100% + ","px);right:0;cursor:auto;}"],props=>props.theme.space[2]);const PRODUCT_SEARCH_THRESHOLD=6;const ProductsContainer=_ref232=>{let{children}=_ref232;const{filtersOptionsService}=useServices$1();const{products}=(0,_react2.useSelector)(filtersOptionsService,filtersOptionsSelectors.getProducts);if(!products||products.length<=1){return null;}const showSearch=products.length>PRODUCT_SEARCH_THRESHOLD;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,children({products,showSearch}));};const Filters=_ref233=>{let{filtersSettings,filtersSections,isOpen,isFilteringApplied,onUpdateFilter,onToggleFilters,onToggleSection,onApply,onClear,onDateTypeChange,onCloseFilters}=_ref233;const{t}=(0,_reactI18next.useTranslation)('billing-history');const containerRef=(0,_react.useRef)(null);const dropdownRef=(0,_react.useRef)(null);const portalContainerRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{return()=>onCloseFilters();},[]);useOnClickOutside([containerRef,dropdownRef,portalContainerRef],onCloseFilters);const calculateDropdownPosition=(0,_react.useCallback)(()=>{const{current:element}=containerRef;const{top,left,width,height}=element.getBoundingClientRect();return{top:top+height+window.scrollY,left:left-(FILTERS_WIDTH-width),width:FILTERS_WIDTH};},[]);return/*#__PURE__*/_react.default.createElement(Wrapper$c,{ref:containerRef},/*#__PURE__*/_react.default.createElement(Button$1,{"data-testid":"filter-button",onClick:onToggleFilters,iconLeft:"filter",size:"medium",color:isFilteringApplied?'primary':'secondary'}),/*#__PURE__*/_react.default.createElement(Portal,null,isOpen&&(/*#__PURE__*/_react.default.createElement("div",{ref:dropdownRef,style:{position:'absolute',...(containerRef.current?calculateDropdownPosition():{})}},/*#__PURE__*/_react.default.createElement(Card$3,{variant:"small"},/*#__PURE__*/_react.default.createElement(Card$3.Header,{headerVariant:"small"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',fontWeight:600},t('filter_invoices'))),/*#__PURE__*/_react.default.createElement(Card$3.Body,{bodyVariant:"small"},/*#__PURE__*/_react.default.createElement(FiltersWrapper,null,/*#__PURE__*/_react.default.createElement(DateFilter,{header:t('date_filters'),portalContainer:portalContainerRef,onClick:()=>onToggleSection('date'),isExpanded:filtersSections.date,onChange:date=>onUpdateFilter('date',date),values:filtersSettings.date,onTabChange:onDateTypeChange}),/*#__PURE__*/_react.default.createElement(StatusFilter,{header:t('status'),onClick:()=>onToggleSection('status'),isExpanded:filtersSections.status,values:filtersSettings.status,onChange:status=>onUpdateFilter('status',status)}),/*#__PURE__*/_react.default.createElement(ProductsContainer,null,_ref234=>{let{products,showSearch}=_ref234;return/*#__PURE__*/_react.default.createElement(ProductNameFilter,{placeholder:t('search_product'),showSearch:showSearch,values:filtersSettings.productIds,onChange:v=>onUpdateFilter('productIds',v),products:products,isExpanded:filtersSections.productIds,onClick:()=>onToggleSection('productIds'),header:t('product_name')});}),/*#__PURE__*/_react.default.createElement(InvoiceNumberFilter,{placeholder:t('search_invoice'),value:filtersSettings.invoiceNumber,onChange:v=>onUpdateFilter('invoiceNumber',v),isExpanded:filtersSections.invoiceNumber,onClick:()=>onToggleSection('invoiceNumber'),header:t('invoice_number')}))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,{footerVariant:"small"},/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('reset',{ns:'common'}),size:'small',color:'secondary',onClick:onClear}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('apply',{ns:'common'}),size:'small',color:'primary',onClick:onApply})))))),/*#__PURE__*/_react.default.createElement("div",{ref:portalContainerRef,style:{position:'absolute',top:0,left:0}})));};const FiltersContainer=()=>{const{billingFiltersService}=useServices$1();const isOpen=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getFiltersVisibility);const filtersSettings=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getInlineFiltersValues);const filtersSections=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getFiltersSections);const isFilteringApplied=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.isFilteringApplied);const toggleFilters=(0,_react.useCallback)(()=>{if(isOpen){billingFiltersService.send('CLOSE_FILTERS');}else{billingFiltersService.send('OPEN_FILTERS');}},[isOpen]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Filters,{isOpen:isOpen,isFilteringApplied:isFilteringApplied,filtersSettings:filtersSettings,filtersSections:filtersSections,onToggleFilters:toggleFilters,onDateTypeChange:tabType=>billingFiltersService.send('CHANGE_DATE_TAB',{tabType}),onCloseFilters:()=>{if(isOpen){billingFiltersService.send('CLOSE_FILTERS');}},onToggleSection:sectionName=>billingFiltersService.send('TOGGLE_SECTION',{sectionName}),onUpdateFilter:(filter,value)=>billingFiltersService.send('UPDATE_FILTER',{filter,value}),onClear:()=>billingFiltersService.send('CLEAR_FILTERS'),onApply:()=>billingFiltersService.send('APPLY_FILTERS')}));};const NoInvoicesMsg=_ref235=>{let{message}=_ref235;return/*#__PURE__*/_react.default.createElement(Table$1.Row,{style:{justifyContent:'center',paddingTop:'60px',paddingBottom:'300px'}},/*#__PURE__*/_react.default.createElement("td",null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body1',color:'gray.main'},message)));};const InvoicesTable=_ref236=>{let{invoices,onSortChange,sortMode,onPageChange,page,onLoadMore,totalPages,totalInvoices,paginationVariant='simple',itemsPerPage,onItemsPerPageChange,isLoading,isFiltering}=_ref236;const{billingHistory:{visibleColumns,enableFiltering}}=(0,_react.useContext)(ConfigContext$1);const{dataAccess}=(0,_react.useContext)(DataAccessContext);const[saveInvoiceLoading,setSaveInvoiceLoading]=(0,_react.useState)(null);const{t}=(0,_reactI18next.useTranslation)('billing-history');const navigate=(0,_reactRouterDom.useNavigate)();const renderFooter=()=>{switch(paginationVariant){case'simple':if(invoices.length===totalInvoices)return null;return/*#__PURE__*/_react.default.createElement(Table$1.Footer,{justifyContent:'center',paddingY:4},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('show_older_invoices'),color:'secondary',onClick:onLoadMore}));case'pages':return/*#__PURE__*/_react.default.createElement(PagesPagination,{totalPages:totalPages,totalInvoices:totalInvoices,page:page,onPageChange:onPageChange,onItemsPerPageChange:onItemsPerPageChange,itemsPerPage:itemsPerPage});}};const getHeaderProps=column=>{return{onClick:()=>{onSortChange(column.id);},sortMode:sortMode.sortBy===column.id?sortMode.sortDirection:null,align:column.align,minWidth:160};};const columns=_react.default.useMemo(()=>[{Header:_ref237=>{let{column}=_ref237;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column)},t('invoice'));},id:'invoiceNumber',accessor:'number',Cell:_ref238=>{let{cell,row}=_ref238;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align,gridGap:2,minWidth:160},/*#__PURE__*/_react.default.createElement(IconWIthTooltip,{consolidationLevel:row.original.consolidationLevel}),/*#__PURE__*/_react.default.createElement(Anchor,{label:cell.value}));}},{Header:_ref239=>{let{column}=_ref239;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column)},t('issue_date'));},Cell:_ref240=>{let{cell}=_ref240;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},accessor:'issueDate'},{Header:_ref241=>{let{column}=_ref241;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column)},t('status'));},Cell:_ref242=>{let{cell}=_ref242;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},/*#__PURE__*/_react.default.createElement(Status$1,{status:cell.value}));},align:'center',accessor:'status'},{Header:_ref243=>{let{column}=_ref243;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column)},t('total_amount'));},accessor:'totalAmount',Cell:_ref244=>{let{cell}=_ref244;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},align:'right'},{Header:_ref245=>{let{column}=_ref245;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column)},t('amount_due'));},Cell:_ref246=>{let{cell}=_ref246;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},accessor:'amountDue',align:'right'},{Header:_ref247=>{let{column}=_ref247;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column),paddingY:5,disableSort:true,"data-testid":'table-filter'},enableFiltering&&/*#__PURE__*/_react.default.createElement(FiltersContainer,null));},Cell:_ref248=>{let{cell}=_ref248;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},/*#__PURE__*/_react.default.createElement(Button$1,{label:'PDF',iconLeft:'arrowDown',size:'small',isLoading:saveInvoiceLoading===cell.value,onClick:e=>{e.stopPropagation();setSaveInvoiceLoading(cell.value);dataAccess.getInvoicePDF(cell.value).then(blob=>{const fileURL=URL.createObjectURL(new Blob([blob],{type:'application/pdf'}));(0,_fileSaver.saveAs)(fileURL,cell.value);}).finally(()=>setSaveInvoiceLoading(null));}}));},accessor:'id',align:'right'}],[sortMode,saveInvoiceLoading]);const{headerGroups,rows,prepareRow}=(0,_reactTable.useTable)({data:invoices,columns,initialState:{hiddenColumns:[...getHiddenColumns(visibleColumns)]}});return/*#__PURE__*/_react.default.createElement(Table$1,{renderFooter:renderFooter},/*#__PURE__*/_react.default.createElement(Table$1.Head,{variant:'primary'},headerGroups.map((headerGroup,i)=>(/*#__PURE__*/_react.default.createElement(Table$1.Row,{disableBorder:true,variant:'head',key:headerGroup.id+i},headerGroup.headers.map(column=>(/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:'th',key:column.id},column.render('Header')))))))),/*#__PURE__*/_react.default.createElement(Table$1.Body,null,!isLoading&&rows.map(row=>{prepareRow(row);return/*#__PURE__*/_react.default.createElement(Table$1.Row,{key:row.original.number,onClick:()=>navigate(`invoices/${row.original.id}`)},row.cells.map((cell,index)=>(/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{key:cell.value+index},cell.render('Cell')))));}),isLoading&&Array.from(Array(itemsPerPage).keys()).map(k=>(/*#__PURE__*/_react.default.createElement(Table$1.Row,{key:k},/*#__PURE__*/_react.default.createElement(SkeletonWrapper$1,null,/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28}))))),isFiltering&&!isLoading&&!invoices.length&&(/*#__PURE__*/_react.default.createElement(NoInvoicesMsg,{message:t('no_invoice_matching_filters')}))));};const BillingHistoryContainer=()=>{const{i18n}=(0,_reactI18next.useTranslation)();const{billingHistoryDataService,filtersOptionsService}=useServices$1();const{billingHistory}=(0,_react.useContext)(ConfigContext$1);const{itemsPerPage,paginationVariant}=billingHistory;(0,_react.useEffect)(()=>{if(billingHistoryDataService.getSnapshot().matches('machineStatus.idle')){billingHistoryDataService.send('INITIALIZE',{page:INITIAL_PAGE,limit:itemsPerPage});}if(filtersOptionsService.getSnapshot().matches('idle')){filtersOptionsService.send('INITIALIZE');}},[]);const{items,sorting,pagination}=(0,_react2.useSelector)(billingHistoryDataService,billingHistorySelectors.getBillingHistoryData);const{isLoading,isFiltering}=(0,_react2.useSelector)(billingHistoryDataService,billingHistorySelectors.getBillingHistoryState);const sendSortEvent=(sortBy,sortDirection)=>{billingHistoryDataService.send('SORT_BY',{sortBy,sortDirection});};const onSortChange=columnId=>{if(sorting.sortBy===defaultSortingParams.sortBy&&sorting.sortDirection==='desc'){return sendSortEvent(columnId,'asc');}if(sorting.sortBy===columnId){if(sorting.sortDirection==='desc'){sendSortEvent(defaultSortingParams.sortBy,defaultSortingParams.sortDirection);}else{sendSortEvent(columnId,'desc');}}else{sendSortEvent(columnId,'asc');}};const onPageChange=page=>{billingHistoryDataService.send('CHANGE_PAGE',{page});};const onLoadMore=()=>{billingHistoryDataService.send('LOAD_MORE',{limit:itemsPerPage});};const onItemsPerPageChange=itemsPerPage=>{billingHistoryDataService.send('CHANGE_ITEMS_PER_PAGE',{itemsPerPage});};const formattedData=items?.map(_ref249=>{let{currency,amountDueInCents,totalAmountInCents,...rest}=_ref249;return{...rest,amountDue:formatCurrency(currency,amountDueInCents,i18n.language),totalAmount:formatCurrency(currency,totalAmountInCents,i18n.language)};});return/*#__PURE__*/_react.default.createElement(InvoicesTable,{isFiltering:isFiltering,isLoading:isLoading,totalPages:pagination?.totalPages,onLoadMore:onLoadMore,totalInvoices:pagination?.totalItems,paginationVariant:paginationVariant,page:sorting.page,onPageChange:onPageChange,invoices:formattedData||[],onSortChange:onSortChange,sortMode:sorting,itemsPerPage:pagination?.itemsPerPage,onItemsPerPageChange:onItemsPerPageChange});};const StyledIframe=_styledComponents.default.iframe.withConfig({displayName:"maxio__StyledIframe",componentId:"maxio-components__sc-lo74t2-153"})(["&&&{border:none;width:100%;min-height:100vh;position:absolute;inset:0;}"]);const Wrapper$b=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperb",componentId:"maxio-components__sc-lo74t2-154"})(["&&&{width:100%;min-height:100vh;position:relative;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;overflow:hidden;}"]);const LoaderWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__LoaderWrapper",componentId:"maxio-components__sc-lo74t2-155"})(["&&&{min-height:100vh;display:flex;align-items:center;justify-content:center;}"]);const HeaderWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__HeaderWrapper",componentId:"maxio-components__sc-lo74t2-156"})(["&&&{display:flex;justify-content:space-between;flex-wrap:wrap;gap:","px;}"],_ref250=>{let{theme}=_ref250;return theme.space[4];});const ActionButtonsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ActionButtonsWrapper",componentId:"maxio-components__sc-lo74t2-157"})(["&&&{display:flex;gap:","px;flex-wrap:wrap;}"],_ref251=>{let{theme}=_ref251;return theme.space[4];});const InvoiceDetails=()=>{const{t}=(0,_reactI18next.useTranslation)('billing-history');const toastsService=useToastMessages();const navigate=(0,_reactRouterDom.useNavigate)();const{invoiceId}=(0,_reactRouterDom.useParams)();const{billingHistoryDataService}=(0,_react.useContext)(GlobalStateContext$1);const{dataAccess}=(0,_react.useContext)(DataAccessContext);const[iframeLoaded,setIframeLoaded]=(0,_react.useState)(false);const[printInvoiceLoading,setPrintInvoiceLoading]=(0,_react.useState)(false);const showErrorToast=()=>{toastsService.show({level:'warning',message:t('invoice_details.an_error_occurred_please_try_again_later')});};const[invoice]=(0,_react2.useSelector)(billingHistoryDataService,(0,_react.useCallback)(billingHistorySelectors.getBillingItemById(invoiceId),[]));const printInvoice=()=>{setPrintInvoiceLoading(true);dataAccess.getInvoicePDF(invoice.id).then(blob=>{const fileURL=URL.createObjectURL(new Blob([blob],{type:'application/pdf'}));(0,_printJs.default)(fileURL);}).catch(_e=>showErrorToast()).finally(()=>setPrintInvoiceLoading(false));};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(HeaderWrapper,null,/*#__PURE__*/_react.default.createElement(Anchor,{label:t('invoice_details.back_to_invoice_list'),iconLeft:"chevronLeft",onClick:()=>navigate('/')}),/*#__PURE__*/_react.default.createElement(ActionButtonsWrapper,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t('invoice_details.print_an_invoice'),color:"secondary",onClick:printInvoice,isLoading:printInvoiceLoading})))),/*#__PURE__*/_react.default.createElement(Wrapper$b,null,!iframeLoaded&&(/*#__PURE__*/_react.default.createElement(LoaderWrapper,null,/*#__PURE__*/_react.default.createElement(Loader,null))),/*#__PURE__*/_react.default.createElement(StyledIframe,{src:invoice.invoiceUrl,onLoad:()=>setIframeLoaded(true)}))));};const App$1=_ref252=>{let{billingHistory}=_ref252;return/*#__PURE__*/_react.default.createElement(ConfigContext$1.Provider,{value:{billingHistory}},/*#__PURE__*/_react.default.createElement(GlobalStateProvider$1,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.MemoryRouter,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.Routes,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"/",element:/*#__PURE__*/_react.default.createElement(BillingHistoryContainer,null)}),/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"invoices/:invoiceId",element:/*#__PURE__*/_react.default.createElement(InvoiceDetails,null)})))));};const SkeletonWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SkeletonWrapper",componentId:"maxio-components__sc-lo74t2-158"})(["&&&{flex:1;display:flex;",";",";}"],_styledSystem.padding,_styledSystem.justifyContent);SkeletonWrapper.defaultProps={paddingY:4};const TableFooter=()=>(/*#__PURE__*/_react.default.createElement(Table$1.Footer,{justifyContent:"center",paddingY:4,paddingX:7},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:200})));const BillingHistoryLoader=()=>(/*#__PURE__*/_react.default.createElement(Table$1,{renderFooter:TableFooter},/*#__PURE__*/_react.default.createElement(Table$1.Head,{variant:'primary'},/*#__PURE__*/_react.default.createElement(Table$1.Row,{disableBorder:true,variant:'head'},/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:100}))),/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5,paddingX:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:100}))),/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5,paddingX:4,justifyContent:"center"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:100}))),/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5,paddingX:4,justifyContent:"flex-end"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:100}))),/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5,paddingX:4,justifyContent:"flex-end"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:100}))),/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5,paddingX:4,justifyContent:"flex-end"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:40}))))),/*#__PURE__*/_react.default.createElement(Table$1.Body,null,/*#__PURE__*/_react.default.createElement(Table$1.Row,null,/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{as:"td"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28}))),/*#__PURE__*/_react.default.createElement(Table$1.Row,null,/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{as:"td"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28}))),/*#__PURE__*/_react.default.createElement(Table$1.Row,null,/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{as:"td"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28}))),/*#__PURE__*/_react.default.createElement(Table$1.Row,null,/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{as:"td",justifyContent:"center"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28}))))));class BillingHistory extends EmbeddableComponent{constructor(_ref253){let{i18n,componentsTheme,sessionManager,dataAccess}=_ref253;super({i18n,componentsTheme,sessionManager,dataAccess});}render(container,componentSettings){const settings=componentSettings||defaultSettings$1;super.renderComponent(container,App$1,settings,BillingHistoryLoader);}}const setCatalogExpandState=(0,_xstate.assign)({expandedCatalogItems:(context,event)=>{const{catalogId,isExpanded}=event;return isExpanded?[...context.expandedCatalogItems,catalogId]:context.expandedCatalogItems.filter(id=>id!==catalogId);}});const productCatalog=(0,_xstate.createMachine)({id:'productCatalog',predictableActionArguments:true,initial:'idle',context:{items:[],expandedCatalogItems:[]},states:{idle:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{id:'productCatalogFetch',src:'getProductsCatalog',onDone:{target:'ready',actions:[(0,_xstate.assign)((_ctx,event)=>({items:event.data.items,expandedCatalogItems:event.data.items.map(_ref254=>{let{id}=_ref254;return id;})}))]},onError:{target:'error'}}},error:{on:{RETRY_FETCH_PRODUCT_CATALOG:{target:'loading'}}},ready:{on:{SET_CATALOG_EXPAND:{actions:'setCatalogExpandState'}}}}},{actions:{setCatalogExpandState}});const getProductCatalogItems=machineState=>machineState.context.items;const getProductCatalogById=catalogId=>machineState=>machineState.context.items.find(_ref255=>{let{id}=_ref255;return id===catalogId;});const getProductCatalogFetchStatus=machineState=>({isLoading:machineState.matches('loading'),error:machineState.matches('error'),ready:machineState.matches('ready')});const getExpandedCatalogItems=machineState=>machineState.context.expandedCatalogItems;const productCatalogSelectors={getExpandedCatalogItems,getProductCatalogById,getProductCatalogItems,getProductCatalogFetchStatus};const subscriptionModel=(0,_model.createModel)({id:null,coupons:[],status:'active',currency:'USD',scheduledCancellationAt:null,currentBillingAmountInCents:0,productFamilyId:null,expiresAt:null,automaticallyResumeAt:null,trialEndedAt:null,canceledAt:null,currentPeriodEndsAt:null,nextAssessmentAt:null,nextProductId:null,balanceInCents:0,referralCode:null,threeDsActionLink:null,product:{id:null,name:'',description:null,priceInCents:0,interval:0,intervalUnit:null,trialPriceInCents:0,trialInterval:null,trialIntervalUnit:null},components:{updatesAllowed:null,usedInBilling:null},billing:{paymentProfileConnected:false,paymentProfileId:null,address:{address:null,address2:null,city:null,state:null,zip:null,country:null},creditCard:{firstName:null,lastName:null,cardType:null,maskedNumber:null,expirationMonth:0,expirationYear:0},bankAccount:{maskedAccountNumber:null,maskedRoutingNumber:null,bankName:null,firstName:null,lastName:null}},error:null,addedCoupon:null},{events:{UPDATE_SUBSCRIPTION:event=>event,GET_SUBSCRIPTION_DETAILS:event=>({event}),GET_COUPONS:event=>({coupons:event.coupons}),ADD_COUPON:event=>({couponCode:event.couponCode}),ADD_ANOTHER_COUPON:()=>({})}});const SUBSCRIPTION_STATES={trialing:'trial',trial_ended:'trial_expired',on_hold:'on_hold',canceled:'canceled',expired:'expired',past_due:'past_due',unpaid:'unpaid',paused:'paused'};const setStatus=(state,scheduledCancellationAt,nextProductId)=>{const status=SUBSCRIPTION_STATES[state]||'active';if(status==='active'&&scheduledCancellationAt)return'cancellation_scheduled';if(['active','trial'].includes(status)&&nextProductId)return'plan_change_scheduled';return status;};const serializeSubscription=subscription=>{const{state,...model}=subscription;return{...model,status:setStatus(state,model.scheduledCancellationAt,model.nextProductId)};};const componentModel=(0,_model.createModel)({id:null,type:null,name:'',description:'',allocatedQuantity:null,enabled:null,recurring:null,currency:null,allowFractionalQuantities:null,updatesAllowed:null,pricePoint:{id:null,rolloverPrepaidRemainder:null,renewPrepaidAllocation:null,expirationInterval:null,expirationIntervalUnit:null,type:null,prices:[]},unit:{name:'',balance:0,overageBalance:0}});const getUniqueCoupons=coupons=>{return[...new Map(coupons.map(item=>[item.code,item])).values()];};const createSubscriptionMachine=function(){let defaultContext=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return subscriptionModel.createMachine({id:'subscription',predictableActionArguments:true,context:{...subscriptionModel.initialContext,...defaultContext},initial:'idle',states:{idle:{on:{GET_SUBSCRIPTION_DETAILS:'loadingSubscriptionDetails'}},loadingSubscriptionDetails:{invoke:{src:'getSubscriptionDetails',onDone:{target:'ready',actions:(0,_xstate.assign)((_,event)=>{return{...event.data};})},onError:{target:'error',actions:'setError'}}},ready:{on:{ADD_COUPON:'addingCoupon',GET_SUBSCRIPTION_DETAILS:'loadingSubscriptionDetails',ADD_ANOTHER_COUPON:'couponAdded'}},addingCoupon:{invoke:{src:'addCoupon',onDone:{target:'couponAdded',actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,balanceInCents:event.data.subscriptionBalanceInCents,currentBillingAmountInCents:event.data.subscriptionCurrentBillingAmountInCents,coupons:getUniqueCoupons([...ctx.coupons,event.data]),addedCoupon:event.data};})},onError:{actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,error:event.data.errorCode};}),target:'error'}}},couponAdded:{on:{ADD_ANOTHER_COUPON:{target:'ready',actions:(0,_xstate.assign)(ctx=>{return{...ctx,addedCoupon:null};})},GET_SUBSCRIPTION_DETAILS:'loadingSubscriptionDetails'}},error:{on:{ADD_COUPON:{target:'addingCoupon',actions:(0,_xstate.assign)(ctx=>{return{...ctx,error:null};})}}}},on:{UPDATE_SUBSCRIPTION:{actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,...event.data};})}}});};const getSubscriptionState=machineState=>machineState.context.status;const getAddedCoupon=state=>state.context.addedCoupon;const getError$2=state=>state.context.error;const getCouponsStatus=state=>{return{isError:state.matches('error'),isLoading:state.matches('loading'),isAddingCoupon:state.matches('addingCoupon'),isCouponAdded:state.matches('couponAdded')};};const getCoupons=state=>state.context.coupons;const getSubscriptionDetails=machineState=>{const isLoading=machineState.matches('loadingSubscriptionDetails');const{id,status,currency,currentBillingAmountInCents,currentPeriodEndsAt,scheduledCancellationAt,nextAssessmentAt,canceledAt,expiresAt,trialEndedAt,balanceInCents,automaticallyResumeAt,product,billing,customFields,referralCode,threeDsActionLink,coupons}=machineState.context;return{id,status,currency,currentBillingAmountInCents,currentPeriodEndsAt,scheduledCancellationAt,nextAssessmentAt,canceledAt,expiresAt,trialEndedAt,balanceInCents,automaticallyResumeAt,product,billing,customFields,referralCode,threeDsActionLink,coupons,isLoading};};const subscriptionSelectors={getSubscriptionState,getSubscriptionDetails,getCouponsStatus,getError:getError$2,getAddedCoupon,getCoupons};const updateSubscription=(0,_xstate.assign)({items:(context,event)=>{const{catalogId,subscriptionId,type,...subscriptionDetails}=event;const subscriptions=context.items[catalogId].map(item=>{if(item.subscription.id===subscriptionId){return{...item,subscription:{...item.subscription,...subscriptionDetails}};}return item;});return{...context.items,[catalogId]:subscriptions};}});const toggleSubscriptionDetailsVisibility=(0,_xstate.assign)({itemsWithVisibleDetails:(context,event)=>{const{subscriptionId}=event;const detailsVisible=context.itemsWithVisibleDetails.includes(subscriptionId);return!detailsVisible?[...context.itemsWithVisibleDetails,subscriptionId]:context.itemsWithVisibleDetails.filter(id=>id!==subscriptionId);}});const setListExpandedState=(0,_xstate.assign)({catalogs:(context,event)=>{const{catalogId,status}=event;return{...context.catalogs,[catalogId]:{...context.catalogs[catalogId],isListExpanded:status}};}});const createComponentMachine=function(){let defaultContext=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return componentModel.createMachine({predictableActionArguments:true,context:{...componentModel.initialContext,...defaultContext}});};const getComponent=machineState=>{return machineState.context;};const componentSelectors={getComponent};const createComponentsMachine=subscriptionId=>(0,_xstate.createMachine)({initial:'idle',predictableActionArguments:true,context:{subscriptionId,items:[]},states:{idle:{on:{FETCH_COMPONENTS:{target:'loading'}}},ready:{on:{UPDATE_COMPONENTS:{target:'loading'}}},error:{},loading:{invoke:{src:'getComponents',onDone:{target:'ready',actions:(0,_xstate.assign)((_ctx,event)=>{const components=event.data.items.map(item=>({component:item,ref:(0,_xstate.spawn)(createComponentMachine(item))}));return{items:components};})},onError:{target:'error'}}}}});const checkIfComponentIsUsedForBilling=component=>{if(component.pricePoint.id===null)return false;if(component.type==='on_off')return component.enabled;if(component.type==='metered')return component.unit.balance>0;if(['quantity','prepaid'].includes(component.type))return component.allocatedQuantity>0;};const getComponentsUsedInBilling=machineState=>{const categorizedComponents={};const productCatalogItems=machineState.context.items;productCatalogItems.forEach(component=>{if(!checkIfComponentIsUsedForBilling(component.component))return;const componentType=component.component.type;const categorizedComponent={id:component.component.id,componentMachineRef:component.ref};if(categorizedComponents.hasOwnProperty(componentType)){return categorizedComponents[componentType].push(categorizedComponent);}categorizedComponents[componentType]=[categorizedComponent];});return categorizedComponents;};const getComponentsUpdatesAllowed=machineState=>{const productCatalogItems=machineState.context.items;return productCatalogItems.some(item=>item.component.updatesAllowed);};const componentsSelectors={getComponentsUsedInBilling,getComponentsUpdatesAllowed};const DEFAULT_VISIBLE_SUBSCRIPTIONS=5;const createCustomFieldsMachine=subscriptionId=>(0,_xstate.createMachine)({id:'customFields',predictableActionArguments:true,context:{subscriptionId,customFields:null},initial:'idle',states:{idle:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{src:'getSubscriptionCustomFields',onDone:{target:'ready',actions:(0,_xstate.assign)((_ctx,event)=>{return{customFields:event.data.items};})},onError:{target:'error'}}},ready:{on:{EDIT_CUSTOM_FIELDS:{target:'customFieldsEdit'}}},error:{on:{INITIALIZE:{target:'loading'}}},customFieldsEdit:{id:'customFieldsEdit',initial:'idle',states:{idle:{on:{SAVE:{target:'saving'},CANCEL:{target:'#customFields'}}},saving:{invoke:{src:'saveCustomerCustomFields',onDone:{target:'#customFields.ready',actions:(0,_xstate.assign)((ctx,event)=>{return{customFields:updateCustomFields(ctx.customFields,event.data.fields)};})},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#customFields'},SAVE:{target:'saving'}}}}}}});const serializeSubscriptions=(items,dataAccess)=>{const subscriptions={};items.forEach(subscription=>{const serializedSubscription=serializeSubscription(subscription);const{id:subscriptionId}=serializedSubscription;const componentsMachine=createComponentsMachine(subscriptionId).withConfig({services:{getComponents:_ref256=>{let{subscriptionId}=_ref256;return dataAccess.getComponents(subscriptionId);}}});const subscriptionMachine=createSubscriptionMachine(serializedSubscription);const customFieldsMachine=createCustomFieldsMachine(subscriptionId).withConfig({services:{getSubscriptionCustomFields:_ref257=>{let{subscriptionId}=_ref257;return dataAccess.getSubscriptionCustomFields(subscriptionId);},saveCustomerCustomFields:(_ref258,_ref259)=>{let{subscriptionId}=_ref258;let{payload:fields}=_ref259;return dataAccess.updateSubscriptionCustomFields(subscriptionId,fields);}}});const entity={subscription:serializedSubscription,componentsRef:(0,_xstate.spawn)(componentsMachine,`subscription-components-${subscriptionId}`),subscriptionRef:(0,_xstate.spawn)(subscriptionMachine,`subscription-${serializedSubscription.id}`),customFieldsRef:(0,_xstate.spawn)(customFieldsMachine,`custom-fields-${subscriptionId}`)};if(subscriptions[subscription.productFamilyId]){subscriptions[subscription.productFamilyId].push(entity);}else{subscriptions[subscription.productFamilyId]=[entity];}});return subscriptions;};const serializeCatalogs=subscriptions=>Object.keys(subscriptions).reduce((acc,catalogId)=>{acc[Number(catalogId)]={isPaginated:subscriptions[Number(catalogId)].length>DEFAULT_VISIBLE_SUBSCRIPTIONS,isListExpanded:false};return acc;},{});const createSubscriptionsMachine=dataAccess=>(0,_xstate.createMachine)({id:'subscriptions',predictableActionArguments:true,initial:'idle',context:{items:{},catalogs:{},itemsWithVisibleDetails:[]},on:{UPDATE_SUBSCRIPTION_COMPONENTS:{actions:[(0,_xstate.send)({type:'UPDATE_COMPONENTS'},{to:(_ctx,event)=>`subscription-components-${event.subscriptionId}`})]}},states:{idle:{on:{FETCH_SUBSCRIPTIONS:{target:'loading'}}},loading:{invoke:{id:'subscriptionsFetch',src:'getSubscriptions',onDone:{target:'ready',actions:(0,_xstate.assign)((_ctx,event)=>{const subscriptions=serializeSubscriptions(event.data.items,dataAccess);return{items:subscriptions,catalogs:serializeCatalogs(subscriptions)};})},onError:{target:'error'}}},error:{on:{RETRY_FETCH_SUBSCRIPTIONS:{target:'loading'}}},ready:{on:{TOGGLE_SUBSCRIPTION_DETAILS_VISIBILITY:{actions:'toggleSubscriptionDetailsVisibility'},SET_LIST_EXPANDED:{actions:'setListExpandedState'},UPDATE_SUBSCRIPTION:{actions:[updateSubscription,(0,_xstate.send)((_ctx,event)=>({type:'UPDATE_SUBSCRIPTION',data:event}),{to:(_ctx,event)=>`subscription-${event.subscriptionId}`})]}}}}},{actions:{updateSubscription,toggleSubscriptionDetailsVisibility,setListExpandedState}});const getSubscriptionsByCategoryId=catalogId=>machineState=>machineState.context.items[catalogId]||[];const getSubscriptionById=(catalogId,subscriptionId)=>machineState=>{const subscriptions=machineState.context.items[catalogId];return subscriptions.find(_ref260=>{let{subscription}=_ref260;return subscription.id===subscriptionId;});};const getSubscriptionsCount=machineState=>{const subscriptionsCatalogIds=Object.keys(machineState.context.items);const totalCount=subscriptionsCatalogIds.reduce((acc,catalogId)=>{const subscriptionsInCatalog=machineState.context.items[Number(catalogId)];return acc+subscriptionsInCatalog.length;},0);return totalCount;};const getSubscriptionsWithVisibleDetails=machineState=>machineState.context.itemsWithVisibleDetails;const getSubscriptionsFetchStatus=machineState=>({isLoading:machineState.matches('loading'),error:machineState.matches('error'),ready:machineState.matches('ready')});const getCatalogById=catalogId=>machineState=>machineState.context.catalogs[catalogId];const subscriptionsSelectors={getSubscriptionsByCategoryId,getSubscriptionsFetchStatus,getSubscriptionsCount,getSubscriptionById,getCatalogById,getSubscriptionsWithVisibleDetails};const initialContext$b={createPaymentProfile:{subscriptionId:null,catalogId:null,paymentMethod:null,activePaymentProfileId:null},deletePaymentProfile:{subscriptionId:null,catalogId:null,paymentProfileId:null},previewPaymentProfile:{subscriptionId:null,catalogId:null,paymentProfileId:null},changePaymentProfile:{subscriptionId:null,catalogId:null,paymentProfileId:null},componentsAllocation:{subscriptionId:null,catalogId:null},resumeSubscription:{subscriptionId:null,catalogId:null},pauseSubscription:{subscriptionId:null,catalogId:null},cancelSubscription:{subscriptionId:null,catalogId:null},undoCancelation:{subscriptionId:null,catalogId:null},reactivateSubscription:{subscriptionId:null,catalogId:null},changeSubscriptionPlan:{subscriptionId:null,catalogId:null},threeDSecure:{subscriptionId:null,threeDsActionLink:null,catalogId:null,onSuccess:null},addCoupon:{subscriptionId:null,catalogId:null,subscriptionDetailsService:null,currency:null}};const modals=(0,_xstate.createMachine)({id:'modals',predictableActionArguments:true,initial:'idle',context:initialContext$b,on:{CLOSE_MODAL:{target:'idle',actions:[(0,_xstate.assign)(()=>({...initialContext$b}))]}},states:{idle:{on:{SHOW_CREATE_PAYMENT_PROFILE:{target:'createPaymentProfile',actions:[(0,_xstate.assign)((_ctx,_ref261)=>{let{catalogId,subscriptionId,paymentMethod,activePaymentProfileId}=_ref261;return{createPaymentProfile:{catalogId,subscriptionId,paymentMethod,activePaymentProfileId}};})]},SHOW_ADDONS_CONFIGURATION:{target:'addonsConfiguration',actions:[(0,_xstate.assign)((ctx,_ref262)=>{let{catalogId,subscriptionId}=_ref262;return{componentsAllocation:{...ctx.componentsAllocation,catalogId,subscriptionId}};})]},SHOW_RESUME_SUBSCRIPTION:{target:'resumeSubscription',actions:[(0,_xstate.assign)((_ctx,_ref263)=>{let{subscriptionId,catalogId}=_ref263;return{resumeSubscription:{subscriptionId,catalogId}};})]},SHOW_PAUSE_SUBSCRIPTION:{target:'pauseSubscription',actions:[(0,_xstate.assign)((_ctx,_ref264)=>{let{catalogId,subscriptionId}=_ref264;return{pauseSubscription:{catalogId,subscriptionId}};})]},SHOW_CANCEL_SUBSCRIPTION:{target:'cancelSubscription',actions:[(0,_xstate.assign)((_ctx,_ref265)=>{let{catalogId,subscriptionId}=_ref265;return{cancelSubscription:{catalogId,subscriptionId}};})]},SHOW_DELETE_PAYMENT_PROFILE:{target:'deletePaymentProfile',actions:[(0,_xstate.assign)((_ctx,_ref266)=>{let{catalogId,subscriptionId,paymentProfileId}=_ref266;return{deletePaymentProfile:{catalogId,subscriptionId,paymentProfileId}};})]},SHOW_CHANGE_PAYMENT_PROFILE:{target:'changePaymentProfile',actions:[(0,_xstate.assign)((_ctx,_ref267)=>{let{catalogId,subscriptionId,paymentProfileId}=_ref267;return{changePaymentProfile:{catalogId,subscriptionId,paymentProfileId}};})]},SHOW_PREVIEW_PAYMENT_PROFILE:{target:'previewPaymentProfile',actions:[(0,_xstate.assign)((_ctx,_ref268)=>{let{catalogId,subscriptionId,paymentProfileId}=_ref268;return{previewPaymentProfile:{catalogId,subscriptionId,paymentProfileId}};})]},SHOW_UNDO_CANCELATION:{target:'undoCancelation',actions:[(0,_xstate.assign)((_ctx,_ref269)=>{let{catalogId,subscriptionId}=_ref269;return{undoCancelation:{catalogId,subscriptionId}};})]},SHOW_REACTIVATE_SUBSCRIPTION:{target:'reactivateSubscription',actions:[(0,_xstate.assign)((_ctx,_ref270)=>{let{catalogId,subscriptionId}=_ref270;return{reactivateSubscription:{catalogId,subscriptionId}};})]},SHOW_SUBSCRIPTION_PLAN_CHANGE:{target:'changeSubscriptionPlan',actions:[(0,_xstate.assign)((_ctx,_ref271)=>{let{catalogId,subscriptionId}=_ref271;return{changeSubscriptionPlan:{catalogId,subscriptionId}};})]},SHOW_THREE_D_SECURE:{target:'threeDSecure',actions:[(0,_xstate.assign)((_ctx,_ref272)=>{let{subscriptionId,threeDsActionLink,catalogId,onSuccess}=_ref272;return{threeDSecure:{subscriptionId,threeDsActionLink,catalogId,onSuccess}};})]},SHOW_ADD_COUPON:{target:'addCoupon',actions:[(0,_xstate.assign)((_ctx,_ref273)=>{let{subscriptionId,catalogId,subscriptionDetailsService,currency}=_ref273;return{addCoupon:{subscriptionId,catalogId,subscriptionDetailsService,currency}};})]}}},addCoupon:{},createPaymentProfile:{},previewPaymentProfile:{},changePaymentProfile:{},deletePaymentProfile:{},reactivateSubscription:{},paymentProfile:{},addonsConfiguration:{},pauseSubscription:{},resumeSubscription:{},cancelSubscription:{},undoCancelation:{},changeSubscriptionPlan:{},threeDSecure:{}}});const getCreatePaymentProfile=machineState=>({isOpen:machineState.matches('createPaymentProfile'),meta:machineState.context.createPaymentProfile});const getAddonsConfiguration=machineState=>({isOpen:machineState.matches('addonsConfiguration'),meta:machineState.context.componentsAllocation});const getResumeSubscription=machineState=>({isOpen:machineState.matches('resumeSubscription'),meta:machineState.context.resumeSubscription});const getPauseSubscription=machineState=>({isOpen:machineState.matches('pauseSubscription'),meta:machineState.context.pauseSubscription});const getCancelSubscription=machineState=>({isOpen:machineState.matches('cancelSubscription'),meta:machineState.context.cancelSubscription});const getDeletePaymentMethod=machineState=>({isOpen:machineState.matches('deletePaymentProfile'),meta:machineState.context.deletePaymentProfile});const getChangePaymentMethod=machineState=>({isOpen:machineState.matches('changePaymentProfile'),meta:machineState.context.changePaymentProfile});const getPreviewPaymentMethod=machineState=>({isOpen:machineState.matches('previewPaymentProfile'),meta:machineState.context.previewPaymentProfile});const getUndoCancelation=machineState=>({isOpen:machineState.matches('undoCancelation'),meta:machineState.context.undoCancelation});const getReactivateSubscription=machineState=>({isOpen:machineState.matches('reactivateSubscription'),meta:machineState.context.reactivateSubscription});const getChangeSubscriptionPlan=machineState=>({isOpen:machineState.matches('changeSubscriptionPlan'),meta:machineState.context.changeSubscriptionPlan});const getThreeDsConfirmation=machineState=>({isOpen:machineState.matches('threeDSecure'),meta:machineState.context.threeDSecure});const getAddCoupon=machineState=>({isOpen:machineState.matches('addCoupon'),meta:machineState.context.addCoupon});const modalsSelectors={getAddCoupon,getCreatePaymentProfile,getAddonsConfiguration,getResumeSubscription,getPauseSubscription,getCancelSubscription,getUndoCancelation,getDeletePaymentMethod,getChangePaymentMethod,getPreviewPaymentMethod,getReactivateSubscription,getChangeSubscriptionPlan,getThreeDsConfirmation};const resetFieldError=(0,_xstate.assign)({billingAddress:(context,event)=>{const{form,field}=event;if(form==='billingAddress'){const{[field]:_error,...restErrors}=context.billingAddress.errors;return{...context.billingAddress,errors:restErrors};}return context.billingAddress;},paymentMethod:(context,event)=>{const{form,field}=event;if(form==='paymentMethod'){const{[field]:_error,...restErrors}=context.paymentMethod.errors;return{...context.paymentMethod,errors:restErrors};}return context.paymentMethod;}});const setPaymentProfileIdForReplacement=(0,_xstate.assign)({paymentProfiles:(ctx,event)=>{const{paymentProfileId}=event;if(ctx.paymentProfiles.idsForReplacement?.includes(paymentProfileId)){return{...ctx.paymentProfiles,idsForReplacement:ctx.paymentProfiles.idsForReplacement.filter(id=>id!==paymentProfileId)};}return{...ctx.paymentProfiles,idsForReplacement:[...ctx.paymentProfiles.idsForReplacement,paymentProfileId]};}});const assignCreatedProfile=(0,_xstate.assign)({createdProfile:(ctx,event)=>event.data});const serializePaymentProfilesSubscriptions=(0,_xstate.assign)((ctx,event)=>{return{...ctx,paymentProfiles:{idsForReplacement:event.data.subscriptions.failed.map(i=>i.id),subscriptions:{failed:event.data.subscriptions.failed,success:event.data.subscriptions.success}}};});const initialContext$a={token:null,tokenizationError:null,requiredFields:null,validationSchema:null,createdProfile:null,paymentMethod:{errors:{},values:{firstName:'',lastName:''}},billingAddress:{errors:{},values:{address:'',address2:'',city:'',state:'',country:'',zip:''}},paymentProfiles:{idsForReplacement:[],subscriptions:{failed:null,success:null}}};const createPaymentProfile=(0,_xstate.createMachine)({context:initialContext$a,initial:'idle',predictableActionArguments:true,on:{UPDATE_FIELD:{actions:[(0,_xstate.assign)((ctx,event)=>({[event.form]:{...ctx[event.form],values:{...ctx[event.form].values,[event.field]:event.value}}}))]},RESET_FIELD_ERROR:{actions:['resetFieldError']},SET_FIELD_ERROR:{actions:[(0,_xstate.assign)((ctx,event)=>{const{error,field,form}=event;return{[form]:{...ctx[form],errors:{...ctx[form].errors,[field]:error}}};})]}},states:{idle:{on:{SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT:{actions:'setPaymentProfileIdForReplacement'},SAVE_PAYMENT_METHOD:{target:'validatePaymentMethod'}}},validatePaymentMethod:{entry:[(0,_xstate.assign)(ctx=>({tokenizationError:null,billingAddress:{...ctx.billingAddress,errors:{}}}))],invoke:{id:'validatePaymentMethod',src:'validatePaymentMethod',onDone:{target:'tokenizePaymentMethod'},onError:{target:'validationError',actions:[(0,_xstate.assign)((ctx,event)=>({billingAddress:{...ctx.billingAddress,errors:event.data.errors.billingAddress},paymentMethod:{...ctx.paymentMethod,errors:event.data.errors.paymentMethod}}))]}}},tokenizePaymentMethod:{invoke:{id:'tokenizePaymentMethod',src:'tokenizePaymentMethod',onDone:{target:'createPaymentProfile',actions:[(0,_xstate.assign)((_ctx,event)=>({token:event.data}))]},onError:{target:'tokenizationError',actions:[(0,_xstate.assign)((_ctx,event)=>({tokenizationError:event.data}))]}}},createPaymentProfile:{invoke:{id:'createProfile',src:'createPaymentProfile',onDone:[{cond:'hasPaymentProfilesIdsForReplacement',target:'replacePaymentProfiles',actions:'assignCreatedProfile'},{target:'success',actions:['assignCreatedProfile','onCreateProfileSuccess',(0,_xstate.assign)((_ctx,event)=>({createdProfile:event.data}))]}],onError:{target:'createProfileError'}}},replacePaymentProfiles:{invoke:{id:'replacePaymentProfiles',src:'replacePaymentProfiles',onDone:{target:'success',actions:['onReplacePaymentProfilesSuccess','onCreateProfileSuccess']},onError:{target:'replacePaymentProfilesError',actions:'serializePaymentProfilesSubscriptions'}}},validationError:{on:{SAVE_PAYMENT_METHOD:{target:'validatePaymentMethod'}}},replacePaymentProfilesError:{on:{RETRY_REPLACE_PAYMENT_PROFILES:{target:'replacePaymentProfiles'}}},createProfileError:{on:{SAVE_PAYMENT_METHOD:{target:'validatePaymentMethod'}}},tokenizationError:{on:{SAVE_PAYMENT_METHOD:{target:'validatePaymentMethod'}}},success:{type:'final'}}},{actions:{serializePaymentProfilesSubscriptions,setPaymentProfileIdForReplacement,resetFieldError,assignCreatedProfile},guards:{hasPaymentProfilesIdsForReplacement:ctx=>ctx.paymentProfiles.idsForReplacement.length>0}});const getPaymentProfile=machineState=>{const{paymentMethod,billingAddress,validationSchema,tokenizationError}=machineState.context;return{paymentMethod:{...paymentMethod,hostedFieldsErrors:tokenizationError?.invalidFields||[]},billingAddress,validationSchema};};const getPaymentProfileProcessing=machineState=>{return['validatePaymentMethod','tokenizePaymentMethod','createPaymentProfile','connectProfileWithSubscription','replacePaymentProfiles'].some(state=>machineState.matches(state));};const getProfileConnectionError=machineState=>machineState.matches('connectProfileError');const getRequiredFields=machineState=>machineState.context.requiredFields;const getPaymentProfileErrors=machineState=>{return{tokenization:machineState.context.tokenizationError};};const getPaymentProfilesReplacementError=machineState=>machineState.matches('replacePaymentProfilesError');const getPaymentProfilesIdsForReplacement=machineState=>machineState.context.paymentProfiles.idsForReplacement;const getPaymentProfilesSubscriptions=machineState=>machineState.context.paymentProfiles.subscriptions;const getPaymentProfilesReplacementProcessing=machineState=>machineState.matches('replacePaymentProfiles');const paymentProfileSelectors={getProfileConnectionError,getRequiredFields,getPaymentProfileErrors,getPaymentProfileProcessing,getPaymentProfile,getPaymentProfilesIdsForReplacement,getPaymentProfilesSubscriptions,getPaymentProfilesReplacementError,getPaymentProfilesReplacementProcessing};var CreditCardPCIFields;(function(CreditCardPCIFields){CreditCardPCIFields["Number"]="number";CreditCardPCIFields["SecurityCode"]="cvv";CreditCardPCIFields["ExpirationMonth"]="month";CreditCardPCIFields["ExpirationYear"]="year";})(CreditCardPCIFields||(CreditCardPCIFields={}));const createFieldsConfig=(requiredFields,translations,fieldsStyles)=>{const config={[CreditCardPCIFields.Number]:{selector:'#number',required:requiredFields.includes(CreditCardPCIFields.Number),placeholder:translations.creditCardNumber.placeholder,next_focus:'month'},[CreditCardPCIFields.SecurityCode]:{selector:'#cvv',required:requiredFields.includes(CreditCardPCIFields.Number),placeholder:translations.securityCode.placeholder},[CreditCardPCIFields.ExpirationYear]:{selector:'#year',required:requiredFields.includes(CreditCardPCIFields.Number),style:fieldsStyles[CreditCardPCIFields.ExpirationYear],next_focus:'cvv'},[CreditCardPCIFields.ExpirationMonth]:{selector:'#month',required:requiredFields.includes(CreditCardPCIFields.Number),style:fieldsStyles[CreditCardPCIFields.ExpirationMonth],next_focus:'year'}};return config;};const INPUT_HEIGHT='28px';const createFieldsStyles=theme=>{const{fonts}=theme;const inputStyles={background:'none','box-shadow':'none',height:INPUT_HEIGHT,'font-family':fonts.secondary,'line-height':1,padding:'0 8px',border:'none','border-radius':0};const commonStyles={field:{margin:0,padding:0,background:'none'},message:{display:'none'},label:{display:'none'}};const fieldsStyles={[CreditCardPCIFields.ExpirationMonth]:{input:{...inputStyles,padding:'0 4px 0 8px'},...commonStyles},[CreditCardPCIFields.ExpirationYear]:{input:{...inputStyles,padding:'0 8px 0 4px'},...commonStyles}};const globalStyles={input:inputStyles,...commonStyles};return{fieldsStyles,globalStyles};};const createCreditCardValidationSchema=function(){let requiredFields=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];const schema={firstName:yup.string(),lastName:yup.string()};requiredFields.forEach(fieldName=>{if(schema[fieldName]){schema[fieldName]=schema[fieldName].required('required');}});const schemaValidator=yup.object(schema);return schemaValidator;};const mapDetectedCreditCardType=cardType=>{if(cardType==='mastercard'){return'master';}if(cardType==='american-express'){return'american_express';}if(cardType==='diners-club'){return'diners_club';}if(cardType==='default'||cardType==='diners'){return null;}return cardType;};const Container$5=_styledComponents.default.div.withConfig({displayName:"maxio__Container5",componentId:"maxio-components__sc-lo74t2-159"})(["&&&{width:100%;display:flex;flex-direction:column;",";}"],_styledSystem.grid);const HostedField=_ref274=>{let{label,required,tooltip,children}=_ref274;return/*#__PURE__*/_react.default.createElement(Container$5,{gridRowGap:1},/*#__PURE__*/_react.default.createElement(InputLabel,{label:label,size:"small",required:required,tooltip:tooltip,textEllipsis:true,flexLabel:true}),children);};const Container$4=_styledComponents.default.div.withConfig({displayName:"maxio__Container4",componentId:"maxio-components__sc-lo74t2-160"})(["&&&{display:inline-flex;align-items:center;",";",";",";box-shadow:0px 2px 4px rgba(2,11,17,0.15);box-sizing:border-box;border-width:1px;border-style:solid;width:100%;height:34px;overflow:hidden;}&&& iframe{width:100% !important;height:34px !important;}"],_styledSystem.color,_styledSystem.borderColor,_styledSystem.borderRadius);const InputSocket=_ref275=>{let{id,children,hasError}=_ref275;return/*#__PURE__*/_react.default.createElement(Container$4,{id:id,borderRadius:1,backgroundColor:"white.main",borderColor:hasError?'danger.main':'white.main',"data-testid":id},children);};const CardNumber=_ref276=>{let{htmlElementId=CreditCardPCIFields.Number,label,required,hasError}=_ref276;return/*#__PURE__*/_react.default.createElement(HostedField,{label:label,hasError:hasError,required:required},/*#__PURE__*/_react.default.createElement(InputSocket,{hasError:hasError,id:htmlElementId}));};const SecurityCode=_ref277=>{let{label,required,htmlElementId=CreditCardPCIFields.SecurityCode,hasError,tooltip}=_ref277;return/*#__PURE__*/_react.default.createElement(HostedField,{label:label,hasError:hasError,required:required,tooltip:tooltip},/*#__PURE__*/_react.default.createElement(InputSocket,{id:htmlElementId,hasError:hasError}));};const Container$3=_styledComponents.default.div.withConfig({displayName:"maxio__Container3",componentId:"maxio-components__sc-lo74t2-161"})(["&&&{width:100%;}"]);const Socket=_styledComponents.default.div.withConfig({displayName:"maxio__Socket",componentId:"maxio-components__sc-lo74t2-162"})(["&&&{",";height:100%;}"],_styledSystem.width);const MONTH_FIELD_WIDTH='35px';const YEAR_FIELD_WITH='60px';const CardExpiration=_ref278=>{let{label,hasError,required,monthHtmlElementId=CreditCardPCIFields.ExpirationMonth,yearHtmlElementId=CreditCardPCIFields.ExpirationYear}=_ref278;return/*#__PURE__*/_react.default.createElement(HostedField,{label:label,hasError:hasError,required:required},/*#__PURE__*/_react.default.createElement(Container$3,null,/*#__PURE__*/_react.default.createElement(InputSocket,{hasError:hasError},/*#__PURE__*/_react.default.createElement(Socket,{width:MONTH_FIELD_WIDTH,id:monthHtmlElementId,"data-testid":monthHtmlElementId}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2"},"/"),/*#__PURE__*/_react.default.createElement(Socket,{width:YEAR_FIELD_WITH,id:yearHtmlElementId,"data-testid":yearHtmlElementId}))));};const ThreeDigit=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"72",height:"46",viewBox:"0 0 72 46",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/_react.default.createElement("path",{d:"M66 0H6C2.68629 0 0 2.68629 0 6V40C0 43.3137 2.68629 46 6 46H66C69.3137 46 72 43.3137 72 40V6C72 2.68629 69.3137 0 66 0Z",fill:"#FFD898"}),/*#__PURE__*/_react.default.createElement("path",{d:"M64.5 17.5H55.5C53.8431 17.5 52.5 18.8431 52.5 20.5V24.5C52.5 26.1569 53.8431 27.5 55.5 27.5H64.5C66.1569 27.5 67.5 26.1569 67.5 24.5V20.5C67.5 18.8431 66.1569 17.5 64.5 17.5Z",fill:"#DA8393",stroke:"#B40726"}),/*#__PURE__*/_react.default.createElement("path",{d:"M57.577 24.4785V25H54.861V24.4785H55.925V21.185C55.925 21.08 55.9285 20.9715 55.9355 20.8595L55.0815 21.584C55.0488 21.6097 55.0162 21.626 54.9835 21.633C54.9508 21.64 54.9193 21.6412 54.889 21.6365C54.861 21.6318 54.8353 21.6225 54.812 21.6085C54.791 21.5922 54.7735 21.5758 54.7595 21.5595L54.546 21.262L56.051 19.9635H56.6075V24.4785H57.577ZM61.5115 24.3525C61.5862 24.3525 61.6445 24.3747 61.6865 24.419C61.7285 24.461 61.7495 24.517 61.7495 24.587V25H58.3755V24.7655C58.3755 24.7188 58.3849 24.6698 58.4035 24.6185C58.4222 24.5648 58.4537 24.517 58.498 24.475L60.087 22.8825C60.22 22.7495 60.3402 22.6212 60.4475 22.4975C60.5549 22.3738 60.6459 22.2513 60.7205 22.13C60.7952 22.0063 60.8524 21.8803 60.892 21.752C60.934 21.6237 60.955 21.4883 60.955 21.346C60.955 21.206 60.9329 21.0835 60.8885 20.9785C60.8442 20.8712 60.7835 20.7825 60.7065 20.7125C60.6295 20.6425 60.5385 20.59 60.4335 20.555C60.3285 20.52 60.2154 20.5025 60.094 20.5025C59.9727 20.5025 59.8607 20.52 59.758 20.555C59.6577 20.59 59.5679 20.639 59.4885 20.702C59.4092 20.765 59.3427 20.8397 59.289 20.926C59.2354 21.0123 59.1969 21.1057 59.1735 21.206C59.1409 21.2947 59.0989 21.3542 59.0475 21.3845C58.9985 21.4148 58.9262 21.4218 58.8305 21.4055L58.4735 21.3425C58.5062 21.1092 58.5704 20.9038 58.666 20.7265C58.7617 20.5492 58.8819 20.401 59.0265 20.282C59.1712 20.1607 59.3369 20.0697 59.5235 20.009C59.7125 19.9483 59.9155 19.918 60.1325 19.918C60.3519 19.918 60.5537 19.9507 60.738 20.016C60.9247 20.079 61.0857 20.1712 61.221 20.2925C61.3564 20.4138 61.4625 20.562 61.5395 20.737C61.6165 20.9097 61.655 21.1057 61.655 21.325C61.655 21.5117 61.627 21.6855 61.571 21.8465C61.5174 22.0052 61.4427 22.1568 61.347 22.3015C61.2537 22.4462 61.144 22.5873 61.018 22.725C60.8944 22.8603 60.7625 22.998 60.6225 23.138L59.3485 24.44C59.4465 24.4143 59.5445 24.3933 59.6425 24.377C59.7429 24.3607 59.8374 24.3525 59.926 24.3525H61.5115ZM62.5551 21.3425C62.5901 21.1092 62.6554 20.9038 62.7511 20.7265C62.8468 20.5492 62.9669 20.401 63.1116 20.282C63.2563 20.1607 63.4219 20.0697 63.6086 20.009C63.7976 19.9483 64.0006 19.918 64.2176 19.918C64.4346 19.918 64.6341 19.9495 64.8161 20.0125C64.9981 20.0732 65.1533 20.1607 65.2816 20.275C65.4123 20.387 65.5138 20.5223 65.5861 20.681C65.6584 20.8397 65.6946 21.0147 65.6946 21.206C65.6946 21.367 65.6748 21.5093 65.6351 21.633C65.5954 21.7567 65.5383 21.8652 65.4636 21.9585C65.3913 22.0518 65.3026 22.1312 65.1976 22.1965C65.0926 22.2595 64.9748 22.312 64.8441 22.354C65.1638 22.4427 65.4041 22.5873 65.5651 22.788C65.7261 22.9863 65.8066 23.2383 65.8066 23.544C65.8066 23.7797 65.7623 23.992 65.6736 24.181C65.5849 24.3677 65.4636 24.5263 65.3096 24.657C65.1556 24.7853 64.9759 24.8845 64.7706 24.9545C64.5676 25.0222 64.3506 25.056 64.1196 25.056C63.8559 25.056 63.6296 25.0245 63.4406 24.9615C63.2516 24.8962 63.0906 24.8063 62.9576 24.692C62.8246 24.5753 62.7138 24.4365 62.6251 24.2755C62.5388 24.1122 62.4653 23.9337 62.4046 23.74L62.7021 23.614C62.7791 23.5813 62.8538 23.572 62.9261 23.586C62.9984 23.6 63.0509 23.6408 63.0836 23.7085C63.1186 23.7785 63.1583 23.8578 63.2026 23.9465C63.2493 24.0328 63.3111 24.1157 63.3881 24.195C63.4651 24.272 63.5608 24.3373 63.6751 24.391C63.7918 24.4447 63.9376 24.4715 64.1126 24.4715C64.2806 24.4715 64.4276 24.4447 64.5536 24.391C64.6796 24.335 64.7846 24.2638 64.8686 24.1775C64.9526 24.0888 65.0156 23.9908 65.0576 23.8835C65.0996 23.7762 65.1206 23.67 65.1206 23.565C65.1206 23.4343 65.1043 23.3142 65.0716 23.2045C65.0389 23.0948 64.9759 23.0015 64.8826 22.9245C64.7916 22.8452 64.6644 22.7833 64.5011 22.739C64.3378 22.6947 64.1254 22.6725 63.8641 22.6725V22.1755C64.0788 22.1732 64.2596 22.151 64.4066 22.109C64.5559 22.067 64.6761 22.0087 64.7671 21.934C64.8581 21.8593 64.9234 21.7707 64.9631 21.668C65.0051 21.5653 65.0261 21.451 65.0261 21.325C65.0261 21.1873 65.0051 21.0672 64.9631 20.9645C64.9211 20.8618 64.8616 20.7767 64.7846 20.709C64.7099 20.639 64.6201 20.5877 64.5151 20.555C64.4124 20.52 64.3004 20.5025 64.1791 20.5025C64.0578 20.5025 63.9458 20.52 63.8431 20.555C63.7404 20.59 63.6494 20.639 63.5701 20.702C63.4908 20.765 63.4243 20.8397 63.3706 20.926C63.3169 21.0123 63.2784 21.1057 63.2551 21.206C63.2224 21.2947 63.1804 21.3542 63.1291 21.3845C63.0801 21.4148 63.0089 21.4218 62.9156 21.4055L62.5551 21.3425Z",fill:"#27566D"}),/*#__PURE__*/_react.default.createElement("path",{d:"M72 6H0V14H72V6Z",fill:"#1D2729"}),/*#__PURE__*/_react.default.createElement("path",{d:"M47 18H5V26H47V18Z",fill:"white"})));const FourDigit=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"72",height:"46",viewBox:"0 0 72 46",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/_react.default.createElement("path",{d:"M66 0H6C2.68629 0 0 2.68629 0 6V40C0 43.3137 2.68629 46 6 46H66C69.3137 46 72 43.3137 72 40V6C72 2.68629 69.3137 0 66 0Z",fill:"#8FC2D3"}),/*#__PURE__*/_react.default.createElement("path",{d:"M9.82 9.395L9.181 7.724C9.135 7.61 9.089 7.466 9.043 7.292C9.021 7.378 8.998 7.458 8.974 7.532C8.952 7.606 8.93 7.672 8.908 7.73L8.272 9.395H9.82ZM11.083 11H10.591C10.535 11 10.489 10.986 10.453 10.958C10.417 10.93 10.391 10.894 10.375 10.85L9.994 9.851H8.095L7.714 10.85C7.7 10.888 7.674 10.923 7.636 10.955C7.598 10.985 7.552 11 7.498 11H7.006L8.722 6.692H9.367L11.083 11ZM16.1508 6.692V11H15.5928V7.934C15.5928 7.888 15.5938 7.839 15.5958 7.787C15.5998 7.735 15.6038 7.682 15.6078 7.628L14.1738 10.259C14.1238 10.357 14.0468 10.406 13.9428 10.406H13.8528C13.7488 10.406 13.6728 10.357 13.6248 10.259L12.1638 7.619C12.1758 7.731 12.1818 7.836 12.1818 7.934V11H11.6208V6.692H12.0948C12.1508 6.692 12.1938 6.698 12.2238 6.71C12.2558 6.72 12.2858 6.75 12.3138 6.8L13.7538 9.38C13.7818 9.432 13.8078 9.487 13.8318 9.545C13.8558 9.603 13.8788 9.661 13.9008 9.719C13.9428 9.601 13.9918 9.487 14.0478 9.377L15.4608 6.8C15.4868 6.75 15.5148 6.72 15.5448 6.71C15.5768 6.698 15.6208 6.692 15.6768 6.692H16.1508ZM19.8895 10.481L19.8865 11H17.2165V6.692H19.8865V7.211H17.8585V8.576H19.4905V9.077H17.8585V10.481H19.8895ZM21.9004 8.768C22.0644 8.768 22.2084 8.748 22.3324 8.708C22.4584 8.668 22.5634 8.612 22.6474 8.54C22.7314 8.466 22.7944 8.379 22.8364 8.279C22.8784 8.177 22.8994 8.065 22.8994 7.943C22.8994 7.695 22.8174 7.508 22.6534 7.382C22.4914 7.256 22.2474 7.193 21.9214 7.193H21.3184V8.768H21.9004ZM23.9104 11H23.3404C23.2264 11 23.1434 10.955 23.0914 10.865L22.0264 9.371C21.9924 9.321 21.9554 9.286 21.9154 9.266C21.8754 9.244 21.8154 9.233 21.7354 9.233H21.3184V11H20.6794V6.692H21.9214C22.1994 6.692 22.4384 6.721 22.6384 6.779C22.8404 6.835 23.0064 6.916 23.1364 7.022C23.2684 7.126 23.3654 7.252 23.4274 7.4C23.4914 7.548 23.5234 7.714 23.5234 7.898C23.5234 8.048 23.5004 8.189 23.4544 8.321C23.4084 8.453 23.3404 8.572 23.2504 8.678C23.1624 8.782 23.0544 8.872 22.9264 8.948C22.7984 9.024 22.6534 9.082 22.4914 9.122C22.5714 9.17 22.6404 9.237 22.6984 9.323L23.9104 11ZM25.1066 11H24.4646V6.692H25.1066V11ZM29.1787 10.076C29.2147 10.076 29.2457 10.09 29.2717 10.118L29.5237 10.394C29.3477 10.602 29.1327 10.763 28.8787 10.877C28.6267 10.991 28.3227 11.048 27.9667 11.048C27.6547 11.048 27.3717 10.994 27.1177 10.886C26.8657 10.778 26.6497 10.627 26.4697 10.433C26.2917 10.239 26.1537 10.007 26.0557 9.737C25.9577 9.467 25.9087 9.17 25.9087 8.846C25.9087 8.522 25.9597 8.225 26.0617 7.955C26.1657 7.685 26.3107 7.453 26.4967 7.259C26.6827 7.065 26.9047 6.914 27.1627 6.806C27.4227 6.698 27.7097 6.644 28.0237 6.644C28.3297 6.644 28.6017 6.694 28.8397 6.794C29.0777 6.894 29.2847 7.027 29.4607 7.193L29.2507 7.49C29.2367 7.512 29.2187 7.53 29.1967 7.544C29.1767 7.558 29.1497 7.565 29.1157 7.565C29.0777 7.565 29.0327 7.546 28.9807 7.508C28.9307 7.47 28.8637 7.428 28.7797 7.382C28.6977 7.334 28.5957 7.291 28.4737 7.253C28.3517 7.215 28.1997 7.196 28.0177 7.196C27.8037 7.196 27.6077 7.234 27.4297 7.31C27.2517 7.384 27.0977 7.492 26.9677 7.634C26.8397 7.774 26.7397 7.947 26.6677 8.153C26.5977 8.357 26.5627 8.588 26.5627 8.846C26.5627 9.108 26.5997 9.341 26.6737 9.545C26.7477 9.749 26.8497 9.922 26.9797 10.064C27.1097 10.206 27.2627 10.314 27.4387 10.388C27.6147 10.462 27.8047 10.499 28.0087 10.499C28.1327 10.499 28.2437 10.492 28.3417 10.478C28.4417 10.462 28.5327 10.439 28.6147 10.409C28.6987 10.379 28.7777 10.341 28.8517 10.295C28.9257 10.247 28.9987 10.19 29.0707 10.124C29.0867 10.11 29.1037 10.099 29.1217 10.091C29.1397 10.081 29.1587 10.076 29.1787 10.076ZM32.4548 9.395L31.8158 7.724C31.7698 7.61 31.7238 7.466 31.6778 7.292C31.6558 7.378 31.6328 7.458 31.6088 7.532C31.5868 7.606 31.5648 7.672 31.5428 7.73L30.9068 9.395H32.4548ZM33.7178 11H33.2258C33.1698 11 33.1238 10.986 33.0878 10.958C33.0518 10.93 33.0258 10.894 33.0098 10.85L32.6288 9.851H30.7298L30.3488 10.85C30.3348 10.888 30.3088 10.923 30.2708 10.955C30.2328 10.985 30.1868 11 30.1328 11H29.6408L31.3568 6.692H32.0018L33.7178 11ZM37.7836 6.692V11H37.4596C37.4096 11 37.3676 10.991 37.3336 10.973C37.3016 10.955 37.2686 10.926 37.2346 10.886L34.8016 7.739C34.8056 7.793 34.8086 7.846 34.8106 7.898C34.8146 7.95 34.8166 7.999 34.8166 8.045V11H34.2556V6.692H34.5856C34.6416 6.692 34.6836 6.699 34.7116 6.713C34.7396 6.725 34.7706 6.754 34.8046 6.8L37.2436 9.95C37.2376 9.892 37.2326 9.836 37.2286 9.782C37.2266 9.726 37.2256 9.674 37.2256 9.626V6.692H37.7836ZM43.0399 10.481L43.0369 11H40.3669V6.692H43.0369V7.211H41.0089V8.576H42.6409V9.077H41.0089V10.481H43.0399ZM47.1718 11H46.5388C46.4928 11 46.4558 10.988 46.4278 10.964C46.3998 10.938 46.3778 10.911 46.3618 10.883L45.2488 9.11C45.2328 9.16 45.2138 9.203 45.1918 9.239L44.1088 10.883C44.0888 10.911 44.0658 10.938 44.0398 10.964C44.0138 10.988 43.9808 11 43.9408 11H43.3438L44.8168 8.783L43.4068 6.692H44.0398C44.0858 6.692 44.1198 6.699 44.1418 6.713C44.1638 6.727 44.1828 6.748 44.1988 6.776L45.2878 8.465C45.3038 8.413 45.3258 8.365 45.3538 8.321L46.3738 6.788C46.3918 6.756 46.4118 6.732 46.4338 6.716C46.4558 6.7 46.4838 6.692 46.5178 6.692H47.1268L45.7078 8.756L47.1718 11ZM49.0606 8.909C49.2226 8.909 49.3646 8.888 49.4866 8.846C49.6106 8.804 49.7136 8.745 49.7956 8.669C49.8796 8.591 49.9426 8.499 49.9846 8.393C50.0266 8.285 50.0476 8.166 50.0476 8.036C50.0476 7.774 49.9656 7.568 49.8016 7.418C49.6396 7.268 49.3926 7.193 49.0606 7.193H48.3946V8.909H49.0606ZM49.0606 6.692C49.3366 6.692 49.5766 6.724 49.7806 6.788C49.9846 6.852 50.1536 6.943 50.2876 7.061C50.4216 7.177 50.5206 7.318 50.5846 7.484C50.6506 7.65 50.6836 7.834 50.6836 8.036C50.6836 8.238 50.6486 8.424 50.5786 8.594C50.5086 8.762 50.4056 8.907 50.2696 9.029C50.1336 9.151 49.9636 9.246 49.7596 9.314C49.5576 9.38 49.3246 9.413 49.0606 9.413H48.3946V11H47.7556V6.692H49.0606ZM52.6094 8.768C52.7734 8.768 52.9174 8.748 53.0414 8.708C53.1674 8.668 53.2724 8.612 53.3564 8.54C53.4404 8.466 53.5034 8.379 53.5454 8.279C53.5874 8.177 53.6084 8.065 53.6084 7.943C53.6084 7.695 53.5264 7.508 53.3624 7.382C53.2004 7.256 52.9564 7.193 52.6304 7.193H52.0274V8.768H52.6094ZM54.6194 11H54.0494C53.9354 11 53.8524 10.955 53.8004 10.865L52.7354 9.371C52.7014 9.321 52.6644 9.286 52.6244 9.266C52.5844 9.244 52.5244 9.233 52.4444 9.233H52.0274V11H51.3884V6.692H52.6304C52.9084 6.692 53.1474 6.721 53.3474 6.779C53.5494 6.835 53.7154 6.916 53.8454 7.022C53.9774 7.126 54.0744 7.252 54.1364 7.4C54.2004 7.548 54.2324 7.714 54.2324 7.898C54.2324 8.048 54.2094 8.189 54.1634 8.321C54.1174 8.453 54.0494 8.572 53.9594 8.678C53.8714 8.782 53.7634 8.872 53.6354 8.948C53.5074 9.024 53.3624 9.082 53.2004 9.122C53.2804 9.17 53.3494 9.237 53.4074 9.323L54.6194 11ZM57.8466 10.481L57.8436 11H55.1736V6.692H57.8436V7.211H55.8156V8.576H57.4476V9.077H55.8156V10.481H57.8466ZM60.8655 7.394C60.8455 7.428 60.8245 7.453 60.8025 7.469C60.7805 7.485 60.7525 7.493 60.7185 7.493C60.6825 7.493 60.6415 7.477 60.5955 7.445C60.5495 7.411 60.4915 7.374 60.4215 7.334C60.3535 7.292 60.2715 7.255 60.1755 7.223C60.0795 7.189 59.9645 7.172 59.8305 7.172C59.7045 7.172 59.5935 7.189 59.4975 7.223C59.4035 7.255 59.3245 7.3 59.2605 7.358C59.1965 7.414 59.1475 7.481 59.1135 7.559C59.0815 7.635 59.0655 7.718 59.0655 7.808C59.0655 7.924 59.0945 8.02 59.1525 8.096C59.2125 8.172 59.2905 8.237 59.3865 8.291C59.4825 8.345 59.5915 8.392 59.7135 8.432C59.8355 8.472 59.9605 8.514 60.0885 8.558C60.2165 8.6 60.3415 8.649 60.4635 8.705C60.5855 8.761 60.6945 8.832 60.7905 8.918C60.8865 9.002 60.9635 9.106 61.0215 9.23C61.0815 9.352 61.1115 9.502 61.1115 9.68C61.1115 9.87 61.0785 10.048 61.0125 10.214C60.9485 10.38 60.8545 10.525 60.7305 10.649C60.6065 10.773 60.4535 10.871 60.2715 10.943C60.0915 11.013 59.8865 11.048 59.6565 11.048C59.5185 11.048 59.3845 11.034 59.2545 11.006C59.1245 10.98 59.0015 10.943 58.8855 10.895C58.7695 10.845 58.6605 10.786 58.5585 10.718C58.4585 10.648 58.3685 10.57 58.2885 10.484L58.4715 10.178C58.4895 10.154 58.5105 10.134 58.5345 10.118C58.5605 10.102 58.5895 10.094 58.6215 10.094C58.6635 10.094 58.7115 10.116 58.7655 10.16C58.8215 10.204 58.8895 10.253 58.9695 10.307C59.0515 10.359 59.1485 10.407 59.2605 10.451C59.3745 10.495 59.5125 10.517 59.6745 10.517C59.8065 10.517 59.9245 10.5 60.0285 10.466C60.1325 10.43 60.2195 10.38 60.2895 10.316C60.3615 10.25 60.4165 10.171 60.4545 10.079C60.4925 9.987 60.5115 9.885 60.5115 9.773C60.5115 9.647 60.4825 9.544 60.4245 9.464C60.3665 9.384 60.2895 9.317 60.1935 9.263C60.0975 9.209 59.9885 9.163 59.8665 9.125C59.7445 9.087 59.6195 9.048 59.4915 9.008C59.3635 8.966 59.2385 8.918 59.1165 8.864C58.9945 8.81 58.8855 8.74 58.7895 8.654C58.6935 8.566 58.6165 8.457 58.5585 8.327C58.5005 8.195 58.4715 8.033 58.4715 7.841C58.4715 7.687 58.5015 7.538 58.5615 7.394C58.6215 7.25 58.7085 7.123 58.8225 7.013C58.9385 6.901 59.0805 6.812 59.2485 6.746C59.4165 6.678 59.6085 6.644 59.8245 6.644C60.0665 6.644 60.2885 6.683 60.4905 6.761C60.6945 6.837 60.8715 6.947 61.0215 7.091L60.8655 7.394ZM64.1291 7.394C64.1091 7.428 64.0881 7.453 64.0661 7.469C64.0441 7.485 64.0161 7.493 63.9821 7.493C63.9461 7.493 63.9051 7.477 63.8591 7.445C63.8131 7.411 63.7551 7.374 63.6851 7.334C63.6171 7.292 63.5351 7.255 63.4391 7.223C63.3431 7.189 63.2281 7.172 63.0941 7.172C62.9681 7.172 62.8571 7.189 62.7611 7.223C62.6671 7.255 62.5881 7.3 62.5241 7.358C62.4601 7.414 62.4111 7.481 62.3771 7.559C62.3451 7.635 62.3291 7.718 62.3291 7.808C62.3291 7.924 62.3581 8.02 62.4161 8.096C62.4761 8.172 62.5541 8.237 62.6501 8.291C62.7461 8.345 62.8551 8.392 62.9771 8.432C63.0991 8.472 63.2241 8.514 63.3521 8.558C63.4801 8.6 63.6051 8.649 63.7271 8.705C63.8491 8.761 63.9581 8.832 64.0541 8.918C64.1501 9.002 64.2271 9.106 64.2851 9.23C64.3451 9.352 64.3751 9.502 64.3751 9.68C64.3751 9.87 64.3421 10.048 64.2761 10.214C64.2121 10.38 64.1181 10.525 63.9941 10.649C63.8701 10.773 63.7171 10.871 63.5351 10.943C63.3551 11.013 63.1501 11.048 62.9201 11.048C62.7821 11.048 62.6481 11.034 62.5181 11.006C62.3881 10.98 62.2651 10.943 62.1491 10.895C62.0331 10.845 61.9241 10.786 61.8221 10.718C61.7221 10.648 61.6321 10.57 61.5521 10.484L61.7351 10.178C61.7531 10.154 61.7741 10.134 61.7981 10.118C61.8241 10.102 61.8531 10.094 61.8851 10.094C61.9271 10.094 61.9751 10.116 62.0291 10.16C62.0851 10.204 62.1531 10.253 62.2331 10.307C62.3151 10.359 62.4121 10.407 62.5241 10.451C62.6381 10.495 62.7761 10.517 62.9381 10.517C63.0701 10.517 63.1881 10.5 63.2921 10.466C63.3961 10.43 63.4831 10.38 63.5531 10.316C63.6251 10.25 63.6801 10.171 63.7181 10.079C63.7561 9.987 63.7751 9.885 63.7751 9.773C63.7751 9.647 63.7461 9.544 63.6881 9.464C63.6301 9.384 63.5531 9.317 63.4571 9.263C63.3611 9.209 63.2521 9.163 63.1301 9.125C63.0081 9.087 62.8831 9.048 62.7551 9.008C62.6271 8.966 62.5021 8.918 62.3801 8.864C62.2581 8.81 62.1491 8.74 62.0531 8.654C61.9571 8.566 61.8801 8.457 61.8221 8.327C61.7641 8.195 61.7351 8.033 61.7351 7.841C61.7351 7.687 61.7651 7.538 61.8251 7.394C61.8851 7.25 61.9721 7.123 62.0861 7.013C62.2021 6.901 62.3441 6.812 62.5121 6.746C62.6801 6.678 62.8721 6.644 63.0881 6.644C63.3301 6.644 63.5521 6.683 63.7541 6.761C63.9581 6.837 64.1351 6.947 64.2851 7.091L64.1291 7.394Z",fill:"#27566D"}),/*#__PURE__*/_react.default.createElement("path",{d:"M7.372 35.865C7.402 35.665 7.458 35.489 7.54 35.337C7.622 35.185 7.725 35.058 7.849 34.956C7.973 34.852 8.115 34.774 8.275 34.722C8.437 34.67 8.611 34.644 8.797 34.644C8.983 34.644 9.154 34.671 9.31 34.725C9.466 34.777 9.599 34.852 9.709 34.95C9.821 35.046 9.908 35.162 9.97 35.298C10.032 35.434 10.063 35.584 10.063 35.748C10.063 35.886 10.046 36.008 10.012 36.114C9.978 36.22 9.929 36.313 9.865 36.393C9.803 36.473 9.727 36.541 9.637 36.597C9.547 36.651 9.446 36.696 9.334 36.732C9.608 36.808 9.814 36.932 9.952 37.104C10.09 37.274 10.159 37.49 10.159 37.752C10.159 37.954 10.121 38.136 10.045 38.298C9.969 38.458 9.865 38.594 9.733 38.706C9.601 38.816 9.447 38.901 9.271 38.961C9.097 39.019 8.911 39.048 8.713 39.048C8.487 39.048 8.293 39.021 8.131 38.967C7.969 38.911 7.831 38.834 7.717 38.736C7.603 38.636 7.508 38.517 7.432 38.379C7.358 38.239 7.295 38.086 7.243 37.92L7.498 37.812C7.564 37.784 7.628 37.776 7.69 37.788C7.752 37.8 7.797 37.835 7.825 37.893C7.855 37.953 7.889 38.021 7.927 38.097C7.967 38.171 8.02 38.242 8.086 38.31C8.152 38.376 8.234 38.432 8.332 38.478C8.432 38.524 8.557 38.547 8.707 38.547C8.851 38.547 8.977 38.524 9.085 38.478C9.193 38.43 9.283 38.369 9.355 38.295C9.427 38.219 9.481 38.135 9.517 38.043C9.553 37.951 9.571 37.86 9.571 37.77C9.571 37.658 9.557 37.555 9.529 37.461C9.501 37.367 9.447 37.287 9.367 37.221C9.289 37.153 9.18 37.1 9.04 37.062C8.9 37.024 8.718 37.005 8.494 37.005V36.579C8.678 36.577 8.833 36.558 8.959 36.522C9.087 36.486 9.19 36.436 9.268 36.372C9.346 36.308 9.402 36.232 9.436 36.144C9.472 36.056 9.49 35.958 9.49 35.85C9.49 35.732 9.472 35.629 9.436 35.541C9.4 35.453 9.349 35.38 9.283 35.322C9.219 35.262 9.142 35.218 9.052 35.19C8.964 35.16 8.868 35.145 8.764 35.145C8.66 35.145 8.564 35.16 8.476 35.19C8.388 35.22 8.31 35.262 8.242 35.316C8.174 35.37 8.117 35.434 8.071 35.508C8.025 35.582 7.992 35.662 7.972 35.748C7.944 35.824 7.908 35.875 7.864 35.901C7.822 35.927 7.761 35.933 7.681 35.919L7.372 35.865ZM12.6585 37.428V35.748C12.6585 35.69 12.6595 35.629 12.6615 35.565C12.6655 35.499 12.6725 35.431 12.6825 35.361L11.1735 37.428H12.6585ZM13.7955 37.428V37.767C13.7955 37.801 13.7845 37.83 13.7625 37.854C13.7405 37.878 13.7095 37.89 13.6695 37.89H13.1715V39H12.6585V37.89H10.7685C10.7245 37.89 10.6875 37.878 10.6575 37.854C10.6275 37.828 10.6075 37.796 10.5975 37.758L10.5375 37.458L12.6195 34.689H13.1715V37.428H13.7955ZM17.2669 36.846C17.2669 37.222 17.2259 37.548 17.1439 37.824C17.0639 38.1 16.9529 38.329 16.8109 38.511C16.6709 38.691 16.5049 38.825 16.3129 38.913C16.1229 39.001 15.9179 39.045 15.6979 39.045C15.4779 39.045 15.2719 39.001 15.0799 38.913C14.8899 38.825 14.7249 38.691 14.5849 38.511C14.4449 38.329 14.3349 38.1 14.2549 37.824C14.1749 37.548 14.1349 37.222 14.1349 36.846C14.1349 36.47 14.1749 36.144 14.2549 35.868C14.3349 35.59 14.4449 35.361 14.5849 35.181C14.7249 34.999 14.8899 34.864 15.0799 34.776C15.2719 34.688 15.4779 34.644 15.6979 34.644C15.9179 34.644 16.1229 34.688 16.3129 34.776C16.5049 34.864 16.6709 34.999 16.8109 35.181C16.9529 35.361 17.0639 35.59 17.1439 35.868C17.2259 36.144 17.2669 36.47 17.2669 36.846ZM16.6609 36.846C16.6609 36.522 16.6339 36.251 16.5799 36.033C16.5279 35.815 16.4569 35.64 16.3669 35.508C16.2789 35.374 16.1769 35.279 16.0609 35.223C15.9449 35.167 15.8239 35.139 15.6979 35.139C15.5719 35.139 15.4509 35.167 15.3349 35.223C15.2189 35.279 15.1159 35.374 15.0259 35.508C14.9379 35.64 14.8679 35.815 14.8159 36.033C14.7639 36.251 14.7379 36.522 14.7379 36.846C14.7379 37.17 14.7639 37.441 14.8159 37.659C14.8679 37.877 14.9379 38.052 15.0259 38.184C15.1159 38.316 15.2189 38.41 15.3349 38.466C15.4509 38.522 15.5719 38.55 15.6979 38.55C15.8239 38.55 15.9449 38.522 16.0609 38.466C16.1769 38.41 16.2789 38.316 16.3669 38.184C16.4569 38.052 16.5279 37.877 16.5799 37.659C16.6339 37.441 16.6609 37.17 16.6609 36.846ZM20.7474 36.846C20.7474 37.222 20.7064 37.548 20.6244 37.824C20.5444 38.1 20.4334 38.329 20.2914 38.511C20.1514 38.691 19.9854 38.825 19.7934 38.913C19.6034 39.001 19.3984 39.045 19.1784 39.045C18.9584 39.045 18.7524 39.001 18.5604 38.913C18.3704 38.825 18.2054 38.691 18.0654 38.511C17.9254 38.329 17.8154 38.1 17.7354 37.824C17.6554 37.548 17.6154 37.222 17.6154 36.846C17.6154 36.47 17.6554 36.144 17.7354 35.868C17.8154 35.59 17.9254 35.361 18.0654 35.181C18.2054 34.999 18.3704 34.864 18.5604 34.776C18.7524 34.688 18.9584 34.644 19.1784 34.644C19.3984 34.644 19.6034 34.688 19.7934 34.776C19.9854 34.864 20.1514 34.999 20.2914 35.181C20.4334 35.361 20.5444 35.59 20.6244 35.868C20.7064 36.144 20.7474 36.47 20.7474 36.846ZM20.1414 36.846C20.1414 36.522 20.1144 36.251 20.0604 36.033C20.0084 35.815 19.9374 35.64 19.8474 35.508C19.7594 35.374 19.6574 35.279 19.5414 35.223C19.4254 35.167 19.3044 35.139 19.1784 35.139C19.0524 35.139 18.9314 35.167 18.8154 35.223C18.6994 35.279 18.5964 35.374 18.5064 35.508C18.4184 35.64 18.3484 35.815 18.2964 36.033C18.2444 36.251 18.2184 36.522 18.2184 36.846C18.2184 37.17 18.2444 37.441 18.2964 37.659C18.3484 37.877 18.4184 38.052 18.5064 38.184C18.5964 38.316 18.6994 38.41 18.8154 38.466C18.9314 38.522 19.0524 38.55 19.1784 38.55C19.3044 38.55 19.4254 38.522 19.5414 38.466C19.6574 38.41 19.7594 38.316 19.8474 38.184C19.9374 38.052 20.0084 37.877 20.0604 37.659C20.1144 37.441 20.1414 37.17 20.1414 36.846ZM25.7455 36.846C25.7455 37.222 25.7045 37.548 25.6225 37.824C25.5425 38.1 25.4315 38.329 25.2895 38.511C25.1495 38.691 24.9835 38.825 24.7915 38.913C24.6015 39.001 24.3965 39.045 24.1765 39.045C23.9565 39.045 23.7505 39.001 23.5585 38.913C23.3685 38.825 23.2035 38.691 23.0635 38.511C22.9235 38.329 22.8135 38.1 22.7335 37.824C22.6535 37.548 22.6135 37.222 22.6135 36.846C22.6135 36.47 22.6535 36.144 22.7335 35.868C22.8135 35.59 22.9235 35.361 23.0635 35.181C23.2035 34.999 23.3685 34.864 23.5585 34.776C23.7505 34.688 23.9565 34.644 24.1765 34.644C24.3965 34.644 24.6015 34.688 24.7915 34.776C24.9835 34.864 25.1495 34.999 25.2895 35.181C25.4315 35.361 25.5425 35.59 25.6225 35.868C25.7045 36.144 25.7455 36.47 25.7455 36.846ZM25.1395 36.846C25.1395 36.522 25.1125 36.251 25.0585 36.033C25.0065 35.815 24.9355 35.64 24.8455 35.508C24.7575 35.374 24.6555 35.279 24.5395 35.223C24.4235 35.167 24.3025 35.139 24.1765 35.139C24.0505 35.139 23.9295 35.167 23.8135 35.223C23.6975 35.279 23.5945 35.374 23.5045 35.508C23.4165 35.64 23.3465 35.815 23.2945 36.033C23.2425 36.251 23.2165 36.522 23.2165 36.846C23.2165 37.17 23.2425 37.441 23.2945 37.659C23.3465 37.877 23.4165 38.052 23.5045 38.184C23.5945 38.316 23.6975 38.41 23.8135 38.466C23.9295 38.522 24.0505 38.55 24.1765 38.55C24.3025 38.55 24.4235 38.522 24.5395 38.466C24.6555 38.41 24.7575 38.316 24.8455 38.184C24.9355 38.052 25.0065 37.877 25.0585 37.659C25.1125 37.441 25.1395 37.17 25.1395 36.846ZM29.2259 36.846C29.2259 37.222 29.1849 37.548 29.1029 37.824C29.0229 38.1 28.9119 38.329 28.7699 38.511C28.6299 38.691 28.4639 38.825 28.2719 38.913C28.0819 39.001 27.8769 39.045 27.6569 39.045C27.4369 39.045 27.2309 39.001 27.0389 38.913C26.8489 38.825 26.6839 38.691 26.5439 38.511C26.4039 38.329 26.2939 38.1 26.2139 37.824C26.1339 37.548 26.0939 37.222 26.0939 36.846C26.0939 36.47 26.1339 36.144 26.2139 35.868C26.2939 35.59 26.4039 35.361 26.5439 35.181C26.6839 34.999 26.8489 34.864 27.0389 34.776C27.2309 34.688 27.4369 34.644 27.6569 34.644C27.8769 34.644 28.0819 34.688 28.2719 34.776C28.4639 34.864 28.6299 34.999 28.7699 35.181C28.9119 35.361 29.0229 35.59 29.1029 35.868C29.1849 36.144 29.2259 36.47 29.2259 36.846ZM28.6199 36.846C28.6199 36.522 28.5929 36.251 28.5389 36.033C28.4869 35.815 28.4159 35.64 28.3259 35.508C28.2379 35.374 28.1359 35.279 28.0199 35.223C27.9039 35.167 27.7829 35.139 27.6569 35.139C27.5309 35.139 27.4099 35.167 27.2939 35.223C27.1779 35.279 27.0749 35.374 26.9849 35.508C26.8969 35.64 26.8269 35.815 26.7749 36.033C26.7229 36.251 26.6969 36.522 26.6969 36.846C26.6969 37.17 26.7229 37.441 26.7749 37.659C26.8269 37.877 26.8969 38.052 26.9849 38.184C27.0749 38.316 27.1779 38.41 27.2939 38.466C27.4099 38.522 27.5309 38.55 27.6569 38.55C27.7829 38.55 27.9039 38.522 28.0199 38.466C28.1359 38.41 28.2379 38.316 28.3259 38.184C28.4159 38.052 28.4869 37.877 28.5389 37.659C28.5929 37.441 28.6199 37.17 28.6199 36.846ZM32.7064 36.846C32.7064 37.222 32.6654 37.548 32.5834 37.824C32.5034 38.1 32.3924 38.329 32.2504 38.511C32.1104 38.691 31.9444 38.825 31.7524 38.913C31.5624 39.001 31.3574 39.045 31.1374 39.045C30.9174 39.045 30.7114 39.001 30.5194 38.913C30.3294 38.825 30.1644 38.691 30.0244 38.511C29.8844 38.329 29.7744 38.1 29.6944 37.824C29.6144 37.548 29.5744 37.222 29.5744 36.846C29.5744 36.47 29.6144 36.144 29.6944 35.868C29.7744 35.59 29.8844 35.361 30.0244 35.181C30.1644 34.999 30.3294 34.864 30.5194 34.776C30.7114 34.688 30.9174 34.644 31.1374 34.644C31.3574 34.644 31.5624 34.688 31.7524 34.776C31.9444 34.864 32.1104 34.999 32.2504 35.181C32.3924 35.361 32.5034 35.59 32.5834 35.868C32.6654 36.144 32.7064 36.47 32.7064 36.846ZM32.1004 36.846C32.1004 36.522 32.0734 36.251 32.0194 36.033C31.9674 35.815 31.8964 35.64 31.8064 35.508C31.7184 35.374 31.6164 35.279 31.5004 35.223C31.3844 35.167 31.2634 35.139 31.1374 35.139C31.0114 35.139 30.8904 35.167 30.7744 35.223C30.6584 35.279 30.5554 35.374 30.4654 35.508C30.3774 35.64 30.3074 35.815 30.2554 36.033C30.2034 36.251 30.1774 36.522 30.1774 36.846C30.1774 37.17 30.2034 37.441 30.2554 37.659C30.3074 37.877 30.3774 38.052 30.4654 38.184C30.5554 38.316 30.6584 38.41 30.7744 38.466C30.8904 38.522 31.0114 38.55 31.1374 38.55C31.2634 38.55 31.3844 38.522 31.5004 38.466C31.6164 38.41 31.7184 38.316 31.8064 38.184C31.8964 38.052 31.9674 37.877 32.0194 37.659C32.0734 37.441 32.1004 37.17 32.1004 36.846ZM36.1869 36.846C36.1869 37.222 36.1459 37.548 36.0639 37.824C35.9839 38.1 35.8729 38.329 35.7309 38.511C35.5909 38.691 35.4249 38.825 35.2329 38.913C35.0429 39.001 34.8379 39.045 34.6179 39.045C34.3979 39.045 34.1919 39.001 33.9999 38.913C33.8099 38.825 33.6449 38.691 33.5049 38.511C33.3649 38.329 33.2549 38.1 33.1749 37.824C33.0949 37.548 33.0549 37.222 33.0549 36.846C33.0549 36.47 33.0949 36.144 33.1749 35.868C33.2549 35.59 33.3649 35.361 33.5049 35.181C33.6449 34.999 33.8099 34.864 33.9999 34.776C34.1919 34.688 34.3979 34.644 34.6179 34.644C34.8379 34.644 35.0429 34.688 35.2329 34.776C35.4249 34.864 35.5909 34.999 35.7309 35.181C35.8729 35.361 35.9839 35.59 36.0639 35.868C36.1459 36.144 36.1869 36.47 36.1869 36.846ZM35.5809 36.846C35.5809 36.522 35.5539 36.251 35.4999 36.033C35.4479 35.815 35.3769 35.64 35.2869 35.508C35.1989 35.374 35.0969 35.279 34.9809 35.223C34.8649 35.167 34.7439 35.139 34.6179 35.139C34.4919 35.139 34.3709 35.167 34.2549 35.223C34.1389 35.279 34.0359 35.374 33.9459 35.508C33.8579 35.64 33.7879 35.815 33.7359 36.033C33.6839 36.251 33.6579 36.522 33.6579 36.846C33.6579 37.17 33.6839 37.441 33.7359 37.659C33.7879 37.877 33.8579 38.052 33.9459 38.184C34.0359 38.316 34.1389 38.41 34.2549 38.466C34.3709 38.522 34.4919 38.55 34.6179 38.55C34.7439 38.55 34.8649 38.522 34.9809 38.466C35.0969 38.41 35.1989 38.316 35.2869 38.184C35.3769 38.052 35.4479 37.877 35.4999 37.659C35.5539 37.441 35.5809 37.17 35.5809 36.846ZM39.6673 36.846C39.6673 37.222 39.6263 37.548 39.5443 37.824C39.4643 38.1 39.3533 38.329 39.2113 38.511C39.0713 38.691 38.9053 38.825 38.7133 38.913C38.5233 39.001 38.3183 39.045 38.0983 39.045C37.8783 39.045 37.6723 39.001 37.4803 38.913C37.2903 38.825 37.1253 38.691 36.9853 38.511C36.8453 38.329 36.7353 38.1 36.6553 37.824C36.5753 37.548 36.5353 37.222 36.5353 36.846C36.5353 36.47 36.5753 36.144 36.6553 35.868C36.7353 35.59 36.8453 35.361 36.9853 35.181C37.1253 34.999 37.2903 34.864 37.4803 34.776C37.6723 34.688 37.8783 34.644 38.0983 34.644C38.3183 34.644 38.5233 34.688 38.7133 34.776C38.9053 34.864 39.0713 34.999 39.2113 35.181C39.3533 35.361 39.4643 35.59 39.5443 35.868C39.6263 36.144 39.6673 36.47 39.6673 36.846ZM39.0613 36.846C39.0613 36.522 39.0343 36.251 38.9803 36.033C38.9283 35.815 38.8573 35.64 38.7673 35.508C38.6793 35.374 38.5773 35.279 38.4613 35.223C38.3453 35.167 38.2243 35.139 38.0983 35.139C37.9723 35.139 37.8513 35.167 37.7353 35.223C37.6193 35.279 37.5163 35.374 37.4263 35.508C37.3383 35.64 37.2683 35.815 37.2163 36.033C37.1643 36.251 37.1383 36.522 37.1383 36.846C37.1383 37.17 37.1643 37.441 37.2163 37.659C37.2683 37.877 37.3383 38.052 37.4263 38.184C37.5163 38.316 37.6193 38.41 37.7353 38.466C37.8513 38.522 37.9723 38.55 38.0983 38.55C38.2243 38.55 38.3453 38.522 38.4613 38.466C38.5773 38.41 38.6793 38.316 38.7673 38.184C38.8573 38.052 38.9283 37.877 38.9803 37.659C39.0343 37.441 39.0613 37.17 39.0613 36.846ZM43.1478 36.846C43.1478 37.222 43.1068 37.548 43.0248 37.824C42.9448 38.1 42.8338 38.329 42.6918 38.511C42.5518 38.691 42.3858 38.825 42.1938 38.913C42.0038 39.001 41.7988 39.045 41.5788 39.045C41.3588 39.045 41.1528 39.001 40.9608 38.913C40.7708 38.825 40.6058 38.691 40.4658 38.511C40.3258 38.329 40.2158 38.1 40.1358 37.824C40.0558 37.548 40.0158 37.222 40.0158 36.846C40.0158 36.47 40.0558 36.144 40.1358 35.868C40.2158 35.59 40.3258 35.361 40.4658 35.181C40.6058 34.999 40.7708 34.864 40.9608 34.776C41.1528 34.688 41.3588 34.644 41.5788 34.644C41.7988 34.644 42.0038 34.688 42.1938 34.776C42.3858 34.864 42.5518 34.999 42.6918 35.181C42.8338 35.361 42.9448 35.59 43.0248 35.868C43.1068 36.144 43.1478 36.47 43.1478 36.846ZM42.5418 36.846C42.5418 36.522 42.5148 36.251 42.4608 36.033C42.4088 35.815 42.3378 35.64 42.2478 35.508C42.1598 35.374 42.0578 35.279 41.9418 35.223C41.8258 35.167 41.7048 35.139 41.5788 35.139C41.4528 35.139 41.3318 35.167 41.2158 35.223C41.0998 35.279 40.9968 35.374 40.9068 35.508C40.8188 35.64 40.7488 35.815 40.6968 36.033C40.6448 36.251 40.6188 36.522 40.6188 36.846C40.6188 37.17 40.6448 37.441 40.6968 37.659C40.7488 37.877 40.8188 38.052 40.9068 38.184C40.9968 38.316 41.0998 38.41 41.2158 38.466C41.3318 38.522 41.4528 38.55 41.5788 38.55C41.7048 38.55 41.8258 38.522 41.9418 38.466C42.0578 38.41 42.1598 38.316 42.2478 38.184C42.3378 38.052 42.4088 37.877 42.4608 37.659C42.5148 37.441 42.5418 37.17 42.5418 36.846ZM48.1458 36.846C48.1458 37.222 48.1048 37.548 48.0228 37.824C47.9428 38.1 47.8318 38.329 47.6898 38.511C47.5498 38.691 47.3838 38.825 47.1918 38.913C47.0018 39.001 46.7968 39.045 46.5768 39.045C46.3568 39.045 46.1508 39.001 45.9588 38.913C45.7688 38.825 45.6038 38.691 45.4638 38.511C45.3238 38.329 45.2138 38.1 45.1338 37.824C45.0538 37.548 45.0138 37.222 45.0138 36.846C45.0138 36.47 45.0538 36.144 45.1338 35.868C45.2138 35.59 45.3238 35.361 45.4638 35.181C45.6038 34.999 45.7688 34.864 45.9588 34.776C46.1508 34.688 46.3568 34.644 46.5768 34.644C46.7968 34.644 47.0018 34.688 47.1918 34.776C47.3838 34.864 47.5498 34.999 47.6898 35.181C47.8318 35.361 47.9428 35.59 48.0228 35.868C48.1048 36.144 48.1458 36.47 48.1458 36.846ZM47.5398 36.846C47.5398 36.522 47.5128 36.251 47.4588 36.033C47.4068 35.815 47.3358 35.64 47.2458 35.508C47.1578 35.374 47.0558 35.279 46.9398 35.223C46.8238 35.167 46.7028 35.139 46.5768 35.139C46.4508 35.139 46.3298 35.167 46.2138 35.223C46.0978 35.279 45.9948 35.374 45.9048 35.508C45.8168 35.64 45.7468 35.815 45.6948 36.033C45.6428 36.251 45.6168 36.522 45.6168 36.846C45.6168 37.17 45.6428 37.441 45.6948 37.659C45.7468 37.877 45.8168 38.052 45.9048 38.184C45.9948 38.316 46.0978 38.41 46.2138 38.466C46.3298 38.522 46.4508 38.55 46.5768 38.55C46.7028 38.55 46.8238 38.522 46.9398 38.466C47.0558 38.41 47.1578 38.316 47.2458 38.184C47.3358 38.052 47.4068 37.877 47.4588 37.659C47.5128 37.441 47.5398 37.17 47.5398 36.846ZM51.6263 36.846C51.6263 37.222 51.5853 37.548 51.5033 37.824C51.4233 38.1 51.3123 38.329 51.1703 38.511C51.0303 38.691 50.8643 38.825 50.6723 38.913C50.4823 39.001 50.2773 39.045 50.0573 39.045C49.8373 39.045 49.6313 39.001 49.4393 38.913C49.2493 38.825 49.0843 38.691 48.9443 38.511C48.8043 38.329 48.6943 38.1 48.6143 37.824C48.5343 37.548 48.4943 37.222 48.4943 36.846C48.4943 36.47 48.5343 36.144 48.6143 35.868C48.6943 35.59 48.8043 35.361 48.9443 35.181C49.0843 34.999 49.2493 34.864 49.4393 34.776C49.6313 34.688 49.8373 34.644 50.0573 34.644C50.2773 34.644 50.4823 34.688 50.6723 34.776C50.8643 34.864 51.0303 34.999 51.1703 35.181C51.3123 35.361 51.4233 35.59 51.5033 35.868C51.5853 36.144 51.6263 36.47 51.6263 36.846ZM51.0203 36.846C51.0203 36.522 50.9933 36.251 50.9393 36.033C50.8873 35.815 50.8163 35.64 50.7263 35.508C50.6383 35.374 50.5363 35.279 50.4203 35.223C50.3043 35.167 50.1833 35.139 50.0573 35.139C49.9313 35.139 49.8103 35.167 49.6943 35.223C49.5783 35.279 49.4753 35.374 49.3853 35.508C49.2973 35.64 49.2273 35.815 49.1753 36.033C49.1233 36.251 49.0973 36.522 49.0973 36.846C49.0973 37.17 49.1233 37.441 49.1753 37.659C49.2273 37.877 49.2973 38.052 49.3853 38.184C49.4753 38.316 49.5783 38.41 49.6943 38.466C49.8103 38.522 49.9313 38.55 50.0573 38.55C50.1833 38.55 50.3043 38.522 50.4203 38.466C50.5363 38.41 50.6383 38.316 50.7263 38.184C50.8163 38.052 50.8873 37.877 50.9393 37.659C50.9933 37.441 51.0203 37.17 51.0203 36.846ZM55.1068 36.846C55.1068 37.222 55.0658 37.548 54.9838 37.824C54.9038 38.1 54.7928 38.329 54.6508 38.511C54.5108 38.691 54.3448 38.825 54.1528 38.913C53.9628 39.001 53.7578 39.045 53.5378 39.045C53.3178 39.045 53.1118 39.001 52.9198 38.913C52.7298 38.825 52.5648 38.691 52.4248 38.511C52.2848 38.329 52.1748 38.1 52.0948 37.824C52.0148 37.548 51.9748 37.222 51.9748 36.846C51.9748 36.47 52.0148 36.144 52.0948 35.868C52.1748 35.59 52.2848 35.361 52.4248 35.181C52.5648 34.999 52.7298 34.864 52.9198 34.776C53.1118 34.688 53.3178 34.644 53.5378 34.644C53.7578 34.644 53.9628 34.688 54.1528 34.776C54.3448 34.864 54.5108 34.999 54.6508 35.181C54.7928 35.361 54.9038 35.59 54.9838 35.868C55.0658 36.144 55.1068 36.47 55.1068 36.846ZM54.5008 36.846C54.5008 36.522 54.4738 36.251 54.4198 36.033C54.3678 35.815 54.2968 35.64 54.2068 35.508C54.1188 35.374 54.0168 35.279 53.9008 35.223C53.7848 35.167 53.6638 35.139 53.5378 35.139C53.4118 35.139 53.2908 35.167 53.1748 35.223C53.0588 35.279 52.9558 35.374 52.8658 35.508C52.7778 35.64 52.7078 35.815 52.6558 36.033C52.6038 36.251 52.5778 36.522 52.5778 36.846C52.5778 37.17 52.6038 37.441 52.6558 37.659C52.7078 37.877 52.7778 38.052 52.8658 38.184C52.9558 38.316 53.0588 38.41 53.1748 38.466C53.2908 38.522 53.4118 38.55 53.5378 38.55C53.6638 38.55 53.7848 38.522 53.9008 38.466C54.0168 38.41 54.1188 38.316 54.2068 38.184C54.2968 38.052 54.3678 37.877 54.4198 37.659C54.4738 37.441 54.5008 37.17 54.5008 36.846ZM58.5872 36.846C58.5872 37.222 58.5463 37.548 58.4643 37.824C58.3843 38.1 58.2733 38.329 58.1313 38.511C57.9913 38.691 57.8253 38.825 57.6333 38.913C57.4433 39.001 57.2383 39.045 57.0183 39.045C56.7983 39.045 56.5923 39.001 56.4003 38.913C56.2103 38.825 56.0453 38.691 55.9053 38.511C55.7653 38.329 55.6553 38.1 55.5753 37.824C55.4953 37.548 55.4553 37.222 55.4553 36.846C55.4553 36.47 55.4953 36.144 55.5753 35.868C55.6553 35.59 55.7653 35.361 55.9053 35.181C56.0453 34.999 56.2103 34.864 56.4003 34.776C56.5923 34.688 56.7983 34.644 57.0183 34.644C57.2383 34.644 57.4433 34.688 57.6333 34.776C57.8253 34.864 57.9913 34.999 58.1313 35.181C58.2733 35.361 58.3843 35.59 58.4643 35.868C58.5463 36.144 58.5872 36.47 58.5872 36.846ZM57.9813 36.846C57.9813 36.522 57.9543 36.251 57.9003 36.033C57.8483 35.815 57.7773 35.64 57.6873 35.508C57.5993 35.374 57.4973 35.279 57.3813 35.223C57.2653 35.167 57.1443 35.139 57.0183 35.139C56.8923 35.139 56.7713 35.167 56.6553 35.223C56.5393 35.279 56.4363 35.374 56.3463 35.508C56.2583 35.64 56.1883 35.815 56.1363 36.033C56.0843 36.251 56.0583 36.522 56.0583 36.846C56.0583 37.17 56.0843 37.441 56.1363 37.659C56.1883 37.877 56.2583 38.052 56.3463 38.184C56.4363 38.316 56.5393 38.41 56.6553 38.466C56.7713 38.522 56.8923 38.55 57.0183 38.55C57.1443 38.55 57.2653 38.522 57.3813 38.466C57.4973 38.41 57.5993 38.316 57.6873 38.184C57.7773 38.052 57.8483 37.877 57.9003 37.659C57.9543 37.441 57.9813 37.17 57.9813 36.846ZM59.6467 35.964C59.6467 36.23 59.7187 36.435 59.8627 36.579C60.0067 36.723 60.2067 36.795 60.4627 36.795C60.6007 36.795 60.7227 36.773 60.8287 36.729C60.9347 36.683 61.0237 36.623 61.0957 36.549C61.1697 36.473 61.2257 36.386 61.2637 36.288C61.3017 36.188 61.3207 36.084 61.3207 35.976C61.3207 35.846 61.2997 35.729 61.2577 35.625C61.2177 35.519 61.1607 35.43 61.0867 35.358C61.0127 35.284 60.9247 35.228 60.8227 35.19C60.7227 35.15 60.6117 35.13 60.4897 35.13C60.3637 35.13 60.2487 35.151 60.1447 35.193C60.0407 35.233 59.9517 35.29 59.8777 35.364C59.8037 35.438 59.7467 35.526 59.7067 35.628C59.6667 35.73 59.6467 35.842 59.6467 35.964ZM60.8287 37.296C60.9067 37.194 60.9797 37.094 61.0477 36.996C60.9397 37.078 60.8187 37.14 60.6847 37.182C60.5527 37.224 60.4117 37.245 60.2617 37.245C60.1037 37.245 59.9517 37.218 59.8057 37.164C59.6617 37.11 59.5337 37.031 59.4217 36.927C59.3117 36.821 59.2237 36.691 59.1577 36.537C59.0917 36.383 59.0587 36.206 59.0587 36.006C59.0587 35.818 59.0937 35.641 59.1637 35.475C59.2337 35.309 59.3317 35.165 59.4577 35.043C59.5857 34.919 59.7377 34.822 59.9137 34.752C60.0917 34.68 60.2867 34.644 60.4987 34.644C60.7087 34.644 60.8987 34.678 61.0687 34.746C61.2407 34.814 61.3867 34.91 61.5067 35.034C61.6267 35.156 61.7197 35.303 61.7857 35.475C61.8517 35.647 61.8847 35.836 61.8847 36.042C61.8847 36.168 61.8727 36.288 61.8487 36.402C61.8267 36.516 61.7937 36.627 61.7497 36.735C61.7077 36.843 61.6557 36.95 61.5937 37.056C61.5337 37.16 61.4647 37.267 61.3867 37.377L60.3517 38.862C60.3237 38.902 60.2827 38.935 60.2287 38.961C60.1767 38.987 60.1167 39 60.0487 39H59.5117L60.8287 37.296Z",fill:"#27566D"}),/*#__PURE__*/_react.default.createElement("path",{d:"M62.5 17.5H49.5C47.8431 17.5 46.5 18.8431 46.5 20.5V24.5C46.5 26.1569 47.8431 27.5 49.5 27.5H62.5C64.1569 27.5 65.5 26.1569 65.5 24.5V20.5C65.5 18.8431 64.1569 17.5 62.5 17.5Z",fill:"#DA8393",stroke:"#B40726"}),/*#__PURE__*/_react.default.createElement("path",{d:"M51.577 24.4785V25H48.861V24.4785H49.925V21.185C49.925 21.08 49.9285 20.9715 49.9355 20.8595L49.0815 21.584C49.0488 21.6097 49.0162 21.626 48.9835 21.633C48.9508 21.64 48.9193 21.6412 48.889 21.6365C48.861 21.6318 48.8353 21.6225 48.812 21.6085C48.791 21.5922 48.7735 21.5758 48.7595 21.5595L48.546 21.262L50.051 19.9635H50.6075V24.4785H51.577ZM55.5115 24.3525C55.5862 24.3525 55.6445 24.3747 55.6865 24.419C55.7285 24.461 55.7495 24.517 55.7495 24.587V25H52.3755V24.7655C52.3755 24.7188 52.3849 24.6698 52.4035 24.6185C52.4222 24.5648 52.4537 24.517 52.498 24.475L54.087 22.8825C54.22 22.7495 54.3402 22.6212 54.4475 22.4975C54.5549 22.3738 54.6459 22.2513 54.7205 22.13C54.7952 22.0063 54.8524 21.8803 54.892 21.752C54.934 21.6237 54.955 21.4883 54.955 21.346C54.955 21.206 54.9329 21.0835 54.8885 20.9785C54.8442 20.8712 54.7835 20.7825 54.7065 20.7125C54.6295 20.6425 54.5385 20.59 54.4335 20.555C54.3285 20.52 54.2154 20.5025 54.094 20.5025C53.9727 20.5025 53.8607 20.52 53.758 20.555C53.6577 20.59 53.5679 20.639 53.4885 20.702C53.4092 20.765 53.3427 20.8397 53.289 20.926C53.2354 21.0123 53.1969 21.1057 53.1735 21.206C53.1409 21.2947 53.0989 21.3542 53.0475 21.3845C52.9985 21.4148 52.9262 21.4218 52.8305 21.4055L52.4735 21.3425C52.5062 21.1092 52.5704 20.9038 52.666 20.7265C52.7617 20.5492 52.8819 20.401 53.0265 20.282C53.1712 20.1607 53.3369 20.0697 53.5235 20.009C53.7125 19.9483 53.9155 19.918 54.1325 19.918C54.3519 19.918 54.5537 19.9507 54.738 20.016C54.9247 20.079 55.0857 20.1712 55.221 20.2925C55.3564 20.4138 55.4625 20.562 55.5395 20.737C55.6165 20.9097 55.655 21.1057 55.655 21.325C55.655 21.5117 55.627 21.6855 55.571 21.8465C55.5174 22.0052 55.4427 22.1568 55.347 22.3015C55.2537 22.4462 55.144 22.5873 55.018 22.725C54.8944 22.8603 54.7625 22.998 54.6225 23.138L53.3485 24.44C53.4465 24.4143 53.5445 24.3933 53.6425 24.377C53.7429 24.3607 53.8374 24.3525 53.926 24.3525H55.5115ZM56.5551 21.3425C56.5901 21.1092 56.6554 20.9038 56.7511 20.7265C56.8468 20.5492 56.9669 20.401 57.1116 20.282C57.2563 20.1607 57.4219 20.0697 57.6086 20.009C57.7976 19.9483 58.0006 19.918 58.2176 19.918C58.4346 19.918 58.6341 19.9495 58.8161 20.0125C58.9981 20.0732 59.1533 20.1607 59.2816 20.275C59.4123 20.387 59.5138 20.5223 59.5861 20.681C59.6584 20.8397 59.6946 21.0147 59.6946 21.206C59.6946 21.367 59.6748 21.5093 59.6351 21.633C59.5954 21.7567 59.5383 21.8652 59.4636 21.9585C59.3913 22.0518 59.3026 22.1312 59.1976 22.1965C59.0926 22.2595 58.9748 22.312 58.8441 22.354C59.1638 22.4427 59.4041 22.5873 59.5651 22.788C59.7261 22.9863 59.8066 23.2383 59.8066 23.544C59.8066 23.7797 59.7623 23.992 59.6736 24.181C59.5849 24.3677 59.4636 24.5263 59.3096 24.657C59.1556 24.7853 58.9759 24.8845 58.7706 24.9545C58.5676 25.0222 58.3506 25.056 58.1196 25.056C57.8559 25.056 57.6296 25.0245 57.4406 24.9615C57.2516 24.8962 57.0906 24.8063 56.9576 24.692C56.8246 24.5753 56.7138 24.4365 56.6251 24.2755C56.5388 24.1122 56.4653 23.9337 56.4046 23.74L56.7021 23.614C56.7791 23.5813 56.8538 23.572 56.9261 23.586C56.9984 23.6 57.0509 23.6408 57.0836 23.7085C57.1186 23.7785 57.1583 23.8578 57.2026 23.9465C57.2493 24.0328 57.3111 24.1157 57.3881 24.195C57.4651 24.272 57.5608 24.3373 57.6751 24.391C57.7918 24.4447 57.9376 24.4715 58.1126 24.4715C58.2806 24.4715 58.4276 24.4447 58.5536 24.391C58.6796 24.335 58.7846 24.2638 58.8686 24.1775C58.9526 24.0888 59.0156 23.9908 59.0576 23.8835C59.0996 23.7762 59.1206 23.67 59.1206 23.565C59.1206 23.4343 59.1043 23.3142 59.0716 23.2045C59.0389 23.0948 58.9759 23.0015 58.8826 22.9245C58.7916 22.8452 58.6644 22.7833 58.5011 22.739C58.3378 22.6947 58.1254 22.6725 57.8641 22.6725V22.1755C58.0788 22.1732 58.2596 22.151 58.4066 22.109C58.5559 22.067 58.6761 22.0087 58.7671 21.934C58.8581 21.8593 58.9234 21.7707 58.9631 21.668C59.0051 21.5653 59.0261 21.451 59.0261 21.325C59.0261 21.1873 59.0051 21.0672 58.9631 20.9645C58.9211 20.8618 58.8616 20.7767 58.7846 20.709C58.7099 20.639 58.6201 20.5877 58.5151 20.555C58.4124 20.52 58.3004 20.5025 58.1791 20.5025C58.0578 20.5025 57.9458 20.52 57.8431 20.555C57.7404 20.59 57.6494 20.639 57.5701 20.702C57.4908 20.765 57.4243 20.8397 57.3706 20.926C57.3169 21.0123 57.2784 21.1057 57.2551 21.206C57.2224 21.2947 57.1804 21.3542 57.1291 21.3845C57.0801 21.4148 57.0089 21.4218 56.9156 21.4055L56.5551 21.3425ZM62.7226 23.166V21.206C62.7226 21.1383 62.7238 21.0672 62.7261 20.9925C62.7308 20.9155 62.739 20.8362 62.7506 20.7545L60.9901 23.166H62.7226ZM64.0491 23.166V23.5615C64.0491 23.6012 64.0363 23.635 64.0106 23.663C63.985 23.691 63.9488 23.705 63.9021 23.705H63.3211V25H62.7226V23.705H60.5176C60.4663 23.705 60.4231 23.691 60.3881 23.663C60.3531 23.6327 60.3298 23.5953 60.3181 23.551L60.2481 23.201L62.6771 19.9705H63.3211V23.166H64.0491Z",fill:"#27566D"})));const Row$1=_styledComponents.default.div.withConfig({displayName:"maxio__Row1",componentId:"maxio-components__sc-lo74t2-163"})(["&&&{display:flex;",";",";}"],_styledSystem.flexDirection,_styledSystem.grid);const Separator$2=_styledComponents.default.div.withConfig({displayName:"maxio__Separator2",componentId:"maxio-components__sc-lo74t2-164"})(["&&&{width:1px;flex-shrink:0;",";",";}"],_styledSystem.margin,_ref279=>{let{theme}=_ref279;return(0,_styledComponents.css)(["background-color:",";"],theme.colors.gray.extraLight);});const TooltipContent=_ref280=>{let{labels}=_ref280;const{threeDigitTooltip,fourDigitTooltip}=labels;return/*#__PURE__*/_react.default.createElement(Row$1,null,/*#__PURE__*/_react.default.createElement(Row$1,{flexDirection:"column"},/*#__PURE__*/_react.default.createElement(Row$1,{gridGap:3},/*#__PURE__*/_react.default.createElement(Logo,{type:"visa",height:8,width:25}),/*#__PURE__*/_react.default.createElement(Logo,{type:"master",height:8,width:14}),/*#__PURE__*/_react.default.createElement(Logo,{type:"discover",height:8,width:48})),/*#__PURE__*/_react.default.createElement(Box,{marginTop:3,marginBottom:3},/*#__PURE__*/_react.default.createElement(ThreeDigit,null)),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"black.light"},threeDigitTooltip)),/*#__PURE__*/_react.default.createElement(Separator$2,{marginLeft:3,marginRight:3}),/*#__PURE__*/_react.default.createElement(Row$1,{flexDirection:"column"},/*#__PURE__*/_react.default.createElement(Logo,{type:"american_express",height:8,width:10}),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:3,marginTop:3},/*#__PURE__*/_react.default.createElement(FourDigit,null)),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"black.light"},fourDigitTooltip)));};const Container$2=_styledComponents.default.div.withConfig({displayName:"maxio__Container2",componentId:"maxio-components__sc-lo74t2-165"})(["&&&{background:radial-gradient( 56.87% 164.82% at 86.8% 24.4%,rgba(255,255,255,0.3) 0%,rgba(154,196,225,0.3) 100% ),#f3f6fa;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;z-index:1;position:relative;",";",";",";}"],_styledSystem.border,props=>props.size==='regular'&&(0,_styledComponents.css)(["padding:14px 16px 12px 16px;width:320px;height:180px;"]),props=>props.size==='small'&&(0,_styledComponents.css)(["padding:10px 12px 8px 12px;width:260px;height:170px;"]));const Row=_styledComponents.default.div.withConfig({displayName:"maxio__Row",componentId:"maxio-components__sc-lo74t2-166"})(["&&&{display:grid;",";}"],_styledSystem.grid);const Column=_styledComponents.default.div.withConfig({displayName:"maxio__Column",componentId:"maxio-components__sc-lo74t2-167"})(["&&&{min-width:0;",";",";}"],_ref281=>{let{placeSelf}=_ref281;return placeSelf?(0,_styledComponents.css)(["place-self:",";"],placeSelf):null;},_styledSystem.grid);const CreditCard=_ref282=>{let{requiredFields=[],errors=[],labels,size='regular',type}=_ref282;const{cardNumber,securityCode,expirationDate,threeDigitTooltip,fourDigitTooltip}=labels;return/*#__PURE__*/_react.default.createElement(Container$2,{size:size,borderWidth:"1px",borderStyle:"solid",borderColor:"gray.light",borderRadius:3},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:3},/*#__PURE__*/_react.default.createElement(CreditCard$2.Chip,null)),/*#__PURE__*/_react.default.createElement(Row,{gridColumnGap:4,gridRowGap:3,gridTemplateColumns:"repeat(8, 1fr)"},/*#__PURE__*/_react.default.createElement(Column,{gridRow:1,gridColumn:size==='small'?'span 6':'span 5'},/*#__PURE__*/_react.default.createElement(CardNumber,{label:cardNumber,hasError:errors.includes(CreditCardPCIFields.Number),required:requiredFields.includes(CreditCardPCIFields.Number)})),/*#__PURE__*/_react.default.createElement(Column,{gridRow:size==='small'?2:1,gridColumn:size==='small'?'span 4':'span 3'},/*#__PURE__*/_react.default.createElement(CardExpiration,{label:expirationDate,hasError:errors.includes(CreditCardPCIFields.ExpirationMonth)||errors.includes(CreditCardPCIFields.ExpirationYear),required:requiredFields.includes(CreditCardPCIFields.ExpirationMonth)||requiredFields.includes(CreditCardPCIFields.ExpirationYear)})),/*#__PURE__*/_react.default.createElement(Column,{gridRow:"2",gridColumn:"span 4"},/*#__PURE__*/_react.default.createElement(SecurityCode,{label:securityCode,hasError:errors.includes(CreditCardPCIFields.SecurityCode),required:requiredFields.includes(CreditCardPCIFields.SecurityCode),tooltip:{renderContent:()=>(/*#__PURE__*/_react.default.createElement(TooltipContent,{labels:{threeDigitTooltip,fourDigitTooltip}})),mode:'dark'}})),/*#__PURE__*/_react.default.createElement(Column,{gridColumn:size==='small'?'7/-1':'6/-1',gridRow:size==='small'?1:2,placeSelf:"flex-end"},/*#__PURE__*/_react.default.createElement(CreditCard$2.Logo,{type:type}))),/*#__PURE__*/_react.default.createElement(CreditCard$2.Watermark,{type:type,size:size}));};const PaymentProfileSkeleton=()=>(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:[3,3,7]},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:20,width:80,variant:"primary"})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:150,variant:"primary"})))),/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:20,width:60,variant:"primary"})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:48,variant:"primary"})),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:48,variant:"primary"})))));const PaymentsContext=/*#__PURE__*/(0,_react.createContext)({paymentsSDK:null});const usePaymentsForm=()=>{const{paymentsSDK}=(0,_react.useContext)(PaymentsContext);return paymentsSDK;};const usePaymentProfileTranslations=()=>{const{t}=(0,_reactI18next.useTranslation)(['payment-profile']);const translate=key=>t(key,{ns:'payment-profile'});const addressTranslations={country:{label:translate('country_label'),placeholder:translate('country_placeholder')},city:{label:translate('city_label'),placeholder:translate('city_placeholder')},address:{label:translate('address_label'),placeholder:translate('address_placeholder')},address2:{label:translate('address2_label'),placeholder:translate('address2_placeholder')},state:{label:translate('state_label'),placeholder:translate('state_placeholder')},zip:{label:translate('zip_label'),placeholder:translate('zip_placeholder')},postalCode:{label:translate('postal_code_label'),placeholder:translate('postal_code_placeholder')},region:{label:translate('region_label'),placeholder:translate('region_placeholder')},error:{invalid:translate('error_invalid'),required:translate('error_required')},input:{searchLabel:translate('type_to_search'),selectOptionLabel:translate('select_option')}};const creditCardTranslations={creditCardNumber:{label:translate('credit_card_label'),placeholder:translate('credit_card_placeholder')},securityCode:{label:translate('security_code_label'),placeholder:translate('security_code_placeholder')},expirationDate:{label:translate('expiration_date_label')},firstName:{label:translate('first_name_label'),placeholder:translate('first_name_placeholder')},lastName:{label:translate('last_name_label'),placeholder:translate('last_name_placeholder')},error:{invalid:translate('error_invalid'),required:translate('error_required')},tooltip:{threeDigit:translate('tooltip_cvv_three_digit'),fourDigit:translate('tooltip_cvv_four_digit')}};return{addressTranslations,creditCardTranslations};};const defaultTranslations={creditCardNumber:{label:'Card Number',placeholder:'0000 0000 0000 0000'},securityCode:{label:'Security Code',placeholder:'3 or 4 digits'},expirationDate:{label:'Expiration Date'},firstName:{label:'First Name',placeholder:'First name on card'},lastName:{label:'Last Name',placeholder:'Last name on card'},error:{invalid:'This field is invalid',required:'This field is required'},tooltip:{threeDigit:'3 digits on the back of your card',fourDigit:'4 digits on the front of your card'}};const CreditCardForm=_ref283=>{let{values,onValidateField,onChange,useThreeDSecure,errors,config,creditCardSize,isOnMobileDevice,requiredFields=[],hostedFieldsErrors=[],translations=defaultTranslations}=_ref283;const paymentsForm=usePaymentsForm();const theme=(0,_styledComponents.useTheme)();const{firstName,lastName}=values;const handleErrorMessage=error=>{if(error==='required')return translations.error.required;return translations.error.invalid;};const[type,setType]=(0,_react.useState)();(0,_react.useEffect)(()=>{const{securityToken,publicKey,serverHost}=config;const{globalStyles,fieldsStyles}=createFieldsStyles(theme);paymentsForm.load({type:'card',publicKey,serverHost,securityToken,threeDSecure:useThreeDSecure,hideCardImage:true,fields:createFieldsConfig(requiredFields,translations,fieldsStyles),style:globalStyles},{onCardTypeDetected:cardType=>setType(mapDetectedCreditCardType(cardType))});return()=>paymentsForm.unload();},[]);const{creditCardNumber,expirationDate,securityCode,tooltip}=translations;return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:7},/*#__PURE__*/_react.default.createElement(CreditCard,{type:type,size:creditCardSize,errors:hostedFieldsErrors,requiredFields:requiredFields,labels:{cardNumber:creditCardNumber.label,securityCode:securityCode.label,expirationDate:expirationDate.label,threeDigitTooltip:tooltip.threeDigit,fourDigitTooltip:tooltip.fourDigit}})),/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16},/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:12},/*#__PURE__*/_react.default.createElement(FormField,{label:translations.firstName.label,name:"firstName",hasError:!!errors.firstName,required:requiredFields.includes('firstName'),error:handleErrorMessage(errors.firstName),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"firstName",id:"firstName",autoComplete:"off",fullWidth:true,value:firstName,placeholder:translations.firstName.placeholder,hasError:!!errors.firstName,onBlur:()=>onValidateField('firstName',firstName),onChange:e=>onChange('firstName',e.currentTarget.value)})),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-testid":"firstNameMeta","data-chargify":"firstName",value:firstName})),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:12},/*#__PURE__*/_react.default.createElement(FormField,{label:translations.lastName.label,name:"lastName",hasError:!!errors.lastName,required:requiredFields.includes('lastName'),error:handleErrorMessage(errors.lastName),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"lastName",id:"lastName",autoComplete:"off",fullWidth:true,value:lastName,placeholder:translations.lastName.placeholder,hasError:!!errors.lastName,onBlur:()=>onValidateField('lastName',lastName),onChange:e=>onChange('lastName',e.currentTarget.value)})),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-testid":"lastNameMeta","data-chargify":"lastName",value:lastName}))));};const FORM_ELEMENT_ID$1='payment-profile-form';const US_FORMAT_ADDRESS_FORM=['US'];const PaymentProfile$1=_ref284=>{let{paymentMethodType='creditCard',requiredFields=[],useThreeDSecure=false,formElementId=FORM_ELEMENT_ID$1,onUpdateField,onValidateField,billingAddress,paymentMethod,config,targetElementRef}=_ref284;const{device}=useDeviceInfo();const{t}=(0,_reactI18next.useTranslation)(['payment-profile']);const{creditCardTranslations}=usePaymentProfileTranslations();const{values:{address,address2,city,state,country,zip}}=billingAddress;const{hostedFieldsErrors}=paymentMethod;const isOnMobileDevice=['tablet','mobile'].includes(device);return/*#__PURE__*/_react.default.createElement("div",{id:formElementId},hostedFieldsErrors.length>0?(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:8},/*#__PURE__*/_react.default.createElement(Alert,{color:'danger',title:t('failed_saving_payment_method')},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'danger.dark'},t('did_you_fill_all_fields'))))):null,paymentMethodType==='creditCard'&&(/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:['5','5','0']},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('credit_card_details_header',{ns:'payment-profile'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(CreditCardForm,{config:config,translations:creditCardTranslations,isOnMobileDevice:isOnMobileDevice,values:paymentMethod.values,errors:paymentMethod.errors,hostedFieldsErrors:hostedFieldsErrors,creditCardSize:device==='mobile'?'small':'regular',requiredFields:requiredFields,useThreeDSecure:useThreeDSecure,onValidateField:(fieldName,value)=>onValidateField(fieldName,'paymentMethod',value),onChange:(fieldName,value)=>onUpdateField(fieldName,'paymentMethod',value)})))),/*#__PURE__*/_react.default.createElement(Box,{marginTop:7},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:['5','5','0']},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('billing_address_header',{ns:'payment-profile'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Address,{requiredFields:requiredFields,values:billingAddress.values,errors:billingAddress.errors,format:US_FORMAT_ADDRESS_FORM.includes(country)?'us':'international',onValidateField:(fieldName,value)=>onValidateField(fieldName,'billingAddress',value),onChange:(fieldName,value)=>onUpdateField(fieldName,'billingAddress',value),targetElementRef:targetElementRef})))),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"address",value:address}),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"address2",value:address2}),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"city",value:city}),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"state",value:state}),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"country",value:country}),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"zip",value:zip}));};PaymentProfile$1.LoadingSkeleton=PaymentProfileSkeleton;const waitForGlobalVariable=(name,callback)=>{if(typeof window!=='undefined'){const interval=setInterval(()=>{if(name in window){const ref=window[name];callback(null,ref);clearInterval(interval);}},100);}else{callback(true);}};const CDN_URL='https://js.chargify.com/latest/chargify.js';const SDK_VARIABLE='Chargify';const PaymentsContainer=_ref285=>{let{children,bundleUrl=CDN_URL}=_ref285;const{i18n}=(0,_reactI18next.useTranslation)();const[isLoaded,setLoaded]=(0,_react.useState)(false);const paymentsSDK=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{i18n.loadNamespaces(['payment-profile']);waitForGlobalVariable(SDK_VARIABLE,(error,PaymentsConstuctable)=>{if(!error&&PaymentsConstuctable){paymentsSDK.current=new PaymentsConstuctable();setLoaded(true);}});},[]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isLoaded&&(/*#__PURE__*/_react.default.createElement(PaymentsContext.Provider,{value:{paymentsSDK:paymentsSDK.current}},children)),/*#__PURE__*/_react.default.createElement(_reactHelmet.Helmet,null,/*#__PURE__*/_react.default.createElement("script",{type:"text/javascript",src:bundleUrl})));};const serializeValidationSchema=requiredFields=>yup.object({paymentMethod:createCreditCardValidationSchema(requiredFields),billingAddress:createAddressValidationSchema(requiredFields)});const initialContext$9={serverHost:'',publicKey:null,securityToken:null,vaultCurrencies:null,defaultVaults:{creditCard:null},requiredFields:{creditCard:[],bankAccount:[]},threeDSecure:{enabled:false}};const paymentGateway=(0,_xstate.createMachine)({context:initialContext$9,predictableActionArguments:true,initial:'initialization',states:{initialization:{invoke:{id:'fetchConfig',src:'getGatewayConfig',onDone:{target:'ready',actions:(0,_xstate.assign)((_ctx,event)=>event.data)},onError:{target:'error'}}},error:{},ready:{}}});const getGatewayConfig=machineState=>{const{publicKey,securityToken,serverHost}=machineState.context;return{serverHost,securityToken,publicKey};};const getThreeDSecure=machineState=>{const{threeDSecure:{enabled}}=machineState.context;return enabled;};const getRequiredFieldsConfig=machineState=>machineState.context.requiredFields;const getVaultCurrencies=machineState=>machineState.context.vaultCurrencies;const getDefaultVaults=machineState=>machineState.context.defaultVaults;const paymentGatewaySelectors={getGatewayConfig,getThreeDSecure,getVaultCurrencies,getRequiredFieldsConfig,getDefaultVaults};const setActivePaymentProfile=(0,_xstate.assign)((context,event)=>({paymentProfiles:context.paymentProfiles.map(profile=>{if(profile.status==="active"){return{...profile,status:"normal"};}if(profile.id===event.paymentProfileId){return{...profile,status:"active"};}return profile;})}));const addPaymentProfile=(0,_xstate.assign)((context,event)=>({paymentProfiles:[...context.paymentProfiles,{...event.paymentProfile,status:"normal"}]}));const deletePaymentProfile$1=(0,_xstate.assign)((context,event)=>({paymentProfiles:context.paymentProfiles.filter(profile=>profile.id!==event.paymentProfileId)}));const getPaymentProfileStatus=(paymentProfile,vaultCurrency,subscriptionCurrency,subscriptionPaymentProfileId)=>{if(!vaultCurrency||!vaultCurrency.includes(subscriptionCurrency)){return"unavailable";}if(paymentProfile.expired||paymentProfile.creditCard&&paymentProfile.creditCard.expired){return"expired";}if(paymentProfile.id===subscriptionPaymentProfileId){return"active";}return"normal";};const serializePaymentProfiles=(items,vaultCurrencies,subscriptionCurrency,subscriptionPaymentProfileId)=>items.map(paymentProfile=>({...paymentProfile,status:getPaymentProfileStatus(paymentProfile,vaultCurrencies[paymentProfile.vault],subscriptionCurrency,subscriptionPaymentProfileId)}));const initialContext$8={vaultCurrencies:null,subscriptionCurrency:null,error:null,subscriptionPaymentProfileId:null,paymentProfiles:[]};const paymentProfiles=(0,_xstate.createMachine)({predictableActionArguments:true,context:initialContext$8,initial:'idle',states:{idle:{on:{INITIALIZE:{target:'fetchingProfiles'}}},fetchingProfiles:{invoke:{id:'paymentProfilesFetch',src:'getPaymentProfiles',onDone:{target:'ready',actions:(0,_xstate.assign)((ctx,event)=>({paymentProfiles:serializePaymentProfiles(event.data.items,ctx.vaultCurrencies,ctx.subscriptionCurrency,ctx.subscriptionPaymentProfileId)}))},onError:{target:'error'}}},error:{on:{RETRY_FETCH:'fetchingProfiles'}},ready:{on:{DELETE_PAYMENT_PROFILE:{actions:'deletePaymentProfile'},ADD_PAYMENT_PROFILE:{actions:'addPaymentProfile'},CHANGE_PAYMENT_PROFILE:{actions:'setActivePaymentProfile'}}}}},{actions:{deletePaymentProfile:deletePaymentProfile$1,setActivePaymentProfile,addPaymentProfile}});const getPaymentProfiles=machineState=>{return machineState.context.paymentProfiles;};const getPaymentProfilesById=paymentProfileId=>machineState=>{return machineState.context.paymentProfiles.find(paymentProfile=>paymentProfile.id===paymentProfileId);};const getPaymentProfilesState=machineState=>({isLoading:machineState.matches('fetchingProfiles'),isError:machineState.matches('error')});const paymentProfilesSelectors={getPaymentProfilesState,getPaymentProfilesById,getPaymentProfiles};const getPriceRange=(pricePointType,prices,currency)=>{if(!pricePointType||pricePointType==='per_unit'){return{value:prices[0].priceInCents,currency};}const pricesInCents=prices.map(price=>price.priceInCents);const min=Math.min(...pricesInCents);const max=Math.max(...pricesInCents);return{value:[min,max],currency};};const serializeComponents=components=>{return components.filter(component=>!['metered','prepaid'].includes(component.type)&&component.updatesAllowed).map(component=>{const{id,name,type,allocatedQuantity,description,currency,pricePoint,unit,recurring,allowFractionalQuantities,updatesAllowed}=component;const serializedComponent={id,name,type,description,recurring,unitName:unit.name,allocatedQuantity,allowFractionalQuantities,memo:'',updatesAllowed,price:getPriceRange(pricePoint.type,pricePoint.prices,currency)};return serializedComponent;});};const updateAllocationsList=(0,_xstate.assign)({allocations:(context,event)=>{const{allocation,allocation:{id}}=event;const index=context.allocations.findIndex(a=>a.id===id);if(index>-1){return context.allocations.map(a=>a.id===id?allocation:a);}return[...context.allocations,allocation];}});const setError=(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};});const initialContext$7={subscriptionId:null,components:[],allocations:[],allocationsPreview:null,error:null};const addOnsConfiguration=(0,_xstate.createMachine)({id:'addOnsConfiguration',predictableActionArguments:true,context:initialContext$7,initial:'configureAllocationsStep',states:{configureAllocationsStep:{id:'configureAllocationsStep',initial:'idle',states:{idle:{on:{INITIALIZE:{target:'initialize',actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,subscriptionId:event.subscriptionId};})}}},initialize:{invoke:{src:'getComponents',onDone:{target:'ready',actions:(0,_xstate.assign)((ctx,event)=>{const serializedComponents=serializeComponents(event.data.items);return{...ctx,components:serializedComponents};})},onError:{actions:'setError',target:'initializationError'}}},ready:{on:{PREVIEW_ALLOCATIONS:{target:'previewAllocations',actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,allocations:event.allocations,error:null};})},UPDATE_ALLOCATIONS_LIST:{actions:'updateAllocationsList'}}},initializationError:{},previewAllocations:{invoke:{src:'previewComponentAllocations',onDone:{target:'#previewAllocationsStep',actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,allocationsPreview:{...event.data}};})},onError:{actions:'setError',target:'ready'}}}}},previewAllocationsStep:{id:'previewAllocationsStep',initial:'idle',states:{idle:{on:{UPDATE_ALLOCATIONS:{target:'updateAllocations'},GO_BACK:{target:'#configureAllocationsStep.ready'}}},updateAllocations:{invoke:{src:'updateComponentAllocations',onDone:{actions:'updateSubscriptionBalance',target:'updateSuccess'},onError:{actions:'setError',target:'error'}}},updateSuccess:{type:'final'},error:{on:{UPDATE_ALLOCATIONS:{target:'updateAllocations'},GO_BACK:{target:'#configureAllocationsStep.ready'}}}}}}},{actions:{updateAllocationsList,setError}});const getAddonsState=machineState=>({configureAllocationsStep:machineState.matches('configureAllocationsStep'),configureAllocationsStepLoading:machineState.matches('configureAllocationsStep.initialize'),previewAllocationsStep:machineState.matches('previewAllocationsStep'),previewAllocationsLoading:machineState.matches('configureAllocationsStep.previewAllocations'),updateAllocationsLoading:machineState.matches('previewAllocationsStep.updateAllocations'),updateSuccess:machineState.matches('previewAllocationsStep.updateSuccess')});const getAddonsComponents=machineState=>({components:machineState.context.components});const getAllocationsPreview=machineState=>{return{allocationsPreview:machineState.context.allocationsPreview};};const getAllocations=machineState=>machineState.context.allocations;const getAllocationError=machineState=>({error:machineState.context.error});const addConfigurationSelectors={getAddonsState,getAddonsComponents,getAllocationsPreview,getAllocations,getAllocationError};const initialContext$6={products:null,selectedPlan:null,changePlanPreview:null,threeDsActionLink:null,error:null};const changePlan=(0,_xstate.createMachine)({id:'changePlan',predictableActionArguments:true,initial:'configurePlanStep',context:{...initialContext$6},states:{configurePlanStep:{id:'configurePlanStep',initial:'idle',states:{idle:{on:{GET_PRODUCTS:'getProducts'}},getProducts:{invoke:{src:'getProducts',onDone:{actions:(ctx,event)=>ctx.products=event.data.items,target:'ready'},onError:{target:'error'}}},ready:{on:{SELECT_PLAN:{actions:(0,_xstate.assign)((context,event)=>{return{selectedPlan:event.planId};})},GET_PREVIEW_PRODUCT_MIGRATION:'getPreviewProductMigration'}},getPreviewProductMigration:{invoke:{src:'previewProductMigration',onDone:{actions:(ctx,event)=>ctx.changePlanPreview=event.data,target:'#previewProductMigrationStep'},onError:{target:'error'}}},error:{}}},previewProductMigrationStep:{id:'previewProductMigrationStep',initial:'idle',states:{idle:{on:{CONFIRM_CHANGE_PLAN:'confirmProductMigration',GO_BACK:'#configurePlanStep.ready'}},confirmProductMigration:{invoke:{src:'confirmProductMigration',onDone:{actions:['updateSubscription','onSuccess'],target:'success'},onError:[{target:'threeDsConfirmation',actions:[(0,_xstate.assign)((context,event)=>({threeDsActionLink:event.data.threeDsActionLink,error:event.data.errorCode})),'onThreeDsConfirmation'],cond:(c,e)=>e.data.threeDsActionLink&&e.data.errorCode==='3DSecureAuthentication'},{target:'error',actions:(0,_xstate.assign)((context,event)=>({error:event.data.errorCode})),cond:(c,e)=>e.data.errorCode==='CardDeclined'},{target:'error',actions:(0,_xstate.assign)(()=>({error:'Generic'}))}]}},success:{type:'final'},error:{type:'final'},threeDsConfirmation:{type:'final'}}}}});const getChangePlanStatus=machineState=>({configurePlanStep:machineState.matches('configurePlanStep'),configurePlanStepLoading:machineState.matches('configurePlanStep.getProducts'),previewPlanStep:machineState.matches('previewProductMigrationStep'),previewPlanLoading:machineState.matches('configurePlanStep.getPreviewProductMigration'),updatePlanLoading:machineState.matches('previewProductMigrationStep.confirmProductMigration'),updateSuccess:machineState.matches('previewProductMigrationStep.success'),isError:machineState.matches('configurePlanStep.error')||machineState.matches('previewProductMigrationStep.error')});const getError$1=machineState=>{return machineState.context.error;};const getProducts=machineState=>{return machineState.context.products;};const getSelectedPlan=machineState=>{return machineState.context.selectedPlan;};const getChangePlanPreview=machineState=>{return machineState.context.changePlanPreview;};const changePlanSelectors={getError:getError$1,getChangePlanPreview,getProducts,getSelectedPlan,getChangePlanStatus};const threeDs=(0,_xstate.createMachine)({predictableActionArguments:true,id:'threeDs',initial:'idle',states:{idle:{on:{THREE_DS_SUCCESS:'loading'}},loading:{invoke:{src:'getSubscriptionDetails',onError:{target:'error'},onDone:{target:'success',actions:'updateSubscriptions'}}},success:{type:'final'},error:{type:'final'}}});const GlobalStateContext=/*#__PURE__*/(0,_react.createContext)({paymentGatewayService:null,subscriptionsService:null,productCatalogService:null,modalsService:null});const ConfigContext=/*#__PURE__*/(0,_react.createContext)(null);const ComponentsContext=/*#__PURE__*/(0,_react.createContext)({subscriptionIsActive:false});const PaymentProfilesContext=/*#__PURE__*/(0,_react.createContext)({paymentProfilesService:null,subscriptionCurrency:null});const GlobalStateProvider=_ref286=>{let{children}=_ref286;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const subscriptionsMachine=(0,_react.useMemo)(()=>createSubscriptionsMachine(dataAccess),[]);const modalsService=(0,_react2.useInterpret)(modals);const subscriptionsService=(0,_react2.useInterpret)(subscriptionsMachine,{services:{getSubscriptions:()=>dataAccess.getSubscriptions()}});const productCatalogService=(0,_react2.useInterpret)(productCatalog,{services:{getProductsCatalog:()=>dataAccess.getProductsCatalog()}});const paymentGatewayService=(0,_react2.useInterpret)(paymentGateway,{services:{getGatewayConfig:()=>dataAccess.getGatewayConfig()}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext.Provider,{value:{modalsService,subscriptionsService,productCatalogService,paymentGatewayService}},children);};const STATUS_TAG={active:null,cancellation_scheduled:{label:'Cancelation Scheduled',color:'primary'},canceled:{label:'Canceled',color:'gray'},expired:{label:'Expired',color:'gray'},on_hold:{label:'On Hold',color:'primary'},past_due:{label:'Past Due',color:'danger'},trial:{label:'Trial',color:'primary'},trial_expired:{label:'Trial Ended',color:'gray'},unpaid:{label:'Unpaid',color:'danger'},paused:{label:'Paused',color:'primary'},plan_change_scheduled:{label:'Plan Change Scheduled',color:'primary'}};const useSubscriptionStatus=status=>STATUS_TAG[status];const useFormatSubscriptionDetails=subscriptionDetails=>{const{status,currency,currentBillingAmountInCents,currentPeriodEndsAt,product:{priceInCents,trialPriceInCents,interval,intervalUnit},canceledAt,expiresAt,trialEndedAt,balanceInCents,nextAssessmentAt,automaticallyResumeAt,locale,scheduledCancellationAt,t}=subscriptionDetails;const format=(value,type)=>{if(value===0){return formatCurrency(currency,value,locale);}if(!value)return;if(type==='currency'){return formatCurrency(currency,value,locale);}else if(type==='date'){return formatDate(value);}};const nextBillingAmount=status==='cancellation_scheduled'||status==='active'||status==='plan_change_scheduled'?balanceInCents+currentBillingAmountInCents:currentBillingAmountInCents;return{totalPrice:format(priceInCents,'currency'),interval:formatBillingInterval(interval,intervalUnit,t),nextBillingAmount:format(nextBillingAmount,'currency'),basePlanPrice:format(priceInCents,'currency'),priceAfterTrial:format(currentBillingAmountInCents,'currency'),trialPrice:format(trialPriceInCents,'currency'),currentBalance:format(balanceInCents,'currency'),nextBillingAttempt:format(nextAssessmentAt,'date'),autoResumeDate:format(automaticallyResumeAt,'date'),nextBillingDate:format(currentPeriodEndsAt,'date'),cancellationDate:format(canceledAt,'date'),expirationDate:format(expiresAt,'date'),trialExpirationDate:format(trialEndedAt,'date'),scheduledCancellationDate:format(scheduledCancellationAt,'date')};};var PaymentProfileActions;(function(PaymentProfileActions){PaymentProfileActions["PREVIEW"]="PREVIEW";PaymentProfileActions["DELETE"]="DELETE";PaymentProfileActions["USE_FOR_SUBSCRIPTION_BILLING"]="USE_FOR_SUBSCRIPTION_BILLING";})(PaymentProfileActions||(PaymentProfileActions={}));const usePaymentProfileAvailableActions=status=>{const availableActions=[PaymentProfileActions.PREVIEW,PaymentProfileActions.DELETE];if(status==="normal"){return[PaymentProfileActions.USE_FOR_SUBSCRIPTION_BILLING,...availableActions];}return availableActions;};const useComponentSettings=()=>(0,_react.useContext)(ConfigContext);const useServices=()=>(0,_react.useContext)(GlobalStateContext);const serializeErrors=error=>{const errors={paymentMethod:{},billingAddress:{}};error.inner.forEach(fieldError=>{const[form,field]=fieldError.path.split('.');errors[form][field]=fieldError.message;});return errors;};const useCreatePaymentProfile=_ref287=>{let{formElementId,paymentMethodType='creditCard',onCreateSuccess,activePaymentProfileId,isActivePaymentMethod,subscriptionId}=_ref287;const{paymentProfile:paymentProfileConfig}=useComponentSettings();const paymentsForm=usePaymentsForm();const{paymentGatewayService,subscriptionsService}=useServices();const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);const{dataAccess}=(0,_react.useContext)(DataAccessContext);const gatewayRequiredFields=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getRequiredFieldsConfig);const requiredFields=paymentProfileConfig.requiredFields??gatewayRequiredFields[paymentMethodType];const[,sendToMachine,service]=(0,_react2.useMachine)(createPaymentProfile,{context:{requiredFields,validationSchema:serializeValidationSchema(requiredFields)},actions:{onCreateProfileSuccess:_ref288=>{let{paymentProfiles,createdProfile}=_ref288;onCreateSuccess();paymentProfilesService.send({type:'ADD_PAYMENT_PROFILE',paymentProfileId:createdProfile.id,paymentProfile:createdProfile});if(isActivePaymentMethod){paymentProfilesService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:createdProfile.id});dataAccess.updateSubscriptionPaymentProfile(createdProfile.id,subscriptionId);}if(paymentProfiles.idsForReplacement.includes(activePaymentProfileId)){paymentProfilesService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:createdProfile.id});}},onReplacePaymentProfilesSuccess:(ctx,event)=>{event.data.subscriptions.success.forEach(subscription=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscription.id,catalogId:subscription.product.productFamilyId,billing:{paymentProfileConnected:true,...ctx.createdProfile}});});}},services:{validatePaymentMethod:ctx=>new Promise((resolve,reject)=>{const{billingAddress,paymentMethod,validationSchema}=ctx;try{validationSchema.validateSync({billingAddress:billingAddress.values,paymentMethod:paymentMethod.values},{abortEarly:false});resolve({});}catch(error){const errors=serializeErrors(error);reject({errors});}}),tokenizePaymentMethod:()=>new Promise((resolve,reject)=>{paymentsForm.token(document.getElementById(formElementId),token=>resolve(token),error=>reject(error));}),createPaymentProfile:ctx=>dataAccess.createPaymentProfile(ctx.token),replacePaymentProfiles:ctx=>{const{id:paymentProfileId}=ctx.createdProfile;return dataAccess.replacePaymentProfiles(ctx.paymentProfiles.idsForReplacement,paymentProfileId);}}});const isProcessing=(0,_react2.useSelector)(service,paymentProfileSelectors.getPaymentProfileProcessing);const isProfileConnectionError=(0,_react2.useSelector)(service,paymentProfileSelectors.getProfileConnectionError);return{isProcessing,isProfileConnectionError,savePaymentMethod:()=>sendToMachine({type:'SAVE_PAYMENT_METHOD'}),service};};const useDataAccess=()=>(0,_react.useContext)(DataAccessContext);const useAddonsConfigurationService=catalogId=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=useServices();return(0,_react2.useInterpret)(addOnsConfiguration,{services:{getComponents:context=>dataAccess.getComponents(context.subscriptionId),previewComponentAllocations:context=>{return dataAccess.previewComponentAllocations(context.subscriptionId,{allocations:context.allocations.map(a=>({...a,quantity:+a.quantity}))});},updateComponentAllocations:context=>{return dataAccess.updateComponentAllocations(context.subscriptionId,{allocations:context.allocations.map(a=>({...a,quantity:+a.quantity}))});}},actions:{updateSubscriptionBalance:(context,event)=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:Number(context.subscriptionId),currentBillingAmountInCents:event.data.subscription.currentBillingAmountInCents,balanceInCents:event.data.subscription.balanceInCents,catalogId});}}});};const initialContext$5={automaticallyResumeAt:null,error:null,resumptionCharge:null};const resumeSubscription=(0,_xstate.createMachine)({id:'resumeSubscription',predictableActionArguments:true,initial:'idle',context:initialContext$5,states:{idle:{on:{GET_RESUMPTION_CONFIG:'loading',RESUME_SUBSCRIPTION:'resumeSubscription',RESUME_SUBSCRIPTION_AT:'resumeSubscriptionAt'}},loading:{invoke:{src:'getSubscriptionResumptionConfig',onDone:{target:'idle',actions:(0,_xstate.assign)({resumptionCharge:(_ctx,event)=>event.data.resumptionCharge})}}},resumeSubscription:{invoke:{src:'resumeSubscription',onDone:{actions:'setSubscriptionActive',target:'success'},onError:{target:'error',actions:'setError'}}},resumeSubscriptionAt:{invoke:{src:'updateSubscriptionAutoResumption',onDone:{actions:'updateSubscription',target:'success'},onError:{target:'error',actions:'setError'}}},success:{type:'final'},error:{type:'final'}}});const getResumeSubscriptionStatus=machineState=>({resumeSubscriptionLoading:machineState.matches('resumeSubscription'),resumeSubscriptionSuccess:machineState.matches('success'),resumeSubscriptionError:machineState.matches('error')});const getErrorCode$5=machineState=>{return machineState.context.error;};const getResumptionConfig=machineState=>{return machineState.context.resumptionCharge;};const resumeSubscriptionSelectors={getResumeSubscriptionStatus,getErrorCode:getErrorCode$5,getResumptionConfig};const useSubscriptionResumeService=(catalogId,subscriptionId)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=useServices();return(0,_react2.useInterpret)(resumeSubscription,{services:{resumeSubscription:()=>{return dataAccess.resumeSubscription(subscriptionId);},getSubscriptionResumptionConfig:()=>{return dataAccess.getSubscriptionResumptionConfig();},updateSubscriptionAutoResumption:(_ctx,event)=>{return dataAccess.updateSubscriptionResumptionDate(subscriptionId,event.resumeDate);}},actions:{updateSubscription:(context,event)=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId,catalogId,...event.data});},setSubscriptionActive:()=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId,catalogId,status:'active'});},setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};})}});};const getCancelSubscriptionStatus=machineState=>({idle:machineState.matches('idle'),cancelSubscriptionLoading:machineState.matches('cancelSubscription'),cancelSubscriptionSuccess:machineState.matches('success'),cancelSubscriptionError:machineState.matches('error')});const getErrorCode$4=machineState=>{return machineState.context.error;};const cancelSubscriptionSelectors={getCancelSubscriptionStatus,getErrorCode:getErrorCode$4};const initialContext$4={error:null};const cancelSubscription=(0,_xstate.createMachine)({id:'cancelSubscription',predictableActionArguments:true,initial:'idle',context:initialContext$4,states:{idle:{on:{CANCEL_SUBSCRIPTION:{target:'cancelSubscription'}}},cancelSubscription:{invoke:{src:'cancelSubscription',onDone:{target:'success',actions:'updateSubscription'},onError:{target:'error',actions:'setError'}}},success:{type:'final'},error:{type:'final'}}});const useCancelSubscriptionService=(catalogId,subscriptionId)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);return(0,_react2.useInterpret)(cancelSubscription,{services:{cancelSubscription:(context,_ref289)=>{let{type,...payload}=_ref289;return dataAccess.cancelSubscription({...payload,subscriptionId});}},actions:{updateSubscription:(context,payload)=>{const{data:{state,scheduledCancellationAt,...subscriptionDetails}}=payload;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId,scheduledCancellationAt,...subscriptionDetails,status:scheduledCancellationAt?'cancellation_scheduled':state});},setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};})}});};const getUndoCancelationStatus=machineState=>({idle:machineState.matches('idle'),undoCancelationLoading:machineState.matches('undoCancelation'),undoCancelationSuccess:machineState.matches('success'),undoCancelationError:machineState.matches('error')});const getErrorCode$3=machineState=>{return machineState.context.error;};const undoCancelationSelectors={getUndoCancelationStatus,getErrorCode:getErrorCode$3};const initialContext$3={error:null};const undoCancelation=(0,_xstate.createMachine)({id:'undoCancelation',predictableActionArguments:true,initial:'idle',context:initialContext$3,states:{idle:{on:{UNDO_CANCELATION:{target:'undoCancelation'}}},undoCancelation:{invoke:{src:'undoCancelation',onDone:{target:'success',actions:'updateSubscription'},onError:{target:'error',actions:'setError'}}},success:{type:'final'},error:{type:'final'}}});const useUndoCancelationService=(catalogId,subscriptionId)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);return(0,_react2.useInterpret)(undoCancelation,{services:{undoCancelation:()=>{return dataAccess.undoCancelation(subscriptionId);}},actions:{updateSubscription:()=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId,subscriptionId,scheduledCancellationAt:null,status:'active'});},setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};})}});};const getReactivateSubscriptionStatus=machineState=>({idle:machineState.matches('idle'),reactivateSubscriptionLoading:machineState.matches('reactivateSubscription'),reactivateSubscriptionSuccess:machineState.matches('success'),reactivateSubscriptionError:machineState.matches('error')});const getErrorCode$2=machineState=>{return machineState.context.error;};const reactivateSubscriptionSelectors={getReactivateSubscriptionStatus,getErrorCode:getErrorCode$2};const initialContext$2={error:null};const reactivateSubscription=(0,_xstate.createMachine)({id:'reactivateSubscription',predictableActionArguments:true,initial:'idle',context:initialContext$2,states:{idle:{on:{REACTIVATE_SUBSCRIPTION:{target:'reactivateSubscription'}}},reactivateSubscription:{invoke:{src:'reactivateSubscription',onDone:{target:'success',actions:'updateSubscription'},onError:{target:'error',actions:'setError'}}},success:{type:'final'},error:{type:'final'}}});const useReactivateSubscription=(catalogId,subscriptionId)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);return(0,_react2.useInterpret)(reactivateSubscription,{services:{reactivateSubscription:()=>{return dataAccess.reactivateSubscription(subscriptionId);}},actions:{updateSubscription:(_ctx,_ref290)=>{let{data:{nextAssessmentAt,currentBillingAmountInCents,currentPeriodEndsAt}}=_ref290;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId,subscriptionId,nextAssessmentAt,currentPeriodEndsAt,currentBillingAmountInCents,scheduledCancellationAt:null,status:'active'});},setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};})}});};const useAvailablePaymentMethods=()=>{const availablePaymentMethods=[];const{subscriptionCurrency}=(0,_react.useContext)(PaymentProfilesContext);const{paymentGatewayService}=useServices();const gateways=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getDefaultVaults);const vaultCurrencies=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getVaultCurrencies);const creditCardGateway=gateways['creditCard'];if(creditCardGateway&&vaultCurrencies[creditCardGateway]?.includes(subscriptionCurrency)){availablePaymentMethods.push('credit_card');}return availablePaymentMethods;};const initialContext$1={error:null};const changePaymentProfile=(0,_xstate.createMachine)({id:'changePaymentProfile',predictableActionArguments:true,initial:'idle',context:initialContext$1,states:{idle:{on:{CHANGE_PAYMENT_PROFILE:'changePaymentProfile'}},changePaymentProfile:{invoke:{src:'changePaymentProfile',onDone:{target:'success',actions:'onChangeProfileSuccess'},onError:{actions:'setError',target:'error'}}},success:{type:'final'},error:{type:'final'}}});const getChangePaymentProfileStatus=machineState=>({isLoading:machineState.matches('changePaymentProfile'),isError:machineState.matches('error')});const getErrorCode$1=machineState=>{return machineState.context.error;};const changePaymentProfileSelectors={getChangePaymentProfileStatus,getErrorCode:getErrorCode$1};const useChangePaymentProfile=_ref291=>{let{subscriptionId,paymentProfileId,catalogId,onChangeSuccess}=_ref291;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);const{subscriptionsService}=useServices();const paymentProfile=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesById(paymentProfileId));return(0,_react2.useInterpret)(changePaymentProfile,{actions:{setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};}),onChangeProfileSuccess:()=>{paymentProfilesService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId});subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId,catalogId,billing:{paymentProfileConnected:true,paymentProfileId:paymentProfile.id,...paymentProfile}});onChangeSuccess();}},services:{changePaymentProfile:()=>{return dataAccess.updateSubscriptionPaymentProfile(paymentProfileId,subscriptionId);}}});};const STATUS_ORDER={active:0,normal:1,expired:2,unavailable:3};const TYPE_ODER={credit_card:0,bank_account:1};const SORT_WEIGHT=10;const useSortPaymentProfiles=paymentProfiles=>{const sortPaymentProfiles=(a,b)=>{const aWeight=TYPE_ODER[a.type]*SORT_WEIGHT+STATUS_ORDER[a.status];const bWeight=TYPE_ODER[b.type]*SORT_WEIGHT+STATUS_ORDER[b.status];return aWeight-bWeight;};const active=paymentProfiles.find(profile=>profile.status==="active");const rest=paymentProfiles.filter(profile=>profile.status!=="active");return{active,inactive:rest.sort(sortPaymentProfiles)};};const deletePaymentProfile=(0,_xstate.createMachine)({id:'deletePaymentProfile',predictableActionArguments:true,initial:'idle',context:{error:null},states:{idle:{on:{DELETE_PAYMENT_PROFILE:{target:'loading'}}},loading:{invoke:{src:'deletePaymentProfile',onDone:{actions:'onDeleteProfileSuccess',target:'success'},onError:{target:'error',actions:(0,_xstate.assign)((_ctx,event)=>({error:{errorCode:event.data?.errorCode,subscriptions:event.data?.subscriptions}}))}}},success:{type:'final'},error:{type:'final'}}});const getDeletePaymentProfileStatus=machineState=>({isLoading:machineState.matches('loading'),hasError:machineState.matches('error')});const getError=machineState=>{return{errorCode:machineState.context.error?.errorCode,subscriptions:machineState.context.error?.subscriptions};};const deletePaymentProfileSelectors={getDeletePaymentProfileStatus,getError};const useDeletePaymentProfile=_ref292=>{let{paymentProfileId,onDeleteSuccess}=_ref292;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);return(0,_react2.useInterpret)(deletePaymentProfile,{actions:{onDeleteProfileSuccess:()=>{paymentProfilesService.send({type:'DELETE_PAYMENT_PROFILE',paymentProfileId});onDeleteSuccess();}},services:{deletePaymentProfile:()=>{return dataAccess.deletePaymentProfile(paymentProfileId);}}});};const useChangePlan=(catalogId,subscriptionId,currentPlanId,onSuccess,onThreeDsConfirmation)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);return(0,_react2.useInterpret)(changePlan,{services:{getProducts:()=>{return dataAccess.getProducts(catalogId);},previewProductMigration:_ref293=>{let{selectedPlan}=_ref293;return dataAccess.previewProductMigration(subscriptionId,selectedPlan);},confirmProductMigration:_ref294=>{let{selectedPlan}=_ref294;return dataAccess.migrateProduct(subscriptionId,selectedPlan);}},actions:{onSuccess,updateSubscription:(context,payload)=>{const{data:subscription}=payload;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId,subscriptionId,...subscription});},onThreeDsConfirmation:c=>onThreeDsConfirmation(c.threeDsActionLink)},context:{selectedPlan:currentPlanId}});};const useThreeDs=_ref295=>{let{subscriptionId,catalogId,onSuccess}=_ref295;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=useServices();return(0,_react2.useInterpret)(threeDs,{services:{getSubscriptionDetails:()=>{return dataAccess.getSubscriptionDetails(subscriptionId);}},actions:{updateSubscriptions:(context,event)=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId,catalogId,...event.data,status:'active'});onSuccess();}}});};const PaymentProfilesProvider=_ref296=>{let{children}=_ref296;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{paymentGatewayService}=useServices();const{subscriptionsService}=useServices();const{catalogId,subscriptionId}=(0,_reactRouterDom.useParams)();const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[]));const vaultCurrencies=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getVaultCurrencies);const paymentProfilesService=(0,_react2.useInterpret)(paymentProfiles,{context:{vaultCurrencies,subscriptionCurrency:subscription.currency,subscriptionPaymentProfileId:subscription.billing.paymentProfileId},services:{getPaymentProfiles:()=>{return dataAccess.getPaymentProfiles();}}});(0,_react.useEffect)(()=>{paymentProfilesService.send({type:'INITIALIZE'});},[paymentProfilesService]);return/*#__PURE__*/_react.default.createElement(PaymentProfilesContext.Provider,{value:{paymentProfilesService,subscriptionCurrency:subscription.currency}},children);};const TextAlign=_styledComponents.default.div.withConfig({displayName:"maxio__TextAlign",componentId:"maxio-components__sc-lo74t2-168"})(["&&&{",";}"],_styledSystem.textAlign);const DetailRow$2=_ref297=>{let{label,value}=_ref297;return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:3},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[12,8]},/*#__PURE__*/_react.default.createElement("div",{"data-testid":"detail-label"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:label.color||'gray.dark',fontWeight:2},label.value))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[12,8]},/*#__PURE__*/_react.default.createElement(TextAlign,{"data-testid":"detail-value",textAlign:['right','left']},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:value.color||'gray.dark',fontWeight:value.fontWeight},value.value,' ',value.subValue&&(/*#__PURE__*/_react.default.createElement(BodyText,{as:'span',color:value.subValue.color||'gray.dark',fontWeight:value.subValue.fontWeight,variant:'body2'},value.subValue.value)))))));};const Active=_ref298=>{let{basePlanPrice,nextBillingAmount,nextBillingDate}=_ref298;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price',{ns:'subscriptions-manager'})},value:{value:basePlanPrice,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_amount',{ns:'subscriptions-manager'})},value:{value:nextBillingAmount,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_date',{ns:'subscriptions-manager'})},value:{value:nextBillingDate,color:'black.main',fontWeight:0}}));};const CancellationScheduled=_ref299=>{let{basePlanPrice,nextBillingAmount,nextBillingDate,scheduledCancellationDate}=_ref299;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.cancellation_date'),color:'primary.dark'},value:{value:scheduledCancellationDate,color:'primary.dark',fontWeight:0}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price')},value:{value:basePlanPrice,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_amount')},value:{value:nextBillingAmount,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_date')},value:{value:nextBillingDate,color:'black.main',fontWeight:0}}));};const Canceled=_ref300=>{let{basePrice,cancellationDate}=_ref300;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_price',{ns:'subscriptions-manager'}),color:'danger.dark'},value:{value:basePrice,color:'danger.dark',fontWeight:0}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.cancellation_date',{ns:'subscriptions-manager'})},value:{value:cancellationDate,fontWeight:3}}));};const Expired=_ref301=>{let{basePlanPrice,expirationDate}=_ref301;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.expiration_date')},value:{value:expirationDate,color:'black.main',fontWeight:0}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price')},value:{value:basePlanPrice,color:'gray.dark',fontWeight:3}}));};const PastDue=_ref302=>{let{basePlanPrice,currentBalance,nextBillingAttempt}=_ref302;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price')},value:{value:basePlanPrice,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.current_balance')},value:{value:currentBalance,color:'danger.dark',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_attempt')},value:{value:nextBillingAttempt,color:'black.main',fontWeight:0}}));};const OnHold=_ref303=>{let{basePlanPrice,autoResumeDate}=_ref303;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.resume_date',{ns:'subscriptions-manager'})},value:{value:autoResumeDate??t('subscription_details.resume_until_manually_restored',{ns:'subscriptions-manager'}),color:'black.main',fontWeight:0}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price',{ns:'subscriptions-manager'})},value:{value:basePlanPrice,color:'gray.dark',fontWeight:3}}));};const Trial=_ref304=>{let{trialExpirationDate,nextBillingDate,priceAfterTrial,trialPrice}=_ref304;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.trial_price',{ns:'subscriptions-manager'})},value:{value:trialPrice,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.trial_expiration_date',{ns:'subscriptions-manager'})},value:{value:trialExpirationDate,color:'black.main',fontWeight:0}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.price_after_trial',{ns:'subscriptions-manager'})},value:{value:priceAfterTrial,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_date',{ns:'subscriptions-manager'})},value:{value:nextBillingDate,color:'black.main',fontWeight:0}}));};const TrialExpired=_ref305=>{let{trialExpirationDate}=_ref305;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.expiration_date')},value:{value:trialExpirationDate,color:'black.main',fontWeight:0}}));};const Unpaid=_ref306=>{let{basePlanPrice,currentBalance}=_ref306;const{t}=(0,_reactI18next.useTranslation)('subscriptions-manager');return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price')},value:{value:basePlanPrice,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.current_balance')},value:{value:currentBalance,color:'danger.dark',fontWeight:3}}));};const PlanChangeScheduled=_ref307=>{let{basePlanPrice,nextBillingAmount,nextBillingDate}=_ref307;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price',{ns:'subscriptions-manager'})},value:{value:basePlanPrice,color:'success.main',fontWeight:3,subValue:{color:'black.dark',value:t('subscription_details.scheduled_plan_change',{date:nextBillingDate})}}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_amount',{ns:'subscriptions-manager'})},value:{value:nextBillingAmount,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_date',{ns:'subscriptions-manager'})},value:{value:nextBillingDate,color:'black.main',fontWeight:0}}));};const renderDetails=_ref308=>{let{subscriptionStatus,nextBillingAmount,nextBillingDate,basePlanPrice,cancellationDate,expirationDate,autoResumeDate,trialExpirationDate,priceAfterTrial,trialPrice,currentBalance,nextBillingAttempt,scheduledCancellationDate}=_ref308;switch(subscriptionStatus){case'active':return/*#__PURE__*/_react.default.createElement(Active,{basePlanPrice:basePlanPrice,nextBillingAmount:nextBillingAmount,nextBillingDate:nextBillingDate});case'past_due':return/*#__PURE__*/_react.default.createElement(PastDue,{basePlanPrice:basePlanPrice,currentBalance:currentBalance,nextBillingAttempt:nextBillingAttempt});case'expired':return/*#__PURE__*/_react.default.createElement(Expired,{expirationDate:expirationDate,basePlanPrice:basePlanPrice});case'canceled':return/*#__PURE__*/_react.default.createElement(Canceled,{basePrice:basePlanPrice,cancellationDate:cancellationDate});case'trial':return/*#__PURE__*/_react.default.createElement(Trial,{trialExpirationDate:trialExpirationDate,nextBillingDate:nextBillingDate,priceAfterTrial:priceAfterTrial,trialPrice:trialPrice});case'trial_expired':return/*#__PURE__*/_react.default.createElement(TrialExpired,{trialExpirationDate:trialExpirationDate});case'cancellation_scheduled':return/*#__PURE__*/_react.default.createElement(CancellationScheduled,{scheduledCancellationDate:scheduledCancellationDate,basePlanPrice:basePlanPrice,nextBillingAmount:nextBillingAmount,nextBillingDate:nextBillingDate});case'on_hold':return/*#__PURE__*/_react.default.createElement(OnHold,{basePlanPrice:basePlanPrice,autoResumeDate:autoResumeDate});case'unpaid':return/*#__PURE__*/_react.default.createElement(Unpaid,{basePlanPrice:basePlanPrice,currentBalance:currentBalance});case'plan_change_scheduled':return/*#__PURE__*/_react.default.createElement(PlanChangeScheduled,{basePlanPrice:basePlanPrice,nextBillingAmount:nextBillingAmount,nextBillingDate:nextBillingDate});default:return/*#__PURE__*/_react.default.createElement(BodyText,null,"Status not recognized: ",subscriptionStatus);}};const SubscriptionDetails=_ref309=>{let{subscriptionStatus,nextBillingAmount,nextBillingDate,basePlanPrice,cancellationDate,expirationDate,trialExpirationDate,priceAfterTrial,trialPrice,currentBalance,nextBillingAttempt,autoResumeDate,scheduledCancellationDate}=_ref309;return renderDetails({scheduledCancellationDate,subscriptionStatus,nextBillingAmount,nextBillingDate,basePlanPrice,cancellationDate,expirationDate,autoResumeDate,trialExpirationDate,priceAfterTrial,trialPrice,currentBalance,nextBillingAttempt});};const PAYMENT_ISSUES=['past_due','unpaid'];const INACTIVE_STATE=['canceled','expired','on_hold','trial_expired','paused'];const useSubscriptionIsActive=subscriptionStatus=>!INACTIVE_STATE.includes(subscriptionStatus);var SubscriptionActions;(function(SubscriptionActions){SubscriptionActions["PAUSE"]="PAUSE";SubscriptionActions["RESUME"]="RESUME";SubscriptionActions["CANCEL"]="CANCEL";SubscriptionActions["UNDO_CANCELATION"]="UNDO_CANCELATION";SubscriptionActions["REACTIVATE"]="REACTIVATE";SubscriptionActions["CHANGE_PLAN"]="CHANGE_PLAN";})(SubscriptionActions||(SubscriptionActions={}));const useSubscriptionAvailableActions=(subscription,subscriptionScopes)=>{const availableActions=[];if(['active','plan_change_scheduled','past_due'].includes(subscription.status)&&subscriptionScopes.includes('subscription:pause')){availableActions.push(SubscriptionActions.PAUSE);}if('on_hold'===subscription.status&&subscriptionScopes.includes('subscription:resume')){availableActions.push(SubscriptionActions.RESUME);}if(!['canceled','past_due','cancellation_scheduled'].includes(subscription.status)&&hasCancelDelayedOrImmediateAction(subscriptionScopes)){availableActions.push(SubscriptionActions.CANCEL);}if(subscription.status==='cancellation_scheduled'&&subscriptionScopes.includes('subscription:cancel-scheduled')){availableActions.push(SubscriptionActions.UNDO_CANCELATION);}if(['trial_expired','canceled'].includes(subscription.status)&&subscriptionScopes.includes('subscription:reactivate')){availableActions.push(SubscriptionActions.REACTIVATE);}if(['active','plan_change_scheduled','trial'].includes(subscription.status)&&subscriptionScopes.includes('subscription:plan-change')){availableActions.push(SubscriptionActions.CHANGE_PLAN);}return availableActions;};const hasCancelDelayedOrImmediateAction=scopes=>{return scopes.includes('subscription:cancel-delayed')||scopes.includes('subscription:cancel-immediate');};const useSubscriptionDetailsService=subscriptionId=>{const{dataAccess}=useDataAccess();return(0,_react2.useInterpret)(createSubscriptionMachine,{services:{getSubscriptionDetails:()=>{return dataAccess.getSubscriptionDetails(subscriptionId);},addCoupon:(_ctx,event)=>{return dataAccess.addCoupon(subscriptionId,event.couponCode);}}});};const renderComponent=(type,data,cardVariant,translations)=>{switch(type){case'metered':const meteredData=data;return/*#__PURE__*/_react.default.createElement(MeteredComponent,{name:meteredData.name,value:meteredData.unit.balance+' '+data.unit.name,description:meteredData.description});case'quantity':const quantityData=data;return/*#__PURE__*/_react.default.createElement(QuantityComponent,{name:quantityData.name,value:quantityData.allocatedQuantity+' '+quantityData.unit.name,description:quantityData.description});case'prepaid':const prepaidData=data;return/*#__PURE__*/_react.default.createElement(PrepaidComponent,{prepaid:prepaidData.allocatedQuantity,usage:prepaidData.unit.balance,overageBalance:prepaidData.unit.overageBalance,name:prepaidData.name,unit:prepaidData.unit.name,description:prepaidData.description,isCumulative:prepaidData.pricePoint.rolloverPrepaidRemainder,cardVariant:cardVariant,isRenewable:prepaidData.pricePoint.renewPrepaidAllocation,translations:translations.prepaid});case'on_off':const onOffData=data;return/*#__PURE__*/_react.default.createElement(OnOffComponent,{name:onOffData.name,isOn:onOffData.enabled,description:onOffData.description,isDisabled:true});default:return/*#__PURE__*/_react.default.createElement(BodyText,null,"Component not recognized: ",type);}};const ComponentContainer=_ref310=>{let{componentMachineRef,cardVariant}=_ref310;const{type,...componentData}=(0,_react2.useSelector)(componentMachineRef,componentSelectors.getComponent);const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const translations={prepaid:{overage_charge:t('subscription_components.prepaid.overage_charge'),resources_renew_every_billing_period:t('subscription_components.prepaid.resources_renew_every_billing_period'),remaining_resources_will_roll_over_to_next_billing_period:t('subscription_components.prepaid.remaining_resources_will_roll_over_to_next_billing_period'),overages:t('subscription_components.prepaid.overages'),usage:t('subscription_components.prepaid.usage'),prepaid:t('subscription_components.prepaid.prepaid')}};return renderComponent(type,componentData,cardVariant,translations);};const renderComponentContainer=(components,distanceBetweenComponents,cardVariant)=>(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,components.map(_ref311=>{let{id,componentMachineRef}=_ref311;return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:distanceBetweenComponents,key:id},/*#__PURE__*/_react.default.createElement(ComponentContainer,{id:id,key:id,componentMachineRef:componentMachineRef,cardVariant:cardVariant}));})));const ComponentGroup=_ref312=>{let{components,renderInCard=true}=_ref312;const{subscriptionIsActive}=(0,_react.useContext)(ComponentsContext);const cardVariant=subscriptionIsActive?'primary':'secondary';return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,renderInCard?(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(SubscriptionComponentCard,{variant:cardVariant},renderComponentContainer(components)))):renderComponentContainer(components,2,cardVariant));};const ComponentLoadingSkeleton=_ref313=>{let{variant}=_ref313;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:[3,3,7]},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:20,width:80,variant:variant})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:48,variant:variant})),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:48,variant:variant})))),/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:20,width:60,variant:variant})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:150,variant:variant})),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:150,variant:variant}))));};const SubscriptionComponents=_ref314=>{let{prepaid,metered,onOff,quantity,selfServiceEnabled,onEditAddons}=_ref314;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,(quantity||onOff||selfServiceEnabled)&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:[3,3,7]},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('subscription_components.add_ons'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},onOff&&/*#__PURE__*/_react.default.createElement(ComponentGroup,{components:onOff}),quantity&&/*#__PURE__*/_react.default.createElement(ComponentGroup,{components:quantity}),selfServiceEnabled&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:2},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('components_allocations.configure_add_ons'),onClick:onEditAddons,color:"secondary",size:"medium",iconLeft:"edit"}))))))),(prepaid||metered)&&(/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('subscription_components.usage'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},prepaid&&(/*#__PURE__*/_react.default.createElement(ComponentGroup,{components:prepaid,renderInCard:false})),metered&&/*#__PURE__*/_react.default.createElement(ComponentGroup,{components:metered})))));};SubscriptionComponents.LoadingSkeleton=ComponentLoadingSkeleton;const SubscriptionComponentsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SubscriptionComponentsWrapper",componentId:"maxio-components__sc-lo74t2-169"})(["&&&{",";",";",";}"],_styledSystem.margin,_styledSystem.padding,_ref315=>{let{theme}=_ref315;return theme&&(0,_styledComponents.css)(["border-top:1px solid ",";"],theme.colors.gray.light);});const ComponentsContainer=_ref316=>{let{subscriptionId,catalogId}=_ref316;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const navigate=(0,_reactRouterDom.useNavigate)();const{subscriptionsService,modalsService}=(0,_react.useContext)(GlobalStateContext);const{componentsRef,subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const subscriptionIsActive=useSubscriptionIsActive(subscription.status);const[componentsState,sendToMachine]=(0,_react2.useActor)(componentsRef);(0,_react.useEffect)(()=>{if(componentsState.matches('idle')){sendToMachine({type:'FETCH_COMPONENTS'});}},[]);const{prepaid,metered,on_off:onOff,quantity}=(0,_react2.useSelector)(componentsRef,componentsSelectors.getComponentsUsedInBilling);const componentUpdatesAllowed=(0,_react2.useSelector)(componentsRef,componentsSelectors.getComponentsUpdatesAllowed);const{componentsAllocation:{allocationFlow,editAllowed:customerSelfService}}=useComponentSettings();const onEditAddons=(0,_react.useCallback)(()=>{if(allocationFlow==='page'){navigate(`/componentsAllocation/${catalogId}/${subscriptionId}`);}else{modalsService.send({type:'SHOW_ADDONS_CONFIGURATION',catalogId,subscriptionId});}},[allocationFlow]);return/*#__PURE__*/_react.default.createElement(ComponentsContext.Provider,{value:{subscriptionIsActive:subscriptionIsActive}},/*#__PURE__*/_react.default.createElement(SubscriptionComponentsWrapper,{marginTop:3,paddingTop:5,"data-testid":"subscription-components"},componentsState.matches('loading')&&(/*#__PURE__*/_react.default.createElement(SubscriptionComponents.LoadingSkeleton,{variant:subscriptionIsActive?'primary':'secondary'})),componentsState.matches('ready')&&(/*#__PURE__*/_react.default.createElement(SubscriptionComponents,{prepaid:prepaid,metered:metered,onOff:onOff,quantity:quantity,onEditAddons:onEditAddons,selfServiceEnabled:customerSelfService&&componentUpdatesAllowed})),componentsState.matches('error')&&(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('components_allocations.we_were_unable_to_display_your_components'))))));};const Container$1=_styledComponents.default.div.withConfig({displayName:"maxio__Container1",componentId:"maxio-components__sc-lo74t2-170"})(["&&&{display:flex;flex-direction:column;}"]);const BillingDetailsContainer=_ref317=>{let{catalogId,subscriptionId,billingDetails,isExpired}=_ref317;const{device}=useDeviceInfo();const navigate=(0,_reactRouterDom.useNavigate)();const{paymentProfile:{visible:paymentProfileEnabled,addressFields,editAllowed}}=useComponentSettings();const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{creditCard,bankAccount,address,paymentProfileConnected}=billingDetails;const filteredAddressFields=address&&addressFields.reduce((obj,key)=>({...obj,[key]:address[key]}),{});const creditCardDetails={...creditCard,type:creditCard?.cardType,number:creditCard?.maskedNumber};const accountDetails={...bankAccount,accountNumber:bankAccount?.maskedAccountNumber,routingNumber:bankAccount?.maskedRoutingNumber};const cardSize=device==='mobile'?'small':'regular';const status=isExpired?'error':'normal';const onUpdatePaymentProfile=(0,_react.useCallback)(()=>{navigate(`/paymentProfiles/${catalogId}/${subscriptionId}`);},[]);if(!paymentProfileEnabled){return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(BodyText,null,t('billing_details.payment_method_is_hidden',{ns:'subscriptions-manager'})));}return/*#__PURE__*/_react.default.createElement(Container$1,null,!paymentProfileConnected&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(BodyText,null,t('billing_details.there_is_no_payment_method',{ns:'subscriptions-manager'})),editAllowed&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:3},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('billing_details.add_payment_method',{ns:'subscriptions-manager'}),onClick:onUpdatePaymentProfile,color:"primary",size:"medium",iconLeft:"plus"}))))),paymentProfileConnected&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,creditCard&&(/*#__PURE__*/_react.default.createElement(CreditCard$2,{size:cardSize,card:creditCardDetails,addressDetails:filteredAddressFields,status:status})),bankAccount&&(/*#__PURE__*/_react.default.createElement(BankAccount,{size:cardSize,accountDetails:accountDetails,addressDetails:filteredAddressFields})),editAllowed&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:3},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('billing_details.edit_payment_method',{ns:'subscriptions-manager'}),onClick:onUpdatePaymentProfile,color:"secondary",size:"medium",iconLeft:"edit"}))))));};const SubscriptionItem=_styledComponents.default.div.withConfig({displayName:"maxio__SubscriptionItem",componentId:"maxio-components__sc-lo74t2-171"})(["&&&{",";}"],_styledSystem.margin);const ToggleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper",componentId:"maxio-components__sc-lo74t2-172"})(["&&&{cursor:pointer;",";",";}"],_styledSystem.display,_styledSystem.margin);const FooterContentWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__FooterContentWrapper",componentId:"maxio-components__sc-lo74t2-173"})(["&&&{text-align:center;}"]);const RowWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper",componentId:"maxio-components__sc-lo74t2-174"})(["&&&{",";",";",";}"],_styledSystem.margin,_styledSystem.padding,_ref318=>{let{theme}=_ref318;return theme&&(0,_styledComponents.css)(["border-top:1px solid ",";"],theme.colors.gray.light);});const bodyMotion={initial:{height:0},animate:{height:'auto'},exit:{height:0},transition:{type:'tween'}};const Notification=_ref319=>{let{status,show3DSModal,existingBalance,...rest}=_ref319;const{t}=(0,_reactI18next.useTranslation)('subscriptions-manager');const renderAlert=status=>{switch(status){case'cancellation_scheduled':return/*#__PURE__*/_react.default.createElement(Alert,null,/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('subscription_details.your_plan_has_been_scheduled_for_cancellation')));case'past_due':return/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",buttonLabel:t('threeDs.authorize_payment'),onClick:show3DSModal,title:t('threeDs.payment_auth_fail_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('threeDs.payment_auth_fail_description',{balance:existingBalance})));case'unpaid':return/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('subscription_details.your_recurring_payment_has_failed')));case'trial_expired':return/*#__PURE__*/_react.default.createElement(Alert,null,/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('subscription_details.your_trial_has_expired')));case'expired':return/*#__PURE__*/_react.default.createElement(Alert,null,/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('subscription_details.your_subscription_has_expired')));default:return null;}};const alert=renderAlert(status);return alert?/*#__PURE__*/_react.default.createElement(Box,{...rest},alert):null;};const getSubscriptionCustomFields=machineState=>{return machineState.context.customFields;};const getSubscriptionCustomFieldsState=machineState=>({isIdle:machineState.matches('idle'),isFetchLoading:machineState.matches('loading'),isFetchError:machineState.matches('error'),isReady:machineState.matches('ready'),isEdit:machineState.matches('customFieldsEdit'),isSaving:machineState.matches('customFieldsEdit.saving'),isSaveError:machineState.matches('customFieldsEdit.error')});const customFieldsSelectors={getSubscriptionCustomFields,getSubscriptionCustomFieldsState};const DetailRow$1=_ref320=>{let{label,value}=_ref320;return/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:'2'},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,8]},/*#__PURE__*/_react.default.createElement("div",{"data-testid":"detail-label"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'gray.dark',fontWeight:2},label))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,16]},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'black.main',overflow:"break-word"},value))));};const CustomFieldsLoadingSkeleton=()=>(/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:25}),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:25}),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:25}))));const CustomFieldsPreview=_ref321=>{let{customFields,onEdit}=_ref321;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Row$4,null,customFields&&customFields.map(customField=>(/*#__PURE__*/_react.default.createElement(DetailRow$1,{label:customField.name,value:customField.value,key:customField.id}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Button$1,{onClick:onEdit,color:'secondary',iconLeft:"edit",label:t('custom_fields.edit_additional_settings')})));};CustomFieldsPreview.LoadingSkeleton=CustomFieldsLoadingSkeleton;const CustomFieldsContainer=_ref322=>{let{catalogId,subscriptionId}=_ref322;const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const navigate=(0,_reactRouterDom.useNavigate)();const{customFieldsRef}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const[customFieldsState,sendToMachine]=(0,_react2.useActor)(customFieldsRef);(0,_react.useEffect)(()=>{if(customFieldsState.matches('idle')){sendToMachine({type:'INITIALIZE'});}},[]);const customFields=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFields);const{isFetchLoading,isFetchError}=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFieldsState);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('custom_fields.additional_settings'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},isFetchLoading&&/*#__PURE__*/_react.default.createElement(CustomFieldsPreview.LoadingSkeleton,null),customFields&&(/*#__PURE__*/_react.default.createElement(CustomFieldsPreview,{customFields:customFields,onEdit:()=>{sendToMachine({type:'EDIT_CUSTOM_FIELDS'});navigate(`/customFields/${catalogId}/${subscriptionId}`);}})),isFetchError&&(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('custom_fields.we_were_unable_to_display_your_custom_fields')))))));};const SubscriptionReferalCode=_ref323=>{let{label,referalCode}=_ref323;return/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:label},value:{value:referalCode,color:'black.main',fontWeight:0}});};const ListWrapper=_styledComponents.default.ul.withConfig({displayName:"maxio__ListWrapper",componentId:"maxio-components__sc-lo74t2-175"})(["&&&{list-style:none;margin:0;padding:0;margin-bottom:","px;}&&& li{margin-bottom:","px;}&&& li:last-child{margin-bottom:0;}"],_ref324=>{let{theme}=_ref324;return theme.space[5];},_ref325=>{let{theme}=_ref325;return theme.space[3];});const CouponListItem=_ref326=>{let{code,value,description}=_ref326;return/*#__PURE__*/_react.default.createElement("li",null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:5},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',fontWeight:600,color:'gray.dark'},code)),/*#__PURE__*/_react.default.createElement(Column$1,{span:4},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',fontWeight:700,color:'success.main'},value)),/*#__PURE__*/_react.default.createElement(Column$1,{span:15},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2'},description))));};const CouponsList=_ref327=>{let{coupons}=_ref327;return/*#__PURE__*/_react.default.createElement(ListWrapper,null,coupons?.map(_ref328=>{let{code,value,description}=_ref328;return/*#__PURE__*/_react.default.createElement(CouponListItem,{key:code,code:code,value:value,description:description});}));};function formatCouponValue(_ref329,currency){let{percentage,amountInCents}=_ref329;return percentage?`-${percentage}%`:`-${formatCurrency(currency,amountInCents)}`;}function getCouponDescription(coupon,t){if(coupon.recurring){return coupon.expiresAt?t('coupons.recurring_with_expiration',{date:formatDate(coupon.expiresAt)}):t('coupons.recurring');}return t('coupons.one_time');}const CouponsContainer=_ref330=>{let{subscriptionId,catalogId,currency,subscriptionDetailsService}=_ref330;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{modalsService}=useServices();const{subscription}=useComponentSettings();const allowAddCoupon=subscription.coupons;const coupons=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getCoupons);const{isLoading}=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getCouponsStatus);const formattedCoupons=coupons?.map(coupon=>({code:coupon.code,value:formatCouponValue(coupon,currency),description:getCouponDescription(coupon,t)}));const handleAddCouponClick=()=>{modalsService.send({type:'SHOW_ADD_COUPON',subscriptionId,catalogId,subscriptionDetailsService,currency});};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Row$4,{"data-testid":"couponsContainer"},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('coupons.discounts'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},isLoading?/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:120}):null,formattedCoupons?.length>0?(/*#__PURE__*/_react.default.createElement(CouponsList,{coupons:formattedCoupons})):null,allowAddCoupon?(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('coupons.add_coupon'),onClick:handleAddCouponClick})):null)));};const Subscription$1=_ref331=>{let{id,catalogId,name,price,statusTag,description,status,onShowDetails,detailsVisible,cardColor='white',nextBillingAmount,nextBillingDate,basePlanPrice,cancellationDate,expirationDate,layout='expandable-card',autoResumeDate,trialExpirationDate,priceAfterTrial,trialPrice,currentBalance,nextBillingAttempt,interval,billingDetails,renderComponentsSection,renderCustomFieldsSection,scheduledCancellationDate,availableActions,referralCode,threeDsActionLink,currency,coupons,subscriptionDetailsService}=_ref331;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{modalsService}=useServices();const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const{subscription:{coupons:areCouponsDisabled}}=useComponentSettings();const showCoupons=coupons?.length>0||areCouponsDisabled;const isExpired=billingDetails?.creditCard?.expired;const isReactivateButtonDisabled=!billingDetails?.paymentProfileConnected||isExpired;const canReactivate=(0,_react.useMemo)(()=>{return isReactivateButtonDisabled&&availableActions.includes(SubscriptionActions.REACTIVATE);},[isReactivateButtonDisabled,availableActions]);const showPauseSubscriptionModal=()=>{modalsService.send({type:'SHOW_PAUSE_SUBSCRIPTION',catalogId,subscriptionId:id});};const showPlanChangeModal=()=>{modalsService.send({type:'SHOW_SUBSCRIPTION_PLAN_CHANGE',catalogId,subscriptionId:id});};const show3DSModal=()=>{modalsService.send({type:'SHOW_THREE_D_SECURE',subscriptionId:id,catalogId,threeDsActionLink});};return/*#__PURE__*/_react.default.createElement(SubscriptionItem,{marginBottom:5,"data-testid":`subscription-${id}`},/*#__PURE__*/_react.default.createElement(Card$3,{color:cardColor},/*#__PURE__*/_react.default.createElement("div",{onClick:onShowDetails,style:{cursor:layout==='expandable-card'?'pointer':'auto'}},/*#__PURE__*/_react.default.createElement(Card$3.Header,{enableBorder:detailsVisible},/*#__PURE__*/_react.default.createElement(SubscriptionHeader,{title:name,price:price,interval:interval,tag:statusTag}))),/*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence,{initial:layout!=='all-details'},detailsVisible&&(/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{...bodyMotion,style:{overflow:'hidden'}},/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('subscription_details.plan_details',{ns:'subscriptions-manager'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Notification,{existingBalance:currentBalance,status:status,marginBottom:5,show3DSModal:threeDsActionLink&&show3DSModal}),/*#__PURE__*/_react.default.createElement(BodyText,null,description),/*#__PURE__*/_react.default.createElement(SubscriptionDetails,{scheduledCancellationDate:scheduledCancellationDate,subscriptionStatus:status,nextBillingAmount:nextBillingAmount,nextBillingDate:nextBillingDate,basePlanPrice:basePlanPrice,cancellationDate:cancellationDate,expirationDate:expirationDate,trialExpirationDate:trialExpirationDate,priceAfterTrial:priceAfterTrial,trialPrice:trialPrice,nextBillingAttempt:nextBillingAttempt,currentBalance:currentBalance,autoResumeDate:autoResumeDate}),referralCode?(/*#__PURE__*/_react.default.createElement(SubscriptionReferalCode,{label:t('subscription_details.referral_code'),referalCode:referralCode})):null,/*#__PURE__*/_react.default.createElement(Button$1.Group,null,availableActions.includes(SubscriptionActions.CHANGE_PLAN)&&(/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",size:"medium",label:t('plan_change.configure_plan'),onClick:showPlanChangeModal})),availableActions.includes(SubscriptionActions.PAUSE)&&(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",size:"medium",label:t('pause_subscription.put_on_hold'),onClick:showPauseSubscriptionModal})),availableActions.includes(SubscriptionActions.RESUME)&&(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('resume_subscription.resume'),onClick:()=>{modalsService.send({type:'SHOW_RESUME_SUBSCRIPTION',subscriptionId:id,catalogId});}})),availableActions.includes(SubscriptionActions.CANCEL)&&(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.cancel'),onClick:()=>{modalsService.send({type:'SHOW_CANCEL_SUBSCRIPTION',subscriptionId:id,catalogId});}})),availableActions.includes(SubscriptionActions.UNDO_CANCELATION)&&(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.undo_cancelation_button'),onClick:()=>{modalsService.send({type:'SHOW_UNDO_CANCELATION',subscriptionId:id,catalogId});}})),availableActions.includes(SubscriptionActions.REACTIVATE)&&(/*#__PURE__*/_react.default.createElement(Button$1,{"data-testid":"reactivateButton",color:"primary",label:t('reactivate_subscription.reactivate'),onClick:()=>modalsService.send({type:'SHOW_REACTIVATE_SUBSCRIPTION',subscriptionId:id,catalogId}),disabled:isReactivateButtonDisabled}))),canReactivate&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:4,marginBottom:4},/*#__PURE__*/_react.default.createElement(Alert,{color:"primary"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,/*#__PURE__*/_react.default.createElement(_reactI18next.Trans,{t:t,i18nKey:"reactivate_subscription.update_payment_method",components:{updatePaymentMethodLink:(/*#__PURE__*/_react.default.createElement(_reactRouterDom.Link,{style:{cursor:'pointer',textDecoration:'none',fontWeight:700},to:`/paymentProfiles/${catalogId}/${id}`}))}})))))))),renderComponentsSection&&(/*#__PURE__*/_react.default.createElement(ComponentsContainer,{catalogId:catalogId,subscriptionId:id})),/*#__PURE__*/_react.default.createElement(RowWrapper,{marginTop:5,paddingTop:5},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('subscription_details.billing_info',{ns:'subscriptions-manager'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(BillingDetailsContainer,{subscriptionId:id,catalogId:catalogId,billingDetails:billingDetails,isExpired:isExpired})))),renderCustomFieldsSection&&(/*#__PURE__*/_react.default.createElement(RowWrapper,{marginTop:5,paddingTop:5},/*#__PURE__*/_react.default.createElement(CustomFieldsContainer,{subscriptionId:id,catalogId:catalogId}))),showCoupons&&(/*#__PURE__*/_react.default.createElement(RowWrapper,{marginTop:5,paddingTop:5},/*#__PURE__*/_react.default.createElement(CouponsContainer,{subscriptionId:id,catalogId:catalogId,currency:currency,subscriptionDetailsService:subscriptionDetailsService}))))))),layout==='expandable-card'&&detailsVisible&&isOnMobileDevice&&(/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(FooterContentWrapper,null,detailsVisible&&(/*#__PURE__*/_react.default.createElement(ToggleWrapper,{marginTop:3,onClick:onShowDetails},/*#__PURE__*/_react.default.createElement(Anchor,{label:t('less',{ns:'common'})}))))))));};const ErrorContainer=_styledComponents.default.div.withConfig({displayName:"maxio__ErrorContainer",componentId:"maxio-components__sc-lo74t2-176"})(["&&&{display:flex;flex-direction:column;align-items:center;text-align:center;",";}"],_styledSystem.padding);const RetryButton=_styledComponents.default.div.withConfig({displayName:"maxio__RetryButton",componentId:"maxio-components__sc-lo74t2-177"})(["&&&{",";}"],_styledSystem.margin);const SubscriptionsManagerLoader=()=>{const{device}=useDeviceInfo();const isOnMobile=device==='mobile';return/*#__PURE__*/_react.default.createElement("div",{"data-testid":"subscription-manager-loader"},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:8},/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:150})))),/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:8},/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:isOnMobile?40:60})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:isOnMobile?40:60})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:isOnMobile?40:60})))));};const ContentLoader=_ref332=>{let{isLoading,loadingError,contentReady,errorMessage,onReinitialize,children}=_ref332;const{t}=(0,_reactI18next.useTranslation)();const{device}=useDeviceInfo();if(isLoading){return/*#__PURE__*/_react.default.createElement(SubscriptionsManagerLoader,null);}if(loadingError){return/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement(ErrorContainer,{paddingTop:[5,6],paddingBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,{variant:device==='mobile'?'body2':'body1'},errorMessage),/*#__PURE__*/_react.default.createElement(RetryButton,{marginTop:6},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('retry',{ns:'common'}),onClick:onReinitialize})))));}if(contentReady)return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,children);return null;};const Wrapper$a=_styledComponents.default.div.withConfig({displayName:"maxio__Wrappera",componentId:"maxio-components__sc-lo74t2-178"})(["&&&{display:flex;place-content:center;",";}"],_styledSystem.padding);const ShowMore=_ref333=>{let{isExpanded,items,onClick}=_ref333;const{t}=(0,_reactI18next.useTranslation)();return/*#__PURE__*/_react.default.createElement(Wrapper$a,{paddingTop:24,paddingBottom:32},/*#__PURE__*/_react.default.createElement(Button$1,{label:t(isExpanded?'show_less':'show_more',{ns:'subscriptions-manager',numberOfItems:items}),color:"secondary",onClick:onClick}));};const Wrapper$9=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper9",componentId:"maxio-components__sc-lo74t2-179"})(["&&&{display:flex;justify-content:space-between;align-items:center;}"]);const PaymentsProfilesHeader=_ref334=>{let{dropdownOptions,onDropdownSelection}=_ref334;const{t}=(0,_reactI18next.useTranslation)('subscriptions-manager');const[isDropdownOpen,setIsDropdownOpen]=_react.default.useState(false);const ref=_react.default.useRef(null);return/*#__PURE__*/_react.default.createElement(Wrapper$9,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:'h3'},t('payment_profile.payment_methods')),dropdownOptions.length>0&&(/*#__PURE__*/_react.default.createElement(Dropdown,{isOpen:isDropdownOpen,options:dropdownOptions,onOptionSelect:e=>{onDropdownSelection(e);setIsDropdownOpen(false);},onClose:()=>setIsDropdownOpen(false),maxWidth:ref.current?.getBoundingClientRect().width},/*#__PURE__*/_react.default.createElement("div",{ref:ref},/*#__PURE__*/_react.default.createElement(Button$1,{iconLeft:'chevronDown',label:t('payment_profile.new_payment_method'),onClick:()=>setIsDropdownOpen(true)})))));};const getPaymentMethodTranslation=(type,t)=>{return t(`payment_profile.${type}`);};const getPaymentMethodOptions=(type,t,availableActions)=>{const typeTranslation=getPaymentMethodTranslation(type,t);const options=[];if(availableActions.includes(PaymentProfileActions.USE_FOR_SUBSCRIPTION_BILLING)){options.push({label:t(`payment_profile.use_this_payment_method`),value:'select_payment_method',divider:true});}if(availableActions.includes(PaymentProfileActions.PREVIEW)){options.push({label:t(`payment_profile.view_payment_method_details`,{paymentMethod:typeTranslation}),value:'view_details'});}if(availableActions.includes(PaymentProfileActions.DELETE)){options.push({label:t(`payment_profile.delete_payment_method`,{paymentMethod:typeTranslation}),value:'delete_payment_method',color:'danger.main'});}return options;};const PAYMENT_PROFILE_STATUS={active:'active',expired:'error',unavailable:'unavailable',normal:null};const PaymentProfileContainer=_ref335=>{let{paymentProfile,portalContainerRef,isDropdownOpen=false,onToggleDropdown,onSelectOption,componentSize}=_ref335;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const availableActions=usePaymentProfileAvailableActions(paymentProfile.status);const{id,type,creditCard,address}=paymentProfile;const slot=()=>paymentProfile.status!=="unavailable"?(/*#__PURE__*/_react.default.createElement(Dropdown,{maxWidth:215,isOpen:isDropdownOpen,onOptionSelect:option=>onSelectOption(option,id),options:getPaymentMethodOptions(type,t,availableActions),onClose:()=>onToggleDropdown(null),portalContainer:portalContainerRef,alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{onClick:()=>onToggleDropdown(isDropdownOpen?null:id),label:"",iconLeft:"ellipsis",fill:"outline",color:"secondary"}))):null;const renderPaymentProfile=()=>{switch(paymentProfile.type){case'credit_card':return/*#__PURE__*/_react.default.createElement(CreditCard$2,{status:PAYMENT_PROFILE_STATUS[paymentProfile.status],renderSlot:slot,size:componentSize,key:id,card:{...creditCard,type:creditCard?.cardType},addressDetails:address});default:return null;}};return renderPaymentProfile();};const Wrapper$8=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper8",componentId:"maxio-components__sc-lo74t2-180"})(["&&&{display:flex;justify-content:start;}"]);const List$2=_styledComponents.default.ul.withConfig({displayName:"maxio__List2",componentId:"maxio-components__sc-lo74t2-181"})(["&&&{display:flex;flex-wrap:wrap;flex-direction:row;padding:0;margin:0;",";",";}"],_styledSystem.margin,_styledSystem.gridGap);const PaymentProfilesSkeletonLoader=()=>(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,6]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,null)),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,18]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:180,width:320}))),/*#__PURE__*/_react.default.createElement(Box,{marginTop:8},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,6]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,null)),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,18]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:180}))))));const PaymentProfiles$1=_ref336=>{let{onRetry,onSelectPaymentProfileOption,onCreatePaymentProfile,availablePaymentMethods,goBack,isLoading,activePaymentProfile,paymentProfiles,isError}=_ref336;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const{device}=useDeviceInfo();const portalContainerRef=(0,_react.useRef)(null);const[paymentProfileDropdown,setPaymentProfileDropdown]=(0,_react.useState)(null);const componentSize=device==='mobile'?'small':'regular';const hasPaymentProfiles=paymentProfiles?.length>0||activePaymentProfile;const isLoadingOrHasError=isLoading||isError;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(PaymentsProfilesHeader,{dropdownOptions:availablePaymentMethods,onDropdownSelection:onCreatePaymentProfile}))),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,isLoading&&/*#__PURE__*/_react.default.createElement(PaymentProfilesSkeletonLoader,null),!hasPaymentProfiles&&!isLoadingOrHasError&&(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('payment_profile.no_any_payment_methods')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.add_new_payment_method_to_proceed')))),isError&&(/*#__PURE__*/_react.default.createElement(Alert,{title:t('payment_profile.unexpected_error_title'),color:"danger",buttonLabel:t('payment_profile.try_again'),onClick:onRetry},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.unexpected_error_message')))),hasPaymentProfiles&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Row$4,{"data-testid":"active-payment-method-row"},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,6]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('payment_profile.active_payment_method'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,18]},activePaymentProfile?(/*#__PURE__*/_react.default.createElement(PaymentProfileContainer,{paymentProfile:activePaymentProfile,componentSize:componentSize,portalContainerRef:portalContainerRef,isDropdownOpen:paymentProfileDropdown===activePaymentProfile.id,onSelectOption:onSelectPaymentProfileOption,onToggleDropdown:id=>setPaymentProfileDropdown(id)})):(/*#__PURE__*/_react.default.createElement(Wrapper$8,null,/*#__PURE__*/_react.default.createElement(Alert,{color:"primary"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.no_saved_payment_methods'))))))),paymentProfiles?.length>0&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:8},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16,"data-testid":"other-payment-methods-row"},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,6]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('payment_profile.other_payment_methods'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,18]},/*#__PURE__*/_react.default.createElement(List$2,{gridGap:8,"data-testid":"credit-card-list"},paymentProfiles.map(paymentProfile=>(/*#__PURE__*/_react.default.createElement("div",{key:paymentProfile.id,"data-testid":"credit-card-item"},/*#__PURE__*/_react.default.createElement(PaymentProfileContainer,{paymentProfile:paymentProfile,componentSize:componentSize,portalContainerRef:portalContainerRef,isDropdownOpen:paymentProfileDropdown===paymentProfile.id,onSelectOption:onSelectPaymentProfileOption,onToggleDropdown:id=>setPaymentProfileDropdown(id)})))))))))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('back_to_subscriptions'),onClick:goBack}))),/*#__PURE__*/_react.default.createElement("div",{ref:portalContainerRef,style:{position:'absolute',top:0,left:0}}));};const Separator$1=_styledComponents.default.div.withConfig({displayName:"maxio__Separator1",componentId:"maxio-components__sc-lo74t2-182"})(["&&&{width:100%;height:1px;",";",";}"],_ref337=>{let{theme}=_ref337;return(0,_styledComponents.css)(["background-color:",";"],theme.colors.white.main);},_styledSystem.margin);const Container=_styledComponents.default.div.withConfig({displayName:"maxio__Container",componentId:"maxio-components__sc-lo74t2-183"})(["&&&{",";}"],_ref338=>{let{theme}=_ref338;return(0,_styledComponents.css)(["background-color:",";border-radius:","px;"],theme.colors.primary.extraLight,theme.radii[3]);});const FlexRow=_styledComponents.default.div.withConfig({displayName:"maxio__FlexRow",componentId:"maxio-components__sc-lo74t2-184"})(["&&&{display:flex;",";",";",";}"],_styledSystem.flexbox,_styledSystem.grid,_styledSystem.display);const Memo=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Memo",componentId:"maxio-components__sc-lo74t2-185"})(["&&&{width:100%;",";}"],_styledSystem.margin);const ComponentsPreviewRow=_ref339=>{let{row}=_ref339;const{name,description,disableMemo=false,memo='',renderPrice,renderControl,onMemoChange}=row;const{device}=useDeviceInfo();const[showMemo,setShowMemo]=(0,_react.useState)(!!memo);const[inputMemo,setInputMemo]=(0,_react.useState)(memo);const handleMemoChange=e=>{setInputMemo(e?.target?.value);onMemoChange(e);};const isOnMobileDevice=['tablet','mobile'].includes(device);const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(FlexRow,{alignItems:'baseline',gridColumnGap:7,gridRowGap:3,display:'grid',gridTemplateColumns:isOnMobileDevice?'1fr':'3fr 1fr 1fr'},/*#__PURE__*/_react.default.createElement(FlexRow,{alignItems:'center',gridColumnGap:2,flex:isOnMobileDevice?'100%':'4',justifyContent:isOnMobileDevice?'center':'flex-start'},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.dark"},name),description&&(/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:description}),placement:"top-start",followCursor:true},/*#__PURE__*/_react.default.createElement(Icon,{type:'questionCircle',fill:'gray.dark',size:16})))),/*#__PURE__*/_react.default.createElement(FlexRow,{flex:isOnMobileDevice?'100%':'1 0 auto',justifyContent:isOnMobileDevice?'center':'flex-start',justifyItems:'center'},renderPrice()),/*#__PURE__*/_react.default.createElement(FlexRow,{flexDirection:isOnMobileDevice?'row-reverse':'column',alignItems:isOnMobileDevice?'center':'flex-end',justifyContent:isOnMobileDevice?'space-between':'normal',flex:isOnMobileDevice?'100%':'1 0 auto',gridRowGap:3},/*#__PURE__*/_react.default.createElement("div",null,renderControl()),!disableMemo&&(showMemo?(/*#__PURE__*/_react.default.createElement(Anchor,{label:t('components_allocations.remove_memo'),iconLeft:"close",size:"small",onClick:()=>{setShowMemo(false);handleMemoChange(null);}})):(/*#__PURE__*/_react.default.createElement(Anchor,{label:t('components_allocations.add_memo'),iconLeft:"edit",size:"small",onClick:()=>setShowMemo(true)})))))),/*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence,null,!disableMemo&&showMemo&&(/*#__PURE__*/_react.default.createElement(Memo,{marginTop:2,initial:{opacity:0,height:0},animate:{opacity:1,height:'auto'},exit:{opacity:0,height:0},transition:{type:'tween'}},/*#__PURE__*/_react.default.createElement(Input$1,{"data-testid":"input-memo",onChange:handleMemoChange,value:inputMemo,placeholder:t('components_allocations.memo_placeholder'),fullWidth:true})))));};const ComponentsPreview=_ref340=>{let{rows}=_ref340;return/*#__PURE__*/_react.default.createElement(Container,null,/*#__PURE__*/_react.default.createElement(Box,{paddingTop:5,paddingBottom:5,paddingLeft:6,paddingRight:6},rows.map((row,idx)=>(/*#__PURE__*/_react.default.createElement(_react.Fragment,{key:row.name},/*#__PURE__*/_react.default.createElement(ComponentsPreviewRow,{row:row}),idx!==rows.length-1&&(/*#__PURE__*/_react.default.createElement(Separator$1,{marginTop:5,marginBottom:5})))))));};const renderPrice=(price,locale)=>{if(Array.isArray(price.value))return/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"success.main",fontWeight:700},formatCurrency(price.currency,price.value[0],locale)," -",' ',formatCurrency(price.currency,price.value[1],locale));return/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"success.main",fontWeight:700},formatCurrency(price.currency,price.value,locale));};const createOnOffRow=(component,onUpdateAllocation,locale)=>({name:component.name,description:component.description,memo:component.memo,renderPrice:()=>renderPrice(component.price,locale),renderControl:()=>(/*#__PURE__*/_react.default.createElement(Toggle,{isDisabled:!component.updatesAllowed,variant:"reversed",isOn:!!component.allocatedQuantity,onChange:value=>onUpdateAllocation({id:component.id,quantity:value?1:0,memo:component.memo})})),disableMemo:!component.updatesAllowed,...(component.updatesAllowed&&{onMemoChange:e=>onUpdateAllocation({id:component.id,quantity:component.allocatedQuantity?1:0,memo:e?.target?.value||''})})});const createQuantityRow=(component,onUpdateAllocation,locale,hasError)=>({name:component.name,description:component.description,memo:component.memo,renderPrice:()=>renderPrice(component.price,locale),renderControl:()=>(/*#__PURE__*/_react.default.createElement("div",{style:{maxWidth:80}},/*#__PURE__*/_react.default.createElement(Input$1,{value:component.allocatedQuantity.toString(),hasError:hasError,onChange:e=>{const{target:{value}}=e;const regex=component?.allowFractionalQuantities?/^\d*(?:\.\d{0,4})?$/:/^\d*$/;regex.test(value)&&onUpdateAllocation({id:component.id,quantity:value,memo:component.memo});},disabled:!component.updatesAllowed}))),disableMemo:!component.updatesAllowed,...(component.updatesAllowed&&{onMemoChange:e=>onUpdateAllocation({id:component.id,quantity:component.allocatedQuantity,memo:e?.target?.value||''})})});const createComponentsPreviewRow=(components,onUpdateAllocation,locale,errors)=>{const rows={recurring:{onOff:[],quantity:[]},oneTime:{quantity:[]}};for(const component of components){if(component.type==='quantity'){const hasError=errors?.findIndex(error=>error.id===component.id)>-1;const row=createQuantityRow(component,onUpdateAllocation,locale,hasError);if(component.recurring){rows.recurring.quantity.push(row);}else{rows.oneTime.quantity.push(row);}}if(component.type==='on_off'){const row=createOnOffRow(component,onUpdateAllocation,locale);if(component.recurring){rows.recurring['onOff'].push(row);}}}return rows;};const Wrapper$7=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper7",componentId:"maxio-components__sc-lo74t2-186"})(["&&&{display:flex;flex-direction:column;",";}"],_styledSystem.grid);const Header=_styledComponents.default.div.withConfig({displayName:"maxio__Header",componentId:"maxio-components__sc-lo74t2-187"})(["&&&{display:flex;column-gap:1ch;align-items:center;}"]);const ComponentsAllocationEditSkeleton=()=>{const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(Header,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('components_allocations.recurring_addons')),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1"},t('components_allocations.charged_every_cycle')))),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:100})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(Header,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('components_allocations.one_time_addons')),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1"},t('components_allocations.charged_once')))),/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:100})));};const ComponentsAllocationEdit=_ref341=>{let{components,errors,onUpdateAllocation}=_ref341;const{t,i18n}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{recurring:{onOff:onOffRecurringRows,quantity:quantityRecurringRows},oneTime:{quantity:quantityOneTimeRows}}=(0,_react.useMemo)(()=>createComponentsPreviewRow(components,onUpdateAllocation,i18n.language,errors),[components,i18n.language,errors,onUpdateAllocation]);const renderRecurringSection=!!onOffRecurringRows?.length||!!quantityRecurringRows?.length;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,renderRecurringSection&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(Header,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('components_allocations.recurring_addons')),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1"},t('components_allocations.charged_every_cycle')))),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Wrapper$7,{gridRowGap:4},onOffRecurringRows?.length?(/*#__PURE__*/_react.default.createElement(ComponentsPreview,{rows:onOffRecurringRows})):null,quantityRecurringRows?.length?(/*#__PURE__*/_react.default.createElement(ComponentsPreview,{rows:quantityRecurringRows})):null)))),quantityOneTimeRows?.length>0&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(Header,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('components_allocations.one_time_addons')),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1"},t('components_allocations.charged_once')))),/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement(Wrapper$7,{gridRowGap:4},/*#__PURE__*/_react.default.createElement(ComponentsPreview,{rows:quantityOneTimeRows}))))));};ComponentsAllocationEdit.LoadingSkeleton=ComponentsAllocationEditSkeleton;const getAllocationSummaryPaymentMessage=_ref342=>{let{accrueCharge,t,currency,language,totalAmountInCents}=_ref342;if(totalAmountInCents<=0){return{title:t('components_allocations.there_are_no_new_charges')};}if(accrueCharge){return{title:t('components_allocations.no_payment_is_required_now'),description:t('components_allocations.your_account_will_carry_forward_balance',{amount:formatCurrency(currency,totalAmountInCents,language)})};}return{title:t('components_allocations.you_will_be_charged',{amount:formatCurrency(currency,totalAmountInCents,language)}),description:t('components_allocations.if_the_payment_fails_the_charge_will_be_carried')};};const mapAllocationsToTable=_ref343=>{let{componentsAllocations,t,language,currency}=_ref343;const parsedAllocations=[];componentsAllocations.map(allocation=>{const nameColumn={value:allocation?.name};let allocationDescription='';if(allocation.type==='on_off'){if(allocation.previousQuantity===0&&allocation.quantity===1){allocationDescription=t('components_allocations.turn_on');}else if(allocation.previousQuantity===1&&allocation.quantity===0){allocationDescription=t('components_allocations.turn_off');}else{allocationDescription=t('components_allocations.no_change');}}if(allocation.type==='quantity'){allocationDescription=t('components_allocations.from_to',{fromValue:allocation.previousQuantity,toValue:allocation.quantity+' '+allocation.unitName});}allocationDescription=`(${allocationDescription})`;if(allocation.memo){allocationDescription+='\n"'+allocation.memo+'"';}const descriptionColumn={value:allocationDescription,color:'gray.dark'};const priceColumn={value:formatCurrency(currency,allocation.amountInCents,language),textAlign:'right',color:allocation.amountInCents===0?'gray.main':'black.main'};const allocationRow=[nameColumn,descriptionColumn,priceColumn];parsedAllocations.push(allocationRow);});return parsedAllocations;};const mapChargeSummaryToTable$1=_ref344=>{let{allocationsPreview,t,language}=_ref344;const formatAmount=amount=>formatCurrency(allocationsPreview.currency,amount,language);const chargesSummary=[[{value:t('components_allocations.subtotal'),fontWeight:3,fontSize:1},{value:formatAmount(allocationsPreview.subtotalInCents),fontWeight:3,fontSize:1,textAlign:'right'}],[{value:t('components_allocations.existing_balance'),fontWeight:3,fontSize:1},{value:formatAmount(allocationsPreview.existingBalanceInCents),fontWeight:3,fontSize:1,textAlign:'right'}]];if(allocationsPreview.totalDiscountInCents){chargesSummary.push([{value:t('components_allocations.discounts'),fontWeight:3,fontSize:1},{value:formatAmount(allocationsPreview.totalDiscountInCents),fontWeight:3,fontSize:1,textAlign:'right'}]);}chargesSummary.push([{value:t('components_allocations.taxes'),fontWeight:3,fontSize:1},{value:formatAmount(allocationsPreview.totalTaxInCents),fontWeight:3,fontSize:1,textAlign:'right'}]);return chargesSummary;};const sortComponentAllocations=(componentsAllocations,components)=>{const sortedAllocations={recurringAllocations:[],oneTimeAllocations:[]};componentsAllocations.forEach(allocation=>{const component=components.find(component=>component.id===allocation.id);if(component){const{recurring,name,type,unitName}=component;if(recurring){sortedAllocations.recurringAllocations.push({...allocation,unitName,name,type});return;}sortedAllocations.oneTimeAllocations.push({...allocation,unitName,name,type});}});return sortedAllocations;};const AllocationsTable=_ref345=>{let{heading,componentsAllocations,currency}=_ref345;const{t,i18n}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{device}=useDeviceInfo();return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5,paddingLeft:5,paddingRight:5},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h5"},heading)),/*#__PURE__*/_react.default.createElement(SummaryTable,{rows:mapAllocationsToTable({componentsAllocations,t,language:i18n.language,currency}),columnSpans:device==='mobile'?[24,16,8]:[8,8,8]}));};const Summary=_styledComponents.default.div.withConfig({displayName:"maxio__Summary",componentId:"maxio-components__sc-lo74t2-188"})(["&&&{",";box-sizing:border-box;border-radius:8px;",";",";}"],_ref346=>{let{theme}=_ref346;return(0,_styledComponents.css)(["border:1px solid ",";"],theme.colors.gray.extraLight);},_styledSystem.margin,_styledSystem.padding);const TotalCharge=_styledComponents.default.div.withConfig({displayName:"maxio__TotalCharge",componentId:"maxio-components__sc-lo74t2-189"})(["&&&{",";}"],_ref347=>{let{theme}=_ref347;return(0,_styledComponents.css)(["border-bottom:1px solid ",";"],theme.colors.gray.extraLight);});const ComponentsAllocationPreview=_ref348=>{let{allocationsPreview,components}=_ref348;const{t,i18n}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const paymentSummaryMessage=getAllocationSummaryPaymentMessage({accrueCharge:allocationsPreview.accrueCharge,totalAmountInCents:allocationsPreview.totalInCents,currency:allocationsPreview.currency,t,language:i18n.language});const sortedAllocations=sortComponentAllocations(allocationsPreview.componentsAllocations,components);return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('components_allocations.changes_and_charges_summary'))),sortedAllocations.recurringAllocations.length>0&&(/*#__PURE__*/_react.default.createElement(AllocationsTable,{heading:t('components_allocations.recurring_charges'),componentsAllocations:sortedAllocations.recurringAllocations,currency:allocationsPreview.currency})),sortedAllocations.oneTimeAllocations.length>0&&(/*#__PURE__*/_react.default.createElement(AllocationsTable,{heading:t('components_allocations.one_time_charges'),componentsAllocations:sortedAllocations.oneTimeAllocations,currency:allocationsPreview.currency})),/*#__PURE__*/_react.default.createElement(Summary,{paddingLeft:5,paddingRight:5,paddingTop:2,marginBottom:5},/*#__PURE__*/_react.default.createElement(TotalCharge,null,/*#__PURE__*/_react.default.createElement(SummaryTable,{rows:mapChargeSummaryToTable$1({allocationsPreview,t,language:i18n.language}),columnSpans:[12,12]})),/*#__PURE__*/_react.default.createElement(Box,{paddingTop:3,paddingBottom:4},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",color:"success.main",fontWeight:3},t('components_allocations.total_charge'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",color:"success.main",textAlign:"right",fontWeight:3},formatCurrency(allocationsPreview.currency,allocationsPreview.totalInCents>0?allocationsPreview.totalInCents:0,i18n.language)))))),/*#__PURE__*/_react.default.createElement(Alert,{title:paymentSummaryMessage.title,icon:"receipt",color:"success"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,paymentSummaryMessage.description)));};const PlanChangeAlerts=_ref349=>{let{basePlanPrice,productChangeStrategy,nextBillingDate,totalCharge,creditBalance}=_ref349;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const commonAlertProps={color:'success',icon:'receipt'};switch(productChangeStrategy){case'prorated':return/*#__PURE__*/_react.default.createElement(Alert,{...commonAlertProps},/*#__PURE__*/_react.default.createElement(Alert.Title,{text:t('plan_change.prorated_title',{totalCharge:totalCharge,credit:creditBalance}),icon:'receipt'}),/*#__PURE__*/_react.default.createElement(Alert.Title,{text:t('plan_change.plan_change_immediately'),icon:'clock'}),/*#__PURE__*/_react.default.createElement(Alert.Title,{text:t('plan_change.prorated_renewed_title',{date:nextBillingDate}),icon:'calendar'}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'success.main'},t('plan_change.prorated_description')));case'non-prorated':return/*#__PURE__*/_react.default.createElement(Alert,{...commonAlertProps},/*#__PURE__*/_react.default.createElement(Alert.Title,{text:t('plan_change.instant_title',{totalCharge:totalCharge}),icon:'receipt'}),/*#__PURE__*/_react.default.createElement(Alert.Title,{text:t('plan_change.plan_change_immediately'),icon:'clock'}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'success.main'},t('plan_change.instant_description')));case'delayed':return/*#__PURE__*/_react.default.createElement(Alert,{...commonAlertProps,title:t('plan_change.delayed_title',{date:nextBillingDate,basePlanPrice})},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'success.main'},t('plan_change.delayed_description')));}};const mapChargeSummaryToTable=_ref350=>{let{changePlanPreview,t,language,currency}=_ref350;const formatAmount=amount=>formatCurrency(currency,amount,language);const positiveCreditBalance=changePlanPreview.totalInCents>0;const chargesSummary=[[{value:t('plan_change.subtotal'),fontWeight:3,fontSize:1},{value:formatAmount(changePlanPreview.subtotalInCents),fontWeight:3,fontSize:1,textAlign:'right'}],[{value:t('plan_change.taxes'),fontWeight:3,fontSize:1},{value:formatAmount(changePlanPreview.totalTaxInCents),fontWeight:3,fontSize:1,textAlign:'right'}]];if(changePlanPreview.productChangeStrategy==='prorated'){chargesSummary.push([{value:positiveCreditBalance?t('plan_change.credit_balance_to_be_applied'):t('plan_change.credit_balance_change'),fontWeight:3,fontSize:1},{value:`${positiveCreditBalance?'':'+'}${formatAmount(Math.abs(changePlanPreview.totalInCents))}`,fontWeight:3,fontSize:1,textAlign:'right'}]);}return chargesSummary;};const PlanChangeSummaryCharges=_ref351=>{let{changePlanPreview,currency}=_ref351;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Summary,{paddingX:5,paddingTop:2,marginBottom:6},/*#__PURE__*/_react.default.createElement(TotalCharge,null,/*#__PURE__*/_react.default.createElement(SummaryTable,{rows:mapChargeSummaryToTable({changePlanPreview,t,language:_i18next.default.language,currency}),columnSpans:[12,12]})),/*#__PURE__*/_react.default.createElement(Box,{paddingTop:3,paddingBottom:4},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",color:"success.main",fontWeight:3},t('plan_change.total_charge'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",color:"success.main",textAlign:"right",fontWeight:3},formatCurrency(currency,changePlanPreview.totalInCents>0?changePlanPreview.totalInCents:0,_i18next.default.language))))));};const SubscriptionContainer=_ref352=>{let{id,onShowDetails,layout='expandable-card',detailsVisible,product,status,components,currency,productFamilyId}=_ref352;const{componentsAllocation:{editAllowed:customerSelfService}}=useComponentSettings();const{t,i18n}=(0,_reactI18next.useTranslation)(['common']);const subscriptionDetailsService=useSubscriptionDetailsService(id);const{billing,customFields,referralCode,threeDsActionLink,isLoading,...restSubscriptionDetails}=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getSubscriptionDetails);(0,_react.useEffect)(()=>{if(detailsVisible){subscriptionDetailsService.send('GET_SUBSCRIPTION_DETAILS');}},[subscriptionDetailsService,detailsVisible]);const subscriptionTag=useSubscriptionStatus(status);const getCardColor=(0,_react.useCallback)(state=>INACTIVE_STATE.includes(state)?'gray':'white',[]);const formattedSubscriptionDetails=useFormatSubscriptionDetails({...restSubscriptionDetails,currency,product,status,locale:i18n.language,t});const totalPrice=(0,_react.useMemo)(()=>{const formattedPrice=formattedSubscriptionDetails.totalPrice;if(formattedPrice&&!['trial','cancelled'].includes(status)){return{label:formattedPrice,color:PAYMENT_ISSUES.includes(status)?'danger.dark':'success.main'};}return null;},[formattedSubscriptionDetails.totalPrice,status]);const renderComponentsSection=components.updatesAllowed&&customerSelfService||components.usedInBilling;const{subscription}=useComponentSettings();const availableActions=useSubscriptionAvailableActions({status},subscription.scopes);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isLoading?(/*#__PURE__*/_react.default.createElement(SubscriptionsManagerLoader,null)):(/*#__PURE__*/_react.default.createElement(Subscription$1,{id:id,name:product.name,catalogId:productFamilyId,description:product.description,statusTag:subscriptionTag,status:status,layout:layout,price:totalPrice,detailsVisible:detailsVisible,onShowDetails:()=>onShowDetails&&onShowDetails(id),cardColor:getCardColor(status),billingDetails:billing,renderComponentsSection:renderComponentsSection,renderCustomFieldsSection:customFields?.visible,availableActions:availableActions,referralCode:referralCode,threeDsActionLink:threeDsActionLink,currency:restSubscriptionDetails.currency,coupons:restSubscriptionDetails.coupons,subscriptionDetailsService:subscriptionDetailsService,...formattedSubscriptionDetails})));};const ItemsContainer=_styledComponents.default.div.withConfig({displayName:"maxio__ItemsContainer",componentId:"maxio-components__sc-lo74t2-190"})(["&&&{",";}"],_styledSystem.padding);const getErrorDescription=(error,t)=>{if(error.errorCode==='NothingAllocated'){return t('components_allocations.nothing_was_allocated');}if(error.errorCode==='InvalidAllocation'){return t('components_allocations.invalid_components_allocation');}if(!error.errorCode){return t('components_allocations.we_were_unable_to_display_your_components');}};const mergeComponentsWithAllocations=function(components){let allocations=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];return components.map(component=>{const{memo,quantity}=allocations.find(a=>a.id===component.id)||{};if(memo){component.memo=memo;}if(typeof quantity==='number'||typeof quantity==='string'){component.allocatedQuantity=quantity;}return component;});};const subscriptionStatusPriority={active:3,plan_change_scheduled:3,on_hold:2,canceled:1,trial:0,expired:0,cancellation_scheduled:0,past_due:0,paused:0,unpaid:0,trial_expired:0};const sortByStatus=(a,b)=>{if(subscriptionStatusPriority[a]===subscriptionStatusPriority[b]){return 0;}return subscriptionStatusPriority[a]<subscriptionStatusPriority[b]?1:-1;};const sortByDate=(a,b)=>{if(a===null)return 1;if(b===null)return-1;return new Date(a).getTime()-new Date(b).getTime();};const sortAlphabetically=(a,b)=>{return a.localeCompare(b);};const sortSubscriptions=(subA,subB)=>{const sortByStatusValue=sortByStatus(subA.status,subB.status);if(sortByStatusValue){return sortByStatusValue;}if(subA.currentPeriodEndsAt||subB.currentPeriodEndsAt){return sortByDate(subA.currentPeriodEndsAt,subB.currentPeriodEndsAt);}return sortAlphabetically(subA.product.name,subB.product.name);};const SubscriptionsContainer=_ref353=>{let{catalogId,catalogName,useExpandableLayout=false}=_ref353;const{subscriptionsService,productCatalogService}=(0,_react.useContext)(GlobalStateContext);const{subscription}=(0,_react.useContext)(ConfigContext);const navigate=(0,_reactRouterDom.useNavigate)();const expandedCatalogItems=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getExpandedCatalogItems);const subscriptionsWithVisibleDetails=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsWithVisibleDetails);const totalSubscriptions=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsCount);const subscriptions=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionsByCategoryId(catalogId),[]));const{isListExpanded,isPaginated}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getCatalogById(catalogId),[]));const subscriptionLayout=totalSubscriptions>1?'expandable-card':'all-details';const onShowSubscriptionDetails=(0,_react.useCallback)(subscriptionId=>{if(totalSubscriptions>1){if(subscription.details==='page')navigate(`subscription/${catalogId}/${subscriptionId}`);else{subscriptionsService.send('TOGGLE_SUBSCRIPTION_DETAILS_VISIBILITY',{subscriptionId:subscriptionId});}}},[subscription.details]);const items=subscriptions.sort((a,b)=>sortSubscriptions(a.subscription,b.subscription)).filter((item,idx)=>(isListExpanded||idx<DEFAULT_VISIBLE_SUBSCRIPTIONS)&&item).map(_ref354=>{let{subscription}=_ref354;return/*#__PURE__*/_react.default.createElement(SubscriptionContainer,{key:subscription.id,id:subscription.id,layout:subscriptionLayout,product:subscription.product,status:subscription.status,productFamilyId:subscription.productFamilyId,components:subscription.components,currency:subscription.currency,detailsVisible:subscriptionLayout==='all-details'||subscriptionsWithVisibleDetails.includes(subscription.id),onShowDetails:subscriptionId=>onShowSubscriptionDetails(subscriptionId)});});const renderShowMoreBtn=isPaginated&&(/*#__PURE__*/_react.default.createElement(ShowMore,{isExpanded:isListExpanded,items:subscriptions.length,onClick:()=>subscriptionsService.send('SET_LIST_EXPANDED',{catalogId,status:!isListExpanded})}));return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,useExpandableLayout?(/*#__PURE__*/_react.default.createElement(Accordion,{header:catalogName,isExpanded:expandedCatalogItems.includes(catalogId),onClick:isExpanded=>{productCatalogService.send('SET_CATALOG_EXPAND',{catalogId,isExpanded});}},/*#__PURE__*/_react.default.createElement(ItemsContainer,{paddingBottom:5},items,renderShowMoreBtn))):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,items,renderShowMoreBtn)));};const PaymentProfilesContainer=meta=>{const{t}=(0,_reactI18next.useTranslation)('subscriptions-manager');const{modalsService}=useServices();const navigate=(0,_reactRouterDom.useNavigate)();const{subscription:{details}}=useComponentSettings();const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);const profiles=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfiles);const{isLoading,isError}=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesState);const{active,inactive}=useSortPaymentProfiles(profiles);const availablePaymentMethods=useAvailablePaymentMethods();const handleOptionSelection=(option,paymentProfileId)=>{switch(option.value){case'select_payment_method':return modalsService.send({type:'SHOW_CHANGE_PAYMENT_PROFILE',...meta,paymentProfileId});case'view_details':return modalsService.send({type:'SHOW_PREVIEW_PAYMENT_PROFILE',...meta,paymentProfileId});case'delete_payment_method':return modalsService.send({type:'SHOW_DELETE_PAYMENT_PROFILE',...meta,paymentProfileId});default:return console.log('default');}};const options=[{label:t('payment_profile.credit_card'),value:'credit_card'}];const paymentMethodsOptions=(0,_react.useMemo)(()=>options.filter(_ref355=>{let{value}=_ref355;return availablePaymentMethods.includes(value);}),[availablePaymentMethods]);const handlePaymentProfileCreation=(0,_react.useCallback)(option=>{switch(option.value){case'credit_card':return modalsService.send({type:'SHOW_CREATE_PAYMENT_PROFILE',...meta,activePaymentProfileId:active?.id,paymentMethod:'creditCard'});case'bank_account':return console.log('bank account');case'paypal':return console.log('paypal');case'remittance_payment':return console.log('remittance payment');default:return console.log('default');}},[active?.id]);const goBack=()=>{if(details==='page'){return navigate(`/subscription/${meta.catalogId}/${meta.subscriptionId}`);}return navigate(`/`);};return/*#__PURE__*/_react.default.createElement(PaymentProfiles$1,{onRetry:()=>paymentProfilesService.send({type:'RETRY_FETCH'}),isError:isError,isLoading:isLoading,goBack:goBack,activePaymentProfile:active,paymentProfiles:inactive,onSelectPaymentProfileOption:handleOptionSelection,onCreatePaymentProfile:handlePaymentProfileCreation,availablePaymentMethods:paymentMethodsOptions});};const CreatePaymentProfileContainer=_ref356=>{let{formElementId,paymentProfileRef,targetElementRef}=_ref356;const[,sendToMachine]=(0,_react2.useActor)(paymentProfileRef);const{paymentGatewayService}=useServices();const useThreeDSecure=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getThreeDSecure);const gatewayConfig=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getGatewayConfig);const requiredFields=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getRequiredFields);const{validationSchema,billingAddress,paymentMethod}=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfile);const validateField=(fieldName,form,value)=>{const fieldSchema=(0,_yup.reach)(validationSchema,`${form}.${fieldName}`);fieldSchema.validate(value).then(()=>{sendToMachine({type:'RESET_FIELD_ERROR',field:fieldName,form});}).catch(error=>{sendToMachine({type:'SET_FIELD_ERROR',error:error.message,field:fieldName,form});});};return/*#__PURE__*/_react.default.createElement(PaymentProfile$1,{formElementId:formElementId,config:gatewayConfig,requiredFields:requiredFields,useThreeDSecure:useThreeDSecure,paymentMethod:paymentMethod,billingAddress:billingAddress,onValidateField:validateField,targetElementRef:targetElementRef,onUpdateField:(field,form,value)=>{sendToMachine({type:'UPDATE_FIELD',form,field,value});}});};var Errors;(function(Errors){Errors["Tokenization"]="tokenizationError";Errors["CreateProfile"]="createProfileError";Errors["ConnectProfileWithSubscription"]="connectProfileError";})(Errors||(Errors={}));const CreatePaymentProfileErrorContainer=_ref357=>{let{paymentProfileRef}=_ref357;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const[state]=(0,_react2.useActor)(paymentProfileRef);const{tokenization}=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfileErrors);const translate=key=>t(key,{ns:'subscriptions-manager'});const getTokenizationErrorMessage=(0,_react.useCallback)(error=>{const{invalidFields,errors}=error;if(invalidFields)return null;return Array.isArray(errors)?errors.join(' '):errors;},[]);const errorRef=(0,_react.useCallback)(errorEl=>{if(errorEl){errorEl.scrollIntoView({behavior:'smooth',block:'nearest',inline:'nearest'});}},[]);if(state.matches(Errors.CreateProfile)){return/*#__PURE__*/_react.default.createElement(Box,{ref:errorRef},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:translate('payment_profile.create_error_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,translate('payment_profile.create_error_message'))));}if(state.matches(Errors.ConnectProfileWithSubscription)){return/*#__PURE__*/_react.default.createElement(Box,{ref:errorRef},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:translate('payment_profile.connect_profile_error_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,translate('payment_profile.connect_profile_error_message'))));}if(state.matches(Errors.Tokenization)&&tokenization){const message=getTokenizationErrorMessage(tokenization);if(message)return/*#__PURE__*/_react.default.createElement(Box,{ref:errorRef},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,message)));}return null;};const ComponentsAllocationContainer=_ref358=>{let{addOnsConfigurationService,subscriptionId,onClose}=_ref358;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const toastService=useToastMessages();const{configureAllocationsStep,previewAllocationsStep,configureAllocationsStepLoading,updateSuccess}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState);const{components}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsComponents);const allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);const mergedComponents=mergeComponentsWithAllocations(components,allocations);const{error}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocationError);const{allocationsPreview}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocationsPreview);(0,_react.useEffect)(()=>{if(updateSuccess){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION_COMPONENTS',subscriptionId});onClose();toastService.show({level:'success',message:t('changes_saved',{ns:'common'})});}},[updateSuccess]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,error&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,getErrorDescription(error,t))))),configureAllocationsStepLoading&&(/*#__PURE__*/_react.default.createElement(ComponentsAllocationEdit.LoadingSkeleton,null)),configureAllocationsStep&&(/*#__PURE__*/_react.default.createElement(ComponentsAllocationEdit,{components:mergedComponents,errors:error?.errors,onUpdateAllocation:allocation=>addOnsConfigurationService.send('UPDATE_ALLOCATIONS_LIST',{allocation})})),previewAllocationsStep&&allocationsPreview&&(/*#__PURE__*/_react.default.createElement(ComponentsAllocationPreview,{components:components,allocationsPreview:allocationsPreview})));};const getSubscriptionResumeAlertKeys=_ref359=>{let{isPastRenewalDate,resumeOption,resumptionConfig}=_ref359;const accessDateInfo=resumeOption==='immediate'?'resume_subscription.regain_access':'resume_subscription.regain_access_on_selected_date';const chargeInfo=getChargeInfoKey(resumptionConfig,isPastRenewalDate);return{accessDateInfo,chargeInfo};};const getChargeInfoKey=(resumptionConfig,isPastRenewalDate)=>{if(!resumptionConfig){if(isPastRenewalDate){return'resume_subscription.immediate_charge';}return'resume_subscription.no_immediate_charges';}switch(resumptionConfig){case'prorated':return'resume_subscription.immediate_prorated_charge';case'immediate':return'resume_subscription.immediate_charge';case'delayed':return'resume_subscription.delayed_charge';}};const OptionsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__OptionsWrapper",componentId:"maxio-components__sc-lo74t2-191"})(["&&&{display:flex;flex-direction:column;row-gap:","px;}"],_ref360=>{let{theme}=_ref360;return theme.space[5];});const AutomaticResumeOption=_styledComponents.default.div.withConfig({displayName:"maxio__AutomaticResumeOption",componentId:"maxio-components__sc-lo74t2-192"})(["&&&{display:flex;flex-direction:row;flex-wrap:wrap;gap:","px;}"],_ref361=>{let{theme}=_ref361;return theme.space[5];});const ResumeOptions$1={IMMEDIATE:'immediate',AUTOMATIC_RESUME:'automatic_resume'};const Content$c=_ref362=>{let{onClose,displayMode,subscriptionId,catalogId,autoResumeDefaultDate=(0,_dayjs.default)().add(7,'day').toISOString()}=_ref362;const{subscriptionsService}=useServices();const{subscription}=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId));const[selectedResumeOption,setSelectedResumeOption]=(0,_react.useState)(subscription.automaticallyResumeAt?ResumeOptions$1.AUTOMATIC_RESUME:ResumeOptions$1.IMMEDIATE);const[resumeDate,setResumeDate]=(0,_react.useState)(subscription.automaticallyResumeAt||autoResumeDefaultDate);const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const resumeService=useSubscriptionResumeService(catalogId,subscriptionId);const toastService=useToastMessages();const modalRef=(0,_react.useRef)(null);const portalContainer=(0,_react.useRef)(null);const resumptionConfig=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getResumptionConfig);const error=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getErrorCode);const{resumeSubscriptionSuccess,resumeSubscriptionLoading}=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getResumeSubscriptionStatus);const{product:{name}}=subscription;(0,_react.useEffect)(()=>{if(subscription.snapDay){resumeService.send('GET_RESUMPTION_CONFIG');}},[subscription.snapDay,resumeService]);(0,_react.useEffect)(()=>{if(resumeSubscriptionSuccess){onClose();const toastMessage=selectedResumeOption===ResumeOptions$1.AUTOMATIC_RESUME?t('pause_subscription.your_plan_is_on_hold_until_date',{date:formatDate(resumeDate)}):t('resume_subscription.resume_plan_confirmation');toastService.show({level:'success',message:toastMessage});}},[resumeSubscriptionSuccess]);const onResume=()=>{if(selectedResumeOption===ResumeOptions$1.IMMEDIATE){return resumeService.send('RESUME_SUBSCRIPTION');}return resumeService.send({type:'RESUME_SUBSCRIPTION_AT',resumeDate});};const isSubscriptionResumable=(0,_dayjs.default)(subscription.automaticallyResumeAt).isAfter(new Date());const alertMessageTitle=()=>{return selectedResumeOption==='immediate'?t('resume_subscription.plan_will_be_active',{subscriptionName:name}):t('resume_subscription.plan_will_be_activated',{subscriptionName:name});};const alertMessageDescription=getSubscriptionResumeAlertKeys({isPastRenewalDate:isSubscriptionResumable,resumeOption:selectedResumeOption,resumptionConfig});return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded',ref:modalRef},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('resume_subscription.resume_plan')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,error?(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('resume_subscription.we_were_unable_to_resume_subscription_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t(error.errorCode==='NotEligible'?'resume_subscription.24_hour_resume_subscription_error':'resume_subscription.we_were_unable_to_resume_subscription')))):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,null,t('resume_subscription.resume_subscription_now',{subscriptionName:name}))),/*#__PURE__*/_react.default.createElement(OptionsWrapper,null,/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('resume_subscription.resume_immediately'),value:ResumeOptions$1.IMMEDIATE,onValueChange:()=>setSelectedResumeOption(ResumeOptions$1.IMMEDIATE),isSelected:selectedResumeOption===ResumeOptions$1.IMMEDIATE}),/*#__PURE__*/_react.default.createElement(AutomaticResumeOption,null,/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('resume_subscription.automatic_resume_option'),value:ResumeOptions$1.AUTOMATIC_RESUME,onValueChange:()=>setSelectedResumeOption(ResumeOptions$1.AUTOMATIC_RESUME),isSelected:selectedResumeOption===ResumeOptions$1.AUTOMATIC_RESUME}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:date=>setResumeDate(date.toISOString()),modalRef:modalRef,minDate:(0,_dayjs.default)().toDate(),portalContainer:portalContainer,initialDate:resumeDate,disabled:selectedResumeOption!==ResumeOptions$1.AUTOMATIC_RESUME})))),/*#__PURE__*/_react.default.createElement(Alert,{title:alertMessageTitle()},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t(alertMessageDescription.accessDateInfo,{date:formatDate(resumeDate)}),' ',/*#__PURE__*/_react.default.createElement(_reactI18next.Trans,{t:t,i18nKey:alertMessageDescription.chargeInfo})))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('resume_subscription.keep_on_hold'),onClick:onClose,disabled:resumeSubscriptionLoading}),!error&&(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('resume_subscription.resume'),isLoading:resumeSubscriptionLoading,onClick:onResume}))))),/*#__PURE__*/_react.default.createElement(Portal,null,/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer})));};const ResumeSubscription=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getResumeSubscription);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$c,{...meta,displayMode:modalVariant,onClose:closeHandler}));};const initialContext={error:null,status:null};const pauseSubscription=(0,_xstate.createMachine)({id:'pauseSubscription',initial:'idle',predictableActionArguments:true,context:initialContext,states:{idle:{on:{PAUSE_SUBSCRIPTION:{target:'pauseSubscription'}}},pauseSubscription:{invoke:{src:'pauseSubscription',onDone:{target:'success',actions:'updateSubscription'},onError:{target:'error',actions:'setError'}}},success:{type:'final'},error:{type:'final'}}});const getPauseSubscriptionStatus=machineState=>({idle:machineState.matches('idle'),pauseSubscriptionLoading:machineState.matches('pauseSubscription'),pauseSubscriptionSuccess:machineState.matches('success'),pauseSubscriptionError:machineState.matches('error')});const getErrorCode=machineState=>{return machineState.context.error;};const pauseSubscriptionSelectors={getPauseSubscriptionStatus,getErrorCode};const usePauseSubscriptionService=(catalogId,subscriptionId)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);return(0,_react2.useInterpret)(pauseSubscription,{services:{pauseSubscription:(_ctx,payload)=>{return dataAccess.pauseSubscription(payload.subscriptionId,payload.automaticallyResumeAt);}},actions:{updateSubscription:(_ctx,payload)=>{const{data:{automaticallyResumeAt,state}}=payload;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId,catalogId,automaticallyResumeAt,status:state});},setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};})}});};const ResumeOptions={MANUAL_RESUME:'manual_resume',AUTOMATIC_RESUME:'automatic_resume'};const defaultDate=(0,_dayjs.default)().add(7,'day');const Content$b=_ref363=>{let{onClose,displayMode,catalogId,subscriptionId}=_ref363;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const modalRef=(0,_react.useRef)(null);const portalContainer=(0,_react.useRef)(null);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const toastService=useToastMessages();const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const pauseSubscriptionService=usePauseSubscriptionService(catalogId,subscriptionId);const[selectedResumeOption,setSelectedResumeOption]=(0,_react.useState)(subscription.automaticallyResumeAt?ResumeOptions.AUTOMATIC_RESUME:ResumeOptions.MANUAL_RESUME);const pauseSubscription=()=>{const payload={subscriptionId};if(selectedResumeOption===ResumeOptions.AUTOMATIC_RESUME){payload.automaticallyResumeAt=selectedDateTime.toISOString();}pauseSubscriptionService.send('PAUSE_SUBSCRIPTION',payload);};const alertMessage=()=>{return selectedResumeOption==='manual_resume'?t('pause_subscription.manual_resume_description'):t('pause_subscription.automatic_resume_description',{date:formatDate(selectedDateTime)});};const{pauseSubscriptionLoading,pauseSubscriptionError,pauseSubscriptionSuccess}=(0,_react2.useSelector)(pauseSubscriptionService,pauseSubscriptionSelectors.getPauseSubscriptionStatus);const error=(0,_react2.useSelector)(pauseSubscriptionService,pauseSubscriptionSelectors.getErrorCode);const[selectedDateTime,setSelectedDateTime]=(0,_react.useState)(subscription.automaticallyResumeAt?(0,_dayjs.default)(subscription.automaticallyResumeAt):defaultDate);(0,_react.useEffect)(()=>{if(pauseSubscriptionSuccess){onClose();const toastMessage=selectedResumeOption===ResumeOptions.AUTOMATIC_RESUME?t('pause_subscription.your_plan_is_on_hold_until_date',{date:formatDate(selectedDateTime)}):t('pause_subscription.your_plan_is_on_hold');toastService.show({level:'success',message:toastMessage});}},[pauseSubscriptionSuccess]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded',ref:modalRef},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('pause_subscription.put_on_hold_title')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,error?(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('pause_subscription.24_hours_to_next_payment_error_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t(error.errorCode==='NotEligible'?'pause_subscription.24_hours_to_next_payment_error_description':'pause_subscription.we_were_unable_to_pause_subscription')))):(/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,null,t('pause_subscription.put_on_hold_description'))),/*#__PURE__*/_react.default.createElement(OptionsWrapper,null,/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('pause_subscription.manual_resume_option'),value:ResumeOptions.MANUAL_RESUME,onValueChange:value=>setSelectedResumeOption(value),isSelected:selectedResumeOption===ResumeOptions.MANUAL_RESUME}),/*#__PURE__*/_react.default.createElement(AutomaticResumeOption,null,/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('pause_subscription.automatic_resume_option'),value:ResumeOptions.AUTOMATIC_RESUME,onValueChange:value=>setSelectedResumeOption(value),isSelected:selectedResumeOption===ResumeOptions.AUTOMATIC_RESUME}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:dateTime=>setSelectedDateTime(dateTime),modalRef:modalRef,portalContainer:portalContainer,initialDate:selectedDateTime.toISOString(),minDate:(0,_dayjs.default)().toDate(),disabled:selectedResumeOption!==ResumeOptions.AUTOMATIC_RESUME})))),/*#__PURE__*/_react.default.createElement(Alert,{color:"primary",title:t('pause_subscription.the_plan_will_be_inactive',{planName:subscription.product.name})},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,alertMessage()))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},pauseSubscriptionError?(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close',{ns:'common'}),onClick:onClose})):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('pause_subscription.keep_active'),onClick:onClose,disabled:pauseSubscriptionLoading}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('pause_subscription.put_on_hold'),isLoading:pauseSubscriptionLoading,onClick:pauseSubscription})))))),/*#__PURE__*/_react.default.createElement(Portal,null,/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer})));};const PauseSubscription=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getPauseSubscription);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$b,{...meta,displayMode:modalVariant,onClose:closeHandler}));};var CancelOptions;(function(CancelOptions){CancelOptions["IMMEDIATE_CANCEL"]="immediate";CancelOptions["SCHEDULED_CANCEL"]="scheduled";CancelOptions["DELAYED_CANCEL"]="delayed";})(CancelOptions||(CancelOptions={}));const cancelForm=(0,_xstate.createMachine)({id:'cancelForm',predictableActionArguments:true,initial:'idle',context:{churnReasons:[],cancellationConfirmation:null,cancellationMessage:null,cancellationChurnReasonCode:null,cancellationType:null,cancellationDate:null},states:{idle:{on:{SET_FORM_VALUE:{actions:(0,_xstate.assign)((ctx,e)=>({[e.name]:e.value}))},GET_CHURN_REASON_CODES:{target:'loading'}}},loading:{invoke:{src:'getChurnReasonCodes',onDone:{target:'idle',actions:(0,_xstate.assign)({churnReasons:(_,event)=>event.data.items,cancellationChurnReasonCode:(_,_ref364)=>{let{data}=_ref364;return data.items.length===1?data.items[0].code:null;}})},onError:{target:'error'}}},error:{}}});const useCancelForm=(enabledChurnReasonCodes,availableCancelType)=>{const defaultDate=(0,_dayjs.default)().add(7,'day');const{dataAccess}=(0,_react.useContext)(DataAccessContext);const[{context,value},send]=(0,_react2.useMachine)(cancelForm,{context:{cancellationType:availableCancelType[0],cancellationDate:defaultDate.toISOString()},services:{getChurnReasonCodes:()=>{return dataAccess.getChurnReasonCodes();}}});(0,_react.useEffect)(()=>{if(enabledChurnReasonCodes){send({type:'GET_CHURN_REASON_CODES'});}},[enabledChurnReasonCodes,send]);const isLoading=value==='loading';const hasError=value==='error';const isFormValid=()=>{if(context.cancellationConfirmation!=='cancel'){return false;}if(enabledChurnReasonCodes&&context.churnReasons.length>0){return context.cancellationChurnReasonCode!==null;}return true;};return{context,send,isValid:isFormValid(),isLoading,hasError};};const Separator=_styledComponents.default.div.withConfig({displayName:"maxio__Separator",componentId:"maxio-components__sc-lo74t2-193"})(["&&&{margin:","px 0;border-top:1px solid ",";}"],props=>props.theme.space[6],props=>props.theme.colors.gray.extraLight);const InputsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__InputsWrapper",componentId:"maxio-components__sc-lo74t2-194"})(["&&&{display:flex;flex-direction:column;}"]);const RequiredStar=_styledComponents.default.span.withConfig({displayName:"maxio__RequiredStar",componentId:"maxio-components__sc-lo74t2-195"})(["&&&{color:",";}"],_ref365=>{let{theme}=_ref365;return theme.colors.danger.main;});const ChurnReasonCodes=_ref366=>{let{items,onChange,selectedValue}=_ref366;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,null,t('cancel_subscription.what_is_the_reason'),' ',/*#__PURE__*/_react.default.createElement(RequiredStar,null,"*"))),/*#__PURE__*/_react.default.createElement(OptionsWrapper,null,items.sort((a,b)=>a.position-b.position).map(_ref367=>{let{id,code,description}=_ref367;return/*#__PURE__*/_react.default.createElement(RadioButton,{key:id,label:description,value:code,onValueChange:onChange,isSelected:code===selectedValue});})));};const Form=_ref368=>{let{onChange,availableCancelOptions,values,modalRef,portalContainer,subscriptionNextAssessmentDate,isLoading}=_ref368;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{cancellationType,cancellationChurnReasonCode,cancellationDate,churnReasons}=values;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:3},availableCancelOptions.length>1&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,null,t('cancel_subscription.cancel_description'))),/*#__PURE__*/_react.default.createElement(OptionsWrapper,null,availableCancelOptions.includes(CancelOptions.IMMEDIATE_CANCEL)&&(/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('cancel_subscription.cancel_immediately'),value:CancelOptions.IMMEDIATE_CANCEL,onValueChange:value=>onChange('cancellationType',value),isSelected:cancellationType===CancelOptions.IMMEDIATE_CANCEL})),availableCancelOptions.includes(CancelOptions.DELAYED_CANCEL)&&(/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('cancel_subscription.cancel_by_the_end_of_the_billing_period',{date:formatDate(subscriptionNextAssessmentDate)}),value:CancelOptions.DELAYED_CANCEL,onValueChange:value=>onChange('cancellationType',value),isSelected:cancellationType===CancelOptions.DELAYED_CANCEL})),availableCancelOptions.includes(CancelOptions.SCHEDULED_CANCEL)&&(/*#__PURE__*/_react.default.createElement(AutomaticResumeOption,null,/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('cancel_subscription.cancel_on_selected_date'),value:CancelOptions.SCHEDULED_CANCEL,onValueChange:value=>onChange('cancellationType',value),isSelected:cancellationType===CancelOptions.SCHEDULED_CANCEL}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:dateTime=>onChange('cancellationDate',dateTime.toISOString()),modalRef:modalRef,portalContainer:portalContainer,initialDate:cancellationDate,minDate:(0,_dayjs.default)().add(1,'day').toDate(),disabled:cancellationType!==CancelOptions.SCHEDULED_CANCEL})))),/*#__PURE__*/_react.default.createElement(Separator,null))),/*#__PURE__*/_react.default.createElement(InputsWrapper,null,values.churnReasons?.length>0&&(/*#__PURE__*/_react.default.createElement(ChurnReasonCodes,{selectedValue:cancellationChurnReasonCode,onChange:value=>onChange('cancellationChurnReasonCode',value),items:churnReasons})),isLoading&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:100,width:350}))),/*#__PURE__*/_react.default.createElement(FormField,{label:t('cancel_subscription.feedback_title'),labelPosition:"top",name:"feedback",size:"medium"},/*#__PURE__*/_react.default.createElement(TextArea,{name:"feedback",placeholder:t('cancel_subscription.feedback_placeholder'),onChange:e=>{onChange('cancellationMessage',e.target.value);},rows:2})),/*#__PURE__*/_react.default.createElement(FormField,{label:t('cancel_subscription.confirmation_title'),labelPosition:"top",name:"input-name",size:"medium",required:true},/*#__PURE__*/_react.default.createElement(Input$1,{type:"text",placeholder:t('cancel_subscription.confirmation_placeholder'),onChange:e=>onChange('cancellationConfirmation',e.target.value)})))));};const Content$a=_ref369=>{let{onClose,displayMode,catalogId,subscriptionId,availableCancelOptions,enabledChurnReasonCodes}=_ref369;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const modalRef=(0,_react.useRef)(null);const portalContainer=(0,_react.useRef)(null);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const cancelService=useCancelSubscriptionService(catalogId,subscriptionId);const{cancelSubscriptionSuccess,cancelSubscriptionError,cancelSubscriptionLoading}=(0,_react2.useSelector)(cancelService,cancelSubscriptionSelectors.getCancelSubscriptionStatus);const{context,send,isValid:isFormValid,isLoading:isFormLoading,hasError:hasFormError}=useCancelForm(enabledChurnReasonCodes,availableCancelOptions);const{cancellationType,cancellationDate,cancellationMessage,cancellationChurnReasonCode}=context;const toastService=useToastMessages();const cancelDateTime=cancellationType===CancelOptions.SCHEDULED_CANCEL?cancellationDate:subscription.nextAssessmentAt;(0,_react.useEffect)(()=>{if(cancelSubscriptionSuccess){onClose();const toastMessage=cancellationType===CancelOptions.IMMEDIATE_CANCEL?t('cancel_subscription.cancel_success'):t('cancel_subscription.cancel_scheduled_success',{date:formatDate(cancelDateTime)});toastService.show({level:'success',message:toastMessage});}},[cancelSubscriptionSuccess]);const alertMsg=()=>{if(cancellationType===CancelOptions.IMMEDIATE_CANCEL){return t('cancel_subscription.you_will_lose_access_immediately');}return t('cancel_subscription.you_will_lose_access_on_date',{date:formatDate(cancelDateTime)});};const onCancelSubscription=()=>{if(cancellationType===CancelOptions.IMMEDIATE_CANCEL){return cancelService.send({type:'CANCEL_SUBSCRIPTION',cancellationMessage,churnReasonCode:cancellationChurnReasonCode});}if(cancellationType===CancelOptions.DELAYED_CANCEL){return cancelService.send({type:'CANCEL_SUBSCRIPTION',cancelAtEndOfPeriod:true,cancellationMessage,churnReasonCode:cancellationChurnReasonCode});}return cancelService.send({type:'CANCEL_SUBSCRIPTION',scheduledCancellationAt:cancelDateTime,cancellationMessage,churnReasonCode:cancellationChurnReasonCode});};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded',ref:modalRef},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('cancel_subscription.cancel_title')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,cancelSubscriptionError||hasFormError?(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('cancel_subscription.cancel_error_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('cancel_subscription.cancel_error_description')))):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Form,{isLoading:isFormLoading,modalRef:modalRef,portalContainer:portalContainer,subscriptionNextAssessmentDate:subscription.nextAssessmentAt,availableCancelOptions:availableCancelOptions,values:context,onChange:(name,value)=>send({type:'SET_FORM_VALUE',name:name,value:value})}),/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('cancel_subscription.are_you_sure_you_want_to_cancel',{planName:subscription.product.name})},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,alertMsg()))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},cancelSubscriptionError?(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close',{ns:'common'}),onClick:onClose})):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.keep_active'),onClick:onClose,disabled:cancelSubscriptionLoading}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"danger",label:t('cancel_subscription.cancel'),isLoading:cancelSubscriptionLoading,disabled:!isFormValid,onClick:()=>onCancelSubscription()})))))),/*#__PURE__*/_react.default.createElement(Portal,null,/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer})));};const useCancelAvailableOptions=subscriptionScopes=>{let options=[];if(subscriptionScopes.includes('subscription:cancel-immediate')){options.push(CancelOptions.IMMEDIATE_CANCEL);}if(subscriptionScopes.includes('subscription:cancel-delayed')){options.push(CancelOptions.DELAYED_CANCEL);}if(subscriptionScopes.includes('subscription:cancel-scheduled')){options.push(CancelOptions.SCHEDULED_CANCEL);}return options;};const CancelSubscription=()=>{const{modalsService}=useServices();const{subscription}=useComponentSettings();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getCancelSubscription);const availableCancelOptions=useCancelAvailableOptions(subscription.scopes);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$a,{...meta,enabledChurnReasonCodes:subscription.churnReasonCodes,displayMode:modalVariant,onClose:closeHandler,availableCancelOptions:availableCancelOptions}));};const Content$9=_ref370=>{let{subscriptionId,catalogId,onClose,displayMode,paymentProfileId}=_ref370;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const toastService=useToastMessages();const onSuccessfulChange=()=>{toastService.show({message:t('payment_profile.success_payment_method_change'),level:'success'});onClose(true);};const changePaymentProfileService=useChangePaymentProfile({subscriptionId,catalogId,paymentProfileId,onChangeSuccess:onSuccessfulChange});const{isError,isLoading}=(0,_react2.useSelector)(changePaymentProfileService,changePaymentProfileSelectors.getChangePaymentProfileStatus);return/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('payment_profile.change_payment_method')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,isError?(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('payment_profile.unexpected_problem')},t('payment_profile.unable_to_change_payment_method'))):(/*#__PURE__*/_react.default.createElement(BodyText,null,t('payment_profile.payment_method_change_confirmation')))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel',{ns:['common']}),onClick:()=>onClose(false),disabled:isLoading}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",label:t('payment_profile.payment_method_change_cta'),isLoading:isLoading,disabled:isLoading||isError,onClick:()=>changePaymentProfileService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId})}))));};const ChangePaymentMethod=()=>{const{modalsService}=useServices();const{device}=useDeviceInfo();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getChangePaymentMethod);const closeHandler=()=>{modalsService.send({type:'CLOSE_MODAL'});};const modalVariant=device==='mobile'?'layer':'window';return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$9,{...meta,displayMode:'window',onClose:closeHandler}));};const DetailRow=_ref371=>{let{label,value}=_ref371;if(!value)return null;return/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,9]},/*#__PURE__*/_react.default.createElement("div",{"data-testid":"detail-label"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'gray.dark',fontWeight:2},label))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,15]},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'black.main',overflow:"break-word"},value))));};const BillingAddress=_ref372=>{let{billingAddress}=_ref372;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{address,address2,city,state,zip,country}=useFormatAddress(billingAddress);const addresses=(address||address2)&&`${address} ${address2}`;const stateAndZip=(state||zip)&&`${state} ${zip}`;return/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:4},/*#__PURE__*/_react.default.createElement(DetailRow,{label:t('payment_profile.street_name_and_number'),value:addresses}),/*#__PURE__*/_react.default.createElement(DetailRow,{label:t('payment_profile.town'),value:city}),/*#__PURE__*/_react.default.createElement(DetailRow,{label:t('payment_profile.state_and_zip_code'),value:stateAndZip}),/*#__PURE__*/_react.default.createElement(DetailRow,{label:t('payment_profile.country'),value:country})));};const Content$8=_ref373=>{let{subscriptionId,catalogId,onClose,displayMode,paymentProfileId}=_ref373;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const toastService=useToastMessages();const{modalsService}=useServices();const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);const{creditCard,address,type,status}=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesById(paymentProfileId));const paymentProfileActions=usePaymentProfileAvailableActions(status);const onDeletePaymentProfile=()=>{onClose(true);modalsService.send({type:'SHOW_DELETE_PAYMENT_PROFILE',paymentProfileId,subscriptionId,catalogId});};const onSuccessfulChange=()=>{toastService.show({message:t('payment_profile.success_payment_method_change'),level:'success'});onClose(true);};const changePaymentProfileService=useChangePaymentProfile({subscriptionId,catalogId,paymentProfileId,onChangeSuccess:onSuccessfulChange});const{isError,isLoading}=(0,_react2.useSelector)(changePaymentProfileService,changePaymentProfileSelectors.getChangePaymentProfileStatus);const isAddressEmpty=(0,_react.useMemo)(()=>Object.values(address).every(value=>!value),[address]);return/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('payment_profile.preview_method_title')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,isError?(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('payment_profile.unexpected_problem')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.unable_to_change_payment_method')))):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,6]},/*#__PURE__*/_react.default.createElement(Heading,{variant:'h4'},t('payment_profile.preview_method_type_details',{paymentMethod:t(`payment_profile.${type}`)}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,18]},/*#__PURE__*/_react.default.createElement(CreditCard$2,{status:PAYMENT_PROFILE_STATUS[status],card:{...creditCard,type:creditCard.cardType},variant:'primary'}))),!isAddressEmpty&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:6},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,6]},/*#__PURE__*/_react.default.createElement(Heading,{variant:'h4'},t('payment_profile.billing_address_header'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,18]},/*#__PURE__*/_react.default.createElement(BillingAddress,{billingAddress:address})))))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Box,{display:'flex'},/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"left"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"danger",label:t('payment_profile.delete_payment_method',{paymentMethod:t(`payment_profile.${type}`)}),onClick:onDeletePaymentProfile})),/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close_preview',{ns:['common']}),onClick:()=>onClose(false)}),paymentProfileActions.includes(PaymentProfileActions.USE_FOR_SUBSCRIPTION_BILLING)&&(/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",label:t('payment_profile.use_for_subscription'),isLoading:isLoading,disabled:isLoading||isError,onClick:()=>changePaymentProfileService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId})}))))));};const PreviewPaymentMethod=()=>{const{modalsService}=useServices();const{device}=useDeviceInfo();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getPreviewPaymentMethod);const closeHandler=()=>{modalsService.send({type:'CLOSE_MODAL'});};const modalVariant=device==='mobile'?'layer':'window';return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$8,{...meta,displayMode:'window',onClose:closeHandler}));};const Content$7=_ref374=>{let{onClose,displayMode,catalogId,subscriptionId}=_ref374;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const modalRef=(0,_react.useRef)(null);const toastService=useToastMessages();const reactivateService=useReactivateSubscription(catalogId,subscriptionId);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const{reactivateSubscriptionSuccess,reactivateSubscriptionError,reactivateSubscriptionLoading}=(0,_react2.useSelector)(reactivateService,reactivateSubscriptionSelectors.getReactivateSubscriptionStatus);const reactivationError=(0,_react2.useSelector)(reactivateService,reactivateSubscriptionSelectors.getErrorCode);(0,_react.useEffect)(()=>{if(reactivateSubscriptionSuccess){onClose();const toastMessage=t('reactivate_subscription.reactivate_success');toastService.show({level:'success',message:toastMessage});}},[reactivateSubscriptionSuccess,onClose,toastService,t]);const onReactivation=()=>{reactivateService.send({type:'REACTIVATE_SUBSCRIPTION'});};const getErrorMsgTitle=()=>reactivationError?.errorCode==='NotEligible'?t('reactivate_subscription.not_eligible_title'):t('reactivate_subscription.unexpected_problem');const getErrorMsgDescription=()=>reactivationError?.errorCode==='NotEligible'?t('reactivate_subscription.not_eligible_description'):t('reactivate_subscription.unable_to_reactivate');return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded',ref:modalRef},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('reactivate_subscription.reactivate_title')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,!reactivateSubscriptionError&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(BodyText,null,t('reactivate_subscription.reactivate_description',{planName:subscription.product.name}))),/*#__PURE__*/_react.default.createElement(Alert,{title:t('reactivate_subscription.you_will_be_charged',{planName:subscription.product.name,existingBalance:formatCurrency(subscription.currency,subscription.balanceInCents),baseFee:formatCurrency(subscription.currency,subscription.product.priceInCents)}),color:"primary"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('reactivate_subscription.make_sure_your_payment_info'))))),reactivateSubscriptionError&&(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:getErrorMsgTitle()},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,getErrorMsgDescription())))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel',{ns:'common'}),onClick:onClose,disabled:reactivateSubscriptionLoading}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",label:t('reactivate_subscription.confirm_reactivation'),disabled:reactivateSubscriptionError,isLoading:reactivateSubscriptionLoading,onClick:onReactivation})))));};const ReactivateSubscription=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getReactivateSubscription);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$7,{...meta,displayMode:modalVariant,onClose:closeHandler}));};const Content$6=_ref375=>{let{onClose,displayMode,catalogId,subscriptionId}=_ref375;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const modalRef=(0,_react.useRef)(null);const toastService=useToastMessages();const undoCancelationService=useUndoCancelationService(catalogId,subscriptionId);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const{undoCancelationError,undoCancelationLoading,undoCancelationSuccess}=(0,_react2.useSelector)(undoCancelationService,undoCancelationSelectors.getUndoCancelationStatus);(0,_react.useEffect)(()=>{if(undoCancelationSuccess){onClose();const toastMessage=t('cancel_subscription.cancelation_stopped');toastService.show({level:'success',message:toastMessage});}},[undoCancelationSuccess,onClose,toastService,t]);const onUndoCancelation=()=>{undoCancelationService.send({type:'UNDO_CANCELATION'});};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded',ref:modalRef},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('cancel_subscription.undo_cancelation_title')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement(BodyText,null,t('cancel_subscription.stop_cancelation_process',{planName:subscription.product.name})),undoCancelationError&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('cancel_subscription.unexpected_problem')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,'cancel_subscription.unable_to_undo_cancelation'))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.close_window'),onClick:onClose,disabled:undoCancelationLoading}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",label:t('cancel_subscription.keep_active_subscription'),disabled:undoCancelationError,isLoading:undoCancelationLoading,onClick:onUndoCancelation})))));};const UndoCancelation=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getUndoCancelation);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$6,{...meta,displayMode:modalVariant,onClose:closeHandler}));};const SubscriptionNamesList=_styledComponents.default.ul.withConfig({displayName:"maxio__SubscriptionNamesList",componentId:"maxio-components__sc-lo74t2-196"})(["&&&{color:inherit;margin:","px 0;padding-left:","px;}"],_ref376=>{let{theme}=_ref376;return theme.space[2];},_ref377=>{let{theme}=_ref377;return theme.space[7];});const ErrorList=_ref378=>{let{listTitle,items,bottomText,listDescription}=_ref378;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Alert,{color:'danger'},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{fontWeight:700},listTitle),/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,listDescription),/*#__PURE__*/_react.default.createElement(SubscriptionNamesList,null,items.map(_ref379=>{let{id,product}=_ref379;return/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{as:'li',key:id},product.name);})),/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{fontWeight:700},bottomText)));};const Content$5=_ref380=>{let{onClose,displayMode,paymentProfileId}=_ref380;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const toastService=useToastMessages();const onDeleteSuccess=()=>{toastService.show({message:t('payment_profile.delete_payment_method_success'),level:'info'});onClose(true);};const deletePaymentProfileService=useDeletePaymentProfile({paymentProfileId,onDeleteSuccess});const{subscriptions:usedSubscriptions,errorCode}=(0,_react2.useSelector)(deletePaymentProfileService,deletePaymentProfileSelectors.getError);const{isLoading,hasError}=(0,_react2.useSelector)(deletePaymentProfileService,deletePaymentProfileSelectors.getDeletePaymentProfileStatus);const isPaymentProfileUsed=errorCode==='PaymentProfileInUseByOneOrMoreSubscriptions';return/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('payment_profile.remove_payment_method')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,isPaymentProfileUsed&&(/*#__PURE__*/_react.default.createElement(ErrorList,{listDescription:t('payment_profile.this_payment_method_is_connected_to'),bottomText:t('payment_profile.choose_new_payment_method_before_delete'),items:usedSubscriptions,listTitle:t('payment_profile.unable_to_delete_payment_method_title')})),!hasError&&(/*#__PURE__*/_react.default.createElement(BodyText,null,t('payment_profile.delete_payment_method_description'),/*#__PURE__*/_react.default.createElement(BodyText,{as:'span',color:'danger.main'},t('payment_profile.this_action_cannot_be_undone')))),hasError&&!isPaymentProfileUsed&&(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('payment_profile.unexpected_problem')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.unable_to_delete_payment_method'))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{disabled:isLoading,color:"secondary",label:t('close',{ns:'common'}),onClick:()=>onClose(false)}),!hasError&&(/*#__PURE__*/_react.default.createElement(Button$1,{disabled:hasError,color:"danger",isLoading:isLoading,label:t('payment_profile.delete_it'),onClick:()=>deletePaymentProfileService.send({type:'DELETE_PAYMENT_PROFILE'})})))));};const DeletePaymentMethod=()=>{const[closeDisable]=(0,_react.useState)(false);const{modalsService}=useServices();const{device}=useDeviceInfo();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getDeletePaymentMethod);const closeHandler=successUpdate=>{if(!closeDisable||successUpdate)modalsService.send({type:'CLOSE_MODAL'});};const modalVariant=device==='mobile'?'layer':'window';return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$5,{...meta,displayMode:'window',onClose:closeHandler}));};const Wrapper$6=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper6",componentId:"maxio-components__sc-lo74t2-197"})(["&&&{display:flex;align-items:center;gap:4px;margin-right:","px;}"],_ref381=>{let{theme}=_ref381;return theme.space[10];});const ExpiredStatus=_ref382=>{let{text}=_ref382;return/*#__PURE__*/_react.default.createElement(Wrapper$6,null,/*#__PURE__*/_react.default.createElement(Icon,{fill:'danger.main',type:'circleCross',size:16}),/*#__PURE__*/_react.default.createElement(Heading,{variant:'h5',color:'danger.main'},text));};const formatCardNumber=cardNumber=>{return cardNumber.slice(-9).replace('-',' ').replace(/X/g,'*');};const LabelWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__LabelWrapper",componentId:"maxio-components__sc-lo74t2-198"})(["&&&{display:flex;flex-direction:column;margin-left:","px;}"],_ref383=>{let{theme}=_ref383;return theme.space[3];});const Label=_ref384=>{let{maskedNumber,expirationYear,expirationMonth}=_ref384;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(LabelWrapper,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body1',fontWeight:600,color:'primary.extraDark'},t('payment_profile.ending_with',{maskedNumber:formatCardNumber(maskedNumber)})),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',fontWeight:600,color:'primary.extraDark'},t('payment_profile.expires',{expirationMonth,expirationYear})));};const Wrapper$5=_styledComponents.default.li.withConfig({displayName:"maxio__Wrapper5",componentId:"maxio-components__sc-lo74t2-199"})(["&&&{display:flex;justify-content:space-between;align-items:center;}&&&:not(:last-of-type){padding-bottom:","px;border-bottom:1px solid ",";}&&&:not(:first-of-type){padding-top:","px;}"],_ref385=>{let{theme}=_ref385;return theme.space[6];},_ref386=>{let{theme}=_ref386;return theme.colors.gray.extraLight;},_ref387=>{let{theme}=_ref387;return theme.space[6];});const PaymentProfileItem=_ref388=>{let{paymentProfile,onPaymentProfileSelected,isChecked}=_ref388;const{creditCard}=paymentProfile;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Wrapper$5,null,/*#__PURE__*/_react.default.createElement(Checkbox,{onChange:()=>onPaymentProfileSelected(paymentProfile.id),value:isChecked,label:()=>Label({maskedNumber:creditCard.maskedNumber,expirationYear:creditCard.expirationYear,expirationMonth:creditCard.expirationMonth})}),/*#__PURE__*/_react.default.createElement(Box,{display:'flex'},creditCard.expired?(/*#__PURE__*/_react.default.createElement(ExpiredStatus,{text:t('payment_profile.expired')})):null,/*#__PURE__*/_react.default.createElement(Logo,{type:creditCard.cardType})));};const Wrapper$4=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper4",componentId:"maxio-components__sc-lo74t2-200"})(["&&&{border-top:1px solid ",";padding-top:","px;}"],_ref389=>{let{theme}=_ref389;return theme.colors.gray.light;},_ref390=>{let{theme}=_ref390;return theme.space[5];});const List$1=_styledComponents.default.ul.withConfig({displayName:"maxio__List1",componentId:"maxio-components__sc-lo74t2-201"})(["&&&{list-style:none;padding:","px;border-radius:","px;border:1px solid ",";",";}"],_ref391=>{let{theme}=_ref391;return theme.space[6];},_ref392=>{let{theme}=_ref392;return theme.radii[3];},_ref393=>{let{theme}=_ref393;return theme.colors.gray.extraLight;},_ref394=>{let{theme}=_ref394;return(0,_styledComponents.css)(["box-shadow:0 8px 16px ",";"],(0,_polished.transparentize)(0.85,theme?.colors?.black?.dark));});const PaymentProfilesReplace=_ref395=>{let{paymentProfiles,selectedPaymentProfilesIds,onPaymentProfileSelected}=_ref395;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Wrapper$4,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,{whiteSpace:'pre-line'},t('payment_profile.replace_payment_method_description'))),/*#__PURE__*/_react.default.createElement(List$1,null,paymentProfiles?.map(paymentProfile=>(/*#__PURE__*/_react.default.createElement(PaymentProfileItem,{isChecked:selectedPaymentProfilesIds?.includes(paymentProfile.id),key:paymentProfile.id,paymentProfile:paymentProfile,onPaymentProfileSelected:()=>onPaymentProfileSelected(paymentProfile.id)})))));};_styledComponents.default.div.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-202"})(["&&&{border-top:1px solid ",";padding-top:","px;}"],_ref396=>{let{theme}=_ref396;return theme.colors.gray.light;},_ref397=>{let{theme}=_ref397;return theme.space[5];});const List=_styledComponents.default.ul.withConfig({displayName:"maxio__List",componentId:"maxio-components__sc-lo74t2-203"})(["&&&{",";font-size:","px;font-family:",";padding-left:","px;}"],_styledSystem.space,_ref398=>{let{theme}=_ref398;return theme.fontSizes[1];},_ref399=>{let{theme}=_ref399;return theme.fonts.secondary;},_ref400=>{let{theme}=_ref400;return theme.space[6];});const PaymentProfilesReplaceAlerts=_ref401=>{let{subscriptions,onRetry}=_ref401;const{success,failed}=subscriptions;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','common']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},success&&(/*#__PURE__*/_react.default.createElement(Alert,{color:'primary'},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.successful_replacement_for')),/*#__PURE__*/_react.default.createElement(List,{mb:0,mt:1},success.map(subscription=>(/*#__PURE__*/_react.default.createElement("li",{key:subscription.id},subscription.product.name))))))),/*#__PURE__*/_react.default.createElement(Alert,{color:'danger',buttonLabel:t('retry',{ns:'common'}),onClick:onRetry},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.failed_replacement_for')),/*#__PURE__*/_react.default.createElement(List,{mb:6,mt:1},failed.map(subscription=>(/*#__PURE__*/_react.default.createElement("li",{key:subscription.id},subscription.product.name)))),/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.retry_or_update_manually'))));};const ReplacePaymentProfilesContainer=_ref402=>{let{paymentProfileRef}=_ref402;const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);const paymentProfiles=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfiles);const selectedPaymentProfilesIds=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesIdsForReplacement);const subscriptions=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesSubscriptions);const isPaymentProfilesReplacementError=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesReplacementError);const isPaymentProfilesReplacementProcessing=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesReplacementProcessing);if(!paymentProfiles.length){return null;}return isPaymentProfilesReplacementError?isPaymentProfilesReplacementProcessing?(/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:200})):(/*#__PURE__*/_react.default.createElement(PaymentProfilesReplaceAlerts,{subscriptions:subscriptions,onRetry:()=>paymentProfileRef.send({type:'RETRY_REPLACE_PAYMENT_PROFILES'})})):(/*#__PURE__*/_react.default.createElement(PaymentProfilesReplace,{paymentProfiles:paymentProfiles,onPaymentProfileSelected:id=>paymentProfileRef.send({type:'SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT',paymentProfileId:id}),selectedPaymentProfilesIds:selectedPaymentProfilesIds}));};const FORM_ELEMENT_ID='page-payment-profile';const Content$4=_ref403=>{let{activePaymentProfileId,onClose,onProcessingUpdate,paymentMethod,subscriptionId,displayMode,catalogId}=_ref403;const toastService=useToastMessages();const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const targetElementRef=(0,_react.useRef)(null);const[isActivePaymentMethod,setIsActivePaymentMethod]=(0,_react.useState)(true);const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const onCreateProfileSuccess=()=>{onClose(true);toastService.show({level:'success',message:t('success_payment_method_save',{ns:'payment-profile'})});};const{isProcessing,isProfileConnectionError,savePaymentMethod,service}=useCreatePaymentProfile({activePaymentProfileId,catalogId,subscriptionId,formElementId:FORM_ELEMENT_ID,paymentMethodType:paymentMethod,onCreateSuccess:onCreateProfileSuccess,isActivePaymentMethod});(0,_react.useEffect)(()=>{onProcessingUpdate(isProcessing);},[isProcessing]);const paymentMethodsTranslations={creditCard:t('payment_profile.card'),bankAccount:t('payment_profile.bank_account')};const isPaymentProfilesReplacementError=(0,_react2.useSelector)(service,paymentProfileSelectors.getPaymentProfilesReplacementError);const isError=isProfileConnectionError||isPaymentProfilesReplacementError;const modalTitle=t('payment_profile.new_payment_method_title',{paymentMethod:paymentMethodsTranslations[paymentMethod]});return/*#__PURE__*/_react.default.createElement(Card$3,{ref:targetElementRef,border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:modalTitle})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,!isProfileConnectionError&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,!isPaymentProfilesReplacementError?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(CreatePaymentProfileContainer,{formElementId:FORM_ELEMENT_ID,paymentMethodType:paymentMethod,paymentProfileRef:service,targetElementRef:targetElementRef}),/*#__PURE__*/_react.default.createElement(Box,{paddingTop:6,paddingBottom:5},/*#__PURE__*/_react.default.createElement(Alert,{color:'success'},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{fontWeight:600},t('payment_profile.data_is_stored_safely')))))):null,/*#__PURE__*/_react.default.createElement(Box,{paddingTop:6,paddingBottom:5},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?18:21},/*#__PURE__*/_react.default.createElement(BodyText,null,t('payment_profile.make_active_payment_method'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?6:3},/*#__PURE__*/_react.default.createElement(Toggle,{isOn:isActivePaymentMethod,onChange:setIsActivePaymentMethod})))),/*#__PURE__*/_react.default.createElement(ReplacePaymentProfilesContainer,{paymentProfileRef:service}))),/*#__PURE__*/_react.default.createElement(CreatePaymentProfileErrorContainer,{paymentProfileRef:service})),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close',{ns:'common'}),onClick:()=>onClose(false)}),!isError&&(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('payment_profile.save_payment_method',{ns:'subscriptions-manager',paymentMethod:paymentMethodsTranslations[paymentMethod]}),disabled:isProcessing,isLoading:isProcessing,loadingText:t('processing',{ns:'common'}),onClick:()=>savePaymentMethod()})))));};const PaymentProfile=()=>{const[closeDisable,setCloseDisable]=(0,_react.useState)(false);const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getCreatePaymentProfile);const closeHandler=successUpdate=>{if(!closeDisable||successUpdate)modalsService.send({type:'CLOSE_MODAL'});};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(PaymentsContainer,null,/*#__PURE__*/_react.default.createElement(Content$4,{paymentMethod:'creditCard',...meta,displayMode:modalVariant,onProcessingUpdate:isProcessing=>setCloseDisable(isProcessing),onClose:closeHandler})));};const Wrapper$3=_styledComponents.default.label.withConfig({displayName:"maxio__Wrapper3",componentId:"maxio-components__sc-lo74t2-204"})(["&&&{display:flex;align-items:center;justify-content:space-between;border:1px solid ",";border-radius:","px;box-shadow:0px 8px 16px rgba(2,11,17,0.15);",";}"],_ref404=>{let{theme,selected}=_ref404;return selected?theme.colors.success.main:theme.colors.gray.extraLight;},_ref405=>{let{theme}=_ref405;return theme.radii[3];},_styledSystem.space);const Wrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper2",componentId:"maxio-components__sc-lo74t2-205"})(["&&&{display:flex;align-items:center;gap:","px;}"],_ref406=>{let{theme}=_ref406;return theme.space[2];});const Status=_ref407=>{let{text}=_ref407;return/*#__PURE__*/_react.default.createElement(Wrapper$2,null,/*#__PURE__*/_react.default.createElement(Icon,{fill:'success.main',type:'circleCheck',size:16}),/*#__PURE__*/_react.default.createElement(Heading,{variant:'h5',color:'success.main'},text));};const Wrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper1",componentId:"maxio-components__sc-lo74t2-206"})(["&&&{display:flex;flex-direction:row;align-items:center;gap:","px;}"],_ref408=>{let{theme}=_ref408;return theme.space[2];});const Price=_ref409=>{let{intervalUnit,price}=_ref409;return/*#__PURE__*/_react.default.createElement(Wrapper$1,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:'h4',color:'success.main'},price),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'gray.dark'},"(",intervalUnit,")"));};const PlanRadio=_ref410=>{let{selected,onClick,name,id,isCurrentPlan,price,intervalUnit}=_ref410;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Wrapper$3,{selected:selected,paddingY:6,paddingX:7},/*#__PURE__*/_react.default.createElement("input",{type:'radio',hidden:true,checked:selected,onChange:()=>onClick(id)}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body1'},name),isCurrentPlan&&/*#__PURE__*/_react.default.createElement(Status,{text:t('plan_change.current')}),/*#__PURE__*/_react.default.createElement(Price,{price:price,intervalUnit:intervalUnit}));};const Wrapper=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper",componentId:"maxio-components__sc-lo74t2-207"})(["&&&{display:flex;flex-direction:column;gap:","px;}"],_ref411=>{let{theme}=_ref411;return theme.space[5];});const ChangePlanContainer=_ref412=>{let{currentPlanId,currency,changePlanService}=_ref412;const{t}=(0,_reactI18next.useTranslation)(['common']);const products=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getProducts);const selectedPlan=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getSelectedPlan);const onPlanChange=planId=>{changePlanService.send({type:'SELECT_PLAN',planId});};return/*#__PURE__*/_react.default.createElement(Wrapper,null,products?.map(_ref413=>{let{priceInCents,name,id,interval,intervalUnit}=_ref413;return/*#__PURE__*/_react.default.createElement(PlanRadio,{key:id,id:id,name:name,price:formatCurrency(currency,priceInCents),interval:interval,intervalUnit:formatBillingInterval(interval,intervalUnit,t),selected:selectedPlan===id,isCurrentPlan:id===currentPlanId,onClick:onPlanChange});}));};const ProratedColumns=_ref414=>{let{proratedCreditAmount,productName,billingEndDate}=_ref414;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'gray.dark',fontWeight:600},t('plan_change.prorated_credit',{planName:productName,date:billingEndDate}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{textAlign:'right',color:'success.main',fontWeight:700},proratedCreditAmount)));};const NonProratedColumns=_ref415=>{let{existingBalance,productName,billingEndDate,nextBillingAmount,isImmediate}=_ref415;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isImmediate?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:16},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'gray.dark',fontWeight:600},t('plan_change.current_credit_service_balance'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:8},/*#__PURE__*/_react.default.createElement(BodyText,{textAlign:'right',color:'success.main',fontWeight:700},existingBalance)))):null,/*#__PURE__*/_react.default.createElement(Column$1,{span:16},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'gray.dark',fontWeight:600},t('plan_change.next_billing_amount',{planName:productName,date:billingEndDate}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:8},/*#__PURE__*/_react.default.createElement(BodyText,{textAlign:'right',color:'success.main',fontWeight:700},nextBillingAmount)));};const PlanChangeSummary=_ref416=>{let{productName,basePlanPrice,productChangeStrategy,existingBalance,billingEndDate,nextBillingAmount,currentProductName,proratedCreditAmount}=_ref416;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const isProrated=productChangeStrategy==='prorated';const isImmediate=productChangeStrategy==='non-prorated';return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body1',color:'black.main'},/*#__PURE__*/_react.default.createElement(_reactI18next.Trans,{t:t,i18nKey:'plan_change.plan_change_from_to',tOptions:{currentPlan:currentProductName,newPlan:productName}}))),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:9},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:8},/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Heading,{variant:'h4'},t('plan_change.plan_summary_title',{planName:productName}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'gray.dark',fontWeight:600},t('plan_change.base_plan_price'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{textAlign:'right',color:'success.main',fontWeight:700},basePlanPrice)),isProrated?(/*#__PURE__*/_react.default.createElement(ProratedColumns,{productName:productName,billingEndDate:billingEndDate,proratedCreditAmount:proratedCreditAmount})):(/*#__PURE__*/_react.default.createElement(NonProratedColumns,{isImmediate:isImmediate,nextBillingAmount:nextBillingAmount,billingEndDate:billingEndDate,existingBalance:existingBalance,productName:productName})))));};const PreviewProductMigrationContainer=_ref417=>{let{changePlanService,currency,currentProductName}=_ref417;const planPreview=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getChangePlanPreview);const{productChangeStrategy,product,existingBalanceInCents,billingEndDate,totalInCents,proratedAdjustmentInCents}=planPreview;const formatAmount=amount=>formatCurrency(currency,amount,_i18next.default.language);const nextBillingAmountInCents=product.priceInCents-existingBalanceInCents;const isNotDelayed=productChangeStrategy!=='delayed';const basePlanPrice=formatAmount(product.priceInCents);const totalCharge=formatAmount(totalInCents>0?totalInCents:0);const nextBillingDate=formatDate(billingEndDate,_i18next.default.language);const existingBalance=formatAmount(existingBalanceInCents);const nextBillingAmount=formatAmount(nextBillingAmountInCents);const proratedCreditAmount=formatAmount(proratedAdjustmentInCents);const creditBalance=formatAmount(totalInCents<0?Math.abs(totalInCents):0);return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(PlanChangeSummary,{currentProductName:currentProductName,productChangeStrategy:productChangeStrategy,productName:product.name,basePlanPrice:basePlanPrice,billingEndDate:formatDate(billingEndDate),existingBalance:existingBalance,nextBillingAmount:nextBillingAmount,proratedCreditAmount:proratedCreditAmount}),isNotDelayed?(/*#__PURE__*/_react.default.createElement(PlanChangeSummaryCharges,{changePlanPreview:planPreview,currency:currency})):null,/*#__PURE__*/_react.default.createElement(PlanChangeAlerts,{creditBalance:creditBalance,productChangeStrategy:productChangeStrategy,nextBillingDate:nextBillingDate,basePlanPrice:basePlanPrice,totalCharge:totalCharge}));};const ErrorAlert=_ref418=>{let{error}=_ref418;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const description=error==='CardDeclined'?t('plan_change.credit_card_declined'):t('plan_change.unexpected_error_description');const title=error==='CardDeclined'?t('plan_change.credit_card_declined_title'):t('plan_change.unexpected_error_title');return/*#__PURE__*/_react.default.createElement(Alert,{color:'danger',title:title},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"danger.dark"},description));};const Content$3=_ref419=>{let{onClose,catalogId,subscriptionId,displayMode,onProcessingUpdate}=_ref419;const toastService=useToastMessages();const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{modalsService}=useServices();const{subscription}=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId));const showToast=()=>{toastService.show({level:'success',message:t('plan_change.success_plan_change')});};const onPlanChangeSuccess=()=>{onClose(true);showToast();};const onThreeDsConfirmation=threeDsActionLink=>{onClose(true);modalsService.send({type:'SHOW_THREE_D_SECURE',catalogId,subscriptionId,threeDsActionLink,onSuccess:()=>{showToast();}});};const changePlanService=useChangePlan(catalogId,subscriptionId,subscription.product.id,onPlanChangeSuccess,onThreeDsConfirmation);const currentPlanId=subscription.product.id;const{configurePlanStep,previewPlanStep,configurePlanStepLoading,updatePlanLoading,previewPlanLoading,isError}=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getChangePlanStatus);const selectedPlan=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getSelectedPlan);const error=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getError);(0,_react.useEffect)(()=>{changePlanService.send({type:'GET_PRODUCTS'});},[]);(0,_react.useEffect)(()=>{onProcessingUpdate(updatePlanLoading);},[updatePlanLoading,onProcessingUpdate]);const modalTitle=configurePlanStep?t('plan_change.change_plan'):t('plan_change.summary_title');return/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:modalTitle})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,isError?(/*#__PURE__*/_react.default.createElement(ErrorAlert,{error:error})):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,configurePlanStepLoading?/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:400}):null,configurePlanStep?(/*#__PURE__*/_react.default.createElement(ChangePlanContainer,{changePlanService:changePlanService,currency:subscription.currency,currentPlanId:currentPlanId})):null,previewPlanStep?(/*#__PURE__*/_react.default.createElement(PreviewProductMigrationContainer,{currentProductName:subscription.product.name,currency:subscription.currency,changePlanService:changePlanService})):null))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},previewPlanStep&&!isError?(/*#__PURE__*/_react.default.createElement(Box,{marginRight:'auto'},/*#__PURE__*/_react.default.createElement(Button$1,{color:'secondary',label:t('go_back',{ns:'common'}),onClick:()=>changePlanService.send({type:'GO_BACK'}),iconLeft:'chevronLeft'}))):null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close',{ns:'common'}),onClick:()=>onClose(false)}),configurePlanStep&&!isError?(/*#__PURE__*/_react.default.createElement(Button$1,{isLoading:previewPlanLoading,label:t('continue',{ns:'common'}),disabled:selectedPlan===currentPlanId,loadingText:t('processing',{ns:'common'}),onClick:()=>changePlanService.send({type:'GET_PREVIEW_PRODUCT_MIGRATION'})})):null,previewPlanStep&&!isError?(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('confirm_changes',{ns:'common'}),isLoading:updatePlanLoading,loadingText:t('processing',{ns:'common'}),onClick:()=>changePlanService.send({type:'CONFIRM_CHANGE_PLAN'})})):null)));};const ChangeSubscriptionPlan=()=>{const[closeDisable,setCloseDisable]=(0,_react.useState)(false);const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getChangeSubscriptionPlan);const closeHandler=successUpdate=>{if(!closeDisable||successUpdate)modalsService.send({type:'CLOSE_MODAL'});};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:()=>closeHandler(),variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$3,{...meta,displayMode:modalVariant,onProcessingUpdate:isProcessing=>setCloseDisable(isProcessing),onClose:closeHandler}));};const Content$2=_ref420=>{let{onClose,catalogId,subscriptionId,threeDsActionLink,onSuccess}=_ref420;const threeDsService=useThreeDs({catalogId,subscriptionId,onSuccess});(0,_react.useEffect)(()=>{window.addEventListener('message',event=>{if(event.data?.THREE_DS_STATUS){threeDsService.send('THREE_DS_SUCCESS');}if(event.data?.THREE_DS_STATUS===false){onClose();}});return()=>window.removeEventListener('message',()=>{});},[threeDsActionLink]);return/*#__PURE__*/_react.default.createElement("iframe",{title:'3ds-confirmation',src:threeDsActionLink,style:{width:'700px',height:'700px',border:'none'}});};const ThreeDsConfirmation=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getThreeDsConfirmation);const closeHandler=()=>{modalsService.send({type:'CLOSE_MODAL'});};const onSuccess=()=>{meta.onSuccess();closeHandler();};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$2,{...meta,displayMode:modalVariant,onClose:closeHandler,onSuccess:onSuccess}));};const getAlertTitle=(_ref421,t,currency)=>{let{code,percentage,recurring,amountInCents}=_ref421;const amount=amountInCents&&formatCurrency(currency,amountInCents,currency);if(recurring){return percentage?t('coupons.recurring_percent',{percentage,code}):t('coupons.recurring_amount',{code,amount});}return percentage?t('coupons.one_time_percent',{percentage,code}):t('coupons.one_time_amount',{code,amount});};const getAlertMsg=(_ref422,t,currency)=>{let{percentage,amountInCents,expiresAt}=_ref422;const amount=amountInCents&&formatCurrency(currency,amountInCents,currency);const date=expiresAt&&formatDate(expiresAt);if(expiresAt){return percentage?t('coupons.recurring_description_till',{value:`${percentage}%`,date}):t('coupons.recurring_description_till',{value:`-${amount}`,date});}return percentage?t('coupons.recurring_description',{value:`${percentage}%`}):t('coupons.recurring_description',{value:`-${amount}`});};const getCouponErrorMsg=(error,t)=>{switch(error){case'CouponNotFound':return t('coupons.coupon_not_found');case'NonStackableCoupon':return t('coupons.non_stackable_coupon');case'CouponNoLongerActive':return t('coupons.coupon_no_longer_active');case'InvalidCoupon':return t('coupons.invalid_coupon');}};const CouponSummary=_ref423=>{let{onClick,coupon,currency}=_ref423;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const alertTitle=getAlertTitle(coupon,t,currency);const alertDescription=getAlertMsg(coupon,t,currency);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Alert,{color:'success',icon:'receipt',title:alertTitle},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,alertDescription)),/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(Button$1,{color:'primary',onClick:onClick,label:t('coupons.add_another_coupon')})));};const Content$1=_ref424=>{let{onClose,displayMode,subscriptionDetailsService,currency}=_ref424;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const coupons=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getCoupons);const couponError=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getError);const addedCoupon=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getAddedCoupon);const{isAddingCoupon,isCouponAdded}=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getCouponsStatus);const[couponCode,setCouponCode]=_react.default.useState('');const formattedCoupons=(0,_react.useMemo)(()=>coupons?.map(coupon=>({code:coupon.code,value:formatCouponValue(coupon,currency),description:getCouponDescription(coupon,t)})),[coupons]);const handleAddCoupon=()=>{subscriptionDetailsService.send({type:'ADD_COUPON',couponCode});};const handleAddAnotherCoupon=()=>{setCouponCode('');subscriptionDetailsService.send({type:'ADD_ANOTHER_COUPON'});};const modalTitle=isCouponAdded?'coupon_summary_title':'add_coupon_title';const couponErrorMsg=getCouponErrorMsg(couponError,t);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t(`coupons.${modalTitle}`)})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,!addedCoupon?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,null,t('coupons.applied_coupons'))),/*#__PURE__*/_react.default.createElement(CouponsList,{coupons:formattedCoupons}),/*#__PURE__*/_react.default.createElement(Box,{marginTop:7,width:285,marginBottom:5},/*#__PURE__*/_react.default.createElement(FormField,{label:t('coupons.coupon_code'),name:'couponCode',hasError:!!couponError,error:couponErrorMsg},/*#__PURE__*/_react.default.createElement(Input$1,{onChange:e=>setCouponCode(e.target.value),name:'couponCode',value:couponCode}))))):null,addedCoupon?(/*#__PURE__*/_react.default.createElement(CouponSummary,{currency:currency,onClick:handleAddAnotherCoupon,coupon:addedCoupon})):null),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('back',{ns:'common'}),onClick:onClose}),!addedCoupon?(/*#__PURE__*/_react.default.createElement(Button$1,{disabled:isAddingCoupon||!couponCode,isLoading:isAddingCoupon,color:"primary",label:t('coupons.apply_coupon'),onClick:handleAddCoupon})):null))));};const AddCoupon=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getAddCoupon);const closeHandler=()=>{modalsService.send({type:'CLOSE_MODAL'});};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$1,{...meta,displayMode:modalVariant,onClose:closeHandler}));};const Content=_ref425=>{let{onClose,displayMode,subscriptionId,catalogId}=_ref425;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const addOnsConfigurationService=useAddonsConfigurationService(catalogId);const{configureAllocationsStep,previewAllocationsStep,previewAllocationsLoading,updateAllocationsLoading}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState);const allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);const getCurrentStep=()=>previewAllocationsStep?1:0;(0,_react.useEffect)(()=>{addOnsConfigurationService.send('INITIALIZE',{subscriptionId});},[]);return/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('components_allocations.configure_add_ons')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:9},/*#__PURE__*/_react.default.createElement(Stepper,{steps:[t('components_allocations.modal_edit_addons'),t('components_allocations.modal_preview_charges')],currentStep:getCurrentStep(),variant:"horizontal"})),/*#__PURE__*/_react.default.createElement(ComponentsAllocationContainer,{subscriptionId:subscriptionId,addOnsConfigurationService:addOnsConfigurationService,onClose:onClose})),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},previewAllocationsStep&&(/*#__PURE__*/_react.default.createElement(Box,{marginRight:"auto"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('go_back',{ns:'common'}),iconLeft:"chevronLeft",onClick:()=>{addOnsConfigurationService.send('GO_BACK');}}))),/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel',{ns:'common'}),onClick:onClose}),configureAllocationsStep&&(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('components_allocations.go_to_preview',{ns:'subscriptions-manager'}),disabled:previewAllocationsLoading||allocations.length===0,isLoading:previewAllocationsLoading,loadingText:t('processing',{ns:'common'}),onClick:()=>addOnsConfigurationService.send('PREVIEW_ALLOCATIONS',{allocations})})),previewAllocationsStep&&(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('components_allocations.confirm_changes',{ns:'subscriptions-manager'}),disabled:updateAllocationsLoading,isLoading:updateAllocationsLoading,loadingText:t('processing',{ns:'common'}),onClick:()=>{addOnsConfigurationService.send('UPDATE_ALLOCATIONS',{allocations});}})))));};const ComponentsAllocation$1=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getAddonsConfiguration);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content,{...meta,displayMode:modalVariant,onClose:closeHandler}));};const ModalsContainer=()=>{return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(AddCoupon,null),/*#__PURE__*/_react.default.createElement(ReactivateSubscription,null),/*#__PURE__*/_react.default.createElement(ComponentsAllocation$1,null),/*#__PURE__*/_react.default.createElement(ResumeSubscription,null),/*#__PURE__*/_react.default.createElement(PauseSubscription,null),/*#__PURE__*/_react.default.createElement(CancelSubscription,null),/*#__PURE__*/_react.default.createElement(UndoCancelation,null),/*#__PURE__*/_react.default.createElement(ChangeSubscriptionPlan,null),/*#__PURE__*/_react.default.createElement(ThreeDsConfirmation,null));};const useProductCatalog=()=>{const{productCatalogService}=(0,_react.useContext)(GlobalStateContext);const items=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getProductCatalogItems);const{isLoading,error,ready}=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getProductCatalogFetchStatus);const initialize=(0,_react.useCallback)(()=>{if(error)productCatalogService.send('RETRY_FETCH_PRODUCT_CATALOG');else productCatalogService.send('INITIALIZE');},[error]);return{items,error,ready,isLoading,initialize};};const useSubscriptions=()=>{const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{isLoading,error,ready}=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsFetchStatus);const initialize=(0,_react.useCallback)(()=>{if(error)subscriptionsService.send('RETRY_FETCH_SUBSCRIPTIONS');else subscriptionsService.send('FETCH_SUBSCRIPTIONS');},[error]);return{isLoading,initialize,ready,error};};const SubscriptionsList=()=>{const{t}=(0,_reactI18next.useTranslation)(['common','subscriptions-manager']);const subscriptions=useSubscriptions();const productCatalog=useProductCatalog();(0,_react.useEffect)(()=>{productCatalog.initialize();subscriptions.initialize();},[]);return/*#__PURE__*/_react.default.createElement(ContentLoader,{isLoading:subscriptions.isLoading||productCatalog.isLoading,contentReady:subscriptions.ready&&productCatalog.ready,errorMessage:t('loading_services_error',{ns:'subscriptions-manager'}),loadingError:productCatalog.error||subscriptions.error,onReinitialize:()=>{productCatalog.initialize();subscriptions.initialize();}},/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,productCatalog.items.map(_ref426=>{let{id,name}=_ref426;return/*#__PURE__*/_react.default.createElement(SubscriptionsContainer,{key:id,catalogId:id,catalogName:name,useExpandableLayout:productCatalog.items.length>1});})));};const Subscription=()=>{const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const navigate=(0,_reactRouterDom.useNavigate)();const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const{catalogId,subscriptionId}=(0,_reactRouterDom.useParams)();const{subscriptionsService,productCatalogService}=(0,_react.useContext)(GlobalStateContext);const productCatalog=(0,_react2.useSelector)(productCatalogService,(0,_react.useCallback)(productCatalogSelectors.getProductCatalogById(Number(catalogId)),[]));const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[]));const{id,product:{name}}=subscription;return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:productCatalog?.name&&`${productCatalog.name}:`,subtitle:name,size:isOnMobileDevice?'small':'medium',previousPageLabel:t('back_to_subscriptions_list',{ns:'subscriptions-manager'}),onBack:()=>navigate('/')}),/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{style:{position:'relative'},initial:{top:50,opacity:0.2},animate:{top:0,opacity:1}},/*#__PURE__*/_react.default.createElement(SubscriptionContainer,{id:id,detailsVisible:true,product:subscription.product,status:subscription.status,components:subscription.components,productFamilyId:subscription.productFamilyId,currency:subscription.currency,layout:"all-details"})));};const ComponentsAllocation=()=>{const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const navigate=(0,_reactRouterDom.useNavigate)();const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{subscription:subscriptionConfig}=useComponentSettings();const{subscriptionId,catalogId}=(0,_reactRouterDom.useParams)();const addOnsConfigurationService=useAddonsConfigurationService(Number(catalogId));const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[]));const{product:{name}}=subscription;const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const onFinishConfiguration=(0,_react.useCallback)(()=>{if(subscriptionConfig.details==='page'){navigate(`/subscription/${catalogId}/${subscriptionId}`);}else{navigate('/');}},[subscriptionConfig.details]);(0,_react.useEffect)(()=>{addOnsConfigurationService.send('INITIALIZE',{subscriptionId});},[]);const allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);const{configureAllocationsStep,previewAllocationsStep,previewAllocationsLoading,updateAllocationsLoading}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState);const getCurrentStep=()=>previewAllocationsStep?1:0;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:`${name}:`,subtitle:t('components_allocations.addons_configuration',{ns:'subscriptions-manager'}),size:isOnMobileDevice?'small':'medium'}),/*#__PURE__*/_react.default.createElement(Card$3,null,isOnMobileDevice&&(/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Stepper,{steps:[t('components_allocations.modal_edit_addons'),t('components_allocations.modal_preview_charges')],currentStep:getCurrentStep(),variant:"vertical"}))),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16},!isOnMobileDevice&&(/*#__PURE__*/_react.default.createElement(Column$1,{span:6},/*#__PURE__*/_react.default.createElement(Stepper,{steps:[t('components_allocations.modal_edit_addons'),t('components_allocations.modal_preview_charges')],currentStep:getCurrentStep(),variant:"vertical"}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:18},/*#__PURE__*/_react.default.createElement(ComponentsAllocationContainer,{subscriptionId:Number(subscriptionId),addOnsConfigurationService:addOnsConfigurationService,onClose:onFinishConfiguration})))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t(previewAllocationsStep?'components_allocations.confirm_changes':'components_allocations.go_to_preview',{ns:'subscriptions-manager'}),disabled:previewAllocationsLoading||updateAllocationsLoading||allocations.length===0,isLoading:previewAllocationsLoading||updateAllocationsLoading,loadingText:t('processing',{ns:'common'}),onClick:()=>{if(configureAllocationsStep){addOnsConfigurationService.send('PREVIEW_ALLOCATIONS',{allocations});}else{addOnsConfigurationService.send('UPDATE_ALLOCATIONS',{allocations});}}}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel',{ns:'common'}),onClick:onFinishConfiguration})))));};const CustomFieldsForm=_ref427=>{let{customFields,onChange,isError,portalContainer}=_ref427;const{t}=(0,_reactI18next.useTranslation)(['customer-details']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isError&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('error.we_were_unable_to_save_your_custom_fields'))))),/*#__PURE__*/_react.default.createElement(Box,{width:200},customFields.map(_ref428=>{let{name,id,fieldType,value,enum:options}=_ref428;return/*#__PURE__*/_react.default.createElement(FormField,{label:name,name:name,key:id,fullWidth:true},renderField({portalContainer,id,name,fieldType,value:value||'',options,onChange,maxLength:2048}));})));};const CustomFields=()=>{const navigate=(0,_reactRouterDom.useNavigate)();const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{subscriptionId,catalogId}=(0,_reactRouterDom.useParams)();const toastsService=useToastMessages();const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const portalContainer=(0,_react.useRef)(null);const{customFieldsRef,subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[]));const{product:{name}}=subscription;const[editedFields,setEditedFields]=(0,_react.useState)(null);const[_,sendToMachine]=(0,_react2.useActor)(customFieldsRef);const{isReady,isSaving,isSaveError}=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFieldsState);(0,_react.useEffect)(()=>{if(isReady){toastsService.show({level:'success',message:t('changes_saved',{ns:'common'})});navigate('/');}},[isReady]);const customFields=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFields);const onFieldValueChange=(id,value)=>{const fields=[...editedFields];const index=fields.findIndex(field=>{return field.id===id;});fields[index]={...fields[index],value:value};setEditedFields(fields);};(0,_react.useEffect)(()=>{setEditedFields(customFields);},[customFields]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:name,size:isOnMobileDevice?'small':'medium'}),/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3"},t('custom_fields.additional_settings',{ns:'subscriptions-manager'}))),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,editedFields&&(/*#__PURE__*/_react.default.createElement(CustomFieldsForm,{portalContainer:portalContainer,customFields:editedFields,onChange:onFieldValueChange,isError:isSaveError}))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t('custom_fields.update_additional_settings'),color:'primary',onClick:()=>{sendToMachine({type:'SAVE',payload:editedFields.map(_ref429=>{let{id,value}=_ref429;return{id,value};})});},isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:()=>navigate('/')})))),/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer,style:{position:'absolute',top:0,left:0}}));};const PaymentProfiles=()=>{const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{subscriptionId,catalogId}=(0,_reactRouterDom.useParams)();const{subscriptionsService}=useServices();const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[]));return/*#__PURE__*/_react.default.createElement(PaymentProfilesProvider,null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:t('payment_profile.billing_info'),subtitle:subscription?.product.name,size:isOnMobileDevice?'small':'medium'}),/*#__PURE__*/_react.default.createElement(PaymentProfilesContainer,{catalogId:Number(catalogId),subscriptionId:Number(subscriptionId)}),/*#__PURE__*/_react.default.createElement(DeletePaymentMethod,null),/*#__PURE__*/_react.default.createElement(PreviewPaymentMethod,null),/*#__PURE__*/_react.default.createElement(ChangePaymentMethod,null),/*#__PURE__*/_react.default.createElement(PaymentProfile,null));};const App=_ref430=>{let{subscription,paymentProfile,componentsAllocation}=_ref430;return/*#__PURE__*/_react.default.createElement(ConfigContext.Provider,{value:{subscription,paymentProfile,componentsAllocation}},/*#__PURE__*/_react.default.createElement(GlobalStateProvider,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.MemoryRouter,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.Routes,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"/",element:/*#__PURE__*/_react.default.createElement(SubscriptionsList,null)}),/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"subscription/:catalogId/:subscriptionId",element:/*#__PURE__*/_react.default.createElement(Subscription,null)}),/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"paymentProfiles/:catalogId/:subscriptionId",element:/*#__PURE__*/_react.default.createElement(PaymentProfiles,null)}),/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"componentsAllocation/:catalogId/:subscriptionId",element:/*#__PURE__*/_react.default.createElement(ComponentsAllocation,null)}),/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"customFields/:catalogId/:subscriptionId",element:/*#__PURE__*/_react.default.createElement(CustomFields,null)})),/*#__PURE__*/_react.default.createElement(ModalsContainer,null))));};const defaultSettings={componentsAllocation:{allocationFlow:'modal'},subscription:{details:'page'},paymentProfile:{editFlow:'modal',requiredFields:[],addressFields:['address','address2','city','state','zip','country']}};class SubscriptionsManager extends EmbeddableComponent{constructor(_ref431){let{i18n,componentsTheme,sessionManager,dataAccess}=_ref431;super({i18n,componentsTheme,sessionManager,dataAccess});}render(container,componentSettings){const settings=componentSettings||defaultSettings;super.renderComponent(container,App,settings,SubscriptionsManagerLoader);}}const DEFAULT_LANGUAGE='en';const API_URL='https://selfservice.maxio.com/api';const DEFAULT_LOAD_PATH='https://embeddable-ui-components.maxio.com/translations/{{lng}}/{{ns}}.json';class ComponentsSDK{theme=(()=>theme)();i18n;sessionManager;dataAccess;logger;apiUrl=(()=>API_URL)();constructor(_ref432){let{theme,accessTokenUrl,onAuthenticationRequest,onAuthenticationRequestAsync,i18nSettings,apiUrl}=_ref432;this.i18n=this.createI18NInstance(i18nSettings||{language:null,loadPath:null});if(theme)this.theme=ThemeUtilities.createTheme(theme);if(apiUrl)this.apiUrl=apiUrl;this.sessionManager=new SessionManager({accessTokenUrl,apiUrl,onAuthenticationRequest,onAuthenticationRequestAsync});this.dataAccess=new DataAccess({sessionManager:this.sessionManager,baseUrl:this.apiUrl});this.logger=_jsLogger.default.get('@components-factory');}createI18NInstance(_ref433){let{loadPath,language}=_ref433;return _i18next.default.createInstance({lng:language||DEFAULT_LANGUAGE,fallbackLng:'en',defaultNS:'common',backend:{loadPath:loadPath||DEFAULT_LOAD_PATH},react:{useSuspense:false},interpolation:{escapeValue:false}}).use(_reactI18next.initReactI18next).use(_i18nextHttpBackend.default);}initI18N(){if(!this.i18n.isInitialized){this.logger.info('Initializing i18n instance');this.i18n.init({ns:['common']});}}get i18nInstance(){return this.i18n;}create(component){this.initI18N();this.sessionManager.initialize();const componentConfig={dataAccess:this.dataAccess,sessionManager:this.sessionManager,componentsTheme:this.theme,i18n:this.i18nInstance};switch(component){case'subscriptions-manager':return new SubscriptionsManager(componentConfig);case'customer-details':return new SubscriptionsManager$1(componentConfig);case'billing-history':return new BillingHistory(componentConfig);}}}exports.Components=ComponentsSDK;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.Components=void 0;var _i18next=_interopRequireDefault(require("i18next"));var _reactI18next=require("react-i18next");var _i18nextHttpBackend=_interopRequireDefault(require("i18next-http-backend"));var _react=_interopRequireWildcard(require("react"));var _reactFontawesome=require("@fortawesome/react-fontawesome");var _styledComponents=_interopRequireWildcard(require("styled-components"));var _styledSystem=require("styled-system");var _freeSolidSvgIcons=require("@fortawesome/free-solid-svg-icons");var _freeRegularSvgIcons=require("@fortawesome/free-regular-svg-icons");var _deepmerge=_interopRequireDefault(require("deepmerge"));var _polished=require("polished");var _headless=_interopRequireDefault(require("@tippyjs/react/headless"));var _tippy=require("tippy.js");var _framerMotion=require("framer-motion");var _reactDom=require("react-dom");var _reactFit=_interopRequireDefault(require("react-fit"));var _reactResponsive=require("react-responsive");var _reactIntersectionObserver=require("react-intersection-observer");var _reactCalendar=_interopRequireDefault(require("react-calendar"));var _dayjs=_interopRequireDefault(require("dayjs"));var _jsLogger=_interopRequireDefault(require("js-logger"));var _queryString=_interopRequireDefault(require("query-string"));var _camelcaseKeys=_interopRequireDefault(require("camelcase-keys"));var _snakecaseKeys=_interopRequireDefault(require("snakecase-keys"));var _jwtDecode=_interopRequireDefault(require("jwt-decode"));var _client=require("react-dom/client");var _react2=require("@xstate/react");var _xstate=require("xstate");var _uuid=require("uuid");var _yup=_interopRequireWildcard(require("yup"));var yup=_yup;var _reactRouterDom=require("react-router-dom");var _reactTable=require("react-table");var _fileSaver=require("file-saver");var _camelcase=_interopRequireDefault(require("camelcase"));var _printJs=_interopRequireDefault(require("print-js"));var _model=require("xstate/lib/model");var _reactHelmet=require("react-helmet");function _getRequireWildcardCache(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap(),t=new WeakMap();return(_getRequireWildcardCache=function(e){return e?t:r;})(e);}function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=_getRequireWildcardCache(r);if(t&&t.has(e))return t.get(e);var n={__proto__:null},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&{}.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(n,u,i):n[u]=e[u];}return n.default=e,t&&t.set(e,n),n;}function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e};}const IconWrapper$2=_styledComponents.default.span.withConfig({displayName:"maxio__IconWrapper2",componentId:"maxio-components__sc-lo74t2-0"})(["&&&{display:inline-flex;line-height:0;",";}&&& .svg-inline--fa{width:",";height:",";}"],_styledSystem.color,_ref=>{let{size}=_ref;return size?`${size}px`:'100%';},_ref2=>{let{size}=_ref2;return size?`${size}px`:'100%';});const getIcon=type=>{switch(type){case'close':return _freeSolidSvgIcons.faTimes;case'plus':return _freeSolidSvgIcons.faPlus;case'edit':return _freeSolidSvgIcons.faPen;case'clock':return _freeSolidSvgIcons.faClock;case'exclamationTriangle':return _freeSolidSvgIcons.faExclamationTriangle;case'circleInfo':return _freeSolidSvgIcons.faCircleInfo;case'circleCheck':return _freeSolidSvgIcons.faCircleCheck;case'search':return _freeSolidSvgIcons.faMagnifyingGlass;case'chevronDown':return _freeSolidSvgIcons.faChevronDown;case'chevronLeft':return _freeSolidSvgIcons.faChevronLeft;case'chevronRight':return _freeSolidSvgIcons.faChevronRight;case'calendar':return _freeSolidSvgIcons.faCalendarDays;case'check':return _freeSolidSvgIcons.faCheck;case'spinner':return _freeSolidSvgIcons.faSpinner;case'questionCircle':return _freeRegularSvgIcons.faCircleQuestion;case'receipt':return _freeSolidSvgIcons.faReceipt;case'file':return _freeRegularSvgIcons.faFile;case'fileSolid':return _freeSolidSvgIcons.faFile;case'filter':return _freeSolidSvgIcons.faFilter;case'arrowDown':return _freeSolidSvgIcons.faArrowDown;case'filePlus':return _freeSolidSvgIcons.faFileMedical;case'ellipsis':return _freeSolidSvgIcons.faEllipsis;case'filePdf':return _freeSolidSvgIcons.faFilePdf;case'circleCross':return _freeSolidSvgIcons.faCircleXmark;}};const Icon=_ref3=>{let{fill='black',type,size,onClick}=_ref3;return/*#__PURE__*/_react.default.createElement(IconWrapper$2,{color:fill,size:size,"data-testid":"icon-wrapper",onClick:onClick},/*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon,{icon:getIcon(type),color:"current"}));};const commonSettings$6={fontWeight:2,fontFamily:'secondary',borderRadius:3,lineHeight:'100%',boxShadow:props=>props.boxShadows.input,'&:focus-visible':{boxShadow:props=>`0 0 0 3px ${props.colors.primary.light}`}};const buttonSettings={componentVariants:{color:{prop:'colorVariant',variants:{'solid-primary':{backgroundColor:'primary.main',color:'white.main','&:hover':{backgroundColor:'primary.dark',boxShadow:'none'},'&:disabled':{backgroundColor:'primary.light',boxShadow:'none'}},'outline-primary':{backgroundColor:'transparent',color:'primary.main',borderColor:'primary.main',borderWidth:'1px',borderStyle:'solid',boxShadow:'none','&:hover':{backgroundColor:'primary.light'},'&:disabled':{backgroundColor:'transparent',color:'primary.light',borderColor:'primary.light'}},'solid-secondary':{backgroundColor:'secondary.main',color:'black.main',borderColor:'gray.light',borderWidth:'1px',borderStyle:'solid','&:hover':{backgroundColor:'secondary.dark',boxShadow:'none'},'&:disabled':{backgroundColor:'gray.light',color:'white.main',border:'none',boxShadow:'none'}},'outline-secondary':{backgroundColor:'transparent',color:'black.main',borderColor:'gray.light',borderWidth:'1px',borderStyle:'solid',boxShadow:'none','&:hover':{backgroundColor:'secondary.dark'},'&:disabled':{backgroundColor:'transparent',color:'gray.light'}},'solid-success':{backgroundColor:'success.main',color:'white.main','&:hover':{backgroundColor:'success.dark',boxShadow:'none'},'&:disabled':{backgroundColor:'success.light',boxShadow:'none'}},'outline-success':{backgroundColor:'transparent',color:'success.main',borderColor:'success.main',borderWidth:'1px',borderStyle:'solid',boxShadow:'none','&:hover':{backgroundColor:'success.light'},'&:disabled':{backgroundColor:'transparent',color:'success.light',borderColor:'success.light'}},'solid-danger':{backgroundColor:'danger.main',color:'white.main','&:hover':{backgroundColor:'danger.dark',boxShadow:'none'},'&:disabled':{backgroundColor:'danger.light',boxShadow:'none'}},'outline-danger':{backgroundColor:'transparent',color:'danger.main',borderColor:'danger.main',borderWidth:'1px',borderStyle:'solid',boxShadow:'none','&:hover':{backgroundColor:'danger.light'},'&:disabled':{backgroundColor:'transparent',color:'danger.light',borderColor:'danger.light'}}}},size:{prop:'size',variants:{small:{paddingTop:'2',paddingBottom:'2',paddingLeft:'3',paddingRight:'3',fontSize:'0',lineHeight:'0',...commonSettings$6},medium:{paddingTop:'3',paddingBottom:'3',paddingLeft:'5',paddingRight:'5',fontSize:'1',lineHeight:'1',...commonSettings$6}}},iconSize:{prop:'iconSize',variants:{small:{width:'0',height:'0'},medium:{width:'1',height:'1'}}}}};const commonSettings$5={fontWeight:2,fontFamily:'secondary',color:'primary.main',borderRadius:1,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'3px'},'&:hover':{color:'primary.dark'}};const anchorSettings={componentVariants:{size:{prop:'size',variants:{small:{fontSize:'0',lineHeight:'0',columnGap:'2',...commonSettings$5},medium:{fontSize:'1',lineHeight:'1',columnGap:'3',...commonSettings$5}}},iconSize:{prop:'iconSize',variants:{small:{width:'0',height:'0'},medium:{width:'1',height:'1'}}}}};const bodyTextSettings={componentVariants:{variant:{prop:'variant',variants:{body1:{fontSize:2,lineHeight:2},body2:{fontSize:1,lineHeight:1},body3:{fontSize:0,lineHeight:0}}}}};const headingSettings={componentVariants:{variant:{prop:'variant',variants:{h1:{fontSize:5,fontWeight:2,fontFamily:'primary',lineHeight:5},h2:{fontSize:4,fontWeight:2,fontFamily:'primary',lineHeight:4},h3:{fontSize:3,fontWeight:1,fontFamily:'primary',lineHeight:3},h4:{fontSize:2,fontWeight:3,fontFamily:'secondary',lineHeight:2},h5:{fontSize:1,fontWeight:3,fontFamily:'secondary',lineHeight:1},h6:{fontSize:0,fontWeight:3,fontFamily:'secondary',lineHeight:0}}}}};const commonSettings$4={fontWeight:1,fontFamily:'secondary',fontSize:'0',lineHeight:'0'};const inputMessageSettings={componentVariants:{type:{prop:'type',variants:{normal:{color:'gray.dark',...commonSettings$4},error:{color:'danger.main',...commonSettings$4}}}}};const inputSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',borderColor:'gray.light',backgroundColor:'white.main',borderRadius:3,boxShadow:props=>props.boxShadows.input,'&::placeholder':{color:'gray.main'}}}},inputSize:{prop:'inputSize',variants:{small:{fontSize:'0',lineHeight:'0',paddingTop:2,paddingRight:4,paddingBottom:2,paddingLeft:4},medium:{fontSize:'1',lineHeight:'1',paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5}}},status:{prop:'status',variants:{disabled:{cursor:'not-allowed',borderColor:'gray.light',backgroundColor:'white.dark',color:'gray.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'gray.light',backgroundColor:'white.dark'}},error:{borderColor:'danger.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'danger.main',backgroundColor:'white.main'}},active:{'&:hover, &:active, &:focus, &:focus-visible':{borderColor:'primary.main',backgroundColor:'primary.extraLight',outline:'none',boxShadow:'none'}}}},iconSize:{prop:'iconSize',variants:{small:{width:0,height:0,color:'gray.light'},medium:{width:1,height:1,color:'gray.light'}}}}};const tooltipSettings={componentVariants:{size:{prop:'size',variants:{regular:{borderRadius:1,paddingTop:4,paddingRight:5,paddingBottom:4,paddingLeft:5,maxWidth:'300px',boxShadow:props=>`0px 12px 24px ${(0,_polished.transparentize)(0.85,props.colors.black.dark)}`}}},mode:{prop:'mode',variants:{light:{backgroundColor:'black.light',color:'white.main',opacity:0.9},dark:{borderWidth:'1px',borderStyle:'solid',borderColor:'white.dark',backgroundColor:'white.main',color:'black.light',opacity:0.98}}}}};const progressBarSettings={componentVariants:{size:{prop:'size',variants:{regular:{borderRadius:4,height:2}}},color:{prop:'color',variants:{success:{backgroundColor:'success.main'},danger:{backgroundColor:'danger.light'}}},mode:{prop:'mode',variants:{dark:{backgroundColor:'white.main'},light:{backgroundColor:'gray.extraLight'}}}}};const switcherBase={width:4,height:4,borderRadius:4,backgroundColor:'white.main',borderWidth:1,borderStyle:'solid'};const toggleSettings={componentVariants:{color:{prop:'colorVariant',variants:{'primary-active-on':{backgroundColor:'success.main'},'primary-active-off':{backgroundColor:'gray.light'},'primary-disabled-on':{backgroundColor:'success.light'},'primary-disabled-off':{backgroundColor:'white.dark'},'reversed-active-on':{backgroundColor:'success.main'},'reversed-active-off':{backgroundColor:'white.main'},'reversed-disabled-on':{backgroundColor:'success.light'},'reversed-disabled-off':{backgroundColor:'white.main'}}},baseColor:{prop:'baseColor',variants:{'primary-active':{backgroundColor:'gray.light'},'reversed-active':{backgroundColor:'white.main'},'primary-disabled':{backgroundColor:'white.dark'},'reversed-disabled':{backgroundColor:'white.main'}}},size:{prop:'size',variants:{medium:{fontSize:0,fontFamily:'secondary',height:4,width:6,borderRadius:4,paddingRight:4,paddingLeft:4,boxSizing:'border-box'}}},text:{prop:'textVariant',variants:{'primary-active-on':{color:'white.main'},'primary-active-off':{color:'white.main'},'primary-disabled-on':{color:'white.main'},'primary-disabled-off':{color:'gray.main'},'reversed-active-on':{color:'white.main'},'reversed-active-off':{color:'success.dark'},'reversed-disabled-on':{color:'white.main'},'reversed-disabled-off':{color:'gray.main'}}},switcher:{prop:'toggleState',variants:{'primary-active-on':{borderColor:'success.dark',...switcherBase},'primary-active-off':{borderColor:'success.dark',...switcherBase},'primary-disabled-on':{borderColor:'success.light',...switcherBase},'primary-disabled-off':{borderColor:'gray.light',...switcherBase},'reversed-active-on':{borderColor:'success.dark',...switcherBase},'reversed-active-off':{borderColor:'success.dark',...switcherBase},'reversed-disabled-on':{borderColor:'success.light',...switcherBase},'reversed-disabled-off':{borderColor:'gray.light',...switcherBase}}}}};const commonSettings$3={borderWidth:1,borderStyle:'solid'};const labelCommonSettings$1={fontFamily:'secondary',fontSize:1,lineHeight:1,fontWeight:2,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'2px'}};const checkboxSettings={componentVariants:{variant:{prop:'variant',variants:{'checked-disabled':{backgroundColor:'success.light',borderColor:'success.light',...commonSettings$3},'checked-active':{backgroundColor:'success.main',borderColor:'success.main',...commonSettings$3},'unchecked-disabled':{backgroundColor:'white.dark',borderColor:'gray.main',...commonSettings$3},'unchecked-active':{backgroundColor:'white.main',borderColor:'gray.main',boxShadow:'inset 0px 2px 4px rgba(161, 172, 179, 0.25)',...commonSettings$3,'&:hover':{backgroundColor:'success.light',borderColor:'gray.main'}}}},size:{prop:'size',variants:{default:{borderRadius:1,width:16,height:16,marginRight:2}}},label:{prop:'status',variants:{disabled:{...labelCommonSettings$1,color:'gray.main'},active:{...labelCommonSettings$1,color:'primary.extraDark'}}}}};const subscriptionComponentCardSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{backgroundColor:'primary.extraLight'},secondary:{backgroundColor:'white.main'}}}}};const selectSettings={componentVariants:{selectVariant:{prop:'selectVariant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:props=>props.boxShadows.input,'&::placeholder':{color:'gray.main'}},secondary:{fontWeight:600,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:'none','&::placeholder':{color:'gray.main'}}}},borderVariant:{prop:'borderVariant',variants:{primary:{borderColor:'gray.light',borderRadius:3}}},dropdownVariant:{prop:'dropdownVariant',variants:{primary:{color:'gray.main'},secondary:{color:'black.main'}}},selectSize:{prop:'selectSize',variants:{small:{fontSize:'0',lineHeight:'0',paddingTop:2,paddingRight:4,paddingBottom:2,paddingLeft:4},medium:{fontSize:'1',lineHeight:'1',paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5}}},status:{prop:'status',variants:{disabled:{cursor:'not-allowed',borderColor:'gray.light',backgroundColor:'white.dark',color:'gray.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'gray.light',backgroundColor:'white.dark'}},error:{borderColor:'danger.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'danger.main',backgroundColor:'white.main'}},active:{'&:hover, &:active, &:focus, &:focus-visible':{borderColor:'primary.main',backgroundColor:'primary.extraLight',outline:'none',boxShadow:'none'}}}}}};const radioCommonSettings={boxShadow:props=>`inset ${props.boxShadows.input}`,width:2,minWidth:2,height:2};const dotCommonSettings={width:0,height:0};const labelCommonSettings={fontFamily:'secondary',fontSize:1,lineHeight:1,fontWeight:2,gap:2,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'2px'}};const radioButtonSettings={componentVariants:{variant:{prop:'variant',variants:{'selected-active':{borderColor:'success.main',borderWidth:'2px',borderStyle:'solid',cursor:'pointer',...radioCommonSettings,'&:before':{visibility:'visible',backgroundColor:'success.main',...dotCommonSettings}},'selected-disabled':{borderColor:'success.light',borderWidth:'2px',borderStyle:'solid',...radioCommonSettings,'&:before':{visibility:'visible',backgroundColor:'success.light',...dotCommonSettings}},'unselected-active':{borderColor:'gray.main',borderWidth:'1px',borderStyle:'solid',backgroundColor:'white.main',cursor:'pointer','&:before':{visibility:'hidden',...dotCommonSettings},...radioCommonSettings},'unselected-disabled':{borderColor:'gray.main',borderWidth:'1px',borderStyle:'solid',backgroundColor:'white.dark','&:before':{visibility:'hidden',...dotCommonSettings},...radioCommonSettings}}},labelVariant:{prop:'labelVariant',variants:{active:{...labelCommonSettings,color:'primary.extraDark',cursor:'pointer'},disabled:{...labelCommonSettings,color:'gray.main'}}}}};const optionsSettings={componentVariants:{selectVariant:{prop:'selectVariant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:props=>props.boxShadows.input,'&::placeholder':{color:'gray.main'}},secondary:{fontWeight:600,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:'none','&::placeholder':{color:'gray.main'}}}},borderVariant:{prop:'borderVariant',variants:{primary:{borderColor:'gray.light',borderRadius:3}}},selectSize:{prop:'selectSize',variants:{small:{fontSize:'0',lineHeight:'0',paddingTop:2,paddingRight:4,paddingBottom:2,paddingLeft:4},medium:{fontSize:'1',lineHeight:'1',paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5}}},optionVariant:{prop:'optionVariant',variants:{primary:{backgroundColor:'white.main','&:hover':{backgroundColor:'primary.extraLight'}},selected:{backgroundColor:'primary.extraLight'}}}}};const textAreaSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',borderColor:'gray.light',backgroundColor:'white.main',borderRadius:3,boxShadow:props=>props.boxShadows.input,'&::placeholder':{color:'gray.main'}}}},size:{prop:'size',variants:{small:{fontSize:'0',lineHeight:'0',paddingTop:2,paddingRight:4,paddingBottom:2,paddingLeft:4},medium:{fontSize:'1',lineHeight:'1',paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5}}},status:{prop:'status',variants:{disabled:{cursor:'not-allowed',borderColor:'gray.light',backgroundColor:'white.dark',color:'gray.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'gray.light',backgroundColor:'white.dark'}},error:{borderColor:'danger.main',boxShadow:'none','&:hover, &:active, &:focus, &:focus-visible':{borderColor:'danger.main',backgroundColor:'white.main'}},active:{'&:hover, &:active, &:focus, &:focus-visible':{borderColor:'primary.main',backgroundColor:'primary.extraLight',outline:'none',boxShadow:'none'}}}}}};const atomsSettings={Button:buttonSettings,Anchor:anchorSettings,BodyText:bodyTextSettings,Heading:headingSettings,InputMessage:inputMessageSettings,Input:inputSettings,Tooltip:tooltipSettings,Toggle:toggleSettings,ProgressBar:progressBarSettings,Checkbox:checkboxSettings,SubscriptionComponentCard:subscriptionComponentCardSettings,Select:selectSettings,RadioButton:radioButtonSettings,Options:optionsSettings,TextArea:textAreaSettings};const tagSettings={componentVariants:{size:{prop:'size',variants:{regular:{fontWeight:'2',borderRadius:'4',paddingTop:'2',paddingBottom:'2',paddingLeft:'3',paddingRight:'3'}}},color:{prop:'color',variants:{primary:{color:'primary.dark',backgroundColor:'primary.light'},success:{color:'success.dark',backgroundColor:'success.light'},danger:{color:'danger.dark',backgroundColor:'danger.light'},gray:{color:'gray.dark',backgroundColor:'gray.light'}}}}};const cardSettings={componentVariants:{variant:{prop:'variant',variants:{small:{borderWidth:'1px',borderStyle:'solid',borderColor:'gray.extraLight',boxShadow:props=>`0 12px 24px ${(0,_polished.transparentize)(0.85,props.colors.black.dark)}`},regular:{borderWidth:'1px',borderStyle:'solid',borderColor:'gray.extraLight',boxShadow:props=>`0 8px 16px ${(0,_polished.transparentize)(0.85,props.colors.black.dark)}`}}},headerVariant:{prop:'headerVariant',variants:{regular:{paddingTop:[3,5],paddingRight:[5,6],paddingBottom:[3,5],paddingLeft:[5,6],borderBottomStyle:'solid',borderBottomWidth:'1px',borderBottomColor:'gray.light'},small:{padding:4,borderBottomStyle:'solid',borderBottomWidth:'1px',borderBottomColor:'gray.light'}}},bodyVariant:{prop:'bodyVariant',variants:{regular:{paddingTop:[5,6],paddingRight:[5,6],paddingBottom:[5,6],paddingLeft:[5,6]},small:{paddingTop:3,paddingBottom:3,paddingLeft:4,paddingRight:4}}},footerVariant:{prop:'footerVariant',variants:{regular:{paddingTop:[3,5],paddingRight:[5,6],paddingBottom:[3,5],paddingLeft:[5,6],borderTopStyle:'solid',borderTopWidth:'1px',borderTopColor:'gray.light'},small:{paddingTop:3,paddingBottom:3,paddingLeft:4,paddingRight:4,borderTopStyle:'solid',borderTopWidth:'1px',borderTopColor:'gray.light'}}},color:{prop:'color',variants:{white:{backgroundColor:'white.main'},gray:{backgroundColor:'white.dark'}}},border:{prop:'border',variants:{rounded:{borderRadius:3},sharp:{borderRadius:0}}}}};const commonSettings$2={paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'3px',zIndex:1}};const radioSelectSettings={componentVariants:{state:{prop:'state',variants:{active:{backgroundColor:'success.main',color:'white.main',boxShadow:'0 0 0 1px #3B7D5B'},inactive:{backgroundColor:'white.main',color:'success.dark',boxShadow:'0 0 0 1px #BDC5CA','&:hover':{backgroundColor:'success.light'}}}},variant:{prop:'variant',variants:{primary:{borderRadius:3,boxShadow:'0px 2px 4px rgba(2, 11, 17, 0.15)'}}},size:{prop:'size',variants:{small:{...commonSettings$2},regular:{...commonSettings$2}}}}};const alertSettings={componentVariants:{size:{prop:'size',variants:{regular:{borderWidth:'1px',borderStyle:'solid',borderColor:'currentColor',borderRadius:1,paddingTop:5,paddingRight:6,paddingBottom:5,paddingLeft:6}}},color:{prop:'color',variants:{primary:{backgroundColor:'primary.extraLight',color:'primary.dark'},success:{backgroundColor:'success.extraLight',color:'success.dark'},danger:{backgroundColor:'danger.extraLight',color:'danger.dark'}}}}};const formFieldSettings={componentVariants:{labelPosition:{prop:'labelPosition',variants:{left:{columnGap:4,flexDirection:'row'},top:{rowGap:2,flexDirection:'column'}}}}};const tagInputSettings={componentVariants:{status:{prop:'status',variants:{default:{borderColor:'gray.light'},error:{borderColor:'danger.main'}}},size:{prop:'size',variants:{regular:{borderWidth:'1px',borderStyle:'solid',borderRadius:3,paddingRight:4,paddingLeft:4,paddingBottom:3,paddingTop:3,gap:3,boxShadow:props=>props.boxShadows.input}}},inputSize:{prop:'inputSize',variants:{regular:{fontSize:1,padding:2,paddingLeft:3,fontFamily:'secondary',lineHeight:1,width:'100%','&::placeholder':{color:'gray.main'}}}}}};const commonSettings$1={fontWeight:2,fontFamily:'secondary',gap:'1'};const inputLabelSettings={componentVariants:{size:{prop:'size',variants:{small:{fontSize:'0',lineHeight:'0',...commonSettings$1},medium:{fontSize:'1',lineHeight:'1',...commonSettings$1}}},color:{prop:'color',variants:{primary:{color:'primary.extraDark'},danger:{color:'danger.main'},gray:{color:'gray.main'}}}}};const commonTextSettings={transform:'translateX(-50%) translateY(8px)',left:'50%',top:'100%'};const stepHorizontalSettings={componentVariants:{lineSize:{prop:'lineSize',variants:{regular:{width:'100%',height:'2px'}}},color:{prop:'color',variants:{disabled:{backgroundColor:'gray.light',color:'white.main'},active:{backgroundColor:'success.main',color:'white.main',boxShadow:'0px 0px 16px 4px rgba(59, 125, 91, 0.3)'},completed:{backgroundColor:'success.light',color:'white.main'}}},size:{prop:'size',variants:{regular:{width:28,height:28,borderRadius:'50%',fontSize:1,fontFamily:'secondary',fontWeight:2}}},text:{prop:'text',variants:{disabled:{...commonTextSettings,color:'gray.main'},active:{...commonTextSettings,color:'success.main'},completed:{...commonTextSettings,color:'success.light'}}}}};const stepVerticalSettings={componentVariants:{color:{prop:'color',variants:{disabled:{backgroundColor:'gray.extraLight'},active:{backgroundColor:'success.main'},completed:{backgroundColor:'success.light'}}},size:{prop:'size',variants:{regular:{paddingTop:4,paddingBottom:4,paddingLeft:5,'&:before':{content:"''",position:'absolute',top:0,left:0,width:'4px',height:'100%',borderRadius:10}}}},text:{prop:'text',variants:{disabled:{color:'gray.main'},active:{color:'success.main'},completed:{color:'success.light'}}}}};const toastMessageSettings={componentVariants:{iconColor:{prop:'iconColor',variants:{'dark-success':{color:'success.light'},'dark-info':{color:'primary.light'},'dark-warning':{color:'danger.light'}}},colorVariant:{prop:'colorVariant',variants:{dark:{background:props=>(0,_polished.transparentize)(0.1,props.colors.black.main),boxShadow:'0px 12px 24px rgba(2, 11, 17, 0.15)',color:'white.main'}}},size:{prop:'size',variants:{regular:{borderRadius:3,paddingTop:5,paddingBottom:5,paddingLeft:6,paddingRight:6}}}}};const tabsSettings={componentVariants:{size:{prop:'size',variants:{regular:{paddingTop:4,paddingRight:3,paddingBottom:3,paddingLeft:3}}},variant:{prop:'variant',variants:{primary:{backgroundColor:'success.main'}}},containerVariant:{prop:'containerVariant',variants:{primary:{borderBottomWidth:'1px',borderBottomStyle:'solid',borderBottomColor:'gray.main'}}}}};const creditCardNumberSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};const creditCardAddressSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'gray.dark'}}}}};const creditCardHolderDetailsSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};const accordionSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};const pageHeaderTitleSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'gray.dark'}}}}};const pageHeaderSubtitleSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};const moleculesSettings={Tag:tagSettings,Card:cardSettings,RadioSelect:radioSelectSettings,Alert:alertSettings,FormField:formFieldSettings,TagInput:tagInputSettings,InputLabel:inputLabelSettings,StepHorizontal:stepHorizontalSettings,StepVertical:stepVerticalSettings,ToastMessage:toastMessageSettings,Tabs:tabsSettings,CreditCardNumber:creditCardNumberSettings,CreditCardAddress:creditCardAddressSettings,CreditCardHolderDetails:creditCardHolderDetailsSettings,Accordion:accordionSettings,PageHeaderTitle:pageHeaderTitleSettings,PageHeaderSubtitle:pageHeaderSubtitleSettings};const commonSettings={borderWidth:'1px',borderStyle:'solid',borderColor:'gray.light'};const creditCardSettings={componentVariants:{size:{prop:'size',variants:{regular:{width:'320px',height:'180px',borderRadius:3,padding:6,...commonSettings},small:{width:'250px',height:'140px',borderRadius:3,padding:4,...commonSettings}}},variant:{prop:'variant',variants:{primary:{background:props=>`radial-gradient(56.87% 164.82% at 86.8% 24.4%, rgba(255, 255, 255, 0.3) 0%, rgba(154, 196, 225, 0.3) 100%), ${props.colors.primary.extraLight};`},secondary:{background:props=>`radial-gradient(56.87% 164.82% at 86.8% 24.4%, rgba(255, 255, 255, 0.3) 0%, rgba(189, 197, 202, 0.3) 100%), ${props.colors.primary.extraLight};`}}},status:{prop:'status',variants:{active:{borderColor:'success.main'},error:{borderColor:'danger.main'},unavailable:{borderColor:'danger.main',opacity:0.65},normal:{}}}}};const watermarkSettings={componentVariants:{variant:{prop:'variant',variants:{'visa-regular':{transform:'scale(1.365)'},'visa-small':{transform:'scale(1.065)'},'master-regular':{transform:'scale(1)'},'master-small':{transform:'scale(0.65)'}}}}};const bankAccountSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{borderWidth:'1px',borderStyle:'solid',borderColor:'gray.light',borderRadius:0,background:'radial-gradient(101.58% 289.6% at 100% 0%, #F0F4F8 0%, #FFFFFF 100%), #F3F6FA;'}}},cardSize:{prop:'cardSize',variants:{small:{width:'250px',height:'140px'},regular:{width:'320px',height:'180px'}}},addressSize:{prop:'addressSize',variants:{small:{paddingTop:2,paddingRight:4,paddingBottom:2,paddingLeft:4,backgroundColor:'primary.extraLight'},regular:{paddingTop:3,paddingRight:6,paddingBottom:3,paddingLeft:6,backgroundColor:'primary.extraLight'}}},contentSize:{prop:'contentSize',variants:{'regular-false':{paddingTop:5,paddingRight:6,paddingBottom:6,paddingLeft:6},'regular-true':{paddingTop:5,paddingRight:6,paddingBottom:4,paddingLeft:6},'small-false':{paddingTop:3,paddingRight:4,paddingBottom:3,paddingLeft:4},'small-true':{paddingTop:3,paddingRight:4,paddingBottom:3,paddingLeft:4}}},status:{prop:'status',variants:{active:{borderColor:'success.main'},error:{borderColor:'danger.main'}}}}};const commonRowSettings={paddingLeft:7,paddingRight:7,border:0,borderTop:1,borderColor:'gray.extraLight',borderStyle:'solid',background:'white.main'};const tableSettings={componentVariants:{cell:{prop:'cellSize',variants:{regular:{paddingTop:4,paddingBottom:4}}},header:{prop:'variant',variants:{primary:{backgroundColor:'white.main',color:'primary.extraDark',fontWeight:2,fill:'primary.extraDark'},secondary:{backgroundColor:'primary.dark',color:'white.main',fontWeight:2,fill:'white.main'}}},table:{prop:'size',variants:{regular:{fontFamily:'secondary',fontSize:1,lineHeight:1}}},row:{prop:'variant',variants:{body:{...commonRowSettings,'&:hover':{backgroundColor:'primary.extraLight'}},head:{...commonRowSettings}}},footer:{prop:'variant',variants:{default:{background:'primary.extraLight'}}},wrapper:{prop:'wrapper',variants:{default:{borderRadius:3,boxShadow:props=>`0px 12px 24px 0px ${props.colors.gray.extraLight}`}}}}};const organismsSettings={CreditCard:creditCardSettings,Watermark:watermarkSettings,BankAccount:bankAccountSettings,Table:tableSettings};const componentsSettings={...atomsSettings,...moleculesSettings,...organismsSettings};const palette={primary:{extraLight:'#E7EEF4',light:'#9AC4E1',main:'#1571C1',dark:'#024B7F',extraDark:'#012B48'},secondary:{light:'#FFFFFF',main:'#FFFFFF',dark:'#ECEEF0'},success:{extraLight:'#D8E5DE',light:'#B1CBBD',main:'#3B7D5B',dark:'#295840'},danger:{extraLight:'#F0CDD4',light:'#DA8393',main:'#B40726',dark:'#7E051B'},gray:{extraLight:'#D9DEE1',light:'#BDC5CA',main:'#A1ACB3',dark:'#687082'},black:{light:'#212A31',main:'#091823',dark:'#020B11'},white:{main:'#FFFFFF',dark:'#ECEEF0'}};const theme={colors:palette,space:[0,2,4,8,12,16,24,32,40,64,80],radii:[2,4,6,8,16],fontSizes:[12,14,16,20,30,36],sizes:[8,12,16,24,28,36,64],fontWeights:[400,500,600,700],borderWidths:[0,2],lineHeights:['16px','20px','24px','32px','40px','64px'],breakpoints:['768px','1000px'],boxShadows:{input:`0px 2px 4px ${(0,_polished.transparentize)(0.85,palette.black.dark)}`},fonts:{primary:"'Montserrat', sans-serif",secondary:'"Open Sans", sans-serif'},components:componentsSettings};class ThemeUtilities{static createTheme(){let partialTheme=arguments.length>0&&arguments[0]!==undefined?arguments[0]:null;if(partialTheme)return(0,_deepmerge.default)(theme,partialTheme,{arrayMerge:(destinationArray,sourceArray)=>sourceArray});return theme;}static getComponentCSSOverrides(_ref4,component){let{theme}=_ref4;return theme.components[component]?.cssOverrides;}static getComponentVariant(_ref5,component,variant){let{theme}=_ref5;const{components}=theme;const componentSettings=components[component]?.componentVariants;return componentSettings[variant];}}const ThemeProvider=_ref6=>{let{children,theme}=_ref6;return/*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider,{theme:theme},children);};(0,_styledSystem.system)({backgroundColor:{property:'background',scale:'colors'}});const fontSmoothing=(0,_styledComponents.css)(["-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);const StyledAnchor=_styledComponents.default.a.withConfig({displayName:"maxio__StyledAnchor",componentId:"maxio-components__sc-lo74t2-1"})(["&&&{text-decoration:none;display:inline-flex;align-items:center;box-sizing:border-box;cursor:pointer;",";",";",";",";}&&&:hover{text-decoration:underline;}"],fontSmoothing,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Anchor','size')),_ref7=>{let{disabled,theme}=_ref7;return disabled&&(0,_styledComponents.css)(["cursor:not-allowed;color:",";&:hover{color:",";text-decoration:none;}"],theme.colors.primary.light,theme.colors.primary.light);},(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Anchor')));const IconContainer$3=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer3",componentId:"maxio-components__sc-lo74t2-2"})(["&&&{display:flex;justify-content:center;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Anchor','iconSize')));const Anchor=_ref8=>{let{label,size='medium',iconLeft,iconRight,disabled=false,onClick,...props}=_ref8;return/*#__PURE__*/_react.default.createElement(StyledAnchor,{size:size,onClick:()=>!disabled&&onClick?onClick():null,disabled:disabled,tabIndex:0,role:"link",...props},iconLeft&&(/*#__PURE__*/_react.default.createElement(IconContainer$3,{iconSize:size},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconLeft}))),label,iconRight&&(/*#__PURE__*/_react.default.createElement(IconContainer$3,{iconSize:size},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconRight}))));};const Text$2=_styledComponents.default.p.withConfig({displayName:"maxio__Text2",componentId:"maxio-components__sc-lo74t2-3"})(["&&&{margin:0;padding:0;",";",";",";",";",";",";",";",";",";",";",";",";}"],fontSmoothing,_styledSystem.color,_styledSystem.fontStyle,_styledSystem.fontFamily,_styledSystem.fontWeight,_styledSystem.textAlign,props=>props.whiteSpace&&(0,_styledComponents.css)(["white-space:",";"],props.whiteSpace),props=>props.overflow==='truncate'&&(0,_styledComponents.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]),props=>props.overflow==='break-word'&&(0,_styledComponents.css)(["overflow-wrap:break-word;"]),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BodyText','variant')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'BodyText')),_styledSystem.lineHeight);const BodyText=_ref9=>{let{variant='body1',fontWeight=0,fontStyle='normal',color='black.main',textAlign='left',lineHeight,overflow,children,as='p',whiteSpace}=_ref9;return/*#__PURE__*/_react.default.createElement(Text$2,{whiteSpace:whiteSpace,as:as,color:color,fontFamily:"secondary",fontStyle:fontStyle,fontWeight:fontWeight,textAlign:textAlign,variant:variant,lineHeight:lineHeight,overflow:overflow},children);};const Container$r=_styledComponents.default.div.withConfig({displayName:"maxio__Containerr",componentId:"maxio-components__sc-lo74t2-4"})(["&&&{display:inline-flex;width:100%;",";",";}"],_styledSystem.gridGap,_styledSystem.justifyContent);const ButtonGroup=_ref10=>{let{children,alignment='left'}=_ref10;return/*#__PURE__*/_react.default.createElement(Container$r,{gridGap:"3",justifyContent:alignment==='left'?'flex-start':'flex-end'},children);};const rotate=(0,_styledComponents.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]);const commonStyle=(0,_styledComponents.css)(["outline:none;border:none;display:inline-flex;justify-content:center;align-items:center;column-gap:8px;cursor:pointer;box-sizing:border-box;",";transition:background-color 250ms ease-in-out,color 250ms ease-in-out,box-shadow 250ms ease-in-out;&:disabled{cursor:not-allowed;}"],fontSmoothing);const StyledButton=_styledComponents.default.button.withConfig({displayName:"maxio__StyledButton",componentId:"maxio-components__sc-lo74t2-5"})(["&&&{",";",";",";",";",";",";}"],commonStyle,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','color')),_ref11=>{let{hasIconOnly,theme,size}=_ref11;return hasIconOnly&&(0,_styledComponents.css)(["padding-left:","px;padding-right:","px;aspect-ratio:1;"],size==='medium'?theme.space[4]-1:theme.space[3]-1,size==='medium'?theme.space[4]-1:theme.space[3]-1);},_ref12=>{let{isLoading,disabled,color,theme}=_ref12;return isLoading&&!disabled&&(0,_styledComponents.css)(["color:",";pointer-events:none;"],color==='secondary'?theme.colors.gray.dark:theme.colors[color].light);},(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Button')));const Rotate=_styledComponents.default.div.withConfig({displayName:"maxio__Rotate",componentId:"maxio-components__sc-lo74t2-6"})(["&&&{display:flex;animation:"," 2s linear infinite;}"],rotate);const IconContainer$2=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer2",componentId:"maxio-components__sc-lo74t2-7"})(["&&&{display:flex;justify-content:center;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','iconSize')));const Button=_ref13=>{let{label,color='primary',size='medium',fill='solid',disabled=false,iconLeft,iconRight,isLoading=false,loadingText='Loading',onClick,...rest}=_ref13;return/*#__PURE__*/_react.default.createElement(StyledButton,{role:"button",tabIndex:0,colorVariant:`${fill}-${color}`,color:color,size:size,fill:fill,isLoading:isLoading,disabled:disabled,hasIconOnly:!label&&!!(iconLeft||iconRight),onClick:onClick,...rest},!isLoading&&iconLeft&&(/*#__PURE__*/_react.default.createElement(IconContainer$2,{iconSize:size},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconLeft}))),isLoading?loadingText:label,!isLoading&&iconRight&&(/*#__PURE__*/_react.default.createElement(IconContainer$2,{iconSize:size},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconRight}))),isLoading&&(/*#__PURE__*/_react.default.createElement(IconContainer$2,{iconSize:size},/*#__PURE__*/_react.default.createElement(Rotate,null,/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:"spinner"})))));};var Button$1=Object.assign(Button,{Group:ButtonGroup});_styledComponents.default.span.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-8"})(["&&&{",";}"],_styledSystem.fontWeight);const Text$1=_styledComponents.default.h1.withConfig({displayName:"maxio__Text1",componentId:"maxio-components__sc-lo74t2-9"})(["&&&{margin:0;padding:0;font-style:normal;",";",";",";",";}"],fontSmoothing,_styledSystem.color,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Heading','variant')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Heading')));const Heading=_ref14=>{let{variant='h1',color='black.main',children}=_ref14;return/*#__PURE__*/_react.default.createElement(Text$1,{as:variant,color:color,variant:variant},children);};const getInputStatus=(disabled,hasError)=>{if(disabled)return'disabled';if(hasError)return'error';return'active';};const StyledInput=_styledComponents.default.input.withConfig({displayName:"maxio__StyledInput",componentId:"maxio-components__sc-lo74t2-10"})(["&&&{border:1px solid currentColor;outline:none;width:100%;box-sizing:border-box;",";",";transition:border-color 250ms ease-in-out,box-shadow 250ms ease-in-out,background-color 250ms ease-in-out;will-change:border-color,box-shadow,background-color;",";",";",";",";",";",";}"],fontSmoothing,_ref15=>{let{fullWidth}=_ref15;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','inputSize')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','variant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','status')),_ref16=>{let{hasIconLeft,inputSize,theme}=_ref16;return hasIconLeft&&(0,_styledComponents.css)(["padding-left:","px;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[inputSize].paddingLeft]+theme.sizes[theme.components.Input.componentVariants.iconSize.variants[inputSize].width]+theme.sizes[0]);},_ref17=>{let{hasIconRight,inputSize,theme}=_ref17;return hasIconRight&&(0,_styledComponents.css)(["padding-right:","px;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[inputSize].paddingRight]+theme.sizes[theme.components.Input.componentVariants.iconSize.variants[inputSize].width]+theme.sizes[0]);},(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Input')));const Container$q=_styledComponents.default.div.withConfig({displayName:"maxio__Containerq",componentId:"maxio-components__sc-lo74t2-11"})(["&&&{position:relative;}"]);const IconContainer$1=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer1",componentId:"maxio-components__sc-lo74t2-12"})(["&&&{display:flex;position:absolute;top:50%;transform:translateY(-50%);",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','iconSize')),_ref18=>{let{hasIconLeft,iconSize,theme}=_ref18;return hasIconLeft&&(0,_styledComponents.css)(["left:","px;right:auto;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[iconSize].paddingLeft]);},_ref19=>{let{hasIconRight,iconSize,theme}=_ref19;return hasIconRight&&(0,_styledComponents.css)(["right:","px;left:auto;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[iconSize].paddingRight]);});const Input$1=_ref20=>{let{value,inputSize='medium',disabled=false,iconLeft,iconRight,hasError=false,variant='primary',fullWidth=false,onChange,...props}=_ref20;return/*#__PURE__*/_react.default.createElement(Container$q,null,iconLeft&&(/*#__PURE__*/_react.default.createElement(IconContainer$1,{iconSize:inputSize,hasIconLeft:true,"data-testid":"input-left-icon"},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconLeft}))),/*#__PURE__*/_react.default.createElement(StyledInput,{onChange:onChange,inputSize:inputSize,value:value,hasIconLeft:!!iconLeft,hasIconRight:!!iconRight,variant:variant,status:getInputStatus(disabled,hasError),disabled:disabled,fullWidth:fullWidth,...props}),iconRight&&(/*#__PURE__*/_react.default.createElement(IconContainer$1,{iconSize:inputSize,hasIconRight:true,"data-testid":"input-right-icon"},/*#__PURE__*/_react.default.createElement(Icon,{fill:"currentColor",type:iconRight}))));};const StyledMessage=_styledComponents.default.div.withConfig({displayName:"maxio__StyledMessage",componentId:"maxio-components__sc-lo74t2-13"})(["&&&{",";",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputMessage','type')),_ref21=>{let{disabled,theme}=_ref21;return disabled&&(0,_styledComponents.css)(["cursor:not-allowed;color:",";"],theme.colors.gray.light);},(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'InputMessage')),fontSmoothing);const InputMessage=_ref22=>{let{message,type='normal',disabled=false}=_ref22;return/*#__PURE__*/_react.default.createElement(StyledMessage,{disabled:disabled,type:type},message);};const flexBasis=(0,_styledSystem.style)({prop:'span',alias:'columnWidth',cssProperty:'flex',transformValue:n=>`0 0 ${n*(100/24)}%`});const maxWidth=(0,_styledSystem.style)({prop:'span',alias:'maxWidth',cssProperty:'maxWidth',transformValue:n=>`${n*(100/24)}%`});const offset=(0,_styledSystem.style)({prop:'offset',alias:'columnOffset',cssProperty:'marginLeft',transformValue:n=>n?`${n*(100/24)}%`:0});const gutter$1=(0,_styledSystem.system)({gutter:{property:'padding',scale:'space',transform:(value,scale)=>{let propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];const gutterDimension=propertyValue/2;return`0 ${gutterDimension}px 0 ${gutterDimension}px`;}}});const Container$p=_styledComponents.default.div.withConfig({displayName:"maxio__Containerp",componentId:"maxio-components__sc-lo74t2-14"})(["&&&{display:block;box-sizing:border-box;",";",";",";",";",";}"],flexBasis,maxWidth,offset,gutter$1,_styledSystem.display);const Column$1=_ref23=>{let{children,span,offset=0,gutter='5',display=['block']}=_ref23;return/*#__PURE__*/_react.default.createElement(Container$p,{role:"cell",span:span,offset:offset,gutter:gutter,display:display},children);};const gutter=(0,_styledSystem.system)({gutter:{property:'margin',scale:'space',transform:(value,scale)=>{let propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];const gutterDimension=propertyValue/2;return`0 -${gutterDimension}px 0 -${gutterDimension}px`;}}});const rowGap=(0,_styledSystem.system)({rowGap:{property:'rowGap',scale:'space',transform:(value,scale)=>{if(value){let propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];return propertyValue;}return 0;}}});const Container$o=_styledComponents.default.div.withConfig({displayName:"maxio__Containero",componentId:"maxio-components__sc-lo74t2-15"})(["&&&{flex-flow:row wrap;display:flex;",";",";}"],rowGap,gutter);const Row$4=_ref24=>{let{children,gutter='5',rowGap='5',...rest}=_ref24;const columns=gutter?_react.default.Children.map(children,child=>{if(/*#__PURE__*/_react.default.isValidElement(child)){return/*#__PURE__*/_react.default.cloneElement(child,{gutter});}return child;}):children;return/*#__PURE__*/_react.default.createElement(Container$o,{role:"row",gutter:gutter,rowGap:rowGap,...rest},columns);};const Box=_styledComponents.default.div.withConfig({displayName:"maxio__Box",componentId:"maxio-components__sc-lo74t2-16"})(["&&&{",";",";",";",";}"],_styledSystem.margin,_styledSystem.padding,_styledSystem.layout,_styledSystem.justifyContent);const Text=_ref25=>{let{title,message}=_ref25;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,title&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h6",color:"inherit"},title))),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"inherit"},message));};const Container$n=_styledComponents.default.div.withConfig({displayName:"maxio__Containern",componentId:"maxio-components__sc-lo74t2-17"})(["&&&{box-sizing:border-box;display:inline-block;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tooltip','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tooltip','mode')));const KEYBOARD_KEYS={UP:'ArrowUp',DOWN:'ArrowDown',ENTER:'Enter',ESCAPE:'Escape',SPACE:'Space',BACKSPACE:'Backspace',TAB:'Tab'};const Tooltip=_ref26=>{let{mode='light',followCursor:followCursor$1=false,interactive=false,placement='top',children,renderContent}=_ref26;const[visible,setVisible]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{const handler=e=>{if(e.key===KEYBOARD_KEYS.ESCAPE&&visible){setVisible(false);}};document.addEventListener('keydown',handler);return()=>document.removeEventListener('keydown',handler);},[visible]);const Wrapper=/*#__PURE__*/(0,_react.forwardRef)((_props,ref)=>(/*#__PURE__*/_react.default.createElement("div",{ref:ref,onMouseEnter:()=>setVisible(true),onMouseLeave:()=>setVisible(false),onKeyDown:e=>{if(e.key===KEYBOARD_KEYS.ENTER&&!visible)setVisible(true);},style:{display:'inline-block',lineHeight:1,cursor:'pointer'}},children)));return/*#__PURE__*/_react.default.createElement(_headless.default,{placement:placement,followCursor:followCursor$1,plugins:[_tippy.followCursor],interactive:interactive,visible:visible,render:attrs=>(/*#__PURE__*/_react.default.createElement(Container$n,{mode:mode,size:"regular",role:"tooltip",...attrs},renderContent()))},/*#__PURE__*/_react.default.createElement(Wrapper,null));};var Tooltip$1=Object.assign(Tooltip,{Text});const Progress=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Progress",componentId:"maxio-components__sc-lo74t2-18"})(["&&&{position:absolute;top:0;left:0;border-radius:inherit;height:100%;transition:background-color 500ms ease-in;",";",";}"],_ref27=>{let{width}=_ref27;return(0,_styledComponents.css)(["width:","%;"],width);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','color')));const Container$m=_styledComponents.default.div.withConfig({displayName:"maxio__Containerm",componentId:"maxio-components__sc-lo74t2-19"})(["&&&{width:100%;position:relative;overflow:hidden;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','mode')));const ProgressBar=_ref28=>{let{max,value,mode='dark',size='regular'}=_ref28;const isOverLimit=value>max;const percentage=isOverLimit?100:Math.floor(value/max*100);const controls=(0,_framerMotion.useAnimation)();const[color,setColor]=(0,_react.useState)('success');(0,_react.useEffect)(()=>{controls.start({x:0,transition:{type:'easeInOut',duration:1,backgroundColor:{type:'easeIn',duration:5}}}).then(()=>{isOverLimit&&setColor('danger');});},[controls,isOverLimit]);return/*#__PURE__*/_react.default.createElement(Container$m,{role:"progressbar",mode:mode,size:size},/*#__PURE__*/_react.default.createElement(Progress,{color:color,width:percentage,animate:controls,initial:{x:'-100%'}}));};const ToggleWrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper2",componentId:"maxio-components__sc-lo74t2-20"})(["&&&{position:relative;cursor:pointer;display:inline-block;",";",";}"],_ref29=>{let{isDisabled}=_ref29;return isDisabled&&(0,_styledComponents.css)(["user-select:none;cursor:not-allowed;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size')));const Track=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:prop=>!['baseColor'].includes(prop)}).withConfig({displayName:"maxio__Track",componentId:"maxio-components__sc-lo74t2-21"})(["&&&{position:absolute;top:0;left:0;overflow:hidden;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','baseColor')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size')));const TrackMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:prop=>!['colorVariant'].includes(prop)}).withConfig({displayName:"maxio__TrackMotion",componentId:"maxio-components__sc-lo74t2-22"})(["&&&{position:absolute;top:0;left:0;box-sizing:border-box;transform-origin:left center;width:inherit;height:inherit;border-radius:inherit;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','color')));const LabelMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:prop=>!['textVariant'].includes(prop)}).withConfig({displayName:"maxio__LabelMotion",componentId:"maxio-components__sc-lo74t2-23"})(["&&&{position:relative;display:flex;align-items:center;text-transform:uppercase;",";",";",";}"],fontSmoothing,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','text')));const SwitcherMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:prop=>!['toggleState'].includes(prop)}).withConfig({displayName:"maxio__SwitcherMotion",componentId:"maxio-components__sc-lo74t2-24"})(["&&&{box-sizing:border-box;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','switcher')));const SwitcherWrapper=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:prop=>!['size'].includes(prop)}).withConfig({displayName:"maxio__SwitcherWrapper",componentId:"maxio-components__sc-lo74t2-25"})(["&&&{top:0;left:0;position:absolute;display:flex;",";padding:0;}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size')));const switcherTransition={ease:[0.69,-0.55,0.27,1.55],duration:0.3};const trackVariants={on:{scaleX:1},off:{scaleX:0}};const labelTransition={type:'tween',duration:0.3};const labelVariants={on:{justifyContent:'flex-start'},off:{justifyContent:'flex-end'}};const Toggle=_ref30=>{let{isDisabled,isOn,variant='primary',onChange,size='medium',text={on:'On',off:'Off'}}=_ref30;const toggleStateVariant=`${variant}-${isDisabled?'disabled':'active'}-${isOn?'on':'off'}`;const theme=(0,_styledComponents.useTheme)();const switcherVariants=(0,_react.useMemo)(()=>{const{sizes,components:{Toggle:{componentVariants:{size:sizeVariant,switcher}}}}=theme;const trackWidth=sizes[sizeVariant.variants[size].width];const switcherWidth=sizes[switcher.variants[toggleStateVariant].width];return{on:{x:trackWidth-switcherWidth},off:{x:0}};},[size,theme]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(ToggleWrapper$2,{isDisabled:isDisabled,onClick:()=>{if(!onChange||isDisabled)return;onChange(!isOn);},onKeyDown:e=>{if(!onChange||isDisabled)return;if(e.key===KEYBOARD_KEYS.ENTER&&!isDisabled)onChange(!isOn);},"data-testid":"toggle",role:"switch","aria-checked":isOn,tabIndex:0},/*#__PURE__*/_react.default.createElement(Track,{baseColor:`${variant}-${isDisabled?'disabled':'active'}`,size:size},/*#__PURE__*/_react.default.createElement(TrackMotion,{colorVariant:toggleStateVariant,variants:trackVariants,initial:isOn?'on':'off',animate:isOn?'on':'off',transition:switcherTransition})),/*#__PURE__*/_react.default.createElement(LabelMotion,{textVariant:toggleStateVariant,size:size,variants:labelVariants,initial:isOn?'on':'off',animate:isOn?'on':'off',transition:labelTransition},isOn?text.on:text.off),/*#__PURE__*/_react.default.createElement(SwitcherWrapper,{size:size},/*#__PURE__*/_react.default.createElement(SwitcherMotion,{toggleState:toggleStateVariant,transition:switcherTransition,variants:switcherVariants,initial:isOn?'on':'off',animate:isOn?'on':'off'}))));};const CheckboxWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CheckboxWrapper",componentId:"maxio-components__sc-lo74t2-26"})(["&&&{display:flex;box-sizing:border-box;",";",";",";}&&& svg{visibility:hidden;}"],_ref31=>{let{isChecked}=_ref31;return isChecked&&(0,_styledComponents.css)(["&& svg{visibility:visible;}"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','variant')));const Label$1=_styledComponents.default.label.withConfig({displayName:"maxio__Label1",componentId:"maxio-components__sc-lo74t2-27"})(["&&&{display:inline-flex;box-sizing:border-box;align-items:center;cursor:pointer;user-select:none;",";",";",";}"],fontSmoothing,_ref32=>{let{isDisabled}=_ref32;return isDisabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','label')));const Checkbox=_ref33=>{let{value,onChange,label,isDisabled,...rest}=_ref33;const state=`${value?'checked':'unchecked'}`;const status=`${isDisabled?'disabled':'active'}`;const variant=`${state}-${status}`;const handleChange=()=>{if(!isDisabled&&onChange){onChange(!value);}};const handleKeyDown=event=>{if(event.code===KEYBOARD_KEYS.SPACE){handleChange();}};const labelContent=typeof label==='function'?label():label;return/*#__PURE__*/_react.default.createElement(Label$1,{status:status,"aria-checked":value,onKeyDown:handleKeyDown,isDisabled:isDisabled,tabIndex:0,role:'checkbox'},/*#__PURE__*/_react.default.createElement(CheckboxWrapper,{size:'default',variant:variant,isChecked:value},/*#__PURE__*/_react.default.createElement(Icon,{fill:'white.main',type:'check'}),/*#__PURE__*/_react.default.createElement("input",{hidden:true,type:"checkbox",onChange:handleChange,checked:value,...rest})),labelContent);};const Portal=_ref34=>{let{children}=_ref34;const el=(0,_react.useRef)(null);const[,setMounted]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{el.current=document.createElement('div');el.current.setAttribute('data-testid','dynamic-portal');el.current.style.position='absolute';el.current.style.top=0;el.current.style.left=0;document.body.appendChild(el.current);setMounted(true);return()=>{el.current.remove();};},[]);return el.current?/*#__PURE__*/(0,_reactDom.createPortal)(children,el.current):null;};const Container$l=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Containerl",componentId:"maxio-components__sc-lo74t2-28"})(["&&&{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1;",";}"],_ref35=>{let{theme}=_ref35;return(0,_styledComponents.css)(["background-color:",";"],(0,_polished.transparentize)(0.8,theme?.colors?.black?.main||'black'));});const Backdrop=_ref36=>{let{children,onClick}=_ref36;return/*#__PURE__*/_react.default.createElement(Container$l,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:onClick},children);};const Container$k=_styledComponents.default.div.withConfig({displayName:"maxio__Containerk",componentId:"maxio-components__sc-lo74t2-29"})(["&&&{display:flex;justify-content:space-between;align-items:center;}"]);const Close=_styledComponents.default.span.withConfig({displayName:"maxio__Close",componentId:"maxio-components__sc-lo74t2-30"})(["&&&{cursor:pointer;display:inline-flex;",";}"],_ref37=>{let{theme}=_ref37;return(0,_styledComponents.css)(["border-radius:","px;padding:","px;&:focus-visible{box-shadow:0 0 0 3px ",";outline:none;}"],theme.radii[3],theme.space[3],theme.colors.primary.light);});const Title$2=_ref38=>{let{title,onClose}=_ref38;return/*#__PURE__*/_react.default.createElement(Container$k,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3"},title),/*#__PURE__*/_react.default.createElement(Close,{onClick:onClose,tabIndex:0},/*#__PURE__*/_react.default.createElement(Icon,{type:"close",size:16,fill:"gray.light"})));};const Container$j=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Containerj",componentId:"maxio-components__sc-lo74t2-31"})(["&&&{overscroll-behavior:contain;max-height:100svh;display:flex;justify-content:center;",";",";}"],_styledSystem.layout,_ref39=>{let{variant}=_ref39;if(variant==='layer')return(0,_styledComponents.css)(["width:100%;height:100%;"]);return(0,_styledComponents.css)(["min-width:600px;max-width:800px;"]);});const dropIn={hidden:{y:'-10px',opacity:0},visible:{y:'0',opacity:1,transition:{type:'tween'}},exit:{y:'-20px',opacity:0}};const Modal=_ref40=>{let{isOpen,children,variant='window',width,onClose}=_ref40;(0,_react.useEffect)(()=>{if(isOpen){document.body.style.overflow='hidden';}return()=>{document.body.style.overflow='';};},[isOpen]);return/*#__PURE__*/_react.default.createElement(Portal,null,/*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence,null,isOpen&&(/*#__PURE__*/_react.default.createElement(Backdrop,{onClick:onClose},/*#__PURE__*/_react.default.createElement(Container$j,{role:"dialog","aria-modal":"true",variants:dropIn,initial:"hidden",animate:"visible",exit:"exit",variant:variant,width:width,onClick:e=>e.stopPropagation()},children)))));};var Modal$1=Object.assign(Modal,{Title:Title$2});const CardWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CardWrapper",componentId:"maxio-components__sc-lo74t2-32"})(["&&&{display:flex;flex-direction:column;",";",";",";",";",";}"],_styledSystem.borderRadius,_styledSystem.border,_styledSystem.padding,_styledSystem.gridRowGap,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'SubscriptionComponentCard','variant')));const SubscriptionComponentCard=_ref41=>{let{children,rowGap=2,variant='primary'}=_ref41;return/*#__PURE__*/_react.default.createElement(CardWrapper,{borderRadius:3,padding:4,gridRowGap:rowGap,variant:variant,"data-testid":"card"},children);};const backgroundColor=(0,_styledSystem.system)({backgroundColor:{property:'background',scale:'colors',transform:(value,scale)=>{const hexColor=value.split('.').reduce((previous,current)=>previous[current],scale);if(!hexColor)return;return`linear-gradient(180deg, ${(0,_polished.transparentize)(0.5,hexColor)} 0%, ${(0,_polished.transparentize)(0.8,hexColor)} 100%)`;}}});const StyledLoader=_styledComponents.default.div.withConfig({displayName:"maxio__StyledLoader",componentId:"maxio-components__sc-lo74t2-33"})(["&&&{overflow:hidden;position:relative;display:block;max-width:100%;",";width:",";height:",";",";",";}&&&:before{content:'';display:block;position:absolute;width:100%;height:100%;transform:translateX(-100%);animation:loading 1.5s infinite;}@keyframes loading{100%{transform:translateX(100%);}}"],_styledSystem.borderRadius,props=>props.width?props.width+'px':'100%',props=>props.height?props.height+'px':'20px',backgroundColor,_ref42=>{let{theme}=_ref42;return(0,_styledComponents.css)(["&:before{background:linear-gradient( to right,transparent,",",transparent );}"],theme.colors.white.main);});const getBackgroundColor=variant=>{switch(variant){case'primary':return'gray.extraLight';case'secondary':return'gray.main';}};const SkeletonLoader=_ref43=>{let{height,width,variant='primary'}=_ref43;return/*#__PURE__*/_react.default.createElement(StyledLoader,{borderRadius:2,height:height,width:width,backgroundColor:getBackgroundColor(variant)});};const AmericanExpress=_ref44=>{let{width=31,height=24,id}=_ref44;return/*#__PURE__*/_react.default.createElement("svg",{width:width,height:height,viewBox:"0 0 31 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":id},/*#__PURE__*/_react.default.createElement("path",{d:"M17.554 7.286c0-.857-.75-.965-1.5-.965h-2.09v3.697h.911v-1.34h.964c.965 0 .75.536.75 1.34h.911v-.75c0-.482-.107-.804-.59-.964.376-.161.644-.59.644-1.018Zm-1.607.643h-1.072V7.07H16c.268 0 .536.054.536.429 0 .321-.268.429-.59.429Zm-.858 4.767H12.25l-1.125 1.233L10 12.696H6.464v3.697h3.482l1.126-1.232 1.125 1.232h1.714V15.16c1.018 0 2.625.268 2.625-1.232 0-.965-.643-1.233-1.447-1.233Zm-5.571 2.947H7.32v-.75h1.93v-.75H7.32v-.697h2.25l.965 1.125-1.018 1.072Zm3.536.428-1.393-1.5 1.393-1.5v3Zm1.982-1.66H13.91v-.965h1.178c.268 0 .536.161.536.483 0 .321-.268.482-.59.482Zm-1.66-7.34v-.75h-3v3.697h3v-.75h-2.09v-.75h2.036v-.75h-2.036V7.07h2.09Zm7.178 6.643c0-.91-.75-1.018-1.447-1.018h-2.143v3.697h.911v-1.34h.964c.59 0 .75.108.75.75v.59h.911v-.697c0-.482-.107-.857-.59-1.017.43-.161.644-.59.644-.965Zm-1.554.59h-1.125v-.858H19c.268 0 .59.054.59.429s-.322.429-.59.429Zm-9.268-4.286V6.32h-1.5L7.214 8.84 6.036 6.321H4.589v3.483L3.09 6.32H1.75L.196 10.018h.911l.375-.804h1.822l.375.804H5.5V7.125l1.286 2.893h.75l1.286-2.893v2.893h.91ZM1.804 8.41l.589-1.447.59 1.447h-1.18Zm25.553 8.518v-.215c-.59.268-.214.215-8.41.215 0-1.34.053-1.286 0-1.34h-.483v1.34h-2.142v-1.554c-.536.321-1.18.321-1.822.321v1.233h-2.625c-.268-.322-.16-.161-.803-.911-.161.16-.697.75-.858.91H5.821V12h4.447c.268.268.16.16.803.91.161-.16.643-.696.858-.91h3.107c.536 0 .964.107 1.286.268V12c2.946 0 3.482-.107 4.07.268V12h4.18v.268c.642-.375 1.07-.268 3.482-.268v.268c.535-.322.91-.268 2.893-.268V2.571A2.572 2.572 0 0 0 28.375 0H2.661C1.268 0 .089 1.179.089 2.571v5.893a61.93 61.93 0 0 0 1.232-2.893h2.143c.215.536.107.215.482 1.125V5.571h2.465c.16.375.59 1.286.75 1.608.321-.697.536-1.286.696-1.608h6.107c2.357.054 2.893 0 3.482.322V5.57h2.143v.536c.375-.321.911-.536 1.608-.536h1.5c0 .054.107.054.107.054h1.768c.214.482.107.321.428 1.071V5.625h2.357c.268.429-.053-.107.59.964v-.964h2.142v4.929h-2.25c-.267-.483-.053-.161-.696-1.179v1.179h-2.84c-.32-.804 0-.054-.32-.858h-1.019c-.267.536-.16.322-.375.858h-1.446c-.643 0-1.179-.161-1.554-.483v.483H16v-1.34h-.536v1.34H8.232V9.91c-.16.321-.16.321-.268.643H6.357c-.214-.483-.16-.375-.268-.643v.643H3.25c-.214-.536-.107-.322-.321-.858H1.91c-.268.536-.16.322-.375.858H.143v10.875A2.539 2.539 0 0 0 2.714 24H28.43A2.572 2.572 0 0 0 31 21.429v-4.822c-.696.429-1.768.322-3.643.322Zm1.929-3.429h1.66v-.804H29.18c-.697 0-1.286.375-1.286 1.125 0 1.768 2.303.697 2.303 1.447 0 .268-.267.375-.482.375H28v.75h1.714c.429 0 .965-.054 1.233-.482v-1.34c-.59-.75-2.143-.107-2.143-.75 0-.321.268-.321.482-.321Zm-3.054 2.09h-1.714v.803h1.714c.804 0 1.447-.268 1.447-1.179 0-1.768-2.304-.589-2.304-1.393 0-.321.268-.321.482-.321h1.607v-.804h-1.767c-.697 0-1.233.375-1.233 1.125 0 1.768 2.25.643 2.25 1.447 0 .268-.214.321-.482.321Zm-2.25-2.144v-.75h-2.946v3.697h2.946v-.75h-2.035v-.75h2.035v-.75h-2.035v-.697h2.035Zm-3-5.785s-.053.107-.053.428c0 .322 0 .429.053.429h.16l.376-.91h-.16c-.269 0-.376.053-.376.053Zm.215-1.34c-1.233 0-1.822.643-1.822 1.875 0 1.179.536 1.822 1.768 1.822h1.018l.375-.804h1.821l.375.804H26.5V7.232l1.714 2.786h1.233V6.32h-.911v2.572L26.982 6.32h-1.34v3.483l-1.5-3.483h-1.338l-1.232 2.893h-.43c-.695 0-.856-.428-.856-1.071 0-1.232.857-1.072 1.768-1.018v-.804h-.857Zm2.25.643.589 1.447h-1.179l.59-1.447Zm-5.411-.643v3.697h.91V6.32h-.91Z",fill:"#016FD0"}));};const Bogus=_ref45=>{let{width=52,height=20,id}=_ref45;return/*#__PURE__*/_react.default.createElement("svg",{width:width,height:height,viewBox:"0 0 52 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":id},/*#__PURE__*/_react.default.createElement("path",{d:"M0 4a4 4 0 0 1 4-4h44a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4Z",fill:"#22344F"}),/*#__PURE__*/_react.default.createElement("path",{d:"M4.86 14.5V5.773h3.342c.63 0 1.155.1 1.572.298.42.196.735.465.942.805.21.341.315.728.315 1.16 0 .355-.068.659-.204.911a1.72 1.72 0 0 1-.55.61c-.23.156-.487.268-.771.336v.086c.31.017.606.112.89.285.287.17.522.412.703.725.182.312.273.69.273 1.133 0 .452-.11.858-.328 1.219-.219.358-.548.64-.989.848-.44.207-.994.311-1.662.311H4.861Zm1.582-1.321h1.7c.574 0 .987-.11 1.24-.328.256-.222.384-.506.384-.852a1.305 1.305 0 0 0-.738-1.194 1.812 1.812 0 0 0-.843-.183H6.442v2.557Zm0-3.695h1.564c.272 0 .518-.05.737-.149.219-.102.39-.246.516-.43.127-.188.191-.41.191-.665 0-.338-.119-.616-.358-.835-.235-.219-.586-.328-1.052-.328H6.442v2.407Zm14.164.652c0 .94-.176 1.746-.529 2.417-.349.667-.826 1.178-1.431 1.534-.603.355-1.286.532-2.05.532-.764 0-1.449-.177-2.054-.532-.602-.358-1.08-.871-1.432-1.539-.35-.67-.524-1.474-.524-2.412 0-.94.175-1.744.524-2.412.352-.67.83-1.183 1.432-1.538.605-.355 1.29-.533 2.054-.533.764 0 1.447.178 2.05.533.605.355 1.082.868 1.431 1.538.353.668.529 1.472.529 2.412Zm-1.59 0c0-.662-.103-1.22-.31-1.674-.205-.458-.49-.803-.853-1.036a2.26 2.26 0 0 0-1.257-.354c-.475 0-.894.118-1.257.354-.364.233-.65.578-.857 1.036-.204.454-.307 1.012-.307 1.674 0 .662.103 1.222.307 1.68.208.454.493.8.857 1.035.363.233.782.35 1.257.35a2.28 2.28 0 0 0 1.257-.35c.364-.236.648-.581.852-1.036.208-.457.311-1.017.311-1.679Zm8.991-1.576a2.258 2.258 0 0 0-.294-.618 1.9 1.9 0 0 0-.443-.473 1.787 1.787 0 0 0-.588-.294 2.453 2.453 0 0 0-.725-.103c-.468 0-.886.118-1.253.354-.366.236-.654.583-.864 1.04-.208.454-.312 1.008-.312 1.662 0 .659.104 1.217.312 1.675.207.457.495.805.864 1.044.37.235.799.353 1.287.353.444 0 .827-.085 1.151-.255.327-.17.578-.412.754-.725.176-.315.264-.684.264-1.108l.358.056H26.15V9.932h3.541v1.048c0 .747-.159 1.394-.477 1.939A3.26 3.26 0 0 1 27.9 14.18c-.556.293-1.195.44-1.917.44-.804 0-1.51-.181-2.118-.542a3.744 3.744 0 0 1-1.419-1.547c-.338-.67-.507-1.466-.507-2.386 0-.705.1-1.334.298-1.888a4.084 4.084 0 0 1 .844-1.41 3.59 3.59 0 0 1 1.27-.887 4.043 4.043 0 0 1 1.585-.307c.483 0 .933.071 1.35.213.418.14.79.339 1.113.597a3.246 3.246 0 0 1 1.219 2.097h-1.61Zm8.774-2.787h1.58v5.701c0 .625-.147 1.175-.443 1.65a2.995 2.995 0 0 1-1.236 1.112c-.53.264-1.151.396-1.862.396-.713 0-1.335-.132-1.866-.396a2.995 2.995 0 0 1-1.236-1.112c-.293-.475-.439-1.025-.439-1.65V5.773h1.581v5.57c0 .363.08.687.239.97.162.285.389.508.682.67.292.159.639.239 1.04.239.4 0 .746-.08 1.039-.239a1.7 1.7 0 0 0 .682-.67c.159-.283.239-.607.239-.97v-5.57Zm8.102 2.399a1.163 1.163 0 0 0-.503-.87c-.293-.207-.673-.31-1.142-.31-.33 0-.612.05-.848.149-.236.1-.416.234-.541.404a.984.984 0 0 0-.192.584c0 .182.041.34.124.473.085.134.2.247.345.341.145.091.305.168.481.23.176.063.354.115.533.158l.818.205c.33.076.646.18.95.31.307.131.581.296.823.495.244.199.437.439.58.72.141.281.212.61.212.989 0 .511-.13.961-.392 1.35-.261.387-.639.69-1.133.908-.492.216-1.087.324-1.786.324-.679 0-1.268-.105-1.768-.315a2.635 2.635 0 0 1-1.168-.92c-.278-.404-.429-.896-.452-1.475h1.556c.023.304.116.557.281.758.165.202.38.353.644.452.267.1.565.15.895.15.343 0 .644-.052.903-.154.261-.105.466-.25.614-.435a1.05 1.05 0 0 0 .225-.656.834.834 0 0 0-.2-.563 1.468 1.468 0 0 0-.55-.375 5.299 5.299 0 0 0-.818-.272l-.993-.256c-.718-.185-1.287-.464-1.704-.84-.415-.377-.622-.879-.622-1.504 0-.514.139-.964.417-1.35a2.76 2.76 0 0 1 1.147-.9c.483-.216 1.03-.324 1.64-.324.62 0 1.162.108 1.628.324.469.213.837.51 1.104.89.267.379.404.813.413 1.305h-1.521Z",fill:"#fff"}),/*#__PURE__*/_react.default.createElement("path",{d:"M4 .5h44v-1H4v1ZM51.5 4v12h1V4h-1ZM48 19.5H4v1h44v-1ZM.5 16V4h-1v12h1ZM4 19.5A3.5 3.5 0 0 1 .5 16h-1A4.5 4.5 0 0 0 4 20.5v-1ZM51.5 16a3.5 3.5 0 0 1-3.5 3.5v1a4.5 4.5 0 0 0 4.5-4.5h-1ZM48 .5A3.5 3.5 0 0 1 51.5 4h1A4.5 4.5 0 0 0 48-.5v1ZM4-.5A4.5 4.5 0 0 0-.5 4h1A3.5 3.5 0 0 1 4 .5v-1Z",fill:"#1A283D",fillOpacity:".16"}));};const Discover=_ref46=>{let{width=60,height=10,id}=_ref46;return/*#__PURE__*/_react.default.createElement("svg",{width:width,height:height,viewBox:"0 0 60 10",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":id},/*#__PURE__*/_react.default.createElement("path",{d:"M3.379.273H.699V9.66h2.68c1.416 0 2.44-.341 3.345-1.075a4.694 4.694 0 0 0 1.706-3.6C8.413 2.201 6.348.273 3.38.273Zm2.15 7.065c-.58.512-1.314.751-2.508.751h-.495V1.878h.495c1.177 0 1.894.204 2.508.75.631.564 1.007 1.434 1.007 2.338 0 .905-.376 1.81-1.007 2.372ZM11.092.273H9.268V9.66h1.825V.273ZM15.563 3.874c-1.092-.41-1.417-.682-1.417-1.177 0-.598.58-1.041 1.366-1.041.546 0 1.006.222 1.467.768l.956-1.246A4.127 4.127 0 0 0 15.17.137c-1.655 0-2.935 1.16-2.935 2.696 0 1.297.597 1.963 2.304 2.577.717.256 1.075.427 1.263.529.358.239.546.58.546.973 0 .768-.597 1.33-1.417 1.33-.87 0-1.57-.443-1.996-1.245L11.757 8.14c.837 1.246 1.86 1.792 3.243 1.792 1.894 0 3.242-1.263 3.242-3.089.034-1.518-.597-2.2-2.68-2.969ZM18.84 4.983c0 2.765 2.167 4.898 4.948 4.898.785 0 1.468-.154 2.287-.546v-2.15c-.734.733-1.382 1.024-2.201 1.024-1.843 0-3.157-1.332-3.157-3.243 0-1.809 1.348-3.225 3.071-3.225.87 0 1.536.307 2.287 1.058V.649c-.802-.41-1.468-.58-2.253-.58-2.747 0-4.983 2.184-4.983 4.914ZM40.614 6.587 38.106.273h-1.997l3.976 9.625h.99L45.119.273h-1.98l-2.525 6.314ZM45.956 9.66h5.187V8.071h-3.361V5.546h3.242V3.96h-3.242V1.878h3.361V.273h-5.187V9.66ZM58.396 3.054c0-1.757-1.212-2.764-3.328-2.764h-2.713v9.386h1.826V5.904h.239l2.525 3.772h2.253l-2.952-3.96c1.382-.29 2.15-1.228 2.15-2.662ZM54.71 4.607h-.53v-2.85h.564c1.143 0 1.758.478 1.758 1.4 0 .938-.615 1.45-1.792 1.45Z",fill:"#231F20"}),/*#__PURE__*/_react.default.createElement("path",{d:"M31.689 10a5 5 0 1 0 0-10 5 5 0 0 0 0 10Z",fill:"url(#grad)"}),/*#__PURE__*/_react.default.createElement("path",{d:"M59.557.632c0-.17-.12-.256-.307-.256h-.273v.82h.205V.87l.239.324h.239l-.273-.341c.102-.017.17-.103.17-.222Zm-.341.12h-.034V.53h.034c.102 0 .154.034.154.102 0 .085-.052.12-.154.12Z",fill:"#231F20"}),/*#__PURE__*/_react.default.createElement("path",{d:"M59.284.069a.721.721 0 0 0-.717.716c0 .393.324.717.717.717A.721.721 0 0 0 60 .785a.721.721 0 0 0-.716-.716Zm0 1.314a.59.59 0 0 1-.58-.598.59.59 0 0 1 .58-.597c.307 0 .563.273.563.597 0 .325-.256.598-.563.598Z",fill:"#231F20"}),/*#__PURE__*/_react.default.createElement("defs",null,/*#__PURE__*/_react.default.createElement("linearGradient",{id:"grad",x1:"33.699",y1:"8.928",x2:"28.647",y2:"-.945",gradientUnits:"userSpaceOnUse"},/*#__PURE__*/_react.default.createElement("stop",{stopColor:"#F58720"}),/*#__PURE__*/_react.default.createElement("stop",{offset:".359",stopColor:"#E16F27"}),/*#__PURE__*/_react.default.createElement("stop",{offset:".703",stopColor:"#D4602C"}),/*#__PURE__*/_react.default.createElement("stop",{offset:".982",stopColor:"#D05B2E"}))));};const Master$1=_ref47=>{let{width=33,height=20,id}=_ref47;return/*#__PURE__*/_react.default.createElement("svg",{width:width,height:height,viewBox:"0 0 33 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":id},/*#__PURE__*/_react.default.createElement("path",{d:"M21.324 2.139H12.67v15.724h8.655V2.139Z",fill:"#FF5F00"}),/*#__PURE__*/_react.default.createElement("path",{d:"M13.217 10c-.002-1.514.338-3.01.992-4.371a9.963 9.963 0 0 1 2.786-3.491A9.797 9.797 0 0 0 6.559 1.006a9.93 9.93 0 0 0-4.061 3.689A10.081 10.081 0 0 0 .99 10c0 1.876.522 3.715 1.507 5.305a9.93 9.93 0 0 0 4.061 3.69 9.798 9.798 0 0 0 10.436-1.133 9.963 9.963 0 0 1-2.786-3.49A10.072 10.072 0 0 1 13.217 10Z",fill:"#EB001B"}),/*#__PURE__*/_react.default.createElement("path",{d:"M33 10a10.08 10.08 0 0 1-1.507 5.305 9.93 9.93 0 0 1-4.061 3.69 9.797 9.797 0 0 1-10.435-1.133 9.981 9.981 0 0 0 2.783-3.492 10.093 10.093 0 0 0 0-8.74 9.981 9.981 0 0 0-2.783-3.492 9.797 9.797 0 0 1 10.435-1.132 9.93 9.93 0 0 1 4.061 3.689A10.08 10.08 0 0 1 33 10ZM32.052 16.199v-.322h.128v-.066h-.327v.066h.128v.322h.07Zm.634 0v-.389h-.1l-.115.268-.115-.268h-.1v.389h.07v-.293l.108.252h.074l.108-.253v.294h.07Z",fill:"#F79E1B"}));};const Visa$1=_ref48=>{let{width=54,height=18,id}=_ref48;return/*#__PURE__*/_react.default.createElement("svg",{width:width,height:height,viewBox:"0 0 54 18",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":id},/*#__PURE__*/_react.default.createElement("path",{d:"M23.816 17.255H19.5L22.2.798h4.315l-2.7 16.457ZM39.458 1.2c-.851-.332-2.201-.7-3.87-.7-4.262 0-7.262 2.24-7.28 5.444-.036 2.364 2.148 3.677 3.781 4.465 1.67.805 2.237 1.33 2.237 2.049-.017 1.102-1.349 1.61-2.591 1.61-1.723 0-2.646-.262-4.049-.875l-.568-.263-.604 3.694c1.012.455 2.877.858 4.813.876 4.527 0 7.475-2.206 7.51-5.62.017-1.873-1.136-3.309-3.622-4.482-1.51-.753-2.434-1.26-2.434-2.03.018-.701.782-1.419 2.486-1.419a7.42 7.42 0 0 1 3.214.63l.39.175.587-3.553ZM45.193 11.425c.355-.946 1.722-4.605 1.722-4.605-.018.035.355-.963.568-1.575l.302 1.418s.817 3.939.994 4.762h-3.586ZM50.519.798H47.18c-1.029 0-1.811.298-2.255 1.366l-6.41 15.09h4.528l.906-2.468h5.54c.124.578.515 2.468.515 2.468H54L50.519.798ZM15.896.798 11.671 12.02l-.462-2.276c-.781-2.626-3.232-5.48-5.966-6.898l3.87 14.391h4.564L20.459.798h-4.563Z",fill:"#00579F"}),/*#__PURE__*/_react.default.createElement("path",{d:"M7.747.798H.804l-.07.333c5.415 1.365 9.001 4.657 10.475 8.614l-1.51-7.563C9.452 1.13 8.689.832 7.748.798Z",fill:"#FAA61A"}));};const LOGOS={american_express:AmericanExpress,bogus:Bogus,discover:Discover,master:Master$1,visa:Visa$1,diners_club:undefined,jcb:undefined,switch:undefined,solo:undefined,dankort:undefined,maestro:undefined,forbrugsforeningen:undefined,laser:undefined};const Logo=_ref49=>{let{type,width,height}=_ref49;const Logo=LOGOS[type];if(Logo)return/*#__PURE__*/_react.default.createElement(Logo,{width:width,height:height,id:type});return null;};const useOnClickOutside=function(containerRefs,onClickOutside){let eventTarget=arguments.length>2&&arguments[2]!==undefined?arguments[2]:document;const outsideClick=(0,_react.useCallback)(e=>{const path=e.composedPath&&e.composedPath();const isOutsideEvent=containerRefs.filter(container=>!!container).every(_ref50=>{let{current}=_ref50;return current&&!path?.includes(current);});if(isOutsideEvent)onClickOutside();},[containerRefs,onClickOutside]);(0,_react.useEffect)(()=>{eventTarget?.addEventListener('click',outsideClick);return()=>eventTarget?.removeEventListener('click',outsideClick);},[containerRefs,eventTarget]);};const useKeypress=_ref51=>{let{addEventListenerCondition,eventListenerDependencies,handledKeys,keyboardAction}=_ref51;const keyboardHandler=e=>{const keyCode=e.key;if(handledKeys.includes(keyCode))keyboardAction(e);};(0,_react.useEffect)(()=>{if(addEventListenerCondition){document.addEventListener('keydown',keyboardHandler);}return()=>{document.removeEventListener('keydown',keyboardHandler);};},[eventListenerDependencies]);};const DeviceContext=/*#__PURE__*/(0,_react.createContext)({device:'mobile'});const useDeviceInfo=()=>{const deviceInfo=(0,_react.useContext)(DeviceContext);return deviceInfo;};const DeviceProvider=_ref52=>{let{children,tabletMinWidth,desktopMinWidth}=_ref52;const getDeviceType=(0,_react.useCallback)(_ref53=>{let{isTablet,isDesktop}=_ref53;let device='mobile';if(isTablet)device='tablet';if(isDesktop)device='desktop';return device;},[]);const isTablet=(0,_reactResponsive.useMediaQuery)({query:`(min-width: ${tabletMinWidth}) and (max-width: ${desktopMinWidth})`});const isDesktop=(0,_reactResponsive.useMediaQuery)({query:`(min-width: ${desktopMinWidth})`})&&!isTablet;return/*#__PURE__*/_react.default.createElement(DeviceContext.Provider,{value:{device:getDeviceType({isTablet,isDesktop})}},children);};const useModalVariant=()=>{const{device}=useDeviceInfo();return device==='mobile'?'layer':'window';};const boxShadow=(0,_styledSystem.system)({boxShadow:{property:'boxShadow',scale:'colors',transform:(value,scale)=>{const color=(0,_polished.transparentize)(0.85,scale['black']['dark']);if(value==='top'){return`inset 0 6px 4px -4px ${color}`;}if(value==='top-bottom'){return`inset 0 6px 4px -4px ${color}, inset 0 -6px 4px -4px ${color}`;}if(value==='bottom'){return`inset 0 -6px 4px -4px ${color}`;}return'none';}}});const BoxShadow$1=_styledComponents.default.div.withConfig({displayName:"maxio__BoxShadow1",componentId:"maxio-components__sc-lo74t2-34"})(["&&&{position:absolute;width:100%;z-index:1;pointer-events:none;",";",";",";}"],boxShadow,_styledSystem.layout,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','borderVariant')));const SelectOptions=_styledComponents.default.div.withConfig({displayName:"maxio__SelectOptions",componentId:"maxio-components__sc-lo74t2-35"})(["&&&{position:absolute;width:100%;box-sizing:border-box;overflow-y:auto;border:1px solid currentColor;z-index:1;",";",";",";}"],_styledSystem.layout,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','selectVariant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','borderVariant')));const getBoxShadow=(inViewTop,inViewBottom)=>{if(!inViewTop&&!inViewBottom)return'top-bottom';if(!inViewTop)return'top';if(!inViewBottom)return'bottom';return'none';};const isEllipsisActive=ref=>{return ref.current&&ref.current.offsetWidth<ref.current.scrollWidth;};const SelectOption=_styledComponents.default.div.withConfig({displayName:"maxio__SelectOption",componentId:"maxio-components__sc-lo74t2-36"})(["&&&{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;",";",";transition:background-color 250ms ease-in-out;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','selectSize')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','optionVariant')),_styledSystem.color,props=>props.divider&&(0,_styledComponents.css)({borderBottom:`1px solid ${theme.colors.gray.extraLight}`}));const Option=_ref54=>{let{isSelected,onSelect,option,selectSize,activeItemRef}=_ref54;const ref=(0,_react.useRef)();const optionRef=isSelected?activeItemRef:ref;return/*#__PURE__*/_react.default.createElement(SelectOption,{key:option.label,role:"option","aria-selected":isSelected,optionVariant:isSelected?'selected':'primary',onClick:e=>onSelect(e,option),selectSize:selectSize,color:option.color,divider:option.divider,ref:optionRef,title:isEllipsisActive(optionRef)?option.label:null},option.label);};const Options=_ref55=>{let{selectionIndex,options,selectSize='medium',onSelect,borderVariant='primary',selectVariant='primary',maxHeight=120,maxWidth,alignment}=_ref55;const[inViewRefTop,inViewTop]=(0,_reactIntersectionObserver.useInView)({initialInView:true});const[inViewRefBottom,inViewBottom]=(0,_reactIntersectionObserver.useInView)({initialInView:true});const optionsRef=(0,_react.useRef)();const[optionsHeight,setOptionsHeight]=(0,_react.useState)(null);const debounceRef=(0,_react.useRef)(null);const activeItemRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(debounceRef.current)clearTimeout(debounceRef.current);debounceRef.current=setTimeout(()=>{if(activeItemRef.current){activeItemRef.current.scrollIntoView({behavior:'auto',block:'nearest',inline:'nearest'});}},0);setOptionsHeight(optionsRef.current.offsetHeight);},[activeItemRef.current,options]);return/*#__PURE__*/_react.default.createElement("div",{style:{width:maxWidth||'100%',height:optionsHeight&&optionsHeight<maxHeight?optionsHeight:maxHeight,position:'absolute',marginTop:1,marginBottom:2,...(alignment==='left'?{left:0,right:'auto'}:{left:'auto',right:0})}},/*#__PURE__*/_react.default.createElement(SelectOptions,{role:"listbox",maxHeight:maxHeight,selectVariant:selectVariant,borderVariant:borderVariant,"data-testid":"select-options",ref:optionsRef},/*#__PURE__*/_react.default.createElement("div",{ref:inViewRefTop}),options.map((option,index)=>{const isSelected=selectionIndex===index;return/*#__PURE__*/_react.default.createElement(Option,{option:option,key:option.label+'_'+index,isSelected:isSelected,selectSize:selectSize,activeItemRef:activeItemRef,onSelect:onSelect});}),/*#__PURE__*/_react.default.createElement("div",{ref:inViewRefBottom})),/*#__PURE__*/_react.default.createElement(BoxShadow$1,{boxShadow:getBoxShadow(inViewTop,inViewBottom),height:maxHeight,borderVariant:borderVariant}));};const arrowMotion={expanded:{rotate:-180},notExpanded:{rotate:0}};const iconSize=12;const StyledSelect=_styledComponents.default.input.withConfig({displayName:"maxio__StyledSelect",componentId:"maxio-components__sc-lo74t2-37"})(["&&&{width:100%;box-sizing:border-box;border:1px solid currentColor;outline:none;transition:border-color 250ms ease-in-out,box-shadow 250ms ease-in-out,background-color 250ms ease-in-out;will-change:border-color,box-shadow,background-color;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;",";",";",";",";",";padding-right:","px;}&&&:read-only{cursor:pointer;}"],fontSmoothing,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','selectSize')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','selectVariant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','borderVariant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','status')),_ref56=>{let{theme,selectSize}=_ref56;return theme.space[theme.components.Select.componentVariants.selectSize.variants[selectSize].paddingRight]+iconSize;});const SelectWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__SelectWrapper1",componentId:"maxio-components__sc-lo74t2-38"})(["&&&{position:relative;}"]);const FocusHandler=_styledComponents.default.div.withConfig({displayName:"maxio__FocusHandler",componentId:"maxio-components__sc-lo74t2-39"})(["&&&{width:0;height:0;}"]);const IconWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__IconWrapper1",componentId:"maxio-components__sc-lo74t2-40"})(["&&&{position:absolute;top:50%;cursor:pointer;",";transform:translateY(-50%);}"],_ref57=>{let{theme}=_ref57;return(0,_styledComponents.css)(["right:","px;"],theme.sizes[2]);});const DropdownIcon=_ref58=>{let{isExpanded,size,onClick,iconColor}=_ref58;return/*#__PURE__*/_react.default.createElement(IconWrapper$1,{onClick:onClick,"data-testid":"select-icon"},/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{initial:false,animate:isExpanded?arrowMotion.expanded:arrowMotion.notExpanded},/*#__PURE__*/_react.default.createElement(Icon,{fill:iconColor,size:size,type:"chevronDown"})));};const showOptions=()=>({type:'SHOW_OPTIONS'});const hideOptions=()=>({type:'HIDE_OPTIONS'});const setFilteredOptions=options=>({type:'SET_FILTERED_OPTIONS',payload:{options}});const setSearchPhrase=searchPhrase=>({type:'SET_SEARCH_PHRASE',payload:{searchPhrase}});const setPlaceholder=placeholder=>({type:'SET_PLACEHOLDER',payload:{placeholder}});const setSelectionIndex=index=>({type:'SET_SELECTION_INDEX',payload:{index}});const toggleSelectionMode=inSelectionMode=>({type:'SET_SELECTION_MODE',payload:{inSelectionMode}});const selectActions={showOptions,hideOptions,setPlaceholder,setSearchPhrase,setFilteredOptions,setSelectionIndex,toggleSelectionMode};const initialState={optionsVisible:false,searchPhrase:'',placeholderContent:'',filteredOptions:[],inSelectionMode:false,selectionIndex:0};const selectReducer=(state,action)=>{switch(action.type){case'SET_SELECTION_MODE':return{...state,inSelectionMode:action.payload.inSelectionMode};case'SET_SELECTION_INDEX':return{...state,selectionIndex:action.payload.index};case'SET_SEARCH_PHRASE':return{...state,searchPhrase:action.payload.searchPhrase};case'SET_PLACEHOLDER':return{...state,placeholderContent:action.payload.placeholder};case'SET_FILTERED_OPTIONS':return{...state,filteredOptions:action.payload.options};case'SHOW_OPTIONS':return{...state,optionsVisible:true};case'HIDE_OPTIONS':return{...state,optionsVisible:false,filteredOptions:[]};default:return state;}};const getStatus=(disabled,hasError)=>{if(disabled)return'disabled';if(hasError)return'error';return'active';};const Select=_ref59=>{let{options,onSelect,filterable,placeholder,variant='primary',selectSize='medium',borderVariant='primary',disabled,hasError,selectedValue,searchLabel='Type to search',selectOptionLabel='Select value',name,id,onBlur,portalContainer,dropdownVariant='primary',dropdownAlignment='right',targetElementRef}=_ref59;const[{optionsVisible,filteredOptions,searchPhrase,placeholderContent,selectionIndex,inSelectionMode},dispatch]=(0,_react.useReducer)(selectReducer,{...initialState,placeholderContent:placeholder||selectOptionLabel});const selectAutoCompleteId=`select-${(0,_react.useId)()}`;const theme=(0,_styledComponents.useTheme)();const dropDownIconColor=(0,_react.useMemo)(()=>{const{components:{Select:{componentVariants:{dropdownVariant:component}}}}=theme;return component.variants[dropdownVariant].color;},[theme,dropdownVariant]);const containerRef=(0,_react.useRef)(null);const inputRef=(0,_react.useRef)(null);const portalElement=portalContainer?.current;const matchedIndex=selectedValue?options.findIndex(_ref60=>{let{value}=_ref60;return value===selectedValue;}):-1;const selectedItem=matchedIndex>-1?options[matchedIndex]:{label:selectedValue.toString()||'',value:selectedValue||''};const onFilterOptions=e=>{const value=e.target.value;const filtered=options.filter(option=>option.label.toString().toLowerCase().startsWith(value.toLowerCase()));dispatch(selectActions.setSelectionIndex(null));dispatch(selectActions.setFilteredOptions(filtered));dispatch(selectActions.setSearchPhrase(value));};const onInputFocus=()=>{if(filterable){dispatch(selectActions.setPlaceholder(searchLabel));}if(!optionsVisible){dispatch(selectActions.toggleSelectionMode(true));dispatch(selectActions.showOptions());}};const onInputBlur=item=>{dispatch(selectActions.setSearchPhrase(''));dispatch(selectActions.hideOptions());dispatch(selectActions.toggleSelectionMode(false));dispatch(selectActions.setSelectionIndex(null));if(onBlur)onBlur(item);};const onValueSelect=item=>{dispatch(selectActions.hideOptions());onSelect(item);onInputBlur(item);};useOnClickOutside([containerRef,portalContainer],()=>{if(optionsVisible){dispatch(selectActions.hideOptions());}},targetElementRef?.current);const selectOptions=searchPhrase?filteredOptions:options;const keyboardHandler=(0,_react.useCallback)(e=>{switch(e.key){case KEYBOARD_KEYS.ENTER:if(typeof selectionIndex==='number'){const item=selectOptions[selectionIndex];dispatch(selectActions.setSelectionIndex(null));onValueSelect(item);}break;case KEYBOARD_KEYS.UP:e.preventDefault();if(selectionIndex>0){dispatch(selectActions.setSelectionIndex(selectionIndex-1));}break;case KEYBOARD_KEYS.DOWN:e.preventDefault();if(selectionIndex===null){dispatch(selectActions.setSelectionIndex(0));}else if(selectionIndex<selectOptions.length-1){dispatch(selectActions.setSelectionIndex(selectionIndex+1));}break;case KEYBOARD_KEYS.ESCAPE:case KEYBOARD_KEYS.TAB:onInputBlur(selectedItem);break;}},[selectionIndex,selectedItem,selectOptions]);useKeypress({keyboardAction:keyboardHandler,handledKeys:[KEYBOARD_KEYS.ENTER,KEYBOARD_KEYS.ESCAPE,KEYBOARD_KEYS.UP,KEYBOARD_KEYS.DOWN,KEYBOARD_KEYS.TAB],addEventListenerCondition:optionsVisible,eventListenerDependencies:[optionsVisible]});(0,_react.useEffect)(()=>{if(optionsVisible&&matchedIndex!==null&&matchedIndex>-1){dispatch(selectActions.setSelectionIndex(matchedIndex));}},[optionsVisible]);(0,_react.useEffect)(()=>{const scrollHandler=()=>{if(optionsVisible)onInputBlur(selectedItem);};if(optionsVisible&&containerRef.current?.offsetParent){containerRef.current.offsetParent.addEventListener('scroll',scrollHandler);}return()=>{if(containerRef.current?.offsetParent)containerRef.current.offsetParent.removeEventListener('scroll',scrollHandler);};},[optionsVisible,selectedItem]);const getSelectValue=()=>{if(!inSelectionMode||!filterable)return selectedItem.label;return searchPhrase;};const renderOptions=()=>(/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:selectOptions,selectionIndex:selectionIndex,onSelect:(e,item)=>{e.stopPropagation();onValueSelect(item);},selectVariant:variant,selectSize:selectSize,borderVariant:borderVariant}));const calculateDropdownPosition=(0,_react.useCallback)(()=>{const{height,width,left,top}=containerRef.current.getBoundingClientRect();return{left:left+window.scrollX,top:top+height+window.scrollY,width};},[portalContainer]);return/*#__PURE__*/_react.default.createElement(SelectWrapper$1,{ref:containerRef},/*#__PURE__*/_react.default.createElement(StyledSelect,{type:"text",ref:inputRef,autoComplete:selectAutoCompleteId,name:name,id:id,readOnly:!filterable,value:getSelectValue(),onChange:onFilterOptions,onClick:onInputFocus,status:getStatus(disabled,hasError),placeholder:placeholderContent,selectSize:selectSize,selectVariant:variant,borderVariant:borderVariant,"data-testid":"select",tabIndex:-1}),/*#__PURE__*/_react.default.createElement(FocusHandler,{tabIndex:0,onFocus:onInputFocus}),/*#__PURE__*/_react.default.createElement(DropdownIcon,{isExpanded:optionsVisible,onClick:()=>{if(!optionsVisible)onInputFocus();},size:iconSize,iconColor:dropDownIconColor}),optionsVisible&&selectOptions.length>0?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,portalElement?(/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',...calculateDropdownPosition()}},renderOptions()),portalElement)):(/*#__PURE__*/_react.default.createElement(_reactFit.default,null,renderOptions())))):null);};const RadioInput=_styledComponents.default.input.withConfig({displayName:"maxio__RadioInput",componentId:"maxio-components__sc-lo74t2-41"})(["&&&{appearance:none;display:flex;align-items:center;justify-content:center;margin:0;border-radius:50%;",";}&&&:before{content:'';border-radius:50%;}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'RadioButton','variant')));const RadioLabel=_styledComponents.default.label.withConfig({displayName:"maxio__RadioLabel",componentId:"maxio-components__sc-lo74t2-42"})(["&&&{display:inline-flex;align-items:center;",";",";}"],fontSmoothing,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'RadioButton','labelVariant')));const RadioButton=_ref61=>{let{label,value,onValueChange,isSelected,isDisabled,...rest}=_ref61;const state=`${isSelected?'selected':'unselected'}`;const status=`${isDisabled?'disabled':'active'}`;const variant=`${state}-${status}`;const handleChange=()=>{!isDisabled&&onValueChange(value);};const handleKeyDown=event=>{if(event.code===KEYBOARD_KEYS.SPACE){handleChange();}};return/*#__PURE__*/_react.default.createElement(RadioLabel,{htmlFor:`${value}`,labelVariant:status,onKeyDown:handleKeyDown,tabIndex:0,"data-testid":"radio-label"},/*#__PURE__*/_react.default.createElement(RadioInput,{type:"radio",tabIndex:-1,value:value,onChange:handleChange,checked:isSelected,variant:variant,id:`${value}`,...rest}),label);};const DropdownWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__DropdownWrapper",componentId:"maxio-components__sc-lo74t2-43"})(["&&&{position:relative;}"]);const Dropdown=_ref62=>{let{children,isOpen,onOptionSelect,options,onClose,maxWidth,maxHeight,alignment='left',portalContainer}=_ref62;const dropdownRef=(0,_react.useRef)(null);const portalElement=portalContainer?.current;useOnClickOutside([dropdownRef],()=>{if(isOpen)onClose();});const calculatePosition=(0,_react.useCallback)(()=>{const{height,width,left,top}=dropdownRef.current.getBoundingClientRect();const{left:portalLeft,top:portalTop}=portalContainer.current.getBoundingClientRect();return{left:left-portalLeft,top:top+height-portalTop,width};},[portalContainer]);const renderOptions=()=>(/*#__PURE__*/_react.default.createElement(Options,{options:options,onSelect:(_e,value)=>onOptionSelect(value),maxWidth:maxWidth,maxHeight:maxHeight,alignment:alignment}));return/*#__PURE__*/_react.default.createElement(DropdownWrapper,{ref:dropdownRef},children,isOpen&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,portalElement?(/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',...calculatePosition()}},renderOptions()),portalElement)):(/*#__PURE__*/_react.default.createElement(_reactFit.default,null,renderOptions())))));};const spinTransition={repeat:Infinity,ease:'linear',duration:1};const Loader=_ref63=>{let{size=24,fill='gray.main'}=_ref63;return/*#__PURE__*/_react.default.createElement(_framerMotion.motion.span,{style:{display:'inline-flex',transformOrigin:'50% 50%'},animate:{rotate:360},transition:spinTransition},/*#__PURE__*/_react.default.createElement(Icon,{fill:fill,size:size,type:"spinner"}));};const StyledTextArea=_styledComponents.default.textarea.withConfig({displayName:"maxio__StyledTextArea",componentId:"maxio-components__sc-lo74t2-44"})(["&&&{border:1px solid currentColor;outline:none;width:100%;box-sizing:border-box;resize:vertical;",";",";transition:border-color 250ms ease-in-out,box-shadow 250ms ease-in-out,background-color 250ms ease-in-out;will-change:border-color,box-shadow,background-color;",";",";",";",";}"],fontSmoothing,_ref64=>{let{fullWidth}=_ref64;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','variant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','status')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'TextArea')));const TextArea=_ref65=>{let{size='medium',status,fullWidth=true,variant='primary',...rest}=_ref65;return/*#__PURE__*/_react.default.createElement(StyledTextArea,{size:size,fullWidth:fullWidth,status:status,variant:variant,...rest});};const Header$2=_styledComponents.default.div.withConfig({displayName:"maxio__Header2",componentId:"maxio-components__sc-lo74t2-45"})(["&&&{",";display:inline-flex;align-items:center;cursor:pointer;",";",";}"],_ref66=>{let{theme}=_ref66;return(0,_styledComponents.css)(["gap:","px;"],theme.space[3]);},_styledSystem.padding,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Accordion','variant')));const IconWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__IconWrapper",componentId:"maxio-components__sc-lo74t2-46"})(["&&&{will-change:transform;transform:",";transition:150ms transform ease-in-out;}"],props=>props.isExpanded?'rotate(0deg)':'rotate(-90deg)');Header$2.defaultProps={variant:'regular'};const accordionMotion={initial:{height:0},animate:{height:'auto'},exit:{height:0},transition:{type:'tween'}};const Accordion=_ref67=>{let{children,header,onClick,variant='regular',isExpanded=true}=_ref67;const isRegular=variant==='regular';return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Header$2,{"data-testid":"accordion-header",onClick:()=>onClick(!isExpanded),paddingBottom:isRegular?5:2},/*#__PURE__*/_react.default.createElement(Heading,{variant:isRegular?'h4':'h5',color:"inherit"},header),/*#__PURE__*/_react.default.createElement(IconWrapper,{isExpanded:isExpanded},/*#__PURE__*/_react.default.createElement(Icon,{size:isRegular?16:12,fill:"inherit",type:"chevronDown"}))),/*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence,null,isExpanded&&(/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{...accordionMotion,style:{overflowY:'clip'}},children))));};const Container$i=_styledComponents.default.div.withConfig({displayName:"maxio__Containeri",componentId:"maxio-components__sc-lo74t2-47"})(["&&&{box-sizing:border-box;",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Alert','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Alert','color')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Alert')));const TextMessage=_ref68=>{let{children,...rest}=_ref68;return/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit",...rest},children);};const TitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TitleWrapper",componentId:"maxio-components__sc-lo74t2-48"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.grid);const Title$1=_ref69=>{let{text,icon}=_ref69;return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(TitleWrapper,{gridGap:2},icon&&/*#__PURE__*/_react.default.createElement(Icon,{type:icon,fill:"currentColor",size:16}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit",fontWeight:700},text)));};const Alert=_ref70=>{let{title,color='primary',size='regular',buttonLabel,icon,onClick,children}=_ref70;return/*#__PURE__*/_react.default.createElement(Container$i,{size:size,color:color,role:"alert"},title&&/*#__PURE__*/_react.default.createElement(Title$1,{text:title,icon:icon}),children,buttonLabel&&onClick&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:4},/*#__PURE__*/_react.default.createElement(Button$1,{label:buttonLabel,onClick:onClick,color:"secondary"}))));};Alert.TextMessage=TextMessage;Alert.Title=Title$1;const Content$e=_styledComponents.default.div.withConfig({displayName:"maxio__Contente",componentId:"maxio-components__sc-lo74t2-49"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','bodyVariant')));const Wrapper$g=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperg",componentId:"maxio-components__sc-lo74t2-50"})(["&&&{overflow:auto;position:relative;}"]);const BoxShadow=_styledComponents.default.div.withConfig({displayName:"maxio__BoxShadow",componentId:"maxio-components__sc-lo74t2-51"})(["&&&{position:sticky;z-index:1;left:0;width:100%;height:6px;",";",";",";}"],boxShadow,_ref71=>{let{boxShadow}=_ref71;return boxShadow==='top'&&(0,_styledComponents.css)(["top:0;"]);},_ref72=>{let{boxShadow}=_ref72;return boxShadow==='bottom'&&(0,_styledComponents.css)(["bottom:0;"]);});const Body=_ref73=>{let{children,bodyVariant='regular'}=_ref73;const[inViewRefTop,inViewTop]=(0,_reactIntersectionObserver.useInView)({initialInView:true});const[inViewRefBottom,inViewBottom]=(0,_reactIntersectionObserver.useInView)({initialInView:true});return/*#__PURE__*/_react.default.createElement(Wrapper$g,null,/*#__PURE__*/_react.default.createElement("div",{ref:inViewRefTop}),!inViewTop&&/*#__PURE__*/_react.default.createElement(BoxShadow,{boxShadow:"top"}),/*#__PURE__*/_react.default.createElement(Content$e,{bodyVariant:bodyVariant},children),!inViewBottom&&/*#__PURE__*/_react.default.createElement(BoxShadow,{boxShadow:"bottom"}),/*#__PURE__*/_react.default.createElement("div",{ref:inViewRefBottom}));};const Container$h=_styledComponents.default.div.withConfig({displayName:"maxio__Containerh",componentId:"maxio-components__sc-lo74t2-52"})(["&&&{display:flex;flex-direction:column;width:100%;",";",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','variant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','color')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','border')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Card')));const Header$1=_styledComponents.default.div.withConfig({displayName:"maxio__Header1",componentId:"maxio-components__sc-lo74t2-53"})(["&&&{flex-shrink:0;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','headerVariant')),_ref74=>{let{enableBorder}=_ref74;return!enableBorder&&(0,_styledComponents.css)(["border-bottom-width:0;"]);});Header$1.defaultProps={headerVariant:'regular',enableBorder:true};const Footer=_styledComponents.default.div.withConfig({displayName:"maxio__Footer",componentId:"maxio-components__sc-lo74t2-54"})(["&&&{flex-shrink:0;margin-top:auto;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','footerVariant')));Footer.defaultProps={footerVariant:'regular'};const Card$2=/*#__PURE__*/(0,_react.forwardRef)((_ref75,ref)=>{let{variant='regular',color='white',border='rounded',children}=_ref75;return/*#__PURE__*/_react.default.createElement(Container$h,{variant:variant,color:color,border:border,ref:ref},children);});Card$2.displayName='Card';var Card$3=Object.assign(Card$2,{Header:Header$1,Body,Footer});const getMessage=_ref76=>{let{hint,error,hasError}=_ref76;let message;let messageType='normal';if(hint){message=hint;}if(hasError&&error){message=error;messageType='error';}return{messageType,message};};const StyledLabel=_styledComponents.default.label.withConfig({displayName:"maxio__StyledLabel",componentId:"maxio-components__sc-lo74t2-55"})(["&&&{cursor:pointer;",";",";",";",";",";}"],_ref77=>{let{flexLabel}=_ref77;return flexLabel&&(0,_styledComponents.css)(["display:inline-flex;align-items:center;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','color')),_ref78=>{let{disabled}=_ref78;return disabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);},(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'InputLabel')));const Marker=_styledComponents.default.span.withConfig({displayName:"maxio__Marker",componentId:"maxio-components__sc-lo74t2-56"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','color')));const TextEllipsis=_styledComponents.default.span.withConfig({displayName:"maxio__TextEllipsis",componentId:"maxio-components__sc-lo74t2-57"})(["&&&{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:0;}"]);const InputLabel=_ref79=>{let{label,size='medium',disabled=false,required=false,htmlFor,tooltip,textEllipsis=false,flexLabel=false}=_ref79;return/*#__PURE__*/_react.default.createElement(StyledLabel,{flexLabel:flexLabel,size:size,disabled:disabled,htmlFor:htmlFor,color:disabled?'gray':'primary'},textEllipsis?/*#__PURE__*/_react.default.createElement(TextEllipsis,{title:label},label):label,' ',tooltip?.renderContent?(/*#__PURE__*/_react.default.createElement(Tooltip$1,{...tooltip},/*#__PURE__*/_react.default.createElement(Icon,{type:'questionCircle',fill:'currentColor',size:16}))):null,' ',required?/*#__PURE__*/_react.default.createElement(Marker,{color:"danger"},"*"):null);};const Container$g=_styledComponents.default.div.withConfig({displayName:"maxio__Containerg",componentId:"maxio-components__sc-lo74t2-58"})(["&&&{display:",";width:100%;",";}"],_ref80=>{let{fullWidth}=_ref80;return fullWidth?'flex':'inline-flex';},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'FormField','labelPosition')));const MessageContainer$1=_styledComponents.default.div.withConfig({displayName:"maxio__MessageContainer1",componentId:"maxio-components__sc-lo74t2-59"})(["&&&{",";}"],_ref81=>{let{theme,type}=_ref81;return(0,_styledComponents.css)(["min-height:",";margin-top:","px;"],theme.lineHeights[theme.components.InputMessage.componentVariants.type.variants[type].lineHeight],theme.space[2]);});const LabelContainer=_styledComponents.default.div.withConfig({displayName:"maxio__LabelContainer",componentId:"maxio-components__sc-lo74t2-60"})(["&&&{",";}"],_ref82=>{let{labelPosition,size,theme}=_ref82;return labelPosition==='left'&&(0,_styledComponents.css)(["padding-top:","px;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[size].paddingTop]);});const FormField=_ref83=>{let{label,labelPosition='top',name,size='medium',disabled=false,hasError=false,error,hint,fullWidth=false,required=false,disableMessage=false,tooltip,children}=_ref83;const{messageType,message}=getMessage({hint,error,hasError});return/*#__PURE__*/_react.default.createElement(Container$g,{labelPosition:labelPosition,fullWidth:fullWidth,"data-testid":name},/*#__PURE__*/_react.default.createElement(LabelContainer,{size:size,labelPosition:labelPosition},/*#__PURE__*/_react.default.createElement(InputLabel,{label:label,size:size,htmlFor:name,disabled:disabled,required:required,tooltip:tooltip})),/*#__PURE__*/_react.default.createElement("div",null,children,!disableMessage&&(/*#__PURE__*/_react.default.createElement(MessageContainer$1,{type:messageType},message&&(/*#__PURE__*/_react.default.createElement(InputMessage,{message:message,disabled:disabled,type:messageType}))))));};const Container$f=_styledComponents.default.div.withConfig({displayName:"maxio__Containerf",componentId:"maxio-components__sc-lo74t2-61"})(["&&&{display:flex;",";}"],_styledSystem.gridGap);const Navigation=_styledComponents.default.div.withConfig({displayName:"maxio__Navigation",componentId:"maxio-components__sc-lo74t2-62"})(["&&&{display:flex;align-items:center;justify-content:center;cursor:pointer;",";",";transition:color 0.2s linear;}"],_ref84=>{let{theme}=_ref84;return(0,_styledComponents.css)(["color:",";&:hover{color:",";}&:focus-visible{outline:1px solid ",";}"],theme.colors.gray.light,theme.colors.primary.dark,theme.colors.primary.main);},_ref85=>{let{isDisabled}=_ref85;return isDisabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);});const Page=_styledComponents.default.div.withConfig({displayName:"maxio__Page",componentId:"maxio-components__sc-lo74t2-63"})(["&&&{",";align-items:center;justify-content:center;border-radius:50%;cursor:pointer;",";transition:color 0.2s,background 0.2s linear;}"],_styledSystem.layout,_ref86=>{let{theme,isActive}=_ref86;return(0,_styledComponents.css)(["color:",";&:hover{background:",";}&:focus-visible{outline:1px solid ",";}","};"],theme.colors.primary.dark,theme.colors.primary.extraLight,theme.colors.primary.main,isActive&&(0,_styledComponents.css)(["color:",";background:",";&:hover{background:",";}"],theme.colors.white.main,theme.colors.primary.dark,theme.colors.primary.dark));});const OVERFLOW_PATTERN='...';const createPagination=function(_ref87){let{currentPage,totalPages}=_ref87;let pagesLimit=arguments.length>1&&arguments[1]!==undefined?arguments[1]:8;if(totalPages<pagesLimit){return new Array(totalPages).fill(true).map((_,idx)=>idx+1);}const visiblePages=pagesLimit-1;const middlePage=Math.round(visiblePages/2);const isWithinEndRange=currentPage>totalPages-middlePage;const isWithinStartRange=currentPage<=middlePage;if(isWithinEndRange){return[1,OVERFLOW_PATTERN,...new Array(visiblePages-2).fill(totalPages).map((page,idx)=>page-idx).reverse()];}if(isWithinStartRange){return[...new Array(visiblePages-2).fill(true).map((_,idx)=>idx+1),OVERFLOW_PATTERN,totalPages];}const values=new Array(visiblePages).fill(currentPage).map((_,idx)=>{if(idx+1===middlePage)return currentPage;return currentPage-middlePage+idx+1;});return[1,OVERFLOW_PATTERN,...values.slice(2,values.length-2),OVERFLOW_PATTERN,totalPages];};const Pagination=_ref88=>{let{page=1,totalPages,onChange}=_ref88;const paginationItems=(0,_react.useMemo)(()=>createPagination({currentPage:page,totalPages}),[page,totalPages]);const backDisabled=page===1;const nextDisabled=page===totalPages;const onNavigateBack=()=>onChange(page-1);const onNavigateNext=()=>onChange(page+1);return/*#__PURE__*/_react.default.createElement(Container$f,{gridGap:"4"},/*#__PURE__*/_react.default.createElement(Navigation,{isDisabled:backDisabled,tabIndex:0,"data-testid":"pagination-back",onKeyDown:e=>{if(!backDisabled&&e.key===KEYBOARD_KEYS.ENTER){onNavigateBack();}},onClick:()=>{if(!backDisabled)onNavigateBack();}},/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronLeft",size:12,fill:"inherit"})),paginationItems.map((item,idx)=>(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,{key:`page-${idx}-${item}`},typeof item==='number'?(/*#__PURE__*/_react.default.createElement(Page,{role:"button",isActive:item===page,tabIndex:0,display:"flex",minWidth:"4",height:"4",onClick:()=>{if(item!==page)onChange(item);},onKeyDown:e=>{if(item!==page&&e.key===KEYBOARD_KEYS.ENTER){onChange(item);}}},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit",fontWeight:2},item))):(/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"primary.dark",fontWeight:2},item))))),/*#__PURE__*/_react.default.createElement(Navigation,{isDisabled:nextDisabled,tabIndex:0,"data-testid":"pagination-next",onKeyDown:e=>{if(!nextDisabled&&e.key===KEYBOARD_KEYS.ENTER){onNavigateNext();}},onClick:()=>{if(!nextDisabled)onNavigateNext();}},/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronRight",size:12,fill:"inherit"})));};const StepTitle=_styledComponents.default.span.withConfig({displayName:"maxio__StepTitle",componentId:"maxio-components__sc-lo74t2-64"})(["&&&{position:absolute;transition:color 0.2s;will-change:color;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','text')));const StepWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__StepWrapper1",componentId:"maxio-components__sc-lo74t2-65"})(["&&&{flex:1;display:grid;align-items:center;justify-content:center;position:relative;grid-template-columns:1fr auto 1fr;",";}&&&:first-child{grid-template-columns:0.5fr auto 1fr;}&&&:last-child{grid-template-columns:1fr auto 0.5fr;}"],_styledSystem.grid);const StepLine=_styledComponents.default.div.withConfig({displayName:"maxio__StepLine",componentId:"maxio-components__sc-lo74t2-66"})(["&&&{transition:background-color 0.2s;will-change:background-color;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','color')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','lineSize')));const StepNumber=_styledComponents.default.div.withConfig({displayName:"maxio__StepNumber",componentId:"maxio-components__sc-lo74t2-67"})(["&&&{display:flex;align-items:center;justify-content:center;transition:background-color 0.2s;will-change:background-color;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','color')));const StepInlineWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepInlineWrapper",componentId:"maxio-components__sc-lo74t2-68"})(["&&&{position:relative;}"]);const TextWrapper=_styledComponents.default.span.withConfig({displayName:"maxio__TextWrapper",componentId:"maxio-components__sc-lo74t2-69"})(["&&&{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width:","px;text-align:center;}"],_ref89=>{let{width}=_ref89;return width;});const StepHorizontal=_ref90=>{let{stepCount,title,isActive,isCompleted}=_ref90;const stepState=isActive?'active':isCompleted?'completed':'disabled';const stepLineColor=isActive||isCompleted?'completed':'disabled';const[width,setWidth]=(0,_react.useState)(0);const wrapperRef=(0,_react.useRef)();(0,_react.useEffect)(()=>{if(wrapperRef?.current){setWidth(0.5*wrapperRef.current.getBoundingClientRect().width);}},[wrapperRef]);return/*#__PURE__*/_react.default.createElement(StepWrapper$1,{gridGap:5,ref:wrapperRef},/*#__PURE__*/_react.default.createElement(StepLine,{color:stepLineColor,lineSize:'regular'}),/*#__PURE__*/_react.default.createElement(StepInlineWrapper,null,/*#__PURE__*/_react.default.createElement(StepNumber,{size:'regular',color:stepState},stepCount),/*#__PURE__*/_react.default.createElement(StepTitle,{text:stepState},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'inherit',fontWeight:2},/*#__PURE__*/_react.default.createElement(TextWrapper,{width:width},title)))),/*#__PURE__*/_react.default.createElement(StepLine,{color:isCompleted?'completed':'disabled',lineSize:'regular'}));};const StepWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepWrapper",componentId:"maxio-components__sc-lo74t2-70"})(["&&&{display:flex;",";position:relative;transition:color 0.2s;will-change:color;",";",";}&&&:before{transition:background-color 0.2s;will-change:background-color;z-index:",";",";}"],_ref91=>{let{verticalSingleLine,theme}=_ref91;return verticalSingleLine?(0,_styledComponents.css)(["flex-direction:row;column-gap:","px;align-items:center;"],theme.space[3]):(0,_styledComponents.css)(["flex-direction:column;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','text')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','size')),_ref92=>{let{isActive}=_ref92;return isActive?'1':'0';},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','color')));const StepTextWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepTextWrapper",componentId:"maxio-components__sc-lo74t2-71"})(["&&&{flex-shrink:0;}"]);const StepVertical=_ref93=>{let{stepCount,title,isActive,isCompleted,stepText='Step',verticalSingleLine}=_ref93;const stepState=isActive?'active':isCompleted?'completed':'disabled';return/*#__PURE__*/_react.default.createElement(StepWrapper,{size:'regular',color:stepState,text:stepState,isActive:isActive,verticalSingleLine:verticalSingleLine},/*#__PURE__*/_react.default.createElement(StepTextWrapper,null,/*#__PURE__*/_react.default.createElement(BodyText,{color:'inherit',variant:'body3',lineHeight:3,fontWeight:2},stepText.toUpperCase()," ",stepCount)),/*#__PURE__*/_react.default.createElement(BodyText,{color:'inherit',fontWeight:2,variant:'body1',overflow:"truncate"},title));};const StepsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepsWrapper",componentId:"maxio-components__sc-lo74t2-72"})(["&&&{display:flex;padding:2px 0;box-sizing:border-box;",";}"],_ref94=>{let{variant}=_ref94;return variant==='vertical'&&(0,_styledComponents.css)(["flex-direction:column;"]);});const Stepper=_ref95=>{let{steps,currentStep,variant='vertical',stepText,verticalSingleLine=false}=_ref95;return/*#__PURE__*/_react.default.createElement(StepsWrapper,{variant:variant},variant==='horizontal'&&steps.map((step,i)=>(/*#__PURE__*/_react.default.createElement(StepHorizontal,{isActive:currentStep===i,isCompleted:currentStep>i,key:step,stepCount:i+1,title:step}))),variant==='vertical'&&steps.map((step,i)=>(/*#__PURE__*/_react.default.createElement(StepVertical,{stepText:stepText,stepCount:i+1,title:step,key:step,isActive:currentStep===i,isCompleted:currentStep>i,verticalSingleLine:verticalSingleLine}))));};const RowWrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper2",componentId:"maxio-components__sc-lo74t2-73"})(["&&&{",";}&&&:not(:last-child){",";}"],_styledSystem.padding,_ref96=>{let{theme}=_ref96;return(0,_styledComponents.css)(["border-bottom:1px dashed ",";"],theme.colors.gray.extraLight);});const ColumnValue=_styledComponents.default.span.withConfig({displayName:"maxio__ColumnValue",componentId:"maxio-components__sc-lo74t2-74"})(["&&&{white-space:pre-wrap;",";}"],_ref97=>{let{theme,fontSize}=_ref97;return(0,_styledComponents.css)(["font-size:","px;"],theme.fontSizes[fontSize]);});ColumnValue.defaultProps={fontSize:0};const SummaryTable=_ref98=>{let{rows,columnSpans}=_ref98;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,rows.map((row,index)=>(/*#__PURE__*/_react.default.createElement(RowWrapper$2,{key:index,paddingTop:3,paddingBottom:3},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:0},row.map((cell,index)=>(/*#__PURE__*/_react.default.createElement(Column$1,{span:columnSpans[index],key:cell.value+'_'+index},/*#__PURE__*/_react.default.createElement(BodyText,{textAlign:cell.textAlign,fontWeight:cell.fontWeight,color:cell.color},/*#__PURE__*/_react.default.createElement(ColumnValue,{fontSize:cell.fontSize},cell.value))))))))));};const Container$e=_styledComponents.default.div.withConfig({displayName:"maxio__Containere",componentId:"maxio-components__sc-lo74t2-75"})(["&&&{display:inline-flex;align-items:center;min-width:0;gap:","px;",";",";",";",";}&&& svg{cursor:pointer;}"],_ref99=>{let{theme}=_ref99;return theme.space[3];},props=>props.maxWidth&&(0,_styledComponents.css)(["max-width:","px;"],props.maxWidth),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tag','color')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tag','size')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'Tag')));const Tag=_ref100=>{let{label,size='regular',color='primary',overflow,maxWidth,onDelete}=_ref100;return/*#__PURE__*/_react.default.createElement(Container$e,{role:"status",color:color,size:size,maxWidth:maxWidth},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit",fontStyle:"inherit",fontWeight:"inherit",overflow:overflow},label),onDelete&&(/*#__PURE__*/_react.default.createElement(Icon,{fill:'inherit',type:'close',size:8,onClick:onDelete,"aria-close-label":"Delete this tag"})));};const Title=_styledComponents.default.div.withConfig({displayName:"maxio__Title",componentId:"maxio-components__sc-lo74t2-76"})(["&&&{height:100%;display:flex;align-items:center;}"]);const ContentWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__ContentWrapper1",componentId:"maxio-components__sc-lo74t2-77"})(["&&&{text-align:left;display:flex;height:100%;align-items:center;",";",";}"],_styledSystem.gridGap,_styledSystem.justifyContent);const Price$1=_styledComponents.default.div.withConfig({displayName:"maxio__Price1",componentId:"maxio-components__sc-lo74t2-78"})(["&&&{align-items:center;",";",";}"],_styledSystem.gridGap,_styledSystem.display);const SubscriptionHeader=_ref101=>{let{title,tag,children,price,interval}=_ref101;return/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:0},/*#__PURE__*/_react.default.createElement(Column$1,{span:[12,12,7]},/*#__PURE__*/_react.default.createElement(Title,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",overflow:"truncate"},title))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[12,12,11]},/*#__PURE__*/_react.default.createElement(ContentWrapper$1,{gridGap:8,justifyContent:['flex-end','flex-end','unset']},tag&&(/*#__PURE__*/_react.default.createElement(Tag,{color:tag.color,size:"regular",label:tag.label,overflow:"truncate",maxWidth:170})),price&&(/*#__PURE__*/_react.default.createElement(Price$1,{display:['none','none','flex'],gridGap:2},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",fontWeight:theme.fontWeights[3],color:price.color},price.label),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.dark"},"(",interval,")"))))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[0,0,6],display:['none','none','block']},children));};const InputWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__InputWrapper",componentId:"maxio-components__sc-lo74t2-79"})(["&&&{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;transition:border-color 250ms ease-in-out;will-change:border-color;box-sizing:border-box;",";",";",";}"],_ref102=>{let{fullWidth}=_ref102;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','status')));const Input=_styledComponents.default.input.withConfig({displayName:"maxio__Input",componentId:"maxio-components__sc-lo74t2-80"})(["&&&{border:none;outline:none;background:none;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','inputSize')));const isRightKey=(key,separator)=>{return key===separator||key===KEYBOARD_KEYS.ENTER;};const TagInput=_ref103=>{let{separator=',',placeholder,validationFn,tags,tagProps,onCreate,onRemove,onPaste,blinkTime=100,fullWidth=false,maxTags,...rest}=_ref103;const[isKeyReleased,setIsKeyReleased]=(0,_react.useState)(true);const[inputValue,setInputValue]=(0,_react.useState)('');const[opacity,setOpacity]=(0,_react.useState)(1);const[hasError,setHasError]=(0,_react.useState)(false);const inputEl=_react.default.useRef(null);const onKeyDown=e=>{const{key}=e;const tag=inputValue.trim();setHasError(false);if(isRightKey(key,separator)&&tag.length&&!tags.includes(tag)){e.preventDefault();if(validationFn(tag)){onCreate(tag);setInputValue('');}else{setHasError(true);setOpacity(0);setTimeout(()=>setOpacity(1),blinkTime);}}if(key===KEYBOARD_KEYS.BACKSPACE&&!tag.length&&tags.length&&isKeyReleased){e.preventDefault();const tagsCopy=[...tags];const poppedTag=tagsCopy.pop();onRemove(poppedTag,tags.length-1);setInputValue(poppedTag);}setIsKeyReleased(false);};const handleOnPaste=_ref104=>{let{clipboardData}=_ref104;const pastedText=clipboardData.getData('Text');const parsedText=pastedText.replace(/\s+/g,'');const pastedTags=new Set(parsedText.split(separator));const maxCountPasted=(maxTags||Infinity)-tags.length;const filteredTags=[...pastedTags].filter(tag=>!tags.includes(tag)&&validationFn(tag));onPaste(filteredTags.slice(0,maxCountPasted));setInputValue('');};const onKeyUp=()=>{setIsKeyReleased(true);};const memoizedTags=(0,_react.useMemo)(()=>{return tags.map((tag,index)=>(/*#__PURE__*/_react.default.createElement(Tag,{key:index,label:tag,onDelete:()=>onRemove(tag,index),...tagProps})));},[tags,tagProps,onRemove]);const isLimitReached=maxTags&&tags.length>=maxTags;return/*#__PURE__*/_react.default.createElement(InputWrapper,{fullWidth:fullWidth,status:hasError?'error':'default',size:'regular',onClick:()=>inputEl?.current?.focus(),"data-testid":'tagInput-wrapper'},memoizedTags,/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{animate:{opacity},transition:{duration:0.1}},/*#__PURE__*/_react.default.createElement(Input,{disabled:isLimitReached,onPaste:handleOnPaste,value:inputValue,inputSize:'regular',type:'text',ref:inputEl,onChange:e=>setInputValue(e.target.value),onKeyUp:onKeyUp,placeholder:isLimitReached?'':placeholder,hidden:isLimitReached,onKeyDown:onKeyDown,...rest})));};const Container$d=_styledComponents.default.div.withConfig({displayName:"maxio__Containerd",componentId:"maxio-components__sc-lo74t2-81"})(["&&&{display:inline-grid;grid-template-columns:repeat(2,auto);align-items:center;",";",";",";",";}"],_styledSystem.grid,props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','colorVariant')),(0,_styledComponents.css)(props=>ThemeUtilities.getComponentCSSOverrides(props,'ToastMessage')));const IconContainer=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer",componentId:"maxio-components__sc-lo74t2-82"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','iconColor')));const MESSAGE_ICON={success:'circleCheck',warning:'exclamationTriangle',info:'circleInfo'};const ToastMessage=_ref105=>{let{size='regular',colorVariant='dark',type='info',message}=_ref105;return/*#__PURE__*/_react.default.createElement(Container$d,{size:size,gridGap:5,colorVariant:colorVariant,role:"alert","aria-live":"assertive","aria-atomic":"true"},/*#__PURE__*/_react.default.createElement(IconContainer,{iconColor:`${colorVariant}-${type}`},/*#__PURE__*/_react.default.createElement(Icon,{fill:"inherit",type:MESSAGE_ICON[type],size:32})),/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4",color:"inherit"},message));};const Container$c=_styledComponents.default.div.withConfig({displayName:"maxio__Containerc",componentId:"maxio-components__sc-lo74t2-83"})(["&&&{display:grid;align-items:center;",";}"],_styledSystem.grid);const getOptions=translations=>{const{days,months,years}=translations;return[{label:days,value:'day'},{label:months,value:'month'},{label:years,value:'year'}];};const defaultTranslations$6={label:'Last',days:'Days',months:'Months',years:'Years'};const RelativeTime=_ref106=>{let{unit='day',value,onChange,portalContainer,translations=defaultTranslations$6}=_ref106;const{label}=translations;const options=(0,_react.useMemo)(()=>getOptions(translations),[translations]);return/*#__PURE__*/_react.default.createElement(Container$c,{gridColumnGap:2,gridTemplateColumns:"auto minmax(50px, max-content) minmax(90px, max-content)"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark"},label),/*#__PURE__*/_react.default.createElement(Input$1,{value:value?.toString()||'',placeholder:"0",onChange:e=>onChange({unit,value:+e.target.value}),inputSize:"small"}),/*#__PURE__*/_react.default.createElement(Select,{options:options,selectedValue:unit,onSelect:item=>onChange({unit:item.value,value}),variant:"secondary",selectSize:"small",portalContainer:portalContainer}));};const DatePickerStyles=(0,_styledComponents.createGlobalStyle)([".react-calendar{width:300px;max-width:100%;background:",";border:none;line-height:1.125em;font-family:",";border-radius:","px;box-shadow:0 12px 24px 0 ",";user-select:none;",";}.react-calendar--doubleView{width:700px;}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-0.5em;}.react-calendar--doubleView .react-calendar__viewContainer > *{width:50%;margin:0.5em;}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{box-sizing:border-box;}.react-calendar button{margin:0;border:0;outline:none;font-family:",";}.react-calendar button:enabled:hover{cursor:pointer;}.react-calendar__navigation{display:flex;height:auto;padding:10px 20px;padding:","px;border-bottom:1px solid ",";column-gap:20px;}.react-calendar__navigation button{background:none;padding:0;min-width:20px;}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus-visible{background-color:#e6e6e6;}.react-calendar__navigation button[disabled]{background:none;pointer-events:none;opacity:0.5;}.react-calendar__month-view__weekdays{text-align:center;color:",";font-size:0.75rem;font-weight:400;text-transform:none;abbr{text-decoration:none;border:none;cursor:default;}}.react-calendar__month-view__weekdays__weekday{padding:10px 5px;}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font-size:0.75em;font-weight:bold;padding:calc(0.75em / 0.75) calc(0.5em / 0.75);}.react-calendar__month-view__days__day--neighboringMonth{opacity:0.3;}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:10px 5px;border-radius:","px;font-size:14px;border:",";}.react-calendar__century-view .react-calendar__tile{font-size:13px;}.react-calendar__tile{max-width:100%;text-align:center;padding:0.75em 0.5em;background:none;}.react-calendar__tile:disabled{background-color:",";pointer-events:none;opacity:0.5;}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus-visible{background-color:#e6e6e6;}.react-calendar__tile--now{background:#ffff76;}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus-visible{background:#ffffa9;}.react-calendar__tile--hasActive{background:#76baff;}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus-visible{background:#a9d4ff;}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6;}.react-calendar__month-view__days__day abbr{font-size:14px;border-radius:50%;width:","px;height:","px;display:flex;align-items:center;justify-content:center;}.react-calendar__tile.react-calendar__month-view__days__day{padding:0;}.react-calendar__month-view{padding:","px;padding-top:0;}.react-calendar__tile--now,.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus-visible,.react-calendar__navigation__label:enabled:hover,.react-calendar__navigation__label:enabled:focus-visible,.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus-visible,.react-calendar__navigation button[disabled]{background:",";}button.react-calendar__tile--active abbr,button.react-calendar__tile--active:enabled:hover abbr,button.react-calendar__tile--active:enabled:focus-visible abbr button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend abbr,button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend:enabled:hover abbr,button.react-calendar__tile--active.react-calendar__month-view__days__day--weekend:enabled:focus-visible abbr,.react-calendar__tile.react-calendar__tile--active.react-calendar__month-view__days__day:hover abbr,.react-calendar__tile.react-calendar__tile--active.react-calendar__month-view__days__day:focus-visible abbr,.react-calendar__tile--hasActive,.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:focus-visible{color:",";background:",";}button.react-calendar__tile--hasActive.react-calendar__year-view__months__month,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__year-view__months__month:enabled:focus-visible,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:hover,button.react-calendar__tile--hasActive.react-calendar__decade-view__years__year:enabled:focus-visible{border:",";}.react-calendar__navigation__label__labelText{font-size:1rem;color:",";}button.react-calendar__navigation__arrow:enabled:hover,button.react-calendar__navigation__arrow:enabled:focus-visible{background:none;}button.react-calendar__navigation__arrow:enabled:focus-visible{outline:",";}button.react-calendar__navigation__label{padding:10px;border-radius:","px;transition:background-color 250ms ease-in-out;}.react-calendar__year-view__months,.react-calendar__decade-view__years,.react-calendar__century-view__decades{padding:","px;padding-top:0;}.react-calendar__tile.react-calendar__month-view__days__day:hover,.react-calendar__tile.react-calendar__month-view__days__day:focus-visible{background:none;abbr{background:",";}}.react-calendar__tile--now.react-calendar__month-view__days__day{background:none;abbr{border:",";}&:hover,&:focus-visible{abbr{background:",";}}}.react-calendar__tile--now.react-calendar__year-view__months__month:not(.react-calendar__tile--hasActive),.react-calendar__tile--now.react-calendar__century-view__decades__decade:not(.react-calendar__tile--hasActive),.react-calendar__tile--now.react-calendar__decade-view__years__year:not(.react-calendar__tile--hasActive){background:none;outline:",";outline-offset:-2px;&:hover,&:focus-visible{background:",";}}.react-calendar__tile--now.react-calendar__tile--active{abbr{background:",";}}.react-calendar__month-view__weekdays abbr{font-weight:800;text-transform:uppercase;}.react-calendar__month-view__days__day{&--weekend{color:",";}}.react-calendar__tile--now.react-calendar__month-view__days__day abbr{border:",";}.react-calendar__tile:not(.react-calendar__tile--now,.react-calendar__month-view__days__day--weekend,.react-calendar__tile--hasActive){color:",";}"],_ref107=>{let{theme}=_ref107;return theme.colors.white.main;},_ref108=>{let{theme}=_ref108;return theme.fonts.secondary;},_ref109=>{let{theme}=_ref109;return theme.radii[3];},_ref110=>{let{theme}=_ref110;return(0,_polished.transparentize)(0.85,theme.colors.black.dark);},fontSmoothing,_ref111=>{let{theme}=_ref111;return theme.fonts.secondary;},_ref112=>{let{theme}=_ref112;return theme.space[3];},_ref113=>{let{theme}=_ref113;return theme.colors.white.main;},_ref114=>{let{theme}=_ref114;return(0,_polished.transparentize)(0.3,theme.colors.black.dark);},_ref115=>{let{theme}=_ref115;return theme.radii[3];},_ref116=>{let{theme}=_ref116;return`2px solid ${theme.colors.white.main}`;},_ref117=>{let{theme}=_ref117;return theme.colors.primary.extraLight;},_ref118=>{let{theme}=_ref118;return theme.sizes[5];},_ref119=>{let{theme}=_ref119;return theme.sizes[5];},_ref120=>{let{theme}=_ref120;return theme.space[3];},_ref121=>{let{theme}=_ref121;return theme.colors.primary.extraLight;},_ref122=>{let{theme}=_ref122;return theme.colors.white.main;},_ref123=>{let{theme}=_ref123;return theme.colors.primary.main;},_ref124=>{let{theme}=_ref124;return`2px solid ${theme.colors.white.main}`;},_ref125=>{let{theme}=_ref125;return theme.colors.primary.main;},_ref126=>{let{theme}=_ref126;return`1px solid ${(0,_polished.transparentize)(0.5,theme.colors.primary.main)}`;},_ref127=>{let{theme}=_ref127;return theme.radii[3];},_ref128=>{let{theme}=_ref128;return theme.space[3];},_ref129=>{let{theme}=_ref129;return(0,_polished.transparentize)(0.9,theme.colors.primary.dark);},_ref130=>{let{theme}=_ref130;return`1px solid ${(0,_polished.transparentize)(0.5,theme.colors.primary.main)}`;},_ref131=>{let{theme}=_ref131;return(0,_polished.transparentize)(0.9,theme.colors.primary.main);},_ref132=>{let{theme}=_ref132;return`1px solid ${(0,_polished.transparentize)(0.5,theme.colors.primary.main)}`;},_ref133=>{let{theme}=_ref133;return(0,_polished.transparentize)(0.9,theme.colors.primary.main);},_ref134=>{let{theme}=_ref134;return theme.colors.primary.main;},_ref135=>{let{theme}=_ref135;return theme.colors.danger.main;},_ref136=>{let{theme}=_ref136;return`1px solid ${theme.colors.primary.main}`;},_ref137=>{let{theme}=_ref137;return theme.colors.black.main;});const Container$b=_styledComponents.default.div.withConfig({displayName:"maxio__Containerb",componentId:"maxio-components__sc-lo74t2-84"})(["&&&{position:relative;}"]);const CALENDAR_WIDTH=300;const defaultTranslations$5={placeholder:'From'};const DatePicker=_ref138=>{let{value,translations=defaultTranslations$5,locale='en',minDate,maxDate,portalContainer,calendarAlignment='left',onChange,modalRef,disabled}=_ref138;const[showCalendar,setCalendar]=(0,_react.useState)(false);const calendarContainerRef=(0,_react.useRef)(null);const inputRef=(0,_react.useRef)(null);const{placeholder}=translations;const portalElement=portalContainer?.current;useOnClickOutside([calendarContainerRef,portalContainer],()=>{if(showCalendar){setCalendar(false);}},modalRef?.current);const renderCalendar=()=>(/*#__PURE__*/_react.default.createElement(_reactCalendar.default,{onChange:date=>{onChange(date);setCalendar(false);},value:value,nextLabel:/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronRight",fill:"black.main",size:12}),next2Label:null,prevLabel:/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronLeft",fill:"black.main",size:12}),prev2Label:null,minDate:minDate,maxDate:maxDate,locale:locale}));const calculateDropdownPosition=(0,_react.useCallback)(()=>{const{current:element}=calendarContainerRef;const{top,height,left,width}=element.getBoundingClientRect();const alignmentPosition=calendarAlignment==='left'?left:left-(CALENDAR_WIDTH-width);return{top:top+height+window.scrollY,left:alignmentPosition+window.scrollX,width:CALENDAR_WIDTH};},[calendarAlignment]);const handleBackspace=e=>{if(e.key===KEYBOARD_KEYS.BACKSPACE){onChange(null);}};return/*#__PURE__*/_react.default.createElement(Container$b,{ref:calendarContainerRef},/*#__PURE__*/_react.default.createElement(DatePickerStyles,null),/*#__PURE__*/_react.default.createElement("div",{onClick:()=>!disabled&&setCalendar(!showCalendar),style:{cursor:disabled?'not-allowed':'pointer'},"data-testid":"calendar-input"},/*#__PURE__*/_react.default.createElement("div",{ref:inputRef},/*#__PURE__*/_react.default.createElement(Input$1,{onChange:()=>false,inputSize:"small",iconRight:"calendar",placeholder:placeholder,readOnly:true,onKeyDown:handleBackspace,value:value?.toLocaleDateString(locale)||'',disabled:disabled}))),showCalendar&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,portalElement?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',zIndex:1,...calculateDropdownPosition()}},renderCalendar()),portalElement))):(/*#__PURE__*/_react.default.createElement(_reactFit.default,{invertSecondaryAxis:calendarAlignment==='right'},/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',width:CALENDAR_WIDTH},"data-testid":"calendar-container"},renderCalendar()))))));};const Container$a=_styledComponents.default.ul.withConfig({displayName:"maxio__Containera",componentId:"maxio-components__sc-lo74t2-85"})(["&&&{display:flex;align-items:center;list-style:none;margin:0;padding:0;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','containerVariant')));const Tab=(0,_styledComponents.default)(_framerMotion.motion.li).withConfig({displayName:"maxio__Tab",componentId:"maxio-components__sc-lo74t2-86"})(["&&&{user-select:none;cursor:pointer;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','size')));const Wrapper$f=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperf",componentId:"maxio-components__sc-lo74t2-87"})(["&&&{position:relative;flex:1;min-width:0;}"]);const Underline=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Underline",componentId:"maxio-components__sc-lo74t2-88"})(["&&&{position:absolute;bottom:-1px;height:2px;width:100%;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','variant')));const Tabs=_ref139=>{let{tabs,activeTabId,onClick}=_ref139;return/*#__PURE__*/_react.default.createElement(Container$a,{containerVariant:"primary"},/*#__PURE__*/_react.default.createElement(_framerMotion.LayoutGroup,null,tabs.map(_ref140=>{let{label,id}=_ref140;return/*#__PURE__*/_react.default.createElement(Wrapper$f,{key:id},/*#__PURE__*/_react.default.createElement(Tab,{size:"regular",onClick:()=>onClick?onClick(id):null,title:label},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",fontWeight:600,overflow:"truncate",textAlign:"center"},label)),activeTabId===id?(/*#__PURE__*/_react.default.createElement(Underline,{variant:"primary",layout:true,layoutId:"underline"})):null);})));};const RadioGroupWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__RadioGroupWrapper",componentId:"maxio-components__sc-lo74t2-89"})(["&&&{display:flex;",";",";}"],_styledSystem.flexDirection,_styledSystem.gridGap);const RadioGroup=_ref141=>{let{options,onValueChange,selectedValue,optionsDirection='row',optionsGap=5}=_ref141;return/*#__PURE__*/_react.default.createElement(RadioGroupWrapper,{gridGap:optionsGap,flexDirection:optionsDirection},options.map(option=>(/*#__PURE__*/_react.default.createElement(RadioButton,{key:option.value,isSelected:selectedValue===option.value,label:option.label,value:option.value,onValueChange:value=>onValueChange(value)}))));};const InputContainer=_styledComponents.default.div.withConfig({displayName:"maxio__InputContainer",componentId:"maxio-components__sc-lo74t2-90"})(["&&&{pointer-events:none;}"]);const Container$9=_styledComponents.default.div.withConfig({displayName:"maxio__Container9",componentId:"maxio-components__sc-lo74t2-91"})(["&&&{position:relative;}"]);const OptionsContainer=_styledComponents.default.div.withConfig({displayName:"maxio__OptionsContainer",componentId:"maxio-components__sc-lo74t2-92"})(["&&&{display:flex;}"]);const RelativeColumn=_styledComponents.default.div.withConfig({displayName:"maxio__RelativeColumn",componentId:"maxio-components__sc-lo74t2-93"})(["&&&{position:relative;flex:1;}"]);const getInputValue=value=>{if(value&&'minute'in value&&'hour'in value){const{minute,hour}=value;const minutes=minute<10?`0${minute}`:minute.toString();const hours=hour<10?`0${hour}`:hour.toString();return`${hours}:${minutes}`;}return'';};const getTimeOptions=length=>Array.from({length},(_,idx)=>({label:idx<10?`0${idx}`:`${idx}`,value:idx}));const defaultTranslations$4={placeholder:'Select time'};const minutesOptions=getTimeOptions(60);const hoursOptions=getTimeOptions(24);const TimePicker=_ref142=>{let{value,portalContainer,translations=defaultTranslations$4,onChange,modalRef,disabled,dropdownAlignment='left'}=_ref142;const[showPicker,setPicker]=(0,_react.useState)(false);const pickerContainerRef=(0,_react.useRef)(null);const{minute,hour}=value||{};const{placeholder}=translations;const portalElement=portalContainer?.current;useOnClickOutside([pickerContainerRef,portalContainer],()=>{if(showPicker){setPicker(false);}},modalRef?.current);const calculateDropdownPosition=(0,_react.useCallback)(()=>{const{current:element}=pickerContainerRef;const{top,height,left,width}=element.getBoundingClientRect();return{top:top+height+window.scrollY,left:left+window.scrollX,width};},[pickerContainerRef]);const renderOptions=()=>(/*#__PURE__*/_react.default.createElement(OptionsContainer,null,/*#__PURE__*/_react.default.createElement(RelativeColumn,null,/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:hoursOptions,onSelect:(_e,_ref143)=>{let{value}=_ref143;return onChange({minute:minute||0,hour:Number(value)});},selectSize:"small",selectionIndex:hoursOptions.findIndex(_ref144=>{let{value}=_ref144;return value===hour;})})),/*#__PURE__*/_react.default.createElement(RelativeColumn,null,/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:minutesOptions,onSelect:(_e,_ref145)=>{let{value}=_ref145;return onChange({hour:hour||0,minute:Number(value)});},selectSize:"small",selectionIndex:minutesOptions.findIndex(_ref146=>{let{value}=_ref146;return value===minute;})}))));return/*#__PURE__*/_react.default.createElement(Container$9,{ref:pickerContainerRef},/*#__PURE__*/_react.default.createElement("div",{onClick:()=>{!disabled&&setPicker(!showPicker);},style:{cursor:disabled?'not-allowed':'pointer'},"data-testid":"time-picker-input"},/*#__PURE__*/_react.default.createElement(InputContainer,null,/*#__PURE__*/_react.default.createElement(Input$1,{onChange:()=>false,inputSize:"small",iconRight:"clock",placeholder:placeholder,readOnly:true,value:getInputValue(value),disabled:disabled}))),showPicker&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,portalElement?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',...calculateDropdownPosition()}},renderOptions()),portalElement))):(/*#__PURE__*/_react.default.createElement(_reactFit.default,null,/*#__PURE__*/_react.default.createElement("div",{style:{position:'absolute',width:'100%'},"data-testid":"time-picker-container"},renderOptions()))))));};const formatCardNumber$1=number=>number.replace(/x/gi,'·').replace(/-/g,' ');const CreditCardNumberWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardNumberWrapper",componentId:"maxio-components__sc-lo74t2-94"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardNumber','variant')));CreditCardNumberWrapper.defaultProps={variant:'regular'};const CreditCardNumber=_ref147=>{let{number}=_ref147;return/*#__PURE__*/_react.default.createElement(CreditCardNumberWrapper,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3",color:"inherit"},formatCardNumber$1(number)));};const CreditCardAddressWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardAddressWrapper",componentId:"maxio-components__sc-lo74t2-95"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardAddress','variant')));CreditCardAddressWrapper.defaultProps={variant:'regular'};const CreditCardAddress=_ref148=>{let{firstLine,secondLine}=_ref148;return/*#__PURE__*/_react.default.createElement(CreditCardAddressWrapper,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"inherit",textAlign:"right",overflow:"truncate"},firstLine),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"inherit",textAlign:"right",overflow:"truncate"},secondLine));};const formatExpirationYear=year=>{const str=year.toString();return str.substr(str.length-2);};const CreditCardHolderDetailsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardHolderDetailsWrapper",componentId:"maxio-components__sc-lo74t2-96"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardHolderDetails','variant')));CreditCardHolderDetailsWrapper.defaultProps={variant:'regular'};const CreditCardHolderDetails=_ref149=>{let{firstName,lastName,expirationMonth,expirationYear}=_ref149;return/*#__PURE__*/_react.default.createElement(CreditCardHolderDetailsWrapper,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",overflow:"truncate",color:"inherit"},firstName?firstName:'',firstName&&lastName?' ':'',lastName?lastName:''),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit"},expirationMonth>9?expirationMonth:`0${expirationMonth}`,"/",formatExpirationYear(expirationYear)));};const PageHeaderTitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PageHeaderTitleWrapper",componentId:"maxio-components__sc-lo74t2-97"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'PageHeaderTitle','variant')));PageHeaderTitleWrapper.defaultProps={variant:'regular'};const PageHeaderTitle=_ref150=>{let{title,size}=_ref150;return/*#__PURE__*/_react.default.createElement(PageHeaderTitleWrapper,null,/*#__PURE__*/_react.default.createElement("div",{"data-testid":"page-title"},size==='small'?(/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit"},title)):(/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3",color:"inherit"},title))));};const PageHeaderSubtitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PageHeaderSubtitleWrapper",componentId:"maxio-components__sc-lo74t2-98"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'PageHeaderSubtitle','variant')));PageHeaderSubtitleWrapper.defaultProps={variant:'regular'};const PageHeaderSubtitle=_ref151=>{let{subtitle,size}=_ref151;return/*#__PURE__*/_react.default.createElement(PageHeaderSubtitleWrapper,null,/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,size==='small'?(/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"inherit"},subtitle)):(/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3",color:"inherit"},subtitle))));};const Container$8=_styledComponents.default.div.withConfig({displayName:"maxio__Container8",componentId:"maxio-components__sc-lo74t2-99"})(["&&&{display:flex;flex-wrap:wrap;",";",";",";}"],_styledSystem.padding,_styledSystem.alignItems,_styledSystem.grid);const PageHeader=_ref152=>{let{title,subtitle,onBack,previousPageLabel,size='medium'}=_ref152;return/*#__PURE__*/_react.default.createElement("div",null,previousPageLabel&&(/*#__PURE__*/_react.default.createElement(Anchor,{iconLeft:"chevronLeft",label:previousPageLabel,onClick:()=>onBack&&onBack(),size:size})),/*#__PURE__*/_react.default.createElement(Container$8,{paddingTop:[3,5],paddingBottom:[3,5],alignItems:['initial','center'],gridGap:size==='small'?3:5},title&&/*#__PURE__*/_react.default.createElement(PageHeaderTitle,{title:title,size:size}),subtitle&&/*#__PURE__*/_react.default.createElement(PageHeaderSubtitle,{subtitle:subtitle,size:size})));};const Master=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"219",height:"165",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/_react.default.createElement("g",{opacity:".7"},/*#__PURE__*/_react.default.createElement("path",{opacity:".5",d:"M181.173-40.842c-11.35 10.371-20.119 23.075-25.643 37.149-5.549 14.064-7.711 29.137-6.32 44.076 1.39 14.939 6.297 29.353 14.347 42.152l-.009.003.034.012-.005-.008c14.88-4.587 28.508-12.358 39.857-22.727s20.122-23.066 25.658-37.133c5.535-14.067 7.689-29.137 6.299-44.074-1.39-14.933-6.287-29.344-14.32-42.146l-.034-.012c-14.884 4.575-28.516 12.34-39.864 22.708Z",fill:"#fff"}),/*#__PURE__*/_react.default.createElement("path",{d:"M155.546-3.68c5.523-14.073 14.291-26.775 25.641-37.145 11.35-10.37 24.983-18.136 39.869-22.71-9.962-15.864-24.381-28.678-41.609-36.978s-36.569-11.751-55.814-9.958c-19.245 1.794-37.616 8.758-53.014 20.098-15.398 11.34-27.2 26.597-34.06 44.029-6.86 17.431-8.5 36.333-4.73 54.546 3.768 18.212 12.792 35 26.04 48.443 13.25 13.444 30.187 23.002 48.879 27.581 18.692 4.58 38.384 3.996 56.824-1.684-8.05-12.798-12.955-27.211-14.346-42.15-1.39-14.937.771-30.009 6.32-44.072Z",fill:"#E7EEF4"}),/*#__PURE__*/_react.default.createElement("path",{opacity:".9",d:"M348.085 65.356c-6.859 17.432-18.662 32.69-34.059 44.03-15.398 11.34-33.768 18.304-53.013 20.098-19.244 1.793-38.585-1.658-55.813-9.958-17.228-8.299-31.646-21.114-41.608-36.978 14.879-4.586 28.506-12.356 39.854-22.724 11.348-10.369 20.12-23.064 25.656-37.13 5.535-14.066 7.689-29.135 6.298-44.07-1.39-14.937-6.288-29.35-14.324-42.152 18.44-5.68 38.131-6.264 56.823-1.685 18.691 4.58 35.629 14.138 48.878 27.581 13.248 13.444 22.272 30.231 26.04 48.443 3.768 18.212 2.128 37.114-4.732 54.545Z",fill:"#fff"}))));const Visa=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"163",height:"44",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/_react.default.createElement("g",{opacity:".5",fill:"#fff"},/*#__PURE__*/_react.default.createElement("path",{d:"M75.453 42.426H61.374L70.18-8.996h14.078l-8.805 51.422ZM126.487-7.74c-2.777-1.04-7.181-2.189-12.627-2.189-13.903 0-23.693 7.002-23.753 17.012-.115 7.386 7.01 11.488 12.339 13.95 5.446 2.517 7.298 4.16 7.298 6.403-.056 3.445-4.401 5.032-8.455 5.032-5.62 0-8.632-.818-13.209-2.735l-1.854-.821-1.97 11.543c3.302 1.42 9.386 2.681 15.701 2.736 14.772 0 24.389-6.893 24.503-17.56.056-5.854-3.706-10.34-11.817-14.005-4.924-2.353-7.939-3.94-7.939-6.347.057-2.188 2.55-4.43 8.108-4.43 4.577-.11 7.94.93 10.487 1.97l1.274.545 1.914-11.104ZM145.198 24.209c1.16-2.954 5.621-14.388 5.621-14.388-.058.11 1.157-3.008 1.852-4.923l.984 4.431s2.666 12.309 3.245 14.88h-11.702Zm17.378-33.205h-10.889c-3.358 0-5.91.929-7.359 4.266l-20.911 47.155h14.772l2.955-7.714h18.075c.404 1.806 1.68 7.714 1.68 7.714h13.035L162.576-8.996ZM49.615-8.996 35.828 26.069l-1.507-7.112C31.773 10.751 23.779 1.836 14.858-2.597L27.486 42.37h14.887L64.502-8.996H49.615Z"}),/*#__PURE__*/_react.default.createElement("path",{d:"M23.025-8.996H.375L.143-7.957C17.812-3.69 29.513 6.596 34.321 18.959L29.397-4.674c-.81-3.284-3.301-4.214-6.372-4.322Z"}))));const Container$7=_styledComponents.default.div.withConfig({displayName:"maxio__Container7",componentId:"maxio-components__sc-lo74t2-100"})(["&&&{position:absolute;right:0;top:0;z-index:-1;transform-origin:100% 0;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Watermark','variant')));const Watermark$1=_ref153=>{let{type,size}=_ref153;const variant=`${type}-${size}`;if(type==='visa')return/*#__PURE__*/_react.default.createElement(Container$7,{variant:variant},/*#__PURE__*/_react.default.createElement(Visa,null));if(type==='master')return/*#__PURE__*/_react.default.createElement(Container$7,{variant:variant},/*#__PURE__*/_react.default.createElement(Master,null));return null;};const Chip=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"32",height:"24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{flexShrink:0}},/*#__PURE__*/_react.default.createElement("mask",{id:"a",style:{maskType:'alpha'},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"32",height:"24"},/*#__PURE__*/_react.default.createElement("path",{d:"M25.8 0H5.4A5.4 5.4 0 0 0 0 5.4v13.2A5.4 5.4 0 0 0 5.4 24h20.4a5.4 5.4 0 0 0 5.4-5.4V5.4A5.4 5.4 0 0 0 25.8 0Z",fill:"#fff"})),/*#__PURE__*/_react.default.createElement("g",{mask:"url(#a)"},/*#__PURE__*/_react.default.createElement("path",{d:"M5.4.5h20.4a4.9 4.9 0 0 1 4.9 4.9v13.2a4.9 4.9 0 0 1-4.9 4.9H5.4a4.9 4.9 0 0 1-4.9-4.9V5.4A4.9 4.9 0 0 1 5.4.5Z",fill:"#FFC12D",stroke:"#D8A427"}),/*#__PURE__*/_react.default.createElement("path",{d:"M19.872 4.506C18.783 2.464 17.272 1.2 15.6 1.2c-3.314 0-6 4.97-6 11.1s2.686 11.1 6 11.1c3.313 0 6-4.97 6-11.1 0-1.261-.114-2.474-.324-3.603",stroke:"#D8A427"}),/*#__PURE__*/_react.default.createElement("path",{d:"M21.674 15.9h9.436M.074 8.7H9.51.074Zm0 3.6h27.223H.074Zm0 0h27.223H.074Zm0 7.8h27.223H.074Zm0-15.6h27.223H.074Zm0 11.4H9.51.074Zm21.223-7.2h9.813-9.813Z",stroke:"#D8A428"}))));const Wrapper$e=_styledComponents.default.div.withConfig({displayName:"maxio__Wrappere",componentId:"maxio-components__sc-lo74t2-101"})(["&&&{display:flex;align-items:center;gap:4px;}"]);const StatusMsg=_ref154=>{let{status,customMessages}=_ref154;const{t}=(0,_reactI18next.useTranslation)(['payment-profile']);const statusMsg={active:t('active_payment'),error:t('expired_card'),unavailable:t('unavailable'),...customMessages};const getStatusIcon=status=>{switch(status){case'active':return/*#__PURE__*/_react.default.createElement(Icon,{fill:'success.main',type:'circleCheck',size:16});case'error':return/*#__PURE__*/_react.default.createElement(Icon,{fill:'danger.main',type:'circleCross',size:16});case'unavailable':return/*#__PURE__*/_react.default.createElement(Icon,{fill:'danger.light',type:'circleInfo',size:16});default:return null;}};const getMsgColor=status=>{if(status==='active'){return'success.main';}if(status==='error'){return'danger.main';}if(status==='unavailable'){return'danger.light';}};return/*#__PURE__*/_react.default.createElement(Wrapper$e,null,getStatusIcon(status),/*#__PURE__*/_react.default.createElement(Heading,{variant:'h5',color:getMsgColor(status)},statusMsg[status]));};const Card$1=_styledComponents.default.div.withConfig({displayName:"maxio__Card1",componentId:"maxio-components__sc-lo74t2-102"})(["&&&{display:inline-flex;flex-direction:column;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','size')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','variant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','status')));const AddressWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__AddressWrapper",componentId:"maxio-components__sc-lo74t2-103"})(["&&&{min-width:0;margin-left:auto;}"]);const CardNumberWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CardNumberWrapper",componentId:"maxio-components__sc-lo74t2-104"})(["&&&{margin-top:auto;margin-bottom:auto;}"]);const Row$3=_styledComponents.default.div.withConfig({displayName:"maxio__Row3",componentId:"maxio-components__sc-lo74t2-105"})(["&&&{display:grid;align-items:center;",";",";",";}"],_styledSystem.gridGap,_styledSystem.gridTemplateColumns,_styledSystem.display);const formatAddressDetails$1=details=>{const address=details.address??'';const address2=details.address2??'';const city=details.city??'';const country=details.country??'';const state=details.state??'';const zip=details.zip??'';const firstLine=`${address}${address&&address2?', ':''}${address2}`;let secondLine=`${zip}${zip&&city?' ':''}${city}${(zip||city)&&state?', ':''}${state}${(zip||city||state)&&country?', ':''}${country}`;if(country==='US'){secondLine=`${city}${city&&state?', ':''}${state}${(city||state)&&zip?' ':''}${zip}${(city||state||zip)&&country?', ':''}${country}`;}return{firstLine,secondLine};};const CreditCard$1=_ref155=>{let{card,addressDetails={},variant='primary',size='regular',status,renderSlot}=_ref155;const{type,maskedNumber,firstName,lastName,expirationMonth,expirationYear}=card;const{firstLine,secondLine}=formatAddressDetails$1(addressDetails);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$1,{variant:variant,size:size,status:status,"data-testid":"creditCard"},/*#__PURE__*/_react.default.createElement(Watermark$1,{type:type,size:size}),/*#__PURE__*/_react.default.createElement(Row$3,{gridGap:size==='small'?3:5,display:'flex'},/*#__PURE__*/_react.default.createElement(Chip,null),/*#__PURE__*/_react.default.createElement(AddressWrapper,null,/*#__PURE__*/_react.default.createElement(CreditCardAddress,{firstLine:firstLine,secondLine:secondLine})),renderSlot&&/*#__PURE__*/_react.default.createElement("div",null,renderSlot())),/*#__PURE__*/_react.default.createElement(CardNumberWrapper,null,/*#__PURE__*/_react.default.createElement(CreditCardNumber,{number:maskedNumber})),/*#__PURE__*/_react.default.createElement(Row$3,{gridGap:size==='small'?2:3,gridTemplateColumns:"1fr auto auto"},/*#__PURE__*/_react.default.createElement(CreditCardHolderDetails,{firstName:firstName,lastName:lastName,expirationMonth:expirationMonth,expirationYear:expirationYear}),/*#__PURE__*/_react.default.createElement(Logo,{type:type}))),status&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:3},/*#__PURE__*/_react.default.createElement(StatusMsg,{status:status}))));};var CreditCard$2=Object.assign(CreditCard$1,{Watermark:Watermark$1,Chip,Logo});const NameWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__NameWrapper1",componentId:"maxio-components__sc-lo74t2-106"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);const QuantityComponent=_ref156=>{let{name,description,value}=_ref156;return/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(NameWrapper$1,{gridColumnGap:2},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.dark",fontWeight:2,overflow:"truncate"},name),description&&(/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:description}),placement:"top-start",followCursor:true},/*#__PURE__*/_react.default.createElement(Icon,{type:"questionCircle",size:16,fill:"gray.dark"}))))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"black.main",textAlign:"right"},value)));};_styledComponents.default.div.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-107"})(["&&&{",";",";}"],_ref157=>{let{theme}=_ref157;return(0,_styledComponents.css)(["background:",";border-radius:","px;"],theme.colors.primary.extraLight,theme.radii[4]);},_styledSystem.padding);const Name=_styledComponents.default.div.withConfig({displayName:"maxio__Name",componentId:"maxio-components__sc-lo74t2-108"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);const Prepaid=_styledComponents.default.div.withConfig({displayName:"maxio__Prepaid",componentId:"maxio-components__sc-lo74t2-109"})(["&&&{display:flex;flex-direction:column;}"]);const Usage=_styledComponents.default.div.withConfig({displayName:"maxio__Usage",componentId:"maxio-components__sc-lo74t2-110"})(["&&&{",";display:flex;justify-content:flex-end;}"],_styledSystem.margin);const Used=_styledComponents.default.div.withConfig({displayName:"maxio__Used",componentId:"maxio-components__sc-lo74t2-111"})(["&&&{display:flex;flex-direction:column;",";",";}"],_styledSystem.textAlign,_styledSystem.padding);const Overage=_styledComponents.default.div.withConfig({displayName:"maxio__Overage",componentId:"maxio-components__sc-lo74t2-112"})(["&&&{",";display:flex;flex-direction:column;",";",";}"],_ref158=>{let{theme}=_ref158;return(0,_styledComponents.css)(["border-right:1px solid ",";"],theme.colors.gray.extraLight);},_styledSystem.textAlign,_styledSystem.padding);const RowWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper1",componentId:"maxio-components__sc-lo74t2-113"})(["&&&{",";}"],_styledSystem.margin);const defaultTranslations$3={overage_charge:'Overage charge',resources_renew_every_billing_period:'The resources will renew every billing period.',remaining_resources_will_roll_over_to_next_billing_period:'Remaining resources will roll over to the next billing period',overages:'Overages',usage:'Usage',prepaid:'Prepaid'};const PrepaidComponent=_ref159=>{let{name,prepaid,usage,isCumulative,unit,translations=defaultTranslations$3,description,cardVariant='primary',overageBalance,isRenewable}=_ref159;return/*#__PURE__*/_react.default.createElement(SubscriptionComponentCard,{rowGap:0,variant:cardVariant},/*#__PURE__*/_react.default.createElement(RowWrapper$1,{marginBottom:3},/*#__PURE__*/_react.default.createElement(Name,{gridColumnGap:2},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.dark",fontWeight:2,overflow:"truncate"},name),description&&(/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:description}),placement:"top-start",followCursor:true},/*#__PURE__*/_react.default.createElement(Icon,{type:"questionCircle",size:16,fill:"gray.dark"}))))),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark",fontWeight:0},isRenewable&&(/*#__PURE__*/_react.default.createElement("span",null,translations.resources_renew_every_billing_period))),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark",fontWeight:0},isCumulative&&(/*#__PURE__*/_react.default.createElement("span",null,translations.remaining_resources_will_roll_over_to_next_billing_period))),/*#__PURE__*/_react.default.createElement(RowWrapper$1,{marginTop:5},/*#__PURE__*/_react.default.createElement(ProgressBar,{max:prepaid,value:usage,mode:"light"})),/*#__PURE__*/_react.default.createElement(RowWrapper$1,{marginTop:3},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(Prepaid,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.main",fontWeight:2},translations.prepaid),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"black.main"},prepaid," ",unit))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(Usage,null,usage>prepaid&&(/*#__PURE__*/_react.default.createElement(Overage,{textAlign:"right",paddingRight:4},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"danger.light",fontWeight:2,textAlign:"right"},translations.overages),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"danger.light",textAlign:"right"},overageBalance," ",unit))),/*#__PURE__*/_react.default.createElement(Used,{textAlign:"right",paddingLeft:4},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.main",fontWeight:2,textAlign:"right"},translations.usage),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"black.main",textAlign:"right"},usage," ",unit)))))));};const NameWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__NameWrapper",componentId:"maxio-components__sc-lo74t2-114"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);const MeteredComponent=_ref160=>{let{name,description,value}=_ref160;return/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(NameWrapper,{gridColumnGap:2},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.dark",fontWeight:2,overflow:"truncate"},name),description&&(/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:description}),placement:"top-start",followCursor:true},/*#__PURE__*/_react.default.createElement(Icon,{type:"questionCircle",size:16,fill:"gray.dark"}))))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"black.main",textAlign:"right"},value)));};const ContentWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ContentWrapper",componentId:"maxio-components__sc-lo74t2-115"})(["&&&{text-align:left;display:flex;align-items:center;height:100%;",";}"],_styledSystem.gridGap);const ToggleWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper1",componentId:"maxio-components__sc-lo74t2-116"})(["&&&{display:flex;justify-content:flex-end;}"]);const OnOffComponent=_ref161=>{let{isOn,isDisabled,name,description,toggleVariant='reversed'}=_ref161;return/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:20},/*#__PURE__*/_react.default.createElement(ContentWrapper,{gridGap:2},/*#__PURE__*/_react.default.createElement(BodyText,{overflow:"truncate",variant:"body2",color:'gray.dark',fontWeight:2},name),description&&(/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:description}),placement:"top-start",followCursor:true},/*#__PURE__*/_react.default.createElement(Icon,{type:'questionCircle',fill:'gray.dark',size:16}))))),/*#__PURE__*/_react.default.createElement(Column$1,{span:4},/*#__PURE__*/_react.default.createElement(ToggleWrapper$1,null,/*#__PURE__*/_react.default.createElement(Toggle,{isDisabled:isDisabled,variant:toggleVariant,isOn:isOn}))));};const Watermark=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"122",height:"160",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/_react.default.createElement("path",{d:"M160 38.4v5.333a2.667 2.667 0 0 1-2.667 2.667h-8v4a4 4 0 0 1-4 4H14.667a4 4 0 0 1-4-4v-4h-8A2.667 2.667 0 0 1 0 43.733V38.4a2.667 2.667 0 0 1 1.647-2.464L78.98 6.603a2.666 2.666 0 0 1 2.04 0l77.333 29.333A2.667 2.667 0 0 1 160 38.4Zm-8 101.333H8a8 8 0 0 0-8 8v5.334a2.665 2.665 0 0 0 2.667 2.666h154.666a2.666 2.666 0 0 0 2.667-2.666v-5.334a8 8 0 0 0-8-8Zm-125.333-80v64h-12a4 4 0 0 0-4 4v6.667h138.666v-6.667a4 4 0 0 0-4-4h-12v-64H112v64H90.667v-64H69.333v64H48v-64H26.667Z",fill:"#9AC4E1",opacity:".1"})));const Card=_styledComponents.default.div.withConfig({displayName:"maxio__Card",componentId:"maxio-components__sc-lo74t2-117"})(["&&&{display:inline-flex;flex-direction:column;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','cardSize')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','variant')),props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','status')));const WatermarkContainer=_styledComponents.default.div.withConfig({displayName:"maxio__WatermarkContainer",componentId:"maxio-components__sc-lo74t2-118"})(["&&&{position:absolute;right:0;top:50%;z-index:-1;transform:translateY(-50%);transform-origin:100% 0;",";}"],_ref162=>{let{size}=_ref162;return size==='small'&&(0,_styledComponents.css)(["transform:scale(0.68) translateY(-50%);"]);});const NumbersContainer=_styledComponents.default.div.withConfig({displayName:"maxio__NumbersContainer",componentId:"maxio-components__sc-lo74t2-119"})(["&&&{display:flex;",";}"],_styledSystem.gridGap);const Number$1=_styledComponents.default.div.withConfig({displayName:"maxio__Number1",componentId:"maxio-components__sc-lo74t2-120"})(["&&&{flex:1;min-width:0;}"]);const AddressContainer=_styledComponents.default.div.withConfig({displayName:"maxio__AddressContainer",componentId:"maxio-components__sc-lo74t2-121"})(["&&&{",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','addressSize')));const Content$d=_styledComponents.default.div.withConfig({displayName:"maxio__Contentd",componentId:"maxio-components__sc-lo74t2-122"})(["&&&{flex:1;display:flex;flex-direction:column;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','contentSize')));const Row$2=_styledComponents.default.div.withConfig({displayName:"maxio__Row2",componentId:"maxio-components__sc-lo74t2-123"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridGap);const formatAddressDetails=details=>{const{address='',address2='',city='',country='',state='',zip=''}=details;if(country==='US'){return`${address}${address&&address2?' ':''}${address2}${(address||address2)&&city?', ':''}${city}${(address||address2||city)&&state?', ':''}${state}${(address||address2||city||state)&&zip?' ':''}${zip}${(address||address2||city||state||zip)&&country?', ':''}${country}`;}return`${address}${address&&address2?' ':''}${address2}${(address||address2)&&zip?', ':''}${zip}${(address||address2||zip)&&city?' ':''}${city}${(address||address2||zip||city)&&state?', ':''}${state}${(address||address2||city||state||zip)&&country?', ':''}${country}`;};const defaultTranslations$2={routing_number:'Routing No.',account_number:'Account No.'};const BankAccount=_ref163=>{let{accountDetails,addressDetails={},size='regular',variant='primary',translations=defaultTranslations$2,status,renderSlot}=_ref163;const{firstName,lastName,bankName,routingNumber,accountNumber}=accountDetails;const address=formatAddressDetails(addressDetails);const hasAddress=!!address.length;return/*#__PURE__*/_react.default.createElement(Card,{cardSize:size,variant:variant,status:status},/*#__PURE__*/_react.default.createElement(WatermarkContainer,{size:size},/*#__PURE__*/_react.default.createElement(Watermark,null)),/*#__PURE__*/_react.default.createElement(Content$d,{contentSize:`${size}-${hasAddress}`},/*#__PURE__*/_react.default.createElement(Row$2,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",overflow:"truncate"},bankName),renderSlot&&(/*#__PURE__*/_react.default.createElement("div",{style:{marginLeft:'auto'}},renderSlot()))),/*#__PURE__*/_react.default.createElement(Box,{marginTop:"auto",marginBottom:3},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",overflow:"truncate"},firstName," ",lastName)),/*#__PURE__*/_react.default.createElement(NumbersContainer,{gridGap:8},/*#__PURE__*/_react.default.createElement(Number$1,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark",overflow:"truncate"},translations.routing_number),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",overflow:"truncate"},routingNumber)),/*#__PURE__*/_react.default.createElement(Number$1,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark",overflow:"truncate"},translations.account_number),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",overflow:"truncate"},accountNumber)))),hasAddress&&(/*#__PURE__*/_react.default.createElement(AddressContainer,{addressSize:size},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"gray.dark",overflow:"truncate"},address))));};const TableRow=_styledComponents.default.tr.withConfig({displayName:"maxio__TableRow",componentId:"maxio-components__sc-lo74t2-124"})(["&&&{display:flex;flex:1;transition:background-color 0.1s;will-change:background-color;",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','row')),props=>props.disableBorder&&(0,_styledComponents.css)(["border:none;"]));TableRow.defaultProps={variant:'body'};const StyledTable=_styledComponents.default.table.withConfig({displayName:"maxio__StyledTable",componentId:"maxio-components__sc-lo74t2-125"})(["&&&{width:100%;box-sizing:border-box;border-spacing:0;overflow-x:scroll;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','table')));StyledTable.defaultProps={size:'regular'};const TableWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TableWrapper",componentId:"maxio-components__sc-lo74t2-126"})(["&&&{overflow-x:hidden;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','wrapper')));TableWrapper.defaultProps={wrapper:'default'};const ScrollWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ScrollWrapper",componentId:"maxio-components__sc-lo74t2-127"})(["&&&{width:100%;overflow-x:auto;}"]);const StyledTableCell=_styledComponents.default.div.withConfig({displayName:"maxio__StyledTableCell",componentId:"maxio-components__sc-lo74t2-128"})(["&&&{display:flex;flex:1;align-items:center;",";",";",";",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','cell')),_styledSystem.justifyContent,_styledSystem.layout,_styledSystem.gridGap);StyledTableCell.defaultProps={cellSize:'regular',minWidth:120};const TableCell=_ref164=>{let{children,align,...rest}=_ref164;return/*#__PURE__*/_react.default.createElement(StyledTableCell,{justifyContent:align,...rest},children);};const SortIndicator=_ref165=>{let{sortMode}=_ref165;const colorVariants={on:{opacity:1},off:{opacity:0.3}};return/*#__PURE__*/_react.default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"7",height:"16",viewBox:"0 0 7 16"},/*#__PURE__*/_react.default.createElement(_framerMotion.motion.path,{initial:'off',animate:sortMode==='asc'?'on':'off',variants:colorVariants,d:"M0.553169 6.40036H5.84685C6.33882 6.40036 6.5846 5.6559 6.23763 5.22243L3.59179 1.80264C3.48367 1.6675 3.3424 1.59998 3.20121 1.59998C3.06012 1.59998 2.91943 1.6675 2.81223 1.80264L0.162373 5.22293C-0.184566 5.6554 0.061099 6.40036 0.553169 6.40036Z"}),/*#__PURE__*/_react.default.createElement(_framerMotion.motion.path,{initial:'off',animate:sortMode==='desc'?'on':'off',variants:colorVariants,d:"M6.2383 10.7775L3.59015 14.1977C3.48214 14.3328 3.34213 14.4003 3.20012 14.4003C3.05902 14.4003 2.91771 14.3327 2.8107 14.1975L0.162544 10.7773C-0.184656 10.345 0.0610382 9.59998 0.553167 9.59998H5.84748C6.33831 9.59998 6.58432 10.345 6.2383 10.7775Z"}));};const StyledTableHeader=_styledComponents.default.div.withConfig({displayName:"maxio__StyledTableHeader",componentId:"maxio-components__sc-lo74t2-129"})(["&&&{flex:1;display:flex;",";",";}"],_styledSystem.layout,_styledSystem.justifyContent);StyledTableHeader.defaultProps={minWidth:120};const TableHeadContainer=_styledComponents.default.div.withConfig({displayName:"maxio__TableHeadContainer",componentId:"maxio-components__sc-lo74t2-130"})(["&&&{align-items:center;cursor:pointer;user-select:none;font-weight:inherit;display:inline-flex;",";",";",";",";",";}"],_styledSystem.flexDirection,_styledSystem.layout,_styledSystem.padding,_styledSystem.gridGap,_styledSystem.flex);TableHeadContainer.defaultProps={gridGap:3,paddingY:6,paddingX:2};const TableHeader=_ref166=>{let{sortMode,children,align='left',onClick,minWidth,disableSort=false,...rest}=_ref166;const isLeftOrCenter=align==='left'||align==='center';return/*#__PURE__*/_react.default.createElement(StyledTableHeader,{justifyContent:align,minWidth:minWidth},/*#__PURE__*/_react.default.createElement(TableHeadContainer,{...rest,onClick:()=>!disableSort&&onClick()},!disableSort&&align==='right'&&(/*#__PURE__*/_react.default.createElement(SortIndicator,{sortMode:sortMode})),children,!disableSort&&isLeftOrCenter&&(/*#__PURE__*/_react.default.createElement(SortIndicator,{sortMode:sortMode}))));};const TableHead=_styledComponents.default.thead.withConfig({displayName:"maxio__TableHead",componentId:"maxio-components__sc-lo74t2-131"})(["&&&{width:100%;display:flex;",";}"],props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','header')));TableHead.defaultProps={variant:'primary'};const TableBody=_styledComponents.default.tbody.withConfig({displayName:"maxio__TableBody",componentId:"maxio-components__sc-lo74t2-132"})(["&&&{width:100%;display:flex;flex-direction:column;}"]);const TableCellContainer=_styledComponents.default.td.withConfig({displayName:"maxio__TableCellContainer",componentId:"maxio-components__sc-lo74t2-133"})(["&&&{flex:1;display:flex;padding:0;}"]);const TableFooter$1=_styledComponents.default.div.withConfig({displayName:"maxio__TableFooter1",componentId:"maxio-components__sc-lo74t2-134"})(["&&&{display:flex;flex-direction:row;align-items:center;border-top:1px solid ",";flex-wrap:wrap;",";",";",";",";}"],_ref167=>{let{theme}=_ref167;return theme.colors.gray.extraLight;},props=>(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','footer')),_styledSystem.justifyContent,_styledSystem.padding,_styledSystem.gridGap);TableFooter$1.defaultProps={variant:'default'};const Table=_ref168=>{let{children,renderFooter}=_ref168;return/*#__PURE__*/_react.default.createElement(TableWrapper,null,/*#__PURE__*/_react.default.createElement(ScrollWrapper,null,/*#__PURE__*/_react.default.createElement(StyledTable,null,children)),renderFooter&&renderFooter());};var Table$1=Object.assign(Table,{Cell:TableCell,Row:TableRow,Head:TableHead,Header:TableHeader,Body:TableBody,CellContainer:TableCellContainer,Footer:TableFooter$1});const Wrapper$d=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperd",componentId:"maxio-components__sc-lo74t2-135"})(["&&&{display:flex;column-gap:","px;}"],_ref169=>{let{theme}=_ref169;return theme.space[3];});const DatePickerWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__DatePickerWrapper",componentId:"maxio-components__sc-lo74t2-136"})(["&&&{width:140px;}"]);const TimePickerWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TimePickerWrapper",componentId:"maxio-components__sc-lo74t2-137"})(["&&&{width:120px;}"]);const DateTimePicker=_ref170=>{let{onChange,modalRef,portalContainer,initialDate,disabled,minDate,maxDate}=_ref170;const initialDateTime=(0,_dayjs.default)(initialDate);const[time,setTime]=(0,_react.useState)({minute:initialDateTime.minute(),hour:initialDateTime.hour()});const[date,setDate]=(0,_react.useState)(initialDateTime.toDate());const onDateValueChange=date=>{setDate(date);const parsedDate=(0,_dayjs.default)(date).hour(time.hour).minute(time.minute);onChange(parsedDate);};const onTimeValueChange=time=>{setTime(time);const parsedDate=(0,_dayjs.default)(date).hour(time.hour).minute(time.minute);onChange(parsedDate);};return/*#__PURE__*/_react.default.createElement(Wrapper$d,null,/*#__PURE__*/_react.default.createElement(TimePickerWrapper,null,/*#__PURE__*/_react.default.createElement(TimePicker,{onChange:time=>onTimeValueChange(time),value:time,portalContainer:portalContainer,modalRef:modalRef,disabled:disabled})),/*#__PURE__*/_react.default.createElement(DatePickerWrapper,null,/*#__PURE__*/_react.default.createElement(DatePicker,{onChange:date=>onDateValueChange(date),value:date,portalContainer:portalContainer,modalRef:modalRef,minDate:minDate,maxDate:maxDate,disabled:disabled})));};_jsLogger.default.useDefaults();_jsLogger.default.createDefaultHandler();_jsLogger.default.setHandler((messages,context)=>{});const ZERO_DECIMAL_CURRENCIES=['JPY'];const formatCurrency=function(currency,value){let locale=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'en';const valueToFormat=ZERO_DECIMAL_CURRENCIES.includes(currency)?value:value/100;return new Intl.NumberFormat(locale,{style:'currency',currency}).format(valueToFormat);};const DAYS_PER_WEEK=7;const MONTHS_PER_YEAR=12;const formatBillingInterval=(interval,unit,t)=>{if(interval<1)return;const UNIT_INTERVAL_MAP={day:t('interval.daily'),week:t('interval.weekly'),month:t('interval.monthly'),year:t('interval.annually'),quarter:t('interval.quarterly')};if(interval===1){return UNIT_INTERVAL_MAP[unit];}if(interval===7&&unit==='day')return UNIT_INTERVAL_MAP['week'];if(interval===3&&unit==='month')return UNIT_INTERVAL_MAP['quarter'];if(interval===12&&unit==='month')return UNIT_INTERVAL_MAP['year'];if(unit==='day'&&interval%DAYS_PER_WEEK===0){const numberOfWeeks=interval/DAYS_PER_WEEK;return`${t('interval.every')} ${numberOfWeeks} ${t('interval.week',{count:numberOfWeeks})}`;}if(unit==='month'&&interval%MONTHS_PER_YEAR===0){const numberOfYears=interval/MONTHS_PER_YEAR;return`${t('interval.every')} ${numberOfYears} ${t('interval.year',{count:numberOfYears})}`;}return`${t('interval.every')} ${interval} ${t('interval.'+unit,{count:interval})}`;};const formatDate=function(date){let format=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'YYYY-MM-DD';return(0,_dayjs.default)(date).format(format);};const manipulateDate=_ref171=>{let{method='add',date,unit,value}=_ref171;if(method==='add')return(0,_dayjs.default)(date).add(value,unit).toString();return(0,_dayjs.default)(date).subtract(value,unit).toString();};const camelToUnderscore=key=>key.replace(/([A-Z])/g,'_$1').toLowerCase();const camelCaseToSnakeCase=record=>{const transformedRecord={};for(let camelKey in record){transformedRecord[camelToUnderscore(camelKey)]=record[camelKey];}return transformedRecord;};const prepareQueryParams=requestParams=>_queryString.default.stringify(camelCaseToSnakeCase(requestParams),{arrayFormat:'comma',skipNull:true,skipEmptyString:true});var HttpMethod;(function(HttpMethod){HttpMethod["GET"]="get";HttpMethod["POST"]="post";HttpMethod["PUT"]="put";HttpMethod["DELETE"]="delete";})(HttpMethod||(HttpMethod={}));const requestHandler=function(url,requestBody){let method=arguments.length>2&&arguments[2]!==undefined?arguments[2]:HttpMethod.GET;let headers=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};return new Promise(async(resolve,reject)=>{const body=requestBody?JSON.stringify(camelCaseToSnakeCase(requestBody)):null;const response=await fetch(url,{body,headers:{...headers,'Content-Type':'application/json'},method});const json=await response.json();const data=(0,_camelcaseKeys.default)(json,{deep:true});if(!response.ok){reject(data);}resolve(data);});};class DataAccess{baseUrl=null;sessionManager=null;constructor(_ref172){let{baseUrl,sessionManager}=_ref172;this.sessionManager=sessionManager;this.baseUrl=baseUrl;}performRequest(url){let body=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;let method=arguments.length>2&&arguments[2]!==undefined?arguments[2]:HttpMethod.GET;return requestHandler(url,body,method,{Authorization:`Bearer ${this.sessionManager.accessToken}`});}async getProductsCatalog(){return this.performRequest(`${this.baseUrl}/subscriptions/product_families`);}async getBillingPortalSettings(){return this.performRequest(`${this.baseUrl}/settings`);}async getProducts(productFamilyId){return this.performRequest(`${this.baseUrl}/product_families/${productFamilyId}/products`);}async previewProductMigration(subscriptionId,productId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/preview_product_migration`,{product_id:productId},HttpMethod.POST);}async migrateProduct(subscriptionId,productId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/products/${productId}`,{},HttpMethod.PUT);}async getComponents(subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/components`);}async getGatewayConfig(){return this.performRequest(`${this.baseUrl}/gateway_config`).then(response=>({...response,vaultCurrencies:(0,_snakecaseKeys.default)(response.vaultCurrencies)}));}async createPaymentProfile(token){return this.performRequest(`${this.baseUrl}/payment_profiles`,{token},HttpMethod.POST);}async updateSubscriptionPaymentProfile(paymentProfileId,subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/payment_profiles/${paymentProfileId}`,{},HttpMethod.PUT);}async replacePaymentProfiles(paymentProfileIdsForReplacement,newPaymentProfileId){return this.performRequest(`${this.baseUrl}/subscriptions/payment_profiles`,{billing:{payment_profile_id:newPaymentProfileId},paymentProfiles:paymentProfileIdsForReplacement.map(id=>({id}))},HttpMethod.PUT);}async resumeSubscription(subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/resume`,null,HttpMethod.POST);}async getSubscriptionResumptionConfig(){return this.performRequest(`${this.baseUrl}/subscriptions/resumption_config`);}async updateSubscriptionResumptionDate(subscriptionId,autoResumeDate){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/hold`,{automatically_resume_at:autoResumeDate},HttpMethod.PUT);}async getSubscriptions(){return this.performRequest(`${this.baseUrl}/subscriptions`);}async getSubscriptionDetails(subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/details`);}async addCoupon(subscriptionId,couponCode){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/coupons`,{coupon_code:couponCode},HttpMethod.PUT);}async getCustomerDetails(){return this.performRequest(`${this.baseUrl}/customer`);}async updateCustomerDetails(customerDetails){const{address2,...rest}=customerDetails;const data={address_2:address2,...rest};return this.performRequest(`${this.baseUrl}/customer`,data,HttpMethod.PUT);}async getCountrySubdivisions(countryCode){return this.performRequest(`${this.baseUrl}/subdivisions?${prepareQueryParams({countryCode})}`);}async getCountries(){return this.performRequest(`${this.baseUrl}/countries`);}async getInvoices(requestParams){return this.performRequest(`${this.baseUrl}/invoices?${prepareQueryParams(requestParams)}`);}async getInvoiceFilters(){return this.performRequest(`${this.baseUrl}/invoices/filters`);}async previewComponentAllocations(subscriptionId,body){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/preview_allocations`,body,HttpMethod.POST);}async updateComponentAllocations(subscriptionId,body){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/allocations`,body,HttpMethod.POST);}async getSubscriptionCustomFields(subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/custom_fields`);}async getCustomerCustomFields(){return this.performRequest(`${this.baseUrl}/customer/custom_fields`);}async updateCustomerCustomFields(customFields){return this.performRequest(`${this.baseUrl}/customer/custom_fields`,{fields:customFields},HttpMethod.PUT);}async updateSubscriptionCustomFields(subscriptionId,customFields){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/custom_fields`,{fields:customFields},HttpMethod.PUT);}async pauseSubscription(subscriptionId,automaticallyResumeAt){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/hold`,{automaticallyResumeAt},HttpMethod.POST);}async cancelSubscription(_ref173){let{subscriptionId,...rest}=_ref173;{return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/cancel`,rest,HttpMethod.POST);}}async getPaymentProfiles(){return this.performRequest(`${this.baseUrl}/payment_profiles`);}async deletePaymentProfile(paymentProfileId){return this.performRequest(`${this.baseUrl}/payment_profiles/${paymentProfileId}`,{},HttpMethod.DELETE);}async undoCancelation(subscriptionId){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/cancel`,null,HttpMethod.DELETE);}async getChurnReasonCodes(){return this.performRequest(`${this.baseUrl}/churn_reason_codes`);}async getInvoicePDF(invoiceId){return await fetch(`${this.baseUrl}/invoices/${invoiceId}/pdf`,{body:null,headers:{Authorization:`Bearer ${this.sessionManager.accessToken}`,'Content-Type':'application/pdf'},method:HttpMethod.GET}).then(resp=>resp.arrayBuffer());}async reactivateSubscription(subscriptionId,couponCode){return this.performRequest(`${this.baseUrl}/subscriptions/${subscriptionId}/reactivate`,{couponCode},HttpMethod.PUT);}}const DataAccessContext=/*#__PURE__*/(0,_react.createContext)({dataAccess:null});class SessionManager{accessTokenUrl;onAuthenticationRequest;onAuthenticationRequestAsync;token;expDate;iatDate;tokenLifespanInMilliseconds=null;tokenRefreshIntervalHandle=null;tokenCheckIntervalHandle=null;intervalInMilliseconds;failedAttemptsNumber=0;maxRetryNumber=0;tokenValid=false;managerInitialized=false;managerInitializing=false;logger=null;subscriptions=[];apiUrl;constructor(_ref174){let{accessTokenUrl,onAuthenticationRequest,onAuthenticationRequestAsync,intervalInMilliseconds=5000,maxRetryNumber=3,apiUrl}=_ref174;this.accessTokenUrl=accessTokenUrl;this.onAuthenticationRequest=onAuthenticationRequest;this.onAuthenticationRequestAsync=onAuthenticationRequestAsync;this.intervalInMilliseconds=intervalInMilliseconds;this.maxRetryNumber=maxRetryNumber;this.logger=_jsLogger.default.get('@session-manager');this.apiUrl=apiUrl;}initialize(){if(!this.managerInitializing&&!this.managerInitialized){this.managerInitializing=true;this.logger.info('Initializing session manager');this.authenticateUser();}}async authenticateUser(){let headers={'Content-Type':'application/json'};if(this.onAuthenticationRequest){const userHeaders=this.onAuthenticationRequest();headers={...headers,...userHeaders};}if(this.onAuthenticationRequestAsync){const userHeaders=await this.onAuthenticationRequestAsync();headers={...headers,...userHeaders};}this.logger.info('Performing request to obtain JWT access token');fetch(this.accessTokenUrl,{method:'POST',headers:headers}).then(response=>{if(!response.ok){throw new Error('Network response was not OK');}return response.json();}).then(async data=>{this.token=data.token;const decoded=(0,_jwtDecode.default)(data.token);this.logger.info('JWT access token successfuly obtained');await this.handleDecodedToken(decoded);this.tokenValid=true;this.failedAttemptsNumber=0;this.managerInitialized=true;this.managerInitializing=false;this.tokenRefreshIntervalHandle=this.checkTokenRefresh();this.notifySubscribers();}).catch(error=>{const isTokenLifespanError=error instanceof Error&&(error.message==='Failed to fetch token lifespan'||error.message==='API URL is not set');this.failedAttemptsNumber+=1;if(this.failedAttemptsNumber<this.maxRetryNumber&&!isTokenLifespanError){this.logger.warn('There was a problem with obtaining JWT access token');return this.authenticateUser();}if(this.expDate){this.tokenCheckIntervalHandle=setInterval(()=>{const timeLeft=this.expDate.diff((0,_dayjs.default)());if(timeLeft<=0){this.tokenValid=false;this.notifySubscribers();clearInterval(this.tokenCheckIntervalHandle);}},this.intervalInMilliseconds);}});}notifySubscribers(){this.subscriptions.forEach(_ref175=>{let{callback}=_ref175;return callback({isInitialized:this.isManagerInitialized,isTokenValid:this.isTokenValid});});}checkTokenRefresh(){return setInterval(()=>{if(this.expDate&&this.tokenLifespanInMilliseconds){const timeLeft=this.expDate.diff((0,_dayjs.default)());if(timeLeft<this.tokenLifespanInMilliseconds/2){if(this.tokenRefreshIntervalHandle!=null){clearInterval(this.tokenRefreshIntervalHandle);}this.authenticateUser();}}else{this.logger.warn('Token expiration date not set, cannot authenticate user.');}},this.intervalInMilliseconds);}async handleDecodedToken(decodedToken){this.iatDate=_dayjs.default.unix(decodedToken.iat);if(decodedToken.exp){this.expDate=_dayjs.default.unix(decodedToken.exp);this.tokenLifespanInMilliseconds=this.expDate.diff(this.iatDate);}else{if(this.tokenLifespanInMilliseconds){this.expDate=this.iatDate.clone().add(this.tokenLifespanInMilliseconds/1000,'seconds');}else{const maxTokenExpirationSeconds=await this.getTokenLifespan();this.tokenLifespanInMilliseconds=maxTokenExpirationSeconds*1000;this.expDate=this.iatDate.add(maxTokenExpirationSeconds,'seconds');}}}async getTokenLifespan(){if(!this.apiUrl){this.logger.error('API URL is not set. Cannot fetch token lifespan.');throw new Error('API URL is not set');}try{const response=await fetch(`${this.apiUrl}/session-config`,{method:'GET',headers:{'Content-Type':'application/json',Authorization:`Bearer ${this.token}`}});const json=await response.json();return json.max_token_expiration_seconds;}catch{throw new Error('Failed to fetch token lifespan');}}destroy(){clearInterval(this.tokenRefreshIntervalHandle);clearInterval(this.tokenCheckIntervalHandle);}subscribe(callback){const subscriptionId=this.subscriptions.length++;this.subscriptions.push({id:subscriptionId,callback});return()=>{this.subscriptions=this.subscriptions.filter(_ref176=>{let{id}=_ref176;return id!==subscriptionId;});};}get accessToken(){return this.token;}get isTokenValid(){return this.tokenValid;}get isManagerInitialized(){return this.managerInitialized;}}const toastMessageMotion={initial:{opacity:0,x:50,scale:0.3},animate:{opacity:1,x:0,scale:1},exit:{opacity:0,scale:0}};const Container$6=_styledComponents.default.div.withConfig({displayName:"maxio__Container6",componentId:"maxio-components__sc-lo74t2-138"})(["&&&{display:flex;flex-direction:column;align-items:flex-end;grid-row-gap:10px;padding:24px 16px;box-sizing:border-box;",";}"],props=>props.centerNotifications&&(0,_styledComponents.css)(["justify-content:center;align-items:center;width:100%;"]));const ToastMessagesContext=/*#__PURE__*/(0,_react.createContext)({service:null});const createToastMachine=(messageId,hideAfterTimeMs)=>(0,_xstate.createMachine)({predictableActionArguments:true,context:{messageId},initial:'visible',states:{visible:{after:{HIDE_DELAY:{target:'exit'}}},exit:{entry:[(0,_xstate.sendParent)(ctx=>({type:'HIDE_TOAST',messageId:ctx.messageId}))]}}},{delays:{HIDE_DELAY:hideAfterTimeMs}});const DEFAULT_HIDE_TIME=2000;const initialContext$e={items:[]};const toasts=(0,_xstate.createMachine)({id:'toasts',predictableActionArguments:true,initial:'idle',context:initialContext$e,on:{HIDE_TOAST:{actions:[(0,_xstate.assign)((ctx,event)=>({items:ctx.items.filter(_ref177=>{let{id}=_ref177;return id!==event.messageId;})}))]},SHOW_TOAST:{actions:[(0,_xstate.assign)((ctx,event)=>{const id=(0,_uuid.v4)();return{items:[...ctx.items,{id,message:event.message,level:event.level,ref:(0,_xstate.spawn)(createToastMachine(id,event.visibilityTimeMs||DEFAULT_HIDE_TIME))}]};})]}},states:{idle:{}}});const setNotificationsPosition=(htmlElement,device)=>{if(device==='mobile'){htmlElement.style.left='0px';htmlElement.style.top='0px';htmlElement.style.bottom='initial';htmlElement.style.right='initial';htmlElement.style.width='100%';}else{htmlElement.style.bottom='0px';htmlElement.style.right='0px';htmlElement.style.left='initial';htmlElement.style.top='initial';htmlElement.style.width='initial';}};const ToastsContainer=_ref178=>{let{children}=_ref178;const el=(0,_react.useRef)(null);const[isMounted,setMounted]=(0,_react.useState)(false);const[state,send]=(0,_react2.useMachine)(toasts);const{device}=useDeviceInfo();(0,_react.useEffect)(()=>{el.current=document.createElement('div');el.current.setAttribute('data-testid','toast-notifications-portal');el.current.style.position='fixed';el.current.style.pointerEvents='none';el.current.style.zIndex='2';document.body.appendChild(el.current);setMounted(true);return()=>{el.current.remove();};},[]);(0,_react.useEffect)(()=>{if(el.current){setNotificationsPosition(el.current,device);}},[device]);const toastService=(0,_react.useMemo)(()=>({show:_ref179=>{let{message,level,hideAfterTimeMs}=_ref179;send('SHOW_TOAST',{message,level,hideAfterTimeMs});}}),[]);const toastNotifications=device==='mobile'?[...state.context.items].reverse():state.context.items;return/*#__PURE__*/_react.default.createElement(ToastMessagesContext.Provider,{value:{service:toastService}},children,isMounted?/*#__PURE__*/(0,_reactDom.createPortal)(/*#__PURE__*/_react.default.createElement(Container$6,{centerNotifications:device==='mobile'},/*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence,null,toastNotifications.map(_ref180=>{let{id,message,level}=_ref180;return/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{...toastMessageMotion,key:id,layout:true},/*#__PURE__*/_react.default.createElement(ToastMessage,{type:level,message:message}));}))),el.current):null);};const useToastMessages=()=>{const{service}=(0,_react.useContext)(ToastMessagesContext);return service;};const SessionContext=/*#__PURE__*/_react.default.createContext({sessionInitialized:false});const SessionGuard=_ref181=>{let{children,sessionManager}=_ref181;const[sessionInitialized,setSessionInitialize]=(0,_react.useState)(sessionManager.isManagerInitialized);(0,_react.useEffect)(()=>{const dispose=sessionManager.subscribe(_ref182=>{let{isInitialized}=_ref182;setSessionInitialize(isInitialized);});return()=>dispose();},[]);return/*#__PURE__*/_react.default.createElement(SessionContext.Provider,{value:{sessionInitialized}},children);};const useSettings=clientSettings=>{const[settings,setSettings]=(0,_react.useState)(null);const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{sessionInitialized}=(0,_react.useContext)(SessionContext);(0,_react.useEffect)(()=>{async function getSettings(){const data=await dataAccess.getBillingPortalSettings();const dataWithBillingHistory={...data,billingHistory:{}};const mergedSettingsObject=Object.keys(dataWithBillingHistory).reduce((acc,key)=>{return{...acc,[key]:{...clientSettings[key],...dataWithBillingHistory[key]}};},dataWithBillingHistory);setSettings(mergedSettingsObject);}if(sessionInitialized)getSettings();},[clientSettings,dataAccess,sessionInitialized]);return settings;};const DefaultLoader=()=>/*#__PURE__*/_react.default.createElement("p",null,"Session loading...");const ComponentLoader=_ref183=>{let{component,loader,clientSettings}=_ref183;const{sessionInitialized}=(0,_react.useContext)(SessionContext);const settings=useSettings(clientSettings);let componentToRender;if(sessionInitialized&&settings){return/*#__PURE__*/_react.default.createElement(component,{...settings});}else if(loader){componentToRender=loader;}else{componentToRender=DefaultLoader;}return/*#__PURE__*/_react.default.createElement(componentToRender);};class EmbeddableComponent{i18n;componentsTheme;rootNode=null;sessionManager=null;dataAccess=null;constructor(_ref184){let{i18n,componentsTheme,dataAccess,sessionManager}=_ref184;this.componentsTheme=componentsTheme;this.sessionManager=sessionManager;this.dataAccess=dataAccess;this.i18n=i18n;}getMountNode(container){const node=typeof container==='string'?document.querySelector(container):container;return node;}destroy(){this.rootNode.unmount();}renderComponent(container,component,settings,loader){const mountNode=this.getMountNode(container);this.rootNode=(0,_client.createRoot)(mountNode);const{breakpoints:[tabletBreakpoint,desktopBreakpoint]}=this.componentsTheme;this.rootNode.render(/*#__PURE__*/_react.default.createElement(ThemeProvider,{theme:this.componentsTheme},/*#__PURE__*/_react.default.createElement(DeviceProvider,{tabletMinWidth:tabletBreakpoint,desktopMinWidth:desktopBreakpoint},/*#__PURE__*/_react.default.createElement(ToastsContainer,null,/*#__PURE__*/_react.default.createElement(_reactI18next.I18nextProvider,{i18n:this.i18n},/*#__PURE__*/_react.default.createElement(DataAccessContext.Provider,{value:{dataAccess:this.dataAccess}},/*#__PURE__*/_react.default.createElement(SessionGuard,{sessionManager:this.sessionManager},/*#__PURE__*/_react.default.createElement(ComponentLoader,{component:component,clientSettings:settings,loader:loader}))))))));}}const defaultSettings$2={customerProfile:{editAllowed:null,customerDataVisibleFields:['address','address2','city','state','zip','firstName','lastName','email','ccEmails','organization','vatNumber','phoneNumber','country','state']}};const ConfigContext$2=/*#__PURE__*/(0,_react.createContext)(defaultSettings$2);const GlobalStateContext$2=/*#__PURE__*/(0,_react.createContext)({customerDataService:null,customFieldsService:null});const customerData=(0,_xstate.createMachine)({id:'customerData',predictableActionArguments:true,context:{initialData:null},on:{EDIT_CONTACT_DETAILS:{target:'contactDetails.edit'},EDIT_SHIPPING_ADDRESS:{target:'shippingAddress.edit'}},initial:'idle',states:{idle:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{src:'getCustomerData',onDone:{target:'idle',actions:(0,_xstate.assign)((_ctx,event)=>{return{initialData:event.data};})},onError:{target:'error'}}},error:{on:{INITIALIZE:{target:'loading'}}},shippingAddress:{id:'shippingAddress',initial:'idle',states:{idle:{on:{EDIT:{target:'edit'}}},edit:{id:'shippingAddressEdit',initial:'idle',states:{idle:{on:{SAVE:{target:'saving'},CANCEL:{target:'#shippingAddress.idle'}}},saving:{invoke:{src:'saveCustomerData',onDone:{target:'#shippingAddress.idle',actions:[(0,_xstate.assign)((_ctx,event)=>{return{initialData:event.data};}),'onSuccessUpdate']},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#shippingAddress.idle'},SAVE:{target:'saving'}}}}}}},contactDetails:{id:'contactDetails',initial:'idle',states:{idle:{on:{EDIT:{target:'edit'}}},edit:{id:'contactDetailsEdit',initial:'idle',states:{idle:{on:{SAVE:{target:'saving'},CANCEL:{target:'#contactDetails.idle'}}},saving:{invoke:{src:'saveCustomerData',onDone:{target:'#contactDetails.idle',actions:[(0,_xstate.assign)((_ctx,event)=>{return{initialData:event.data};}),'onSuccessUpdate']},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#contactDetails.idle'},SAVE:{target:'saving'}}}}}}}}});const renderField=_ref185=>{let{id,name,value,fieldType,options,onChange,maxLength,portalContainer}=_ref185;const onValueChange=newValue=>onChange(id,newValue);switch(fieldType){case'text':return/*#__PURE__*/_react.default.createElement(Input$1,{value:value,onChange:e=>onValueChange(e.target.value),name:name,maxLength:maxLength,id:`${id}`});case'dropdown':const selectOptions=options.map(option=>({label:option,value:option}));return/*#__PURE__*/_react.default.createElement(Select,{portalContainer:portalContainer,options:selectOptions,selectedValue:value,onSelect:item=>onValueChange(item.value)});case'radio':const radioOptions=options.map(option=>({label:option,value:option}));return/*#__PURE__*/_react.default.createElement(RadioGroup,{options:radioOptions,onValueChange:onValueChange,selectedValue:value});default:return/*#__PURE__*/_react.default.createElement(BodyText,null,"Field type not recognized: ",fieldType);}};const updateCustomFields=(customFields,updatedValues)=>{return customFields.map(field=>{const updatedField=updatedValues.find(updatedField=>updatedField.id===field.id);return{...field,value:updatedField?updatedField.value:field.value};});};const customFields=(0,_xstate.createMachine)({id:'customFields',predictableActionArguments:true,context:{customFields:null},initial:'idle',states:{idle:{on:{INITIALIZE:{target:'loading'},EDIT_CUSTOM_FIELDS:{target:'customFieldsEdit'}}},loading:{invoke:{src:'getCustomerCustomFields',onDone:{target:'idle',actions:(0,_xstate.assign)((_ctx,event)=>{return{customFields:event.data.items};})},onError:{target:'error'}}},error:{on:{INITIALIZE:{target:'loading'}}},customFieldsEdit:{id:'customFieldsEdit',initial:'idle',states:{idle:{on:{SAVE:{target:'saving'},CANCEL:{target:'#customFields'}}},saving:{invoke:{src:'saveCustomerCustomFields',onDone:{target:'#customFields.idle',actions:[(0,_xstate.assign)((ctx,event)=>{return{customFields:updateCustomFields(ctx.customFields,event.data.fields)};}),'onSuccessUpdate']},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#customFields'},SAVE:{target:'saving'}}}}}}});const GlobalStateProvider$2=_ref186=>{let{children}=_ref186;const{t}=(0,_reactI18next.useTranslation)();const toastsService=useToastMessages();const{dataAccess}=(0,_react.useContext)(DataAccessContext);const customerDataService=(0,_react2.useInterpret)(customerData,{services:{getCustomerData:()=>dataAccess.getCustomerDetails(),saveCustomerData:(_event,payload)=>dataAccess.updateCustomerDetails(payload.addressData)},actions:{onSuccessUpdate:()=>{toastsService.show({level:'success',message:t('changes_saved')});}}});const customFieldsService=(0,_react2.useInterpret)(customFields,{services:{getCustomerCustomFields:()=>{return dataAccess.getCustomerCustomFields();},saveCustomerCustomFields:(_event,payload)=>{return dataAccess.updateCustomerCustomFields(payload.fields);}},actions:{onSuccessUpdate:()=>{toastsService.show({level:'success',message:t('changes_saved')});}}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext$2.Provider,{value:{customerDataService,customFieldsService}},children);};const MessageContainer=_styledComponents.default.div.withConfig({displayName:"maxio__MessageContainer",componentId:"maxio-components__sc-lo74t2-139"})(["&&&{",";",";}"],_ref187=>{let{theme,type}=_ref187;return(0,_styledComponents.css)(["min-height:",";"],theme.lineHeights[theme.components.InputMessage.componentVariants.type.variants[type].lineHeight]);},_styledSystem.margin);const SelectField=_ref188=>{let{value,label,name,options,error,required,placeholder,onChange,onValidateField,selectOptionLabel,searchLabel,isLoadingOptions,targetElementRef}=_ref188;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(InputLabel,{label:label,htmlFor:name,required:required})),/*#__PURE__*/_react.default.createElement(Select,{id:name,name:name,selectedValue:value,onSelect:_ref189=>{let{value}=_ref189;return onChange(value);},onBlur:_ref190=>{let{value}=_ref190;return onValidateField(value);},options:options,filterable:true,placeholder:placeholder,hasError:!!error,optionsLoading:isLoadingOptions,searchLabel:searchLabel,selectOptionLabel:selectOptionLabel,targetElementRef:targetElementRef}),/*#__PURE__*/_react.default.createElement(MessageContainer,{type:"error",marginTop:2},error&&/*#__PURE__*/_react.default.createElement(InputMessage,{message:error,type:"error"})));};const NO_STATE_OPTION={name:'No state',code:'NO_STATE'};const initialContext$d={countries:[],subdivisions:[]};const addressMachine=(0,_xstate.createMachine)({id:'addressMachine',predictableActionArguments:true,context:initialContext$d,type:'parallel',states:{country:{initial:'idle',states:{idle:{on:{FETCH_COUNTRY:{target:'fetching'}}},fetching:{invoke:{id:'fetchCountries',src:'getCountries',onDone:{target:'idle',actions:[(0,_xstate.assign)((_ctx,event)=>({countries:event.data.items}))]},onError:{target:'error'}}},error:{}}},subdivision:{initial:'idle',states:{idle:{on:{FETCH_SUBDIVISION:{target:'fetching'}}},fetching:{invoke:{id:'fetchSubdivisions',src:'getSubdivisions',onDone:{target:'idle',actions:[(0,_xstate.assign)((_ctx,event)=>({subdivisions:event.data.items}))]},onError:{target:'idle',actions:[(0,_xstate.assign)((_ctx,event)=>({subdivisions:[NO_STATE_OPTION]}))]}}},error:{}}}}});const getCountries=machineState=>({items:machineState.context.countries||[],isLoading:machineState.matches('country.fetching')});const getSubdivisions=machineState=>({items:machineState.context.subdivisions||[],isLoading:machineState.matches('subdivision.fetching')});const addressSelectors={getCountries,getSubdivisions};const formatOptions=options=>options.map(_ref191=>{let{code,name}=_ref191;return{label:name,value:code};});const defaultTranslations$1={country:{label:'Country',placeholder:'Select country'},city:{label:'City',placeholder:'City'},address:{label:'Street Address 1',placeholder:'Street, Number, Apt./Suite'},address2:{label:'Street Address 2',placeholder:'Street, Number, Apt./Suite'},state:{label:'State',placeholder:'Select state'},zip:{label:'ZIP Code',placeholder:'00000'},postalCode:{label:'Postal Code',placeholder:'00000'},region:{label:'State / Region',placeholder:'Select state'},error:{invalid:'This field is invalid',required:'This field is required'},input:{selectOptionLabel:'Select value',searchLabel:'Type to search'}};const Address=_ref192=>{let{values,requiredFields=['address','address2','city','country','zip','state'],errors={},translations=defaultTranslations$1,format='us',onChange,onValidateField,targetElementRef}=_ref192;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{address,address2,city,state,country,zip}=values;const{address:addressTranslation,address2:address2Translation,city:cityTranslation,state:stateTranslation,country:countryTranslation,zip:zipTranslation,postalCode:postalCodeTranslation,region:regionTranslation,input:inputTranslations,error:{invalid:errorInvalidLabel,required:errorRequiredLabel}}=translations;const autoCompleteId=(0,_react.useId)();const onValidate=(fieldName,value)=>{onValidateField&&onValidateField(fieldName,value);};const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const[,sendToMachine,service]=(0,_react2.useMachine)(addressMachine,{services:{getCountries:()=>dataAccess.getCountries(),getSubdivisions:(_ctx,event)=>{if(event.type==='FETCH_SUBDIVISION')return dataAccess.getCountrySubdivisions(event.country);}}});const countries=(0,_react2.useSelector)(service,addressSelectors.getCountries);const subdivisions=(0,_react2.useSelector)(service,addressSelectors.getSubdivisions);const handleErrorMessage=error=>{if(error==='required')return errorRequiredLabel;if(error==='invalid')return errorInvalidLabel;return null;};(0,_react.useEffect)(()=>{sendToMachine({type:'FETCH_COUNTRY'});if(country){sendToMachine({type:'FETCH_SUBDIVISION',country});}},[]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(SelectField,{name:"country",label:countryTranslation.label,placeholder:countryTranslation.placeholder,value:country,options:formatOptions(countries.items),required:requiredFields.includes('country'),error:handleErrorMessage(errors.country),searchLabel:inputTranslations.searchLabel,selectOptionLabel:inputTranslations.selectOptionLabel,onChange:updatedCountry=>{onChange('country',updatedCountry);if(updatedCountry!==country){onChange('state','');sendToMachine({type:'FETCH_SUBDIVISION',country:updatedCountry});}},onValidateField:value=>onValidate('country',value),isLoadingOptions:countries.isLoading,targetElementRef:targetElementRef})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16},/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:12},/*#__PURE__*/_react.default.createElement(FormField,{label:addressTranslation.label,name:"address",hasError:!!errors.address,error:handleErrorMessage(errors.address),required:requiredFields.includes('address'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"address",id:"address",autoComplete:autoCompleteId,value:address,placeholder:addressTranslation.placeholder,fullWidth:true,hasError:!!errors.address,onBlur:()=>onValidate('address',address),onChange:e=>onChange('address',e.currentTarget.value)}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:12},/*#__PURE__*/_react.default.createElement(FormField,{label:address2Translation.label,name:"address2",hasError:!!errors.address2,error:handleErrorMessage(errors.address2),required:requiredFields.includes('address2'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"address2",id:"address2",value:address2,autoComplete:autoCompleteId,placeholder:address2Translation.placeholder,fullWidth:true,hasError:!!errors.address2,onBlur:()=>onValidate('address2',address2),onChange:e=>onChange('address2',e.currentTarget.value)}))))),values.country&&(format==='us'?(/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16},/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:12},/*#__PURE__*/_react.default.createElement(FormField,{label:cityTranslation.label,name:"city",hasError:!!errors.city,error:handleErrorMessage(errors.city),required:requiredFields.includes('city'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"city",id:"city",value:city,placeholder:cityTranslation.placeholder,fullWidth:true,hasError:!!errors.city,onBlur:()=>onValidate('city',city),onChange:e=>onChange('city',e.currentTarget.value)}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?12:6},/*#__PURE__*/_react.default.createElement(SelectField,{name:"state",label:stateTranslation.label,placeholder:stateTranslation.placeholder,value:state,error:handleErrorMessage(errors.state),searchLabel:inputTranslations.searchLabel,selectOptionLabel:inputTranslations.selectOptionLabel,options:formatOptions(subdivisions.items),required:requiredFields.includes('state'),onChange:state=>onChange('state',state),onValidateField:value=>onValidate('state',value)})),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?12:6},/*#__PURE__*/_react.default.createElement(FormField,{label:zipTranslation.label,name:"zip",hasError:!!errors.zip,error:handleErrorMessage(errors.zip),required:requiredFields.includes('zip'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"zip",id:"zip",value:zip,placeholder:zipTranslation.placeholder,fullWidth:true,hasError:!!errors.zip,onBlur:()=>onValidate('zip',zip),onChange:e=>onChange('zip',e.currentTarget.value)}))))):(/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16},/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?12:8},/*#__PURE__*/_react.default.createElement(FormField,{label:postalCodeTranslation.label,name:"zip",hasError:!!errors.zip,error:handleErrorMessage(errors.zip),required:requiredFields.includes('zip'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"zip",id:"zip",value:zip,placeholder:postalCodeTranslation.placeholder,fullWidth:true,hasError:!!errors.zip,onBlur:()=>onValidate('zip',zip),onChange:e=>onChange('zip',e.currentTarget.value)}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?12:8},/*#__PURE__*/_react.default.createElement(FormField,{label:cityTranslation.label,name:"city",hasError:!!errors.city,error:handleErrorMessage(errors.city),required:requiredFields.includes('city'),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"city",id:"city",value:city,placeholder:cityTranslation.placeholder,fullWidth:true,hasError:!!errors.city,onBlur:()=>onValidate('city',city),onChange:e=>onChange('city',e.currentTarget.value)}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:8},/*#__PURE__*/_react.default.createElement(SelectField,{name:"state",searchLabel:inputTranslations.searchLabel,selectOptionLabel:inputTranslations.selectOptionLabel,label:regionTranslation.label,placeholder:regionTranslation.placeholder,error:handleErrorMessage(errors.state),value:state,options:formatOptions(subdivisions.items),required:requiredFields.includes('state'),onChange:state=>onChange('state',state),onValidateField:value=>onValidate('state',value),isLoadingOptions:subdivisions.isLoading}))))));};const createAddressValidationSchema=function(){let requiredFields=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];const schema={address:yup.string(),address2:yup.string(),city:yup.string(),country:yup.string(),state:yup.string(),zip:yup.string()};requiredFields.forEach(fieldName=>{if(schema[fieldName]){schema[fieldName]=schema[fieldName].required('required');}});const schemaValidator=yup.object(schema);return schemaValidator;};const useFormatAddress=address=>{const address1=address.address??'';const address2=address.address2??'';const city=address.city??'';const country=address.country??'';const state=address.state??'';const zip=address.zip??'';return{address:address1,address2,city,country,state,zip};};const getContactDataLoading=machineState=>({isLoading:machineState.matches('loading')});const getShippingAddressStatus=machineState=>({isSaving:machineState.matches('shippingAddress.edit.saving'),isEdit:machineState.matches('shippingAddress.edit.idle'),isError:machineState.matches('shippingAddress.edit.error')});const getContactDetailsStatus=machineState=>({isSaving:machineState.matches('contactDetails.edit.saving'),isEdit:machineState.matches('contactDetails.edit.idle'),isError:machineState.matches('contactDetails.edit.error')});const getCustomerDetailsData=machineState=>({data:machineState.context.initialData});const customerDataSelectors={getCustomerDetailsData,getShippingAddressStatus,getContactDetailsStatus,getContactDataLoading};const DetailRow$3=_ref193=>{let{label,value,hint}=_ref193;if(!value)return null;return/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:'2'},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,8]},/*#__PURE__*/_react.default.createElement("div",{"data-testid":"detail-label"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'gray.dark',fontWeight:2},label))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,16]},hint&&(/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body3',color:'gray.dark'},hint)),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'black.main',overflow:"break-word"},value))));};const getFullNameLabel=(t,firstName,lastName)=>{if(firstName&&lastName){return t('contact_details.full_name');}if(firstName){return t('contact_details.first_name');}if(lastName){return t('contact_details.last_name');}return null;};const getFullName=(firstName,lastName)=>{if(!firstName&&!lastName){return null;}return`${firstName||''} ${lastName||''}`.trim();};const getVisibleContactDetailsFields=(contactDetails,visibleFields)=>Object.keys(contactDetails).filter(field=>visibleFields.includes(field)).reduce((acc,field)=>{return{...acc,[field]:contactDetails[field]};},{});const ContactDetails=_ref194=>{let{contactDetails,onEdit,editAllowed}=_ref194;const{t}=(0,_reactI18next.useTranslation)(['customer-details']);const{customerProfile}=(0,_react.useContext)(ConfigContext$2);const{customerDataVisibleFields}=customerProfile;const{firstName,lastName,email,phoneNumber,ccEmails,organization,vatNumber}=(0,_react.useMemo)(()=>getVisibleContactDetailsFields(contactDetails,customerDataVisibleFields),[contactDetails,customerDataVisibleFields]);return/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('contact_details.organization_name'),value:organization}),/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:getFullNameLabel(t,firstName,lastName),value:getFullName(firstName,lastName)}),/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('contact_details.phone'),value:phoneNumber}),/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('contact_details.email'),value:email}),/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('contact_details.emails_cc'),value:ccEmails?.join(', '),hint:t('contact_details.email_hint')}),/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('contact_details.vat_number'),value:vatNumber}),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},editAllowed?(/*#__PURE__*/_react.default.createElement(Button$1,{onClick:onEdit,color:'secondary',iconLeft:"edit",label:t('contact_details.edit_contact_details')})):null)));};const emailRegex=/^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;const CodeBlock=_styledComponents.default.code.withConfig({displayName:"maxio__CodeBlock",componentId:"maxio-components__sc-lo74t2-140"})(["&&&{box-sizing:border-box;border-radius:","px;border:1px solid ",";",";",";",";",";}"],_ref195=>{let{theme}=_ref195;return theme.radii[1];},_ref196=>{let{theme}=_ref196;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.color,_styledSystem.borderRadius,_styledSystem.padding);const InputHint=_styledComponents.default.div.withConfig({displayName:"maxio__InputHint",componentId:"maxio-components__sc-lo74t2-141"})(["&&&{display:flex;flex-direction:column;row-gap:","px;",";}"],_ref197=>{let{theme}=_ref197;return theme.space[2];},_styledSystem.margin);_styledComponents.default.div.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-142"})(["&&&{display:flex;gap:","px;}"],_ref198=>{let{theme}=_ref198;return theme.space[5];});const ContactDetailsForm=_ref199=>{let{values,onCancel,onSubmit,isSaving}=_ref199;const{t}=(0,_reactI18next.useTranslation)('customer-details');const[formValue,setFormValue]=(0,_react.useState)(values);const handleChange=(name,value)=>{setFormValue({...formValue,[name]:value});};return/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement("form",{onSubmit:e=>{e.preventDefault();onSubmit(formValue);}},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(FormField,{label:t('contact_details.organization_name'),name:'organization',fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,value:formValue.organization,placeholder:t('contact_details.organization_name_placeholder'),onChange:e=>handleChange(e.target.name,e.target.value),name:'organization',id:'organization'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,12]},/*#__PURE__*/_react.default.createElement(FormField,{fullWidth:true,label:t('contact_details.first_name'),name:'firstName'},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,placeholder:t('contact_details.first_name_placeholder'),onChange:e=>handleChange(e.target.name,e.target.value),value:formValue.firstName,name:'firstName',id:'firstName'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,12]},/*#__PURE__*/_react.default.createElement(FormField,{label:t('contact_details.last_name'),name:'lastName',fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,placeholder:t('contact_details.last_name_placeholder'),onChange:e=>handleChange(e.target.name,e.target.value),name:'lastName',id:'lastName',value:formValue.lastName}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,12]},/*#__PURE__*/_react.default.createElement(FormField,{label:t('contact_details.email'),name:'email',fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,placeholder:t('contact_details.email_placeholder'),type:'email',onChange:e=>handleChange(e.target.name,e.target.value),value:formValue.email,name:'email',id:'email'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,12]},/*#__PURE__*/_react.default.createElement(FormField,{label:t('contact_details.phone'),name:'phoneNumber',fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,placeholder:t('contact_details.phone_placeholder'),onChange:e=>handleChange(e.target.name,e.target.value),name:'phoneNumber',id:'phoneNumber',value:formValue.phoneNumber}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(FormField,{disableMessage:true,label:t('contact_details.emails_cc'),name:'ccEmails',fullWidth:true},/*#__PURE__*/_react.default.createElement(TagInput,{maxTags:5,fullWidth:true,id:'ccEmails',name:'ccEmails',tags:formValue.ccEmails,placeholder:t('contact_details.emails_cc_placeholder'),onPaste:v=>handleChange('ccEmails',[...formValue.ccEmails,...v]),onCreate:v=>handleChange('ccEmails',[...formValue.ccEmails,v]),onRemove:(v,i)=>handleChange('ccEmails',formValue.ccEmails.filter((_,index)=>index!==i)),validationFn:v=>emailRegex.test(v)})),/*#__PURE__*/_react.default.createElement(InputHint,{marginTop:2},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body3',fontWeight:600,color:'gray.dark'},t('contact_details.emails_cc_hint_2'),/*#__PURE__*/_react.default.createElement(CodeBlock,{backgroundColor:'white.dark',marginLeft:1,padding:1},',')),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body3',fontWeight:400,color:'gray.dark'},t('contact_details.emails_cc_hint')))),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(FormField,{fullWidth:true,label:t('contact_details.vat_number'),name:'vatNumber'},/*#__PURE__*/_react.default.createElement(Input$1,{fullWidth:true,placeholder:t('contact_details.vat_number_placeholder'),id:'vatNumber',name:'vatNumber',value:formValue.vatNumber,onChange:e=>handleChange(e.target.name,e.target.value),type:'text'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Button$1.Group,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t('contact_details.update_contact_details'),color:'primary',isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:onCancel}))))));};const ShippingAddress=_ref200=>{let{shippingAddress,onEdit,editAllowed}=_ref200;const{t}=(0,_reactI18next.useTranslation)(['customer-details']);const{customerProfile}=(0,_react.useContext)(ConfigContext$2);const{customerDataVisibleFields}=customerProfile;const{address,address2,city,state,zip,country}=useFormatAddress(shippingAddress);return/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement(Row$4,null,(customerDataVisibleFields.includes('address')||customerDataVisibleFields.includes('address2'))&&(/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('shipping_address.street_name_and_number'),value:address+' '+address2})),customerDataVisibleFields.includes('city')&&(/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('shipping_address.town'),value:city})),(customerDataVisibleFields.includes('state')||customerDataVisibleFields.includes('zip'))&&(/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('shipping_address.state_and_zip_code'),value:state+' '+zip})),customerDataVisibleFields.includes('country')&&(/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:t('shipping_address.country'),value:country})),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},editAllowed?(/*#__PURE__*/_react.default.createElement(Button$1,{onClick:onEdit,color:'secondary',iconLeft:"edit",label:t('shipping_address.edit_shipping_address')})):null)));};const US_FORMAT_ADDRESS_FORM$1=['US'];const ShippingAddressForm=_ref201=>{let{shippingAddress,onSubmit,onCancel,isSaving}=_ref201;const{t}=(0,_reactI18next.useTranslation)('customer-details');const[address,setAddress]=(0,_react.useState)(shippingAddress);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Address,{values:address,requiredFields:[],format:US_FORMAT_ADDRESS_FORM$1.includes(address.country)?'us':'international',onChange:(fieldName,value)=>{setAddress(prevState=>({...prevState,[fieldName]:value}));}}),/*#__PURE__*/_react.default.createElement(Button$1.Group,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t('shipping_address.update_shipping_address'),color:'primary',onClick:()=>onSubmit(address),isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:onCancel})));};const DetailsSectionLoadingSkeleton=()=>{return/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:8},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,8]},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:150})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:120})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:120})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:80})),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:30,width:200})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,16]},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:200})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:120})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:230})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:300})),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:150})));};const SectionDivider=_styledComponents.default.div.withConfig({displayName:"maxio__SectionDivider",componentId:"maxio-components__sc-lo74t2-143"})(["&&&{border-bottom:1px solid ",";",";",";}"],_ref202=>{let{theme}=_ref202;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.padding);const CustomerDetailsLoader=()=>(/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement(Box,{padding:7},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{width:150,height:30})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(DetailsSectionLoadingSkeleton,null))),/*#__PURE__*/_react.default.createElement(SectionDivider,{marginBottom:7,paddingTop:7}),/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{width:180,height:30})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(DetailsSectionLoadingSkeleton,null))))));const getCustomFieldsState=machineState=>({isFetchError:machineState.matches('error'),isEdit:machineState.matches('customFieldsEdit'),isSaving:machineState.matches('customFieldsEdit.saving'),isSaveError:machineState.matches('customFieldsEdit.error')});const getCustomFields=machineState=>({customFields:machineState.context.customFields});const customFieldsSelectors$1={getCustomFieldsState,getCustomFields};const CustomFields$1=_ref203=>{let{customFields,onEdit}=_ref203;const{t}=(0,_reactI18next.useTranslation)(['customer-details']);return/*#__PURE__*/_react.default.createElement(Row$4,null,customFields.map(customField=>(/*#__PURE__*/_react.default.createElement(DetailRow$3,{label:customField.name,value:customField.value,key:customField.id}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Button$1,{onClick:onEdit,color:'secondary',iconLeft:"edit",label:t('custom_fields.edit_additional_settings')})));};const CustomFieldsForm$1=_ref204=>{let{customFields,onChange,onSave,onCancel,isSaving,isError,portalContainer}=_ref204;const{t}=(0,_reactI18next.useTranslation)(['customer-details']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isError&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('error.we_were_unable_to_save_your_custom_fields'))))),customFields.map(_ref205=>{let{name,id,fieldType,value,enum:options}=_ref205;return/*#__PURE__*/_react.default.createElement(FormField,{label:name,name:name,key:id,fullWidth:true},renderField({portalContainer,id,name,fieldType,value:value||'',options,onChange,maxLength:2048}));}),/*#__PURE__*/_react.default.createElement(Box,{marginTop:3},/*#__PURE__*/_react.default.createElement(Button$1.Group,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t('custom_fields.update_additional_settings'),color:'primary',onClick:onSave,isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:onCancel}))));};const SectionWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SectionWrapper",componentId:"maxio-components__sc-lo74t2-144"})(["&&&{border-top:1px solid ",";",";",";}"],_ref206=>{let{theme}=_ref206;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.padding);const CustomFieldsContainer$1=()=>{const{customFieldsService}=(0,_react.useContext)(GlobalStateContext$2);const{isFetchError,isEdit,isSaving,isSaveError}=(0,_react2.useSelector)(customFieldsService,customFieldsSelectors$1.getCustomFieldsState);const{customFields}=(0,_react2.useSelector)(customFieldsService,customFieldsSelectors$1.getCustomFields);const{t}=(0,_reactI18next.useTranslation)(['customer-details']);const[editedFields,setEditedFields]=(0,_react.useState)(null);(0,_react.useEffect)(()=>{setEditedFields(customFields);},[customFields]);const onFieldValueChange=(id,value)=>{const fields=[...editedFields];const index=fields.findIndex(field=>{return field.id===id;});fields[index]={...fields[index],value:value};setEditedFields(fields);};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isFetchError&&(/*#__PURE__*/_react.default.createElement(SectionWrapper,{paddingTop:7,marginTop:7},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('error.we_were_unable_to_display_your_custom_fields'))))),customFields&&customFields.length>0&&(/*#__PURE__*/_react.default.createElement(SectionWrapper,{paddingTop:7,marginTop:7},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('custom_fields.additional_settings'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},isEdit?(/*#__PURE__*/_react.default.createElement(CustomFieldsForm$1,{customFields:editedFields,onChange:onFieldValueChange,onSave:()=>customFieldsService.send('SAVE',{fields:editedFields.map(_ref207=>{let{id,value}=_ref207;return{id,value};})}),onCancel:()=>customFieldsService.send('CANCEL'),isSaving:isSaving,isError:isSaveError})):(/*#__PURE__*/_react.default.createElement(CustomFields$1,{customFields:customFields,onEdit:()=>customFieldsService.send('EDIT_CUSTOM_FIELDS')})))))));};const useDataWithNames=_ref208=>{let{countries,subdivisions,data}=_ref208;const dataWithNames=(0,_react.useMemo)(()=>{const countryName=countries&&data?.country?countries.items.find(_ref209=>{let{code}=_ref209;return code===data.country;})?.name:null;const subdivisionName=subdivisions&&data?.state?subdivisions.items.find(_ref210=>{let{code}=_ref210;return code===data.state;})?.name:null;return{...data,...(countryName&&{country:countryName}),...(subdivisionName&&{state:subdivisionName})};},[data,countries,subdivisions]);return dataWithNames;};const CustomerDetailsContainer=_ref211=>{let{}=_ref211;const{customerDataService,customFieldsService}=(0,_react.useContext)(GlobalStateContext$2);const{t}=(0,_reactI18next.useTranslation)(['customer-details']);const{customerProfile:{editAllowed}}=(0,_react.useContext)(ConfigContext$2);const{dataAccess}=(0,_react.useContext)(DataAccessContext);const[,sendToMachine,service]=(0,_react2.useMachine)(addressMachine,{services:{getCountries:()=>dataAccess.getCountries(),getSubdivisions:(_ctx,event)=>{if(event.type==='FETCH_SUBDIVISION')return dataAccess.getCountrySubdivisions(event.country);}}});const countries=(0,_react2.useSelector)(service,addressSelectors.getCountries);const subdivisions=(0,_react2.useSelector)(service,addressSelectors.getSubdivisions);const{isLoading:contactDetailsLoading}=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getContactDataLoading);const contactDetails=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getContactDetailsStatus);const shippingAddress=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getShippingAddressStatus);const{data}=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getCustomerDetailsData);(0,_react.useEffect)(()=>{customFieldsService.send('INITIALIZE');customerDataService.send('INITIALIZE');},[customerDataService,customFieldsService]);const dataWithNames=useDataWithNames({countries,subdivisions,data});(0,_react.useEffect)(()=>{sendToMachine({type:'FETCH_COUNTRY'});if(data?.country){sendToMachine({type:'FETCH_SUBDIVISION',country:data.country});}},[data,sendToMachine]);return/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement(Box,{padding:7},contactDetails.isError&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('error.customer_data_save_error'))))),/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('contact_details.customer_details'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},contactDetailsLoading&&/*#__PURE__*/_react.default.createElement(DetailsSectionLoadingSkeleton,null),contactDetails.isEdit||contactDetails.isSaving?(/*#__PURE__*/_react.default.createElement(ContactDetailsForm,{onCancel:()=>customerDataService.send('CANCEL'),values:data,onSubmit:data=>{customerDataService.send('SAVE',{addressData:data});},isSaving:contactDetails.isSaving})):data&&(/*#__PURE__*/_react.default.createElement(ContactDetails,{editAllowed:editAllowed,contactDetails:data,onEdit:()=>customerDataService.send('EDIT_CONTACT_DETAILS')})))),/*#__PURE__*/_react.default.createElement(SectionWrapper,{paddingTop:7,marginTop:7},shippingAddress.isError&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('error.customer_data_save_error'))))),/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('shipping_address.shipping_address'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},contactDetailsLoading&&/*#__PURE__*/_react.default.createElement(DetailsSectionLoadingSkeleton,null),shippingAddress.isEdit||shippingAddress.isSaving?(/*#__PURE__*/_react.default.createElement(ShippingAddressForm,{shippingAddress:data,onCancel:()=>customerDataService.send('CANCEL'),onSubmit:data=>{if(data.state===NO_STATE_OPTION.code){data.state='';}customerDataService.send('SAVE',{addressData:data});},isSaving:shippingAddress.isSaving})):dataWithNames&&(/*#__PURE__*/_react.default.createElement(ShippingAddress,{editAllowed:editAllowed,shippingAddress:dataWithNames,onEdit:()=>customerDataService.send('EDIT_SHIPPING_ADDRESS')})))),/*#__PURE__*/_react.default.createElement(CustomFieldsContainer$1,null))));};const App$2=_ref212=>{let{customerProfile}=_ref212;return/*#__PURE__*/_react.default.createElement(ConfigContext$2.Provider,{value:{customerProfile}},/*#__PURE__*/_react.default.createElement(GlobalStateProvider$2,null,/*#__PURE__*/_react.default.createElement(CustomerDetailsContainer,null)));};class SubscriptionsManager$1 extends EmbeddableComponent{constructor(_ref213){let{i18n,componentsTheme,sessionManager,dataAccess}=_ref213;super({i18n,componentsTheme,sessionManager,dataAccess});}render(container,componentSettings){const settings=componentSettings||defaultSettings$2;super.renderComponent(container,App$2,settings,CustomerDetailsLoader);}}const defaultSettings$1={billingHistory:{enableFiltering:true,paginationVariant:'simple',itemsPerPage:12,visibleColumns:['invoice_number','issue_date','total_amount','amount_due','status']}};const ConfigContext$1=/*#__PURE__*/(0,_react.createContext)(defaultSettings$1);const GlobalStateContext$1=/*#__PURE__*/(0,_react.createContext)({billingHistoryDataService:null,billingFiltersService:null,filtersOptionsService:null});const{cancel,send}=_xstate.actions;const sendDebouncedSortByEvent=send('DEBOUNCED_SORT_BY',{delay:200,id:'debounced-sortBy'});const cancelDebouncedSortByEvent=cancel('debounced-sortBy');const defaultSortingParams={sortBy:'issueDate',sortDirection:'desc'};const INITIAL_SECTIONS={status:false,invoiceNumber:false,productIds:false,date:false};const INITIAL_FILTERS={date:{type:'timeRange',dateField:'issue_date'},status:[],invoiceNumber:'',productIds:[]};const INITIAL_RELATIVE_DATE_FILTERS={unit:'day',value:0};const INITIAL_ABSOLUTE_DATE_FILTERS={startDate:null,endDate:null};const isDateFilter=(name,value)=>name==='date';const areSomeFiltersActive=obj=>Object.keys(obj).some(key=>!isFilterEmpty(key,obj[key]));const areFiltersEmpty=obj=>!areSomeFiltersActive(obj);const isFilterEmpty=(filterName,filterValue)=>{if(isDateFilter(filterName)){if(filterValue.type==='relative'){return filterValue.value===0;}else{return!filterValue.endDate&&!filterValue.startDate;}}return filterValue.length===0;};const{choose}=_xstate.actions;const setFilterSections=choose([{cond:ctx=>!!ctx.activeFilters,actions:(0,_xstate.assign)(ctx=>({sections:Object.keys(ctx.sections).reduce((acc,sectionName)=>{return{...acc,[sectionName]:!isFilterEmpty(sectionName,ctx.activeFilters[sectionName])};},{})}))},{cond:ctx=>ctx.activeFilters===null,actions:(0,_xstate.assign)(()=>({sections:INITIAL_SECTIONS}))}]);const setFilterOrClear=choose([{cond:ctx=>ctx.activeFilters===null&&areFiltersEmpty(ctx.inlineFilters),actions:[]},{cond:ctx=>areSomeFiltersActive(ctx.inlineFilters),actions:[(0,_xstate.assign)(ctx=>({activeFilters:ctx.inlineFilters})),'applyFilters']},{cond:ctx=>areFiltersEmpty(ctx.inlineFilters)&&ctx.activeFilters!==null,actions:[(0,_xstate.assign)(()=>({activeFilters:null,inlineFilters:INITIAL_FILTERS})),'clearFilters']}]);const setFilterClear=choose([{cond:ctx=>areFiltersEmpty(ctx.inlineFilters)&&ctx.activeFilters===null,actions:[]},{cond:ctx=>ctx.activeFilters!==null,actions:[(0,_xstate.assign)(()=>({activeFilters:null,inlineFilters:INITIAL_FILTERS,sections:INITIAL_SECTIONS})),'clearFilters']}]);const setDateTabEmpty=choose([{cond:ctx=>ctx.inlineFilters.date.type==='relative',actions:(0,_xstate.assign)(ctx=>({inlineFilters:{...ctx.inlineFilters,date:{...ctx.inlineFilters.date,...INITIAL_RELATIVE_DATE_FILTERS}}}))},{cond:ctx=>ctx.inlineFilters.date.type==='timeRange',actions:(0,_xstate.assign)(ctx=>({inlineFilters:{...ctx.inlineFilters,date:{...INITIAL_ABSOLUTE_DATE_FILTERS,...ctx.inlineFilters.date}}}))}]);const initialContext$c={activeFilters:null,inlineFilters:INITIAL_FILTERS,sections:INITIAL_SECTIONS};const billingFilters=(0,_xstate.createMachine)({id:'billingFilters',predictableActionArguments:true,initial:'close',context:initialContext$c,states:{open:{on:{TOGGLE_SECTION:{actions:(0,_xstate.assign)((ctx,event)=>({sections:{...ctx.sections,[event.sectionName]:!ctx.sections[event.sectionName]}}))},CLOSE_FILTERS:{target:'close',actions:[(0,_xstate.assign)(ctx=>({inlineFilters:ctx.activeFilters||INITIAL_FILTERS})),setFilterSections]},APPLY_FILTERS:{target:'close',actions:[setFilterOrClear,setFilterSections]},CHANGE_DATE_TAB:{actions:[(0,_xstate.assign)((ctx,e)=>({inlineFilters:{...ctx.inlineFilters,date:{dateField:ctx.inlineFilters.date.dateField,type:e.tabType}}})),'setDateTabEmpty']},CLEAR_FILTERS:{target:'close',actions:setFilterClear},UPDATE_FILTER:{actions:(0,_xstate.assign)((ctx,event)=>({inlineFilters:{...ctx.inlineFilters,[event.filter]:event.value}}))}}},close:{on:{OPEN_FILTERS:{target:'open'}}}}},{actions:setDateTabEmpty});const isFilteringApplied=machineState=>{const filters=machineState.context.activeFilters;return filters&&areSomeFiltersActive(filters);};const getFiltersSections=machineState=>machineState.context.sections;const getFiltersVisibility=machineState=>machineState.matches('open');const getInlineFiltersValues=machineState=>machineState.context.inlineFilters;const billingFiltersSelectors={isFilteringApplied,getFiltersSections,getFiltersVisibility,getInlineFiltersValues};const{date,...restFilters}=INITIAL_FILTERS;const initialFilters={...restFilters,dateField:null,startDate:null,endDate:null};const initialBillingHistoryContext={sorting:{page:null,limit:null,...defaultSortingParams},filters:initialFilters,pagination:null,items:[]};const billingHistoryData=(0,_xstate.createMachine)({id:'billingHistoryData',predictableActionArguments:true,context:initialBillingHistoryContext,type:'parallel',states:{machineStatus:{initial:'idle',on:{INITIALIZE:{target:'.initialized'}},states:{idle:{},initialized:{}}},apiClient:{initial:'idle',on:{INITIALIZE:{target:'.loading',actions:(0,_xstate.assign)((ctx,event)=>({sorting:{...ctx.sorting,page:event.page,limit:event.limit}}))},DEBOUNCED_SORT_BY:{target:'.loading'},CHANGE_FILTERS:{target:'.loading',actions:(0,_xstate.assign)((_ctx,event)=>{return{filters:{...event.filters}};})},CLEAR_FILTERS:{target:'.loading',actions:(0,_xstate.assign)(ctx=>{return{...ctx,filters:initialFilters};})},CHANGE_PAGE:{target:'.loading',actions:[(0,_xstate.assign)((ctx,event)=>{return{sorting:{...ctx.sorting,page:event.page}};})]},CHANGE_ITEMS_PER_PAGE:{target:'.loading',actions:[(0,_xstate.assign)((ctx,event)=>{return{sorting:{...ctx.sorting,page:1,limit:event.itemsPerPage,pagination:{...ctx.pagination,itemsPerPage:event.itemsPerPage}}};})]},LOAD_MORE:{target:'.loading',actions:(0,_xstate.assign)((ctx,event)=>{return{sorting:{...ctx.sorting,limit:ctx.sorting.limit+event.limit}};})}},states:{idle:{},error:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{src:'getInvoices',onDone:{target:'idle',actions:(0,_xstate.assign)((_ctx,event)=>{return{items:event.data.items,pagination:event.data.pagination};})},onError:{target:'error'}}}}},sorting:{initial:'idle',states:{idle:{on:{SORT_BY:{actions:[(0,_xstate.assign)((ctx,event)=>{return{sorting:{...ctx.sorting,sortDirection:event.sortDirection,sortBy:event.sortBy}};}),cancelDebouncedSortByEvent,sendDebouncedSortByEvent]}}}}}}});const getBillingHistoryData=machineState=>({items:machineState.context.items,sorting:machineState.context.sorting,pagination:machineState.context.pagination,filters:machineState.context.filters});const getBillingHistoryState=machineState=>({isLoading:machineState.matches('apiClient.loading'),isFiltering:machineState.context.filters&&Object.values(machineState.context.filters).some(value=>value&&value.length>0)});const getBillingItemById=itemId=>machineState=>machineState.context.items.filter(item=>item.id===itemId);const billingHistorySelectors={getBillingHistoryData,getBillingHistoryState,getBillingItemById};const getProducts$1=machineState=>({products:machineState.context.products});const filtersOptionsSelectors={getProducts:getProducts$1};const filtersOptions=(0,_xstate.createMachine)({id:'filtersOptions',predictableActionArguments:true,initial:'idle',context:{products:[]},states:{idle:{on:{INITIALIZE:{target:'loading'}}},success:{type:'final'},error:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{src:'getFiltersOptions',onDone:{target:'success',actions:(0,_xstate.assign)((_ctx,event)=>{return{products:event.data.productNames};})},onError:{target:'error'}}}}});const getAbsoluteDate=date=>({startDate:formatDate(manipulateDate({date:new Date(),method:'subtract',unit:date.unit,value:date.value})),endDate:formatDate(new Date())});const getDatesFilter=date=>{if(date.type==='timeRange'&&(date.startDate||date.endDate)){const{dateField,startDate,endDate}=date;return{startDate:startDate?formatDate(startDate):null,endDate:endDate?formatDate(endDate):null,dateField:dateField};}else if(date.type==='relative'&&date.value){return{...getAbsoluteDate(date),dateField:date.dateField};}};const GlobalStateProvider$1=_ref214=>{let{children}=_ref214;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{billingHistory}=(0,_react.useContext)(ConfigContext$1);const{itemsPerPage}=billingHistory;const billingHistoryDataService=(0,_react2.useInterpret)(billingHistoryData,{context:{...initialBillingHistoryContext,pagination:{...initialBillingHistoryContext.pagination,itemsPerPage}},services:{getInvoices:ctx=>{const{sortBy,...sortSettings}=ctx.sorting;return dataAccess.getInvoices({sortBy:camelToUnderscore(sortBy),...ctx.filters,...sortSettings});}}});const billingFiltersService=(0,_react2.useInterpret)(billingFilters,{actions:{applyFilters:ctx=>{const{date,...filters}=ctx.activeFilters;const datesFilters=getDatesFilter(date);billingHistoryDataService.send({type:'CHANGE_FILTERS',filters:{...filters,...datesFilters}});},clearFilters:()=>{billingHistoryDataService.send({type:'CLEAR_FILTERS'});}}});const filtersOptionsService=(0,_react2.useInterpret)(filtersOptions,{services:{getFiltersOptions:()=>dataAccess.getInvoiceFilters()}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext$1.Provider,{value:{billingHistoryDataService,billingFiltersService,filtersOptionsService}},children);};const useServices$1=()=>(0,_react.useContext)(GlobalStateContext$1);const INITIAL_PAGE=1;const Status$1=_ref215=>{let{status}=_ref215;const{t}=(0,_reactI18next.useTranslation)('billing-history');switch(status){case'paid':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('paid'),color:'success'});case'open':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('open'),color:'primary'});case'voided':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('voided'),color:'gray'});case'pending':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('pending'),color:'primary'});case'draft':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('draft'),color:'gray'});case'canceled':return/*#__PURE__*/_react.default.createElement(Tag,{label:t('canceled'),color:'gray'});default:return null;}};const SkeletonWrapper$1=_styledComponents.default.td.withConfig({displayName:"maxio__SkeletonWrapper1",componentId:"maxio-components__sc-lo74t2-145"})(["&&&{flex:1;",";}"],_styledSystem.padding);SkeletonWrapper$1.defaultProps={paddingY:4};const IconWIthTooltip=_ref216=>{let{consolidationLevel}=_ref216;const{t}=(0,_reactI18next.useTranslation)('billing-history');switch(consolidationLevel){case'none':return/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>(/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:t('normal_invoice')}))},/*#__PURE__*/_react.default.createElement(Icon,{fill:'gray.light',type:'file',size:16}));case'parent':return/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>(/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:t('consolidated_invoice')}))},/*#__PURE__*/_react.default.createElement(Icon,{fill:'gray.light',type:'filePlus',size:16}));case'child':return/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>(/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:t('consolidated_invoice_segment')}))},/*#__PURE__*/_react.default.createElement(Icon,{fill:'gray.light',type:'fileSolid',size:16}));}};const ITEMS_PER_PAGE=[6,12,24,36];const getItemsPerPageOptions=t=>{return ITEMS_PER_PAGE.map(itemsPerPage=>({label:t('items_per_page',{items:itemsPerPage}),value:itemsPerPage}));};const SelectWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SelectWrapper",componentId:"maxio-components__sc-lo74t2-146"})(["&&&{width:120px;}"]);const PaginationWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PaginationWrapper",componentId:"maxio-components__sc-lo74t2-147"})(["&&&{",";}"],props=>props.isMobile&&(0,_styledComponents.css)(["width:100%;order:-1;justify-content:center;display:flex;"]));const PagesPagination=_ref217=>{let{page,totalPages,onPageChange,onItemsPerPageChange,totalInvoices,itemsPerPage}=_ref217;const{t}=(0,_reactI18next.useTranslation)('billing-history');const{device}=useDeviceInfo();const isMobile=device==='mobile';return/*#__PURE__*/_react.default.createElement(Table$1.Footer,{justifyContent:isMobile?'center':'space-between',paddingY:5,paddingX:7,gridGap:5},/*#__PURE__*/_react.default.createElement(BodyText,{color:'gray.main',variant:'body2'},t('invoice',{count:totalInvoices})),/*#__PURE__*/_react.default.createElement(PaginationWrapper,{isMobile:device==='mobile'},/*#__PURE__*/_react.default.createElement(Pagination,{page:page,onChange:onPageChange,totalPages:totalPages})),/*#__PURE__*/_react.default.createElement(SelectWrapper,null,/*#__PURE__*/_react.default.createElement(Select,{options:getItemsPerPageOptions(t),selectedValue:itemsPerPage,variant:"secondary",dropdownVariant:"secondary",onSelect:selectedItem=>{onItemsPerPageChange(Number(selectedItem.value));},selectSize:"small"})));};const getHiddenColumns=visibleColumns=>{if(visibleColumns.length===0){return defaultSettings$1.billingHistory.visibleColumns.filter(c=>c!=='invoice_number').map(c=>(0,_camelcase.default)(c));}return defaultSettings$1.billingHistory.visibleColumns.filter(x=>!visibleColumns.includes(x)).map(c=>(0,_camelcase.default)(c));};const FilterBoxList=(0,_styledComponents.default)(Box).withConfig({displayName:"maxio__FilterBoxList",componentId:"maxio-components__sc-lo74t2-148"})(["&&&{background-color:",";justify-content:left;border-radius:","px;flex-direction:column;gap:","px;}"],_ref218=>{let{theme}=_ref218;return theme.colors.primary.extraLight;},_ref219=>{let{theme}=_ref219;return theme.radii[3];},_ref220=>{let{theme}=_ref220;return theme.space[3];});FilterBoxList.defaultProps={padding:4,display:'flex'};const FilterBox=_ref221=>{let{children,isExpanded,onClick,header}=_ref221;return/*#__PURE__*/_react.default.createElement(Accordion,{header:header,onClick:onClick,isExpanded:isExpanded,variant:'small'},/*#__PURE__*/_react.default.createElement(FilterBoxList,null,children));};const statuses=['paid','voided','pending','draft','open','canceled'];const FILTERS_WIDTH=220;const StatusFilter=_ref222=>{let{onChange,values,onClick,header,isExpanded}=_ref222;const{t}=(0,_reactI18next.useTranslation)('billing-history');const statusesWithLabels=statuses.map(status=>({label:t(status),name:status}));return/*#__PURE__*/_react.default.createElement(FilterBox,{onClick:onClick,isExpanded:isExpanded,header:header},statusesWithLabels.map(_ref223=>{let{label,name}=_ref223;return/*#__PURE__*/_react.default.createElement(Checkbox,{onChange:()=>{if(!values.includes(name)){onChange([...values,name]);}else{onChange(values.filter(status=>status!==name));}},key:name,label:label,name:name,value:values.includes(name),id:name});}));};const FiltersWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__FiltersWrapper",componentId:"maxio-components__sc-lo74t2-149"})(["&&&{text-align:left;display:flex;flex-direction:column;justify-items:left;grid-gap:","px;position:relative;}"],_ref224=>{let{theme}=_ref224;return theme.space[5];});const InvoiceNumberFilter=_ref225=>{let{onChange,placeholder,value,...rest}=_ref225;return/*#__PURE__*/_react.default.createElement(FilterBox,{...rest},/*#__PURE__*/_react.default.createElement(Input$1,{placeholder:placeholder,onChange:e=>onChange(e.target.value),iconRight:'search',value:value,inputSize:'small'}));};const ProductNameFilter=_ref226=>{let{onChange,placeholder,values,showSearch,products,...rest}=_ref226;const[searchValue,setSearchValue]=_react.default.useState('');const filteredProductNames=products?.filter(_ref227=>{let{name}=_ref227;return name.toLowerCase().includes(searchValue.toLowerCase());});return/*#__PURE__*/_react.default.createElement(FilterBox,{...rest},showSearch?(/*#__PURE__*/_react.default.createElement(Input$1,{placeholder:placeholder,onChange:e=>setSearchValue(e.target.value),iconRight:'search',value:searchValue,inputSize:'small'})):null,filteredProductNames?.map(_ref228=>{let{name,id}=_ref228;return/*#__PURE__*/_react.default.createElement(Checkbox,{key:id,onChange:()=>{if(!values.includes(id)){onChange([...values,id]);}else{onChange(values.filter(status=>status!==id));}},label:name,name:name,value:values?.includes(id),id:name});}));};const CalendarContainer=_styledComponents.default.div.withConfig({displayName:"maxio__CalendarContainer",componentId:"maxio-components__sc-lo74t2-150"})(["&&&{display:grid;",";}"],_styledSystem.grid);const tabs=[{label:'time_range',id:'timeRange'},{label:'relative',id:'relative'}];const options=[{label:'due_date',value:'due_date'},{label:'issue_date',value:'issue_date'},{label:'paid_date',value:'paid_date'}];const DateFilter=_ref229=>{let{onChange,values,onClick,header,isExpanded,portalContainer,onTabChange}=_ref229;const{t}=(0,_reactI18next.useTranslation)('billing-history');const{dateField,type}=values;const startDate=type==='timeRange'&&values?.startDate;const endDate=type==='timeRange'&&values?.endDate;const translatedTabs=tabs.map(_ref230=>{let{label,id}=_ref230;return{label:t(label),id};});const translatedOptions=options.map(_ref231=>{let{label,value}=_ref231;return{label:t(label),value};});return/*#__PURE__*/_react.default.createElement(FilterBox,{onClick:onClick,isExpanded:isExpanded,header:header},/*#__PURE__*/_react.default.createElement(Select,{options:translatedOptions,onSelect:option=>onChange({...values,dateField:option.value}),selectedValue:dateField,portalContainer:portalContainer,selectSize:"small"}),/*#__PURE__*/_react.default.createElement(Tabs,{tabs:translatedTabs,onClick:onTabChange,activeTabId:values.type}),values.type==='relative'&&(/*#__PURE__*/_react.default.createElement(RelativeTime,{unit:values.unit,value:values.value,portalContainer:portalContainer,onChange:timeframe=>onChange({...values,...timeframe})})),values.type==='timeRange'&&(/*#__PURE__*/_react.default.createElement(CalendarContainer,{gridColumnGap:2,gridTemplateColumns:'1fr 1fr'},/*#__PURE__*/_react.default.createElement(DatePicker,{portalContainer:portalContainer,calendarAlignment:"right",maxDate:endDate,onChange:date=>onChange({...values,startDate:date}),translations:{placeholder:t('from')},value:values?.startDate}),/*#__PURE__*/_react.default.createElement(DatePicker,{portalContainer:portalContainer,calendarAlignment:"right",minDate:startDate,onChange:date=>onChange({...values,endDate:date}),translations:{placeholder:t('to')},value:values?.endDate}))));};const Wrapper$c=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperc",componentId:"maxio-components__sc-lo74t2-151"})(["&&&{display:inline-block;}"]);(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-152"})(["&&&{position:absolute;width:220px;top:calc(100% + ","px);right:0;cursor:auto;}"],props=>props.theme.space[2]);const PRODUCT_SEARCH_THRESHOLD=6;const ProductsContainer=_ref232=>{let{children}=_ref232;const{filtersOptionsService}=useServices$1();const{products}=(0,_react2.useSelector)(filtersOptionsService,filtersOptionsSelectors.getProducts);if(!products||products.length<=1){return null;}const showSearch=products.length>PRODUCT_SEARCH_THRESHOLD;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,children({products,showSearch}));};const Filters=_ref233=>{let{filtersSettings,filtersSections,isOpen,isFilteringApplied,onUpdateFilter,onToggleFilters,onToggleSection,onApply,onClear,onDateTypeChange,onCloseFilters}=_ref233;const{t}=(0,_reactI18next.useTranslation)('billing-history');const containerRef=(0,_react.useRef)(null);const dropdownRef=(0,_react.useRef)(null);const portalContainerRef=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{return()=>onCloseFilters();},[]);useOnClickOutside([containerRef,dropdownRef,portalContainerRef],onCloseFilters);const calculateDropdownPosition=(0,_react.useCallback)(()=>{const{current:element}=containerRef;const{top,left,width,height}=element.getBoundingClientRect();return{top:top+height+window.scrollY,left:left-(FILTERS_WIDTH-width),width:FILTERS_WIDTH};},[]);return/*#__PURE__*/_react.default.createElement(Wrapper$c,{ref:containerRef},/*#__PURE__*/_react.default.createElement(Button$1,{"data-testid":"filter-button",onClick:onToggleFilters,iconLeft:"filter",size:"medium",color:isFilteringApplied?'primary':'secondary'}),/*#__PURE__*/_react.default.createElement(Portal,null,isOpen&&(/*#__PURE__*/_react.default.createElement("div",{ref:dropdownRef,style:{position:'absolute',...(containerRef.current?calculateDropdownPosition():{})}},/*#__PURE__*/_react.default.createElement(Card$3,{variant:"small"},/*#__PURE__*/_react.default.createElement(Card$3.Header,{headerVariant:"small"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',fontWeight:600},t('filter_invoices'))),/*#__PURE__*/_react.default.createElement(Card$3.Body,{bodyVariant:"small"},/*#__PURE__*/_react.default.createElement(FiltersWrapper,null,/*#__PURE__*/_react.default.createElement(DateFilter,{header:t('date_filters'),portalContainer:portalContainerRef,onClick:()=>onToggleSection('date'),isExpanded:filtersSections.date,onChange:date=>onUpdateFilter('date',date),values:filtersSettings.date,onTabChange:onDateTypeChange}),/*#__PURE__*/_react.default.createElement(StatusFilter,{header:t('status'),onClick:()=>onToggleSection('status'),isExpanded:filtersSections.status,values:filtersSettings.status,onChange:status=>onUpdateFilter('status',status)}),/*#__PURE__*/_react.default.createElement(ProductsContainer,null,_ref234=>{let{products,showSearch}=_ref234;return/*#__PURE__*/_react.default.createElement(ProductNameFilter,{placeholder:t('search_product'),showSearch:showSearch,values:filtersSettings.productIds,onChange:v=>onUpdateFilter('productIds',v),products:products,isExpanded:filtersSections.productIds,onClick:()=>onToggleSection('productIds'),header:t('product_name')});}),/*#__PURE__*/_react.default.createElement(InvoiceNumberFilter,{placeholder:t('search_invoice'),value:filtersSettings.invoiceNumber,onChange:v=>onUpdateFilter('invoiceNumber',v),isExpanded:filtersSections.invoiceNumber,onClick:()=>onToggleSection('invoiceNumber'),header:t('invoice_number')}))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,{footerVariant:"small"},/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('reset',{ns:'common'}),size:'small',color:'secondary',onClick:onClear}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('apply',{ns:'common'}),size:'small',color:'primary',onClick:onApply})))))),/*#__PURE__*/_react.default.createElement("div",{ref:portalContainerRef,style:{position:'absolute',top:0,left:0}})));};const FiltersContainer=()=>{const{billingFiltersService}=useServices$1();const isOpen=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getFiltersVisibility);const filtersSettings=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getInlineFiltersValues);const filtersSections=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getFiltersSections);const isFilteringApplied=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.isFilteringApplied);const toggleFilters=(0,_react.useCallback)(()=>{if(isOpen){billingFiltersService.send('CLOSE_FILTERS');}else{billingFiltersService.send('OPEN_FILTERS');}},[isOpen]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Filters,{isOpen:isOpen,isFilteringApplied:isFilteringApplied,filtersSettings:filtersSettings,filtersSections:filtersSections,onToggleFilters:toggleFilters,onDateTypeChange:tabType=>billingFiltersService.send('CHANGE_DATE_TAB',{tabType}),onCloseFilters:()=>{if(isOpen){billingFiltersService.send('CLOSE_FILTERS');}},onToggleSection:sectionName=>billingFiltersService.send('TOGGLE_SECTION',{sectionName}),onUpdateFilter:(filter,value)=>billingFiltersService.send('UPDATE_FILTER',{filter,value}),onClear:()=>billingFiltersService.send('CLEAR_FILTERS'),onApply:()=>billingFiltersService.send('APPLY_FILTERS')}));};const NoInvoicesMsg=_ref235=>{let{message}=_ref235;return/*#__PURE__*/_react.default.createElement(Table$1.Row,{style:{justifyContent:'center',paddingTop:'60px',paddingBottom:'300px'}},/*#__PURE__*/_react.default.createElement("td",null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body1',color:'gray.main'},message)));};const InvoicesTable=_ref236=>{let{invoices,onSortChange,sortMode,onPageChange,page,onLoadMore,totalPages,totalInvoices,paginationVariant='simple',itemsPerPage,onItemsPerPageChange,isLoading,isFiltering}=_ref236;const{billingHistory:{visibleColumns,enableFiltering}}=(0,_react.useContext)(ConfigContext$1);const{dataAccess}=(0,_react.useContext)(DataAccessContext);const[saveInvoiceLoading,setSaveInvoiceLoading]=(0,_react.useState)(null);const{t}=(0,_reactI18next.useTranslation)('billing-history');const navigate=(0,_reactRouterDom.useNavigate)();const renderFooter=()=>{switch(paginationVariant){case'simple':if(invoices.length===totalInvoices)return null;return/*#__PURE__*/_react.default.createElement(Table$1.Footer,{justifyContent:'center',paddingY:4},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('show_older_invoices'),color:'secondary',onClick:onLoadMore}));case'pages':return/*#__PURE__*/_react.default.createElement(PagesPagination,{totalPages:totalPages,totalInvoices:totalInvoices,page:page,onPageChange:onPageChange,onItemsPerPageChange:onItemsPerPageChange,itemsPerPage:itemsPerPage});}};const getHeaderProps=column=>{return{onClick:()=>{onSortChange(column.id);},sortMode:sortMode.sortBy===column.id?sortMode.sortDirection:null,align:column.align,minWidth:160};};const columns=_react.default.useMemo(()=>[{Header:_ref237=>{let{column}=_ref237;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column)},t('invoice'));},id:'invoiceNumber',accessor:'number',Cell:_ref238=>{let{cell,row}=_ref238;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align,gridGap:2,minWidth:160},/*#__PURE__*/_react.default.createElement(IconWIthTooltip,{consolidationLevel:row.original.consolidationLevel}),/*#__PURE__*/_react.default.createElement(Anchor,{label:cell.value}));}},{Header:_ref239=>{let{column}=_ref239;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column)},t('issue_date'));},Cell:_ref240=>{let{cell}=_ref240;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},accessor:'issueDate'},{Header:_ref241=>{let{column}=_ref241;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column)},t('status'));},Cell:_ref242=>{let{cell}=_ref242;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},/*#__PURE__*/_react.default.createElement(Status$1,{status:cell.value}));},align:'center',accessor:'status'},{Header:_ref243=>{let{column}=_ref243;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column)},t('total_amount'));},accessor:'totalAmount',Cell:_ref244=>{let{cell}=_ref244;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},align:'right'},{Header:_ref245=>{let{column}=_ref245;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column)},t('amount_due'));},Cell:_ref246=>{let{cell}=_ref246;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},accessor:'amountDue',align:'right'},{Header:_ref247=>{let{column}=_ref247;return/*#__PURE__*/_react.default.createElement(Table$1.Header,{...getHeaderProps(column),paddingY:5,disableSort:true,"data-testid":'table-filter'},enableFiltering&&/*#__PURE__*/_react.default.createElement(FiltersContainer,null));},Cell:_ref248=>{let{cell}=_ref248;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},/*#__PURE__*/_react.default.createElement(Button$1,{label:'PDF',iconLeft:'arrowDown',size:'small',isLoading:saveInvoiceLoading===cell.value,onClick:e=>{e.stopPropagation();setSaveInvoiceLoading(cell.value);dataAccess.getInvoicePDF(cell.value).then(blob=>{const fileURL=URL.createObjectURL(new Blob([blob],{type:'application/pdf'}));(0,_fileSaver.saveAs)(fileURL,cell.value);}).finally(()=>setSaveInvoiceLoading(null));}}));},accessor:'id',align:'right'}],[sortMode,saveInvoiceLoading]);const{headerGroups,rows,prepareRow}=(0,_reactTable.useTable)({data:invoices,columns,initialState:{hiddenColumns:[...getHiddenColumns(visibleColumns)]}});return/*#__PURE__*/_react.default.createElement(Table$1,{renderFooter:renderFooter},/*#__PURE__*/_react.default.createElement(Table$1.Head,{variant:'primary'},headerGroups.map((headerGroup,i)=>(/*#__PURE__*/_react.default.createElement(Table$1.Row,{disableBorder:true,variant:'head',key:headerGroup.id+i},headerGroup.headers.map(column=>(/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:'th',key:column.id},column.render('Header')))))))),/*#__PURE__*/_react.default.createElement(Table$1.Body,null,!isLoading&&rows.map(row=>{prepareRow(row);return/*#__PURE__*/_react.default.createElement(Table$1.Row,{key:row.original.number,onClick:()=>navigate(`invoices/${row.original.id}`)},row.cells.map((cell,index)=>(/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{key:cell.value+index},cell.render('Cell')))));}),isLoading&&Array.from(Array(itemsPerPage).keys()).map(k=>(/*#__PURE__*/_react.default.createElement(Table$1.Row,{key:k},/*#__PURE__*/_react.default.createElement(SkeletonWrapper$1,null,/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28}))))),isFiltering&&!isLoading&&!invoices.length&&(/*#__PURE__*/_react.default.createElement(NoInvoicesMsg,{message:t('no_invoice_matching_filters')}))));};const BillingHistoryContainer=()=>{const{i18n}=(0,_reactI18next.useTranslation)();const{billingHistoryDataService,filtersOptionsService}=useServices$1();const{billingHistory}=(0,_react.useContext)(ConfigContext$1);const{itemsPerPage,paginationVariant}=billingHistory;(0,_react.useEffect)(()=>{if(billingHistoryDataService.getSnapshot().matches('machineStatus.idle')){billingHistoryDataService.send('INITIALIZE',{page:INITIAL_PAGE,limit:itemsPerPage});}if(filtersOptionsService.getSnapshot().matches('idle')){filtersOptionsService.send('INITIALIZE');}},[]);const{items,sorting,pagination}=(0,_react2.useSelector)(billingHistoryDataService,billingHistorySelectors.getBillingHistoryData);const{isLoading,isFiltering}=(0,_react2.useSelector)(billingHistoryDataService,billingHistorySelectors.getBillingHistoryState);const sendSortEvent=(sortBy,sortDirection)=>{billingHistoryDataService.send('SORT_BY',{sortBy,sortDirection});};const onSortChange=columnId=>{if(sorting.sortBy===defaultSortingParams.sortBy&&sorting.sortDirection==='desc'){return sendSortEvent(columnId,'asc');}if(sorting.sortBy===columnId){if(sorting.sortDirection==='desc'){sendSortEvent(defaultSortingParams.sortBy,defaultSortingParams.sortDirection);}else{sendSortEvent(columnId,'desc');}}else{sendSortEvent(columnId,'asc');}};const onPageChange=page=>{billingHistoryDataService.send('CHANGE_PAGE',{page});};const onLoadMore=()=>{billingHistoryDataService.send('LOAD_MORE',{limit:itemsPerPage});};const onItemsPerPageChange=itemsPerPage=>{billingHistoryDataService.send('CHANGE_ITEMS_PER_PAGE',{itemsPerPage});};const formattedData=items?.map(_ref249=>{let{currency,amountDueInCents,totalAmountInCents,...rest}=_ref249;return{...rest,amountDue:formatCurrency(currency,amountDueInCents,i18n.language),totalAmount:formatCurrency(currency,totalAmountInCents,i18n.language)};});return/*#__PURE__*/_react.default.createElement(InvoicesTable,{isFiltering:isFiltering,isLoading:isLoading,totalPages:pagination?.totalPages,onLoadMore:onLoadMore,totalInvoices:pagination?.totalItems,paginationVariant:paginationVariant,page:sorting.page,onPageChange:onPageChange,invoices:formattedData||[],onSortChange:onSortChange,sortMode:sorting,itemsPerPage:pagination?.itemsPerPage,onItemsPerPageChange:onItemsPerPageChange});};const StyledIframe=_styledComponents.default.iframe.withConfig({displayName:"maxio__StyledIframe",componentId:"maxio-components__sc-lo74t2-153"})(["&&&{border:none;width:100%;min-height:100vh;position:absolute;inset:0;}"]);const Wrapper$b=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperb",componentId:"maxio-components__sc-lo74t2-154"})(["&&&{width:100%;min-height:100vh;position:relative;border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;overflow:hidden;}"]);const LoaderWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__LoaderWrapper",componentId:"maxio-components__sc-lo74t2-155"})(["&&&{min-height:100vh;display:flex;align-items:center;justify-content:center;}"]);const HeaderWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__HeaderWrapper",componentId:"maxio-components__sc-lo74t2-156"})(["&&&{display:flex;justify-content:space-between;flex-wrap:wrap;gap:","px;}"],_ref250=>{let{theme}=_ref250;return theme.space[4];});const ActionButtonsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ActionButtonsWrapper",componentId:"maxio-components__sc-lo74t2-157"})(["&&&{display:flex;gap:","px;flex-wrap:wrap;}"],_ref251=>{let{theme}=_ref251;return theme.space[4];});const InvoiceDetails=()=>{const{t}=(0,_reactI18next.useTranslation)('billing-history');const toastsService=useToastMessages();const navigate=(0,_reactRouterDom.useNavigate)();const{invoiceId}=(0,_reactRouterDom.useParams)();const{billingHistoryDataService}=(0,_react.useContext)(GlobalStateContext$1);const{dataAccess}=(0,_react.useContext)(DataAccessContext);const[iframeLoaded,setIframeLoaded]=(0,_react.useState)(false);const[printInvoiceLoading,setPrintInvoiceLoading]=(0,_react.useState)(false);const showErrorToast=()=>{toastsService.show({level:'warning',message:t('invoice_details.an_error_occurred_please_try_again_later')});};const[invoice]=(0,_react2.useSelector)(billingHistoryDataService,(0,_react.useCallback)(billingHistorySelectors.getBillingItemById(invoiceId),[]));const printInvoice=()=>{setPrintInvoiceLoading(true);dataAccess.getInvoicePDF(invoice.id).then(blob=>{const fileURL=URL.createObjectURL(new Blob([blob],{type:'application/pdf'}));(0,_printJs.default)(fileURL);}).catch(_e=>showErrorToast()).finally(()=>setPrintInvoiceLoading(false));};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(HeaderWrapper,null,/*#__PURE__*/_react.default.createElement(Anchor,{label:t('invoice_details.back_to_invoice_list'),iconLeft:"chevronLeft",onClick:()=>navigate('/')}),/*#__PURE__*/_react.default.createElement(ActionButtonsWrapper,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t('invoice_details.print_an_invoice'),color:"secondary",onClick:printInvoice,isLoading:printInvoiceLoading})))),/*#__PURE__*/_react.default.createElement(Wrapper$b,null,!iframeLoaded&&(/*#__PURE__*/_react.default.createElement(LoaderWrapper,null,/*#__PURE__*/_react.default.createElement(Loader,null))),/*#__PURE__*/_react.default.createElement(StyledIframe,{src:invoice.invoiceUrl,onLoad:()=>setIframeLoaded(true)}))));};const App$1=_ref252=>{let{billingHistory}=_ref252;return/*#__PURE__*/_react.default.createElement(ConfigContext$1.Provider,{value:{billingHistory}},/*#__PURE__*/_react.default.createElement(GlobalStateProvider$1,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.MemoryRouter,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.Routes,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"/",element:/*#__PURE__*/_react.default.createElement(BillingHistoryContainer,null)}),/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"invoices/:invoiceId",element:/*#__PURE__*/_react.default.createElement(InvoiceDetails,null)})))));};const SkeletonWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SkeletonWrapper",componentId:"maxio-components__sc-lo74t2-158"})(["&&&{flex:1;display:flex;",";",";}"],_styledSystem.padding,_styledSystem.justifyContent);SkeletonWrapper.defaultProps={paddingY:4};const TableFooter=()=>(/*#__PURE__*/_react.default.createElement(Table$1.Footer,{justifyContent:"center",paddingY:4,paddingX:7},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:200})));const BillingHistoryLoader=()=>(/*#__PURE__*/_react.default.createElement(Table$1,{renderFooter:TableFooter},/*#__PURE__*/_react.default.createElement(Table$1.Head,{variant:'primary'},/*#__PURE__*/_react.default.createElement(Table$1.Row,{disableBorder:true,variant:'head'},/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:100}))),/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5,paddingX:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:100}))),/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5,paddingX:4,justifyContent:"center"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:100}))),/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5,paddingX:4,justifyContent:"flex-end"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:100}))),/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5,paddingX:4,justifyContent:"flex-end"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:100}))),/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{as:"th"},/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{paddingY:5,paddingX:4,justifyContent:"flex-end"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:40}))))),/*#__PURE__*/_react.default.createElement(Table$1.Body,null,/*#__PURE__*/_react.default.createElement(Table$1.Row,null,/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{as:"td"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28}))),/*#__PURE__*/_react.default.createElement(Table$1.Row,null,/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{as:"td"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28}))),/*#__PURE__*/_react.default.createElement(Table$1.Row,null,/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{as:"td"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28}))),/*#__PURE__*/_react.default.createElement(Table$1.Row,null,/*#__PURE__*/_react.default.createElement(SkeletonWrapper,{as:"td",justifyContent:"center"},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28}))))));class BillingHistory extends EmbeddableComponent{constructor(_ref253){let{i18n,componentsTheme,sessionManager,dataAccess}=_ref253;super({i18n,componentsTheme,sessionManager,dataAccess});}render(container,componentSettings){const settings=componentSettings||defaultSettings$1;super.renderComponent(container,App$1,settings,BillingHistoryLoader);}}const setCatalogExpandState=(0,_xstate.assign)({expandedCatalogItems:(context,event)=>{const{catalogId,isExpanded}=event;return isExpanded?[...context.expandedCatalogItems,catalogId]:context.expandedCatalogItems.filter(id=>id!==catalogId);}});const productCatalog=(0,_xstate.createMachine)({id:'productCatalog',predictableActionArguments:true,initial:'idle',context:{items:[],expandedCatalogItems:[]},states:{idle:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{id:'productCatalogFetch',src:'getProductsCatalog',onDone:{target:'ready',actions:[(0,_xstate.assign)((_ctx,event)=>({items:event.data.items,expandedCatalogItems:event.data.items.map(_ref254=>{let{id}=_ref254;return id;})}))]},onError:{target:'error'}}},error:{on:{RETRY_FETCH_PRODUCT_CATALOG:{target:'loading'}}},ready:{on:{SET_CATALOG_EXPAND:{actions:'setCatalogExpandState'}}}}},{actions:{setCatalogExpandState}});const getProductCatalogItems=machineState=>machineState.context.items;const getProductCatalogById=catalogId=>machineState=>machineState.context.items.find(_ref255=>{let{id}=_ref255;return id===catalogId;});const getProductCatalogFetchStatus=machineState=>({isLoading:machineState.matches('loading'),error:machineState.matches('error'),ready:machineState.matches('ready')});const getExpandedCatalogItems=machineState=>machineState.context.expandedCatalogItems;const productCatalogSelectors={getExpandedCatalogItems,getProductCatalogById,getProductCatalogItems,getProductCatalogFetchStatus};const subscriptionModel=(0,_model.createModel)({id:null,coupons:[],status:'active',currency:'USD',scheduledCancellationAt:null,currentBillingAmountInCents:0,productFamilyId:null,expiresAt:null,automaticallyResumeAt:null,trialEndedAt:null,canceledAt:null,currentPeriodEndsAt:null,nextAssessmentAt:null,nextProductId:null,balanceInCents:0,referralCode:null,threeDsActionLink:null,product:{id:null,name:'',description:null,priceInCents:0,interval:0,intervalUnit:null,trialPriceInCents:0,trialInterval:null,trialIntervalUnit:null},components:{updatesAllowed:null,usedInBilling:null},billing:{paymentProfileConnected:false,paymentProfileId:null,address:{address:null,address2:null,city:null,state:null,zip:null,country:null},creditCard:{firstName:null,lastName:null,cardType:null,maskedNumber:null,expirationMonth:0,expirationYear:0},bankAccount:{maskedAccountNumber:null,maskedRoutingNumber:null,bankName:null,firstName:null,lastName:null}},error:null,addedCoupon:null},{events:{UPDATE_SUBSCRIPTION:event=>event,GET_SUBSCRIPTION_DETAILS:event=>({event}),GET_COUPONS:event=>({coupons:event.coupons}),ADD_COUPON:event=>({couponCode:event.couponCode}),ADD_ANOTHER_COUPON:()=>({})}});const SUBSCRIPTION_STATES={trialing:'trial',trial_ended:'trial_expired',on_hold:'on_hold',canceled:'canceled',expired:'expired',past_due:'past_due',unpaid:'unpaid',paused:'paused'};const setStatus=(state,scheduledCancellationAt,nextProductId)=>{const status=SUBSCRIPTION_STATES[state]||'active';if(status==='active'&&scheduledCancellationAt)return'cancellation_scheduled';if(['active','trial'].includes(status)&&nextProductId)return'plan_change_scheduled';return status;};const serializeSubscription=subscription=>{const{state,...model}=subscription;return{...model,status:setStatus(state,model.scheduledCancellationAt,model.nextProductId)};};const componentModel=(0,_model.createModel)({id:null,type:null,name:'',description:'',allocatedQuantity:null,enabled:null,recurring:null,currency:null,allowFractionalQuantities:null,updatesAllowed:null,pricePoint:{id:null,rolloverPrepaidRemainder:null,renewPrepaidAllocation:null,expirationInterval:null,expirationIntervalUnit:null,type:null,prices:[]},unit:{name:'',balance:0,overageBalance:0}});const getUniqueCoupons=coupons=>{return[...new Map(coupons.map(item=>[item.code,item])).values()];};const createSubscriptionMachine=function(){let defaultContext=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return subscriptionModel.createMachine({id:'subscription',predictableActionArguments:true,context:{...subscriptionModel.initialContext,...defaultContext},initial:'idle',states:{idle:{on:{GET_SUBSCRIPTION_DETAILS:'loadingSubscriptionDetails'}},loadingSubscriptionDetails:{invoke:{src:'getSubscriptionDetails',onDone:{target:'ready',actions:(0,_xstate.assign)((_,event)=>{return{...event.data};})},onError:{target:'error',actions:'setError'}}},ready:{on:{ADD_COUPON:'addingCoupon',GET_SUBSCRIPTION_DETAILS:'loadingSubscriptionDetails',ADD_ANOTHER_COUPON:'couponAdded'}},addingCoupon:{invoke:{src:'addCoupon',onDone:{target:'couponAdded',actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,balanceInCents:event.data.subscriptionBalanceInCents,currentBillingAmountInCents:event.data.subscriptionCurrentBillingAmountInCents,coupons:getUniqueCoupons([...ctx.coupons,event.data]),addedCoupon:event.data};})},onError:{actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,error:event.data.errorCode};}),target:'error'}}},couponAdded:{on:{ADD_ANOTHER_COUPON:{target:'ready',actions:(0,_xstate.assign)(ctx=>{return{...ctx,addedCoupon:null};})},GET_SUBSCRIPTION_DETAILS:'loadingSubscriptionDetails'}},error:{on:{ADD_COUPON:{target:'addingCoupon',actions:(0,_xstate.assign)(ctx=>{return{...ctx,error:null};})}}}},on:{UPDATE_SUBSCRIPTION:{actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,...event.data};})}}});};const getSubscriptionState=machineState=>machineState.context.status;const getAddedCoupon=state=>state.context.addedCoupon;const getError$2=state=>state.context.error;const getCouponsStatus=state=>{return{isError:state.matches('error'),isLoading:state.matches('loading'),isAddingCoupon:state.matches('addingCoupon'),isCouponAdded:state.matches('couponAdded')};};const getCoupons=state=>state.context.coupons;const getSubscriptionDetails=machineState=>{const isLoading=machineState.matches('loadingSubscriptionDetails');const{id,status,currency,currentBillingAmountInCents,currentPeriodEndsAt,scheduledCancellationAt,nextAssessmentAt,canceledAt,expiresAt,trialEndedAt,balanceInCents,automaticallyResumeAt,product,billing,customFields,referralCode,threeDsActionLink,coupons}=machineState.context;return{id,status,currency,currentBillingAmountInCents,currentPeriodEndsAt,scheduledCancellationAt,nextAssessmentAt,canceledAt,expiresAt,trialEndedAt,balanceInCents,automaticallyResumeAt,product,billing,customFields,referralCode,threeDsActionLink,coupons,isLoading};};const subscriptionSelectors={getSubscriptionState,getSubscriptionDetails,getCouponsStatus,getError:getError$2,getAddedCoupon,getCoupons};const updateSubscription=(0,_xstate.assign)({items:(context,event)=>{const{catalogId,subscriptionId,type,...subscriptionDetails}=event;const subscriptions=context.items[catalogId].map(item=>{if(item.subscription.id===subscriptionId){return{...item,subscription:{...item.subscription,...subscriptionDetails}};}return item;});return{...context.items,[catalogId]:subscriptions};}});const toggleSubscriptionDetailsVisibility=(0,_xstate.assign)({itemsWithVisibleDetails:(context,event)=>{const{subscriptionId}=event;const detailsVisible=context.itemsWithVisibleDetails.includes(subscriptionId);return!detailsVisible?[...context.itemsWithVisibleDetails,subscriptionId]:context.itemsWithVisibleDetails.filter(id=>id!==subscriptionId);}});const setListExpandedState=(0,_xstate.assign)({catalogs:(context,event)=>{const{catalogId,status}=event;return{...context.catalogs,[catalogId]:{...context.catalogs[catalogId],isListExpanded:status}};}});const createComponentMachine=function(){let defaultContext=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return componentModel.createMachine({predictableActionArguments:true,context:{...componentModel.initialContext,...defaultContext}});};const getComponent=machineState=>{return machineState.context;};const componentSelectors={getComponent};const createComponentsMachine=subscriptionId=>(0,_xstate.createMachine)({initial:'idle',predictableActionArguments:true,context:{subscriptionId,items:[]},states:{idle:{on:{FETCH_COMPONENTS:{target:'loading'}}},ready:{on:{UPDATE_COMPONENTS:{target:'loading'}}},error:{},loading:{invoke:{src:'getComponents',onDone:{target:'ready',actions:(0,_xstate.assign)((_ctx,event)=>{const components=event.data.items.map(item=>({component:item,ref:(0,_xstate.spawn)(createComponentMachine(item))}));return{items:components};})},onError:{target:'error'}}}}});const checkIfComponentIsUsedForBilling=component=>{if(component.pricePoint.id===null)return false;if(component.type==='on_off')return component.enabled;if(component.type==='metered')return component.unit.balance>0;if(['quantity','prepaid'].includes(component.type))return component.allocatedQuantity>0;};const getComponentsUsedInBilling=machineState=>{const categorizedComponents={};const productCatalogItems=machineState.context.items;productCatalogItems.forEach(component=>{if(!checkIfComponentIsUsedForBilling(component.component))return;const componentType=component.component.type;const categorizedComponent={id:component.component.id,componentMachineRef:component.ref};if(categorizedComponents.hasOwnProperty(componentType)){return categorizedComponents[componentType].push(categorizedComponent);}categorizedComponents[componentType]=[categorizedComponent];});return categorizedComponents;};const getComponentsUpdatesAllowed=machineState=>{const productCatalogItems=machineState.context.items;return productCatalogItems.some(item=>item.component.updatesAllowed);};const componentsSelectors={getComponentsUsedInBilling,getComponentsUpdatesAllowed};const DEFAULT_VISIBLE_SUBSCRIPTIONS=5;const createCustomFieldsMachine=subscriptionId=>(0,_xstate.createMachine)({id:'customFields',predictableActionArguments:true,context:{subscriptionId,customFields:null},initial:'idle',states:{idle:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{src:'getSubscriptionCustomFields',onDone:{target:'ready',actions:(0,_xstate.assign)((_ctx,event)=>{return{customFields:event.data.items};})},onError:{target:'error'}}},ready:{on:{EDIT_CUSTOM_FIELDS:{target:'customFieldsEdit'}}},error:{on:{INITIALIZE:{target:'loading'}}},customFieldsEdit:{id:'customFieldsEdit',initial:'idle',states:{idle:{on:{SAVE:{target:'saving'},CANCEL:{target:'#customFields'}}},saving:{invoke:{src:'saveCustomerCustomFields',onDone:{target:'#customFields.ready',actions:(0,_xstate.assign)((ctx,event)=>{return{customFields:updateCustomFields(ctx.customFields,event.data.fields)};})},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#customFields'},SAVE:{target:'saving'}}}}}}});const serializeSubscriptions=(items,dataAccess)=>{const subscriptions={};items.forEach(subscription=>{const serializedSubscription=serializeSubscription(subscription);const{id:subscriptionId}=serializedSubscription;const componentsMachine=createComponentsMachine(subscriptionId).withConfig({services:{getComponents:_ref256=>{let{subscriptionId}=_ref256;return dataAccess.getComponents(subscriptionId);}}});const subscriptionMachine=createSubscriptionMachine(serializedSubscription);const customFieldsMachine=createCustomFieldsMachine(subscriptionId).withConfig({services:{getSubscriptionCustomFields:_ref257=>{let{subscriptionId}=_ref257;return dataAccess.getSubscriptionCustomFields(subscriptionId);},saveCustomerCustomFields:(_ref258,_ref259)=>{let{subscriptionId}=_ref258;let{payload:fields}=_ref259;return dataAccess.updateSubscriptionCustomFields(subscriptionId,fields);}}});const entity={subscription:serializedSubscription,componentsRef:(0,_xstate.spawn)(componentsMachine,`subscription-components-${subscriptionId}`),subscriptionRef:(0,_xstate.spawn)(subscriptionMachine,`subscription-${serializedSubscription.id}`),customFieldsRef:(0,_xstate.spawn)(customFieldsMachine,`custom-fields-${subscriptionId}`)};if(subscriptions[subscription.productFamilyId]){subscriptions[subscription.productFamilyId].push(entity);}else{subscriptions[subscription.productFamilyId]=[entity];}});return subscriptions;};const serializeCatalogs=subscriptions=>Object.keys(subscriptions).reduce((acc,catalogId)=>{acc[Number(catalogId)]={isPaginated:subscriptions[Number(catalogId)].length>DEFAULT_VISIBLE_SUBSCRIPTIONS,isListExpanded:false};return acc;},{});const createSubscriptionsMachine=dataAccess=>(0,_xstate.createMachine)({id:'subscriptions',predictableActionArguments:true,initial:'idle',context:{items:{},catalogs:{},itemsWithVisibleDetails:[]},on:{UPDATE_SUBSCRIPTION_COMPONENTS:{actions:[(0,_xstate.send)({type:'UPDATE_COMPONENTS'},{to:(_ctx,event)=>`subscription-components-${event.subscriptionId}`})]}},states:{idle:{on:{FETCH_SUBSCRIPTIONS:{target:'loading'}}},loading:{invoke:{id:'subscriptionsFetch',src:'getSubscriptions',onDone:{target:'ready',actions:(0,_xstate.assign)((_ctx,event)=>{const subscriptions=serializeSubscriptions(event.data.items,dataAccess);return{items:subscriptions,catalogs:serializeCatalogs(subscriptions)};})},onError:{target:'error'}}},error:{on:{RETRY_FETCH_SUBSCRIPTIONS:{target:'loading'}}},ready:{on:{TOGGLE_SUBSCRIPTION_DETAILS_VISIBILITY:{actions:'toggleSubscriptionDetailsVisibility'},SET_LIST_EXPANDED:{actions:'setListExpandedState'},UPDATE_SUBSCRIPTION:{actions:[updateSubscription,(0,_xstate.send)((_ctx,event)=>({type:'UPDATE_SUBSCRIPTION',data:event}),{to:(_ctx,event)=>`subscription-${event.subscriptionId}`})]}}}}},{actions:{updateSubscription,toggleSubscriptionDetailsVisibility,setListExpandedState}});const getSubscriptionsByCategoryId=catalogId=>machineState=>machineState.context.items[catalogId]||[];const getSubscriptionById=(catalogId,subscriptionId)=>machineState=>{const subscriptions=machineState.context.items[catalogId];return subscriptions.find(_ref260=>{let{subscription}=_ref260;return subscription.id===subscriptionId;});};const getSubscriptionsCount=machineState=>{const subscriptionsCatalogIds=Object.keys(machineState.context.items);const totalCount=subscriptionsCatalogIds.reduce((acc,catalogId)=>{const subscriptionsInCatalog=machineState.context.items[Number(catalogId)];return acc+subscriptionsInCatalog.length;},0);return totalCount;};const getSubscriptionsWithVisibleDetails=machineState=>machineState.context.itemsWithVisibleDetails;const getSubscriptionsFetchStatus=machineState=>({isLoading:machineState.matches('loading'),error:machineState.matches('error'),ready:machineState.matches('ready')});const getCatalogById=catalogId=>machineState=>machineState.context.catalogs[catalogId];const subscriptionsSelectors={getSubscriptionsByCategoryId,getSubscriptionsFetchStatus,getSubscriptionsCount,getSubscriptionById,getCatalogById,getSubscriptionsWithVisibleDetails};const initialContext$b={createPaymentProfile:{subscriptionId:null,catalogId:null,paymentMethod:null,activePaymentProfileId:null},deletePaymentProfile:{subscriptionId:null,catalogId:null,paymentProfileId:null},previewPaymentProfile:{subscriptionId:null,catalogId:null,paymentProfileId:null},changePaymentProfile:{subscriptionId:null,catalogId:null,paymentProfileId:null},componentsAllocation:{subscriptionId:null,catalogId:null},resumeSubscription:{subscriptionId:null,catalogId:null},pauseSubscription:{subscriptionId:null,catalogId:null},cancelSubscription:{subscriptionId:null,catalogId:null},undoCancelation:{subscriptionId:null,catalogId:null},reactivateSubscription:{subscriptionId:null,catalogId:null},changeSubscriptionPlan:{subscriptionId:null,catalogId:null},threeDSecure:{subscriptionId:null,threeDsActionLink:null,catalogId:null,onSuccess:null},addCoupon:{subscriptionId:null,catalogId:null,subscriptionDetailsService:null,currency:null}};const modals=(0,_xstate.createMachine)({id:'modals',predictableActionArguments:true,initial:'idle',context:initialContext$b,on:{CLOSE_MODAL:{target:'idle',actions:[(0,_xstate.assign)(()=>({...initialContext$b}))]}},states:{idle:{on:{SHOW_CREATE_PAYMENT_PROFILE:{target:'createPaymentProfile',actions:[(0,_xstate.assign)((_ctx,_ref261)=>{let{catalogId,subscriptionId,paymentMethod,activePaymentProfileId}=_ref261;return{createPaymentProfile:{catalogId,subscriptionId,paymentMethod,activePaymentProfileId}};})]},SHOW_ADDONS_CONFIGURATION:{target:'addonsConfiguration',actions:[(0,_xstate.assign)((ctx,_ref262)=>{let{catalogId,subscriptionId}=_ref262;return{componentsAllocation:{...ctx.componentsAllocation,catalogId,subscriptionId}};})]},SHOW_RESUME_SUBSCRIPTION:{target:'resumeSubscription',actions:[(0,_xstate.assign)((_ctx,_ref263)=>{let{subscriptionId,catalogId}=_ref263;return{resumeSubscription:{subscriptionId,catalogId}};})]},SHOW_PAUSE_SUBSCRIPTION:{target:'pauseSubscription',actions:[(0,_xstate.assign)((_ctx,_ref264)=>{let{catalogId,subscriptionId}=_ref264;return{pauseSubscription:{catalogId,subscriptionId}};})]},SHOW_CANCEL_SUBSCRIPTION:{target:'cancelSubscription',actions:[(0,_xstate.assign)((_ctx,_ref265)=>{let{catalogId,subscriptionId}=_ref265;return{cancelSubscription:{catalogId,subscriptionId}};})]},SHOW_DELETE_PAYMENT_PROFILE:{target:'deletePaymentProfile',actions:[(0,_xstate.assign)((_ctx,_ref266)=>{let{catalogId,subscriptionId,paymentProfileId}=_ref266;return{deletePaymentProfile:{catalogId,subscriptionId,paymentProfileId}};})]},SHOW_CHANGE_PAYMENT_PROFILE:{target:'changePaymentProfile',actions:[(0,_xstate.assign)((_ctx,_ref267)=>{let{catalogId,subscriptionId,paymentProfileId}=_ref267;return{changePaymentProfile:{catalogId,subscriptionId,paymentProfileId}};})]},SHOW_PREVIEW_PAYMENT_PROFILE:{target:'previewPaymentProfile',actions:[(0,_xstate.assign)((_ctx,_ref268)=>{let{catalogId,subscriptionId,paymentProfileId}=_ref268;return{previewPaymentProfile:{catalogId,subscriptionId,paymentProfileId}};})]},SHOW_UNDO_CANCELATION:{target:'undoCancelation',actions:[(0,_xstate.assign)((_ctx,_ref269)=>{let{catalogId,subscriptionId}=_ref269;return{undoCancelation:{catalogId,subscriptionId}};})]},SHOW_REACTIVATE_SUBSCRIPTION:{target:'reactivateSubscription',actions:[(0,_xstate.assign)((_ctx,_ref270)=>{let{catalogId,subscriptionId}=_ref270;return{reactivateSubscription:{catalogId,subscriptionId}};})]},SHOW_SUBSCRIPTION_PLAN_CHANGE:{target:'changeSubscriptionPlan',actions:[(0,_xstate.assign)((_ctx,_ref271)=>{let{catalogId,subscriptionId}=_ref271;return{changeSubscriptionPlan:{catalogId,subscriptionId}};})]},SHOW_THREE_D_SECURE:{target:'threeDSecure',actions:[(0,_xstate.assign)((_ctx,_ref272)=>{let{subscriptionId,threeDsActionLink,catalogId,onSuccess}=_ref272;return{threeDSecure:{subscriptionId,threeDsActionLink,catalogId,onSuccess}};})]},SHOW_ADD_COUPON:{target:'addCoupon',actions:[(0,_xstate.assign)((_ctx,_ref273)=>{let{subscriptionId,catalogId,subscriptionDetailsService,currency}=_ref273;return{addCoupon:{subscriptionId,catalogId,subscriptionDetailsService,currency}};})]}}},addCoupon:{},createPaymentProfile:{},previewPaymentProfile:{},changePaymentProfile:{},deletePaymentProfile:{},reactivateSubscription:{},paymentProfile:{},addonsConfiguration:{},pauseSubscription:{},resumeSubscription:{},cancelSubscription:{},undoCancelation:{},changeSubscriptionPlan:{},threeDSecure:{}}});const getCreatePaymentProfile=machineState=>({isOpen:machineState.matches('createPaymentProfile'),meta:machineState.context.createPaymentProfile});const getAddonsConfiguration=machineState=>({isOpen:machineState.matches('addonsConfiguration'),meta:machineState.context.componentsAllocation});const getResumeSubscription=machineState=>({isOpen:machineState.matches('resumeSubscription'),meta:machineState.context.resumeSubscription});const getPauseSubscription=machineState=>({isOpen:machineState.matches('pauseSubscription'),meta:machineState.context.pauseSubscription});const getCancelSubscription=machineState=>({isOpen:machineState.matches('cancelSubscription'),meta:machineState.context.cancelSubscription});const getDeletePaymentMethod=machineState=>({isOpen:machineState.matches('deletePaymentProfile'),meta:machineState.context.deletePaymentProfile});const getChangePaymentMethod=machineState=>({isOpen:machineState.matches('changePaymentProfile'),meta:machineState.context.changePaymentProfile});const getPreviewPaymentMethod=machineState=>({isOpen:machineState.matches('previewPaymentProfile'),meta:machineState.context.previewPaymentProfile});const getUndoCancelation=machineState=>({isOpen:machineState.matches('undoCancelation'),meta:machineState.context.undoCancelation});const getReactivateSubscription=machineState=>({isOpen:machineState.matches('reactivateSubscription'),meta:machineState.context.reactivateSubscription});const getChangeSubscriptionPlan=machineState=>({isOpen:machineState.matches('changeSubscriptionPlan'),meta:machineState.context.changeSubscriptionPlan});const getThreeDsConfirmation=machineState=>({isOpen:machineState.matches('threeDSecure'),meta:machineState.context.threeDSecure});const getAddCoupon=machineState=>({isOpen:machineState.matches('addCoupon'),meta:machineState.context.addCoupon});const modalsSelectors={getAddCoupon,getCreatePaymentProfile,getAddonsConfiguration,getResumeSubscription,getPauseSubscription,getCancelSubscription,getUndoCancelation,getDeletePaymentMethod,getChangePaymentMethod,getPreviewPaymentMethod,getReactivateSubscription,getChangeSubscriptionPlan,getThreeDsConfirmation};const resetFieldError=(0,_xstate.assign)({billingAddress:(context,event)=>{const{form,field}=event;if(form==='billingAddress'){const{[field]:_error,...restErrors}=context.billingAddress.errors;return{...context.billingAddress,errors:restErrors};}return context.billingAddress;},paymentMethod:(context,event)=>{const{form,field}=event;if(form==='paymentMethod'){const{[field]:_error,...restErrors}=context.paymentMethod.errors;return{...context.paymentMethod,errors:restErrors};}return context.paymentMethod;}});const setPaymentProfileIdForReplacement=(0,_xstate.assign)({paymentProfiles:(ctx,event)=>{const{paymentProfileId}=event;if(ctx.paymentProfiles.idsForReplacement?.includes(paymentProfileId)){return{...ctx.paymentProfiles,idsForReplacement:ctx.paymentProfiles.idsForReplacement.filter(id=>id!==paymentProfileId)};}return{...ctx.paymentProfiles,idsForReplacement:[...ctx.paymentProfiles.idsForReplacement,paymentProfileId]};}});const assignCreatedProfile=(0,_xstate.assign)({createdProfile:(ctx,event)=>event.data});const serializePaymentProfilesSubscriptions=(0,_xstate.assign)((ctx,event)=>{return{...ctx,paymentProfiles:{idsForReplacement:event.data.subscriptions.failed.map(i=>i.id),subscriptions:{failed:event.data.subscriptions.failed,success:event.data.subscriptions.success}}};});const initialContext$a={token:null,tokenizationError:null,requiredFields:null,validationSchema:null,createdProfile:null,paymentMethod:{errors:{},values:{firstName:'',lastName:''}},billingAddress:{errors:{},values:{address:'',address2:'',city:'',state:'',country:'',zip:''}},paymentProfiles:{idsForReplacement:[],subscriptions:{failed:null,success:null}}};const createPaymentProfile=(0,_xstate.createMachine)({context:initialContext$a,initial:'idle',predictableActionArguments:true,on:{UPDATE_FIELD:{actions:[(0,_xstate.assign)((ctx,event)=>({[event.form]:{...ctx[event.form],values:{...ctx[event.form].values,[event.field]:event.value}}}))]},RESET_FIELD_ERROR:{actions:['resetFieldError']},SET_FIELD_ERROR:{actions:[(0,_xstate.assign)((ctx,event)=>{const{error,field,form}=event;return{[form]:{...ctx[form],errors:{...ctx[form].errors,[field]:error}}};})]}},states:{idle:{on:{SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT:{actions:'setPaymentProfileIdForReplacement'},SAVE_PAYMENT_METHOD:{target:'validatePaymentMethod'}}},validatePaymentMethod:{entry:[(0,_xstate.assign)(ctx=>({tokenizationError:null,billingAddress:{...ctx.billingAddress,errors:{}}}))],invoke:{id:'validatePaymentMethod',src:'validatePaymentMethod',onDone:{target:'tokenizePaymentMethod'},onError:{target:'validationError',actions:[(0,_xstate.assign)((ctx,event)=>({billingAddress:{...ctx.billingAddress,errors:event.data.errors.billingAddress},paymentMethod:{...ctx.paymentMethod,errors:event.data.errors.paymentMethod}}))]}}},tokenizePaymentMethod:{invoke:{id:'tokenizePaymentMethod',src:'tokenizePaymentMethod',onDone:{target:'createPaymentProfile',actions:[(0,_xstate.assign)((_ctx,event)=>({token:event.data}))]},onError:{target:'tokenizationError',actions:[(0,_xstate.assign)((_ctx,event)=>({tokenizationError:event.data}))]}}},createPaymentProfile:{invoke:{id:'createProfile',src:'createPaymentProfile',onDone:[{cond:'hasPaymentProfilesIdsForReplacement',target:'replacePaymentProfiles',actions:'assignCreatedProfile'},{target:'success',actions:['assignCreatedProfile','onCreateProfileSuccess',(0,_xstate.assign)((_ctx,event)=>({createdProfile:event.data}))]}],onError:{target:'createProfileError'}}},replacePaymentProfiles:{invoke:{id:'replacePaymentProfiles',src:'replacePaymentProfiles',onDone:{target:'success',actions:['onReplacePaymentProfilesSuccess','onCreateProfileSuccess']},onError:{target:'replacePaymentProfilesError',actions:'serializePaymentProfilesSubscriptions'}}},validationError:{on:{SAVE_PAYMENT_METHOD:{target:'validatePaymentMethod'}}},replacePaymentProfilesError:{on:{RETRY_REPLACE_PAYMENT_PROFILES:{target:'replacePaymentProfiles'}}},createProfileError:{on:{SAVE_PAYMENT_METHOD:{target:'validatePaymentMethod'}}},tokenizationError:{on:{SAVE_PAYMENT_METHOD:{target:'validatePaymentMethod'}}},success:{type:'final'}}},{actions:{serializePaymentProfilesSubscriptions,setPaymentProfileIdForReplacement,resetFieldError,assignCreatedProfile},guards:{hasPaymentProfilesIdsForReplacement:ctx=>ctx.paymentProfiles.idsForReplacement.length>0}});const getPaymentProfile=machineState=>{const{paymentMethod,billingAddress,validationSchema,tokenizationError}=machineState.context;return{paymentMethod:{...paymentMethod,hostedFieldsErrors:tokenizationError?.invalidFields||[]},billingAddress,validationSchema};};const getPaymentProfileProcessing=machineState=>{return['validatePaymentMethod','tokenizePaymentMethod','createPaymentProfile','connectProfileWithSubscription','replacePaymentProfiles'].some(state=>machineState.matches(state));};const getProfileConnectionError=machineState=>machineState.matches('connectProfileError');const getRequiredFields=machineState=>machineState.context.requiredFields;const getPaymentProfileErrors=machineState=>{return{tokenization:machineState.context.tokenizationError};};const getPaymentProfilesReplacementError=machineState=>machineState.matches('replacePaymentProfilesError');const getPaymentProfilesIdsForReplacement=machineState=>machineState.context.paymentProfiles.idsForReplacement;const getPaymentProfilesSubscriptions=machineState=>machineState.context.paymentProfiles.subscriptions;const getPaymentProfilesReplacementProcessing=machineState=>machineState.matches('replacePaymentProfiles');const paymentProfileSelectors={getProfileConnectionError,getRequiredFields,getPaymentProfileErrors,getPaymentProfileProcessing,getPaymentProfile,getPaymentProfilesIdsForReplacement,getPaymentProfilesSubscriptions,getPaymentProfilesReplacementError,getPaymentProfilesReplacementProcessing};var CreditCardPCIFields;(function(CreditCardPCIFields){CreditCardPCIFields["Number"]="number";CreditCardPCIFields["SecurityCode"]="cvv";CreditCardPCIFields["ExpirationMonth"]="month";CreditCardPCIFields["ExpirationYear"]="year";})(CreditCardPCIFields||(CreditCardPCIFields={}));const createFieldsConfig=(requiredFields,translations,fieldsStyles)=>{const config={[CreditCardPCIFields.Number]:{selector:'#number',required:requiredFields.includes(CreditCardPCIFields.Number),placeholder:translations.creditCardNumber.placeholder,next_focus:'month'},[CreditCardPCIFields.SecurityCode]:{selector:'#cvv',required:requiredFields.includes(CreditCardPCIFields.Number),placeholder:translations.securityCode.placeholder},[CreditCardPCIFields.ExpirationYear]:{selector:'#year',required:requiredFields.includes(CreditCardPCIFields.Number),style:fieldsStyles[CreditCardPCIFields.ExpirationYear],next_focus:'cvv'},[CreditCardPCIFields.ExpirationMonth]:{selector:'#month',required:requiredFields.includes(CreditCardPCIFields.Number),style:fieldsStyles[CreditCardPCIFields.ExpirationMonth],next_focus:'year'}};return config;};const INPUT_HEIGHT='28px';const createFieldsStyles=theme=>{const{fonts}=theme;const inputStyles={background:'none','box-shadow':'none',height:INPUT_HEIGHT,'font-family':fonts.secondary,'line-height':1,padding:'0 8px',border:'none','border-radius':0};const commonStyles={field:{margin:0,padding:0,background:'none'},message:{display:'none'},label:{display:'none'}};const fieldsStyles={[CreditCardPCIFields.ExpirationMonth]:{input:{...inputStyles,padding:'0 4px 0 8px'},...commonStyles},[CreditCardPCIFields.ExpirationYear]:{input:{...inputStyles,padding:'0 8px 0 4px'},...commonStyles}};const globalStyles={input:inputStyles,...commonStyles};return{fieldsStyles,globalStyles};};const createCreditCardValidationSchema=function(){let requiredFields=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];const schema={firstName:yup.string(),lastName:yup.string()};requiredFields.forEach(fieldName=>{if(schema[fieldName]){schema[fieldName]=schema[fieldName].required('required');}});const schemaValidator=yup.object(schema);return schemaValidator;};const mapDetectedCreditCardType=cardType=>{if(cardType==='mastercard'){return'master';}if(cardType==='american-express'){return'american_express';}if(cardType==='diners-club'){return'diners_club';}if(cardType==='default'||cardType==='diners'){return null;}return cardType;};const Container$5=_styledComponents.default.div.withConfig({displayName:"maxio__Container5",componentId:"maxio-components__sc-lo74t2-159"})(["&&&{width:100%;display:flex;flex-direction:column;",";}"],_styledSystem.grid);const HostedField=_ref274=>{let{label,required,tooltip,children}=_ref274;return/*#__PURE__*/_react.default.createElement(Container$5,{gridRowGap:1},/*#__PURE__*/_react.default.createElement(InputLabel,{label:label,size:"small",required:required,tooltip:tooltip,textEllipsis:true,flexLabel:true}),children);};const Container$4=_styledComponents.default.div.withConfig({displayName:"maxio__Container4",componentId:"maxio-components__sc-lo74t2-160"})(["&&&{display:inline-flex;align-items:center;",";",";",";box-shadow:0px 2px 4px rgba(2,11,17,0.15);box-sizing:border-box;border-width:1px;border-style:solid;width:100%;height:34px;overflow:hidden;}&&& iframe{width:100% !important;height:34px !important;}"],_styledSystem.color,_styledSystem.borderColor,_styledSystem.borderRadius);const InputSocket=_ref275=>{let{id,children,hasError}=_ref275;return/*#__PURE__*/_react.default.createElement(Container$4,{id:id,borderRadius:1,backgroundColor:"white.main",borderColor:hasError?'danger.main':'white.main',"data-testid":id},children);};const CardNumber=_ref276=>{let{htmlElementId=CreditCardPCIFields.Number,label,required,hasError}=_ref276;return/*#__PURE__*/_react.default.createElement(HostedField,{label:label,hasError:hasError,required:required},/*#__PURE__*/_react.default.createElement(InputSocket,{hasError:hasError,id:htmlElementId}));};const SecurityCode=_ref277=>{let{label,required,htmlElementId=CreditCardPCIFields.SecurityCode,hasError,tooltip}=_ref277;return/*#__PURE__*/_react.default.createElement(HostedField,{label:label,hasError:hasError,required:required,tooltip:tooltip},/*#__PURE__*/_react.default.createElement(InputSocket,{id:htmlElementId,hasError:hasError}));};const Container$3=_styledComponents.default.div.withConfig({displayName:"maxio__Container3",componentId:"maxio-components__sc-lo74t2-161"})(["&&&{width:100%;}"]);const Socket=_styledComponents.default.div.withConfig({displayName:"maxio__Socket",componentId:"maxio-components__sc-lo74t2-162"})(["&&&{",";height:100%;}"],_styledSystem.width);const MONTH_FIELD_WIDTH='35px';const YEAR_FIELD_WITH='60px';const CardExpiration=_ref278=>{let{label,hasError,required,monthHtmlElementId=CreditCardPCIFields.ExpirationMonth,yearHtmlElementId=CreditCardPCIFields.ExpirationYear}=_ref278;return/*#__PURE__*/_react.default.createElement(HostedField,{label:label,hasError:hasError,required:required},/*#__PURE__*/_react.default.createElement(Container$3,null,/*#__PURE__*/_react.default.createElement(InputSocket,{hasError:hasError},/*#__PURE__*/_react.default.createElement(Socket,{width:MONTH_FIELD_WIDTH,id:monthHtmlElementId,"data-testid":monthHtmlElementId}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2"},"/"),/*#__PURE__*/_react.default.createElement(Socket,{width:YEAR_FIELD_WITH,id:yearHtmlElementId,"data-testid":yearHtmlElementId}))));};const ThreeDigit=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"72",height:"46",viewBox:"0 0 72 46",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/_react.default.createElement("path",{d:"M66 0H6C2.68629 0 0 2.68629 0 6V40C0 43.3137 2.68629 46 6 46H66C69.3137 46 72 43.3137 72 40V6C72 2.68629 69.3137 0 66 0Z",fill:"#FFD898"}),/*#__PURE__*/_react.default.createElement("path",{d:"M64.5 17.5H55.5C53.8431 17.5 52.5 18.8431 52.5 20.5V24.5C52.5 26.1569 53.8431 27.5 55.5 27.5H64.5C66.1569 27.5 67.5 26.1569 67.5 24.5V20.5C67.5 18.8431 66.1569 17.5 64.5 17.5Z",fill:"#DA8393",stroke:"#B40726"}),/*#__PURE__*/_react.default.createElement("path",{d:"M57.577 24.4785V25H54.861V24.4785H55.925V21.185C55.925 21.08 55.9285 20.9715 55.9355 20.8595L55.0815 21.584C55.0488 21.6097 55.0162 21.626 54.9835 21.633C54.9508 21.64 54.9193 21.6412 54.889 21.6365C54.861 21.6318 54.8353 21.6225 54.812 21.6085C54.791 21.5922 54.7735 21.5758 54.7595 21.5595L54.546 21.262L56.051 19.9635H56.6075V24.4785H57.577ZM61.5115 24.3525C61.5862 24.3525 61.6445 24.3747 61.6865 24.419C61.7285 24.461 61.7495 24.517 61.7495 24.587V25H58.3755V24.7655C58.3755 24.7188 58.3849 24.6698 58.4035 24.6185C58.4222 24.5648 58.4537 24.517 58.498 24.475L60.087 22.8825C60.22 22.7495 60.3402 22.6212 60.4475 22.4975C60.5549 22.3738 60.6459 22.2513 60.7205 22.13C60.7952 22.0063 60.8524 21.8803 60.892 21.752C60.934 21.6237 60.955 21.4883 60.955 21.346C60.955 21.206 60.9329 21.0835 60.8885 20.9785C60.8442 20.8712 60.7835 20.7825 60.7065 20.7125C60.6295 20.6425 60.5385 20.59 60.4335 20.555C60.3285 20.52 60.2154 20.5025 60.094 20.5025C59.9727 20.5025 59.8607 20.52 59.758 20.555C59.6577 20.59 59.5679 20.639 59.4885 20.702C59.4092 20.765 59.3427 20.8397 59.289 20.926C59.2354 21.0123 59.1969 21.1057 59.1735 21.206C59.1409 21.2947 59.0989 21.3542 59.0475 21.3845C58.9985 21.4148 58.9262 21.4218 58.8305 21.4055L58.4735 21.3425C58.5062 21.1092 58.5704 20.9038 58.666 20.7265C58.7617 20.5492 58.8819 20.401 59.0265 20.282C59.1712 20.1607 59.3369 20.0697 59.5235 20.009C59.7125 19.9483 59.9155 19.918 60.1325 19.918C60.3519 19.918 60.5537 19.9507 60.738 20.016C60.9247 20.079 61.0857 20.1712 61.221 20.2925C61.3564 20.4138 61.4625 20.562 61.5395 20.737C61.6165 20.9097 61.655 21.1057 61.655 21.325C61.655 21.5117 61.627 21.6855 61.571 21.8465C61.5174 22.0052 61.4427 22.1568 61.347 22.3015C61.2537 22.4462 61.144 22.5873 61.018 22.725C60.8944 22.8603 60.7625 22.998 60.6225 23.138L59.3485 24.44C59.4465 24.4143 59.5445 24.3933 59.6425 24.377C59.7429 24.3607 59.8374 24.3525 59.926 24.3525H61.5115ZM62.5551 21.3425C62.5901 21.1092 62.6554 20.9038 62.7511 20.7265C62.8468 20.5492 62.9669 20.401 63.1116 20.282C63.2563 20.1607 63.4219 20.0697 63.6086 20.009C63.7976 19.9483 64.0006 19.918 64.2176 19.918C64.4346 19.918 64.6341 19.9495 64.8161 20.0125C64.9981 20.0732 65.1533 20.1607 65.2816 20.275C65.4123 20.387 65.5138 20.5223 65.5861 20.681C65.6584 20.8397 65.6946 21.0147 65.6946 21.206C65.6946 21.367 65.6748 21.5093 65.6351 21.633C65.5954 21.7567 65.5383 21.8652 65.4636 21.9585C65.3913 22.0518 65.3026 22.1312 65.1976 22.1965C65.0926 22.2595 64.9748 22.312 64.8441 22.354C65.1638 22.4427 65.4041 22.5873 65.5651 22.788C65.7261 22.9863 65.8066 23.2383 65.8066 23.544C65.8066 23.7797 65.7623 23.992 65.6736 24.181C65.5849 24.3677 65.4636 24.5263 65.3096 24.657C65.1556 24.7853 64.9759 24.8845 64.7706 24.9545C64.5676 25.0222 64.3506 25.056 64.1196 25.056C63.8559 25.056 63.6296 25.0245 63.4406 24.9615C63.2516 24.8962 63.0906 24.8063 62.9576 24.692C62.8246 24.5753 62.7138 24.4365 62.6251 24.2755C62.5388 24.1122 62.4653 23.9337 62.4046 23.74L62.7021 23.614C62.7791 23.5813 62.8538 23.572 62.9261 23.586C62.9984 23.6 63.0509 23.6408 63.0836 23.7085C63.1186 23.7785 63.1583 23.8578 63.2026 23.9465C63.2493 24.0328 63.3111 24.1157 63.3881 24.195C63.4651 24.272 63.5608 24.3373 63.6751 24.391C63.7918 24.4447 63.9376 24.4715 64.1126 24.4715C64.2806 24.4715 64.4276 24.4447 64.5536 24.391C64.6796 24.335 64.7846 24.2638 64.8686 24.1775C64.9526 24.0888 65.0156 23.9908 65.0576 23.8835C65.0996 23.7762 65.1206 23.67 65.1206 23.565C65.1206 23.4343 65.1043 23.3142 65.0716 23.2045C65.0389 23.0948 64.9759 23.0015 64.8826 22.9245C64.7916 22.8452 64.6644 22.7833 64.5011 22.739C64.3378 22.6947 64.1254 22.6725 63.8641 22.6725V22.1755C64.0788 22.1732 64.2596 22.151 64.4066 22.109C64.5559 22.067 64.6761 22.0087 64.7671 21.934C64.8581 21.8593 64.9234 21.7707 64.9631 21.668C65.0051 21.5653 65.0261 21.451 65.0261 21.325C65.0261 21.1873 65.0051 21.0672 64.9631 20.9645C64.9211 20.8618 64.8616 20.7767 64.7846 20.709C64.7099 20.639 64.6201 20.5877 64.5151 20.555C64.4124 20.52 64.3004 20.5025 64.1791 20.5025C64.0578 20.5025 63.9458 20.52 63.8431 20.555C63.7404 20.59 63.6494 20.639 63.5701 20.702C63.4908 20.765 63.4243 20.8397 63.3706 20.926C63.3169 21.0123 63.2784 21.1057 63.2551 21.206C63.2224 21.2947 63.1804 21.3542 63.1291 21.3845C63.0801 21.4148 63.0089 21.4218 62.9156 21.4055L62.5551 21.3425Z",fill:"#27566D"}),/*#__PURE__*/_react.default.createElement("path",{d:"M72 6H0V14H72V6Z",fill:"#1D2729"}),/*#__PURE__*/_react.default.createElement("path",{d:"M47 18H5V26H47V18Z",fill:"white"})));const FourDigit=()=>(/*#__PURE__*/_react.default.createElement("svg",{width:"72",height:"46",viewBox:"0 0 72 46",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/_react.default.createElement("path",{d:"M66 0H6C2.68629 0 0 2.68629 0 6V40C0 43.3137 2.68629 46 6 46H66C69.3137 46 72 43.3137 72 40V6C72 2.68629 69.3137 0 66 0Z",fill:"#8FC2D3"}),/*#__PURE__*/_react.default.createElement("path",{d:"M9.82 9.395L9.181 7.724C9.135 7.61 9.089 7.466 9.043 7.292C9.021 7.378 8.998 7.458 8.974 7.532C8.952 7.606 8.93 7.672 8.908 7.73L8.272 9.395H9.82ZM11.083 11H10.591C10.535 11 10.489 10.986 10.453 10.958C10.417 10.93 10.391 10.894 10.375 10.85L9.994 9.851H8.095L7.714 10.85C7.7 10.888 7.674 10.923 7.636 10.955C7.598 10.985 7.552 11 7.498 11H7.006L8.722 6.692H9.367L11.083 11ZM16.1508 6.692V11H15.5928V7.934C15.5928 7.888 15.5938 7.839 15.5958 7.787C15.5998 7.735 15.6038 7.682 15.6078 7.628L14.1738 10.259C14.1238 10.357 14.0468 10.406 13.9428 10.406H13.8528C13.7488 10.406 13.6728 10.357 13.6248 10.259L12.1638 7.619C12.1758 7.731 12.1818 7.836 12.1818 7.934V11H11.6208V6.692H12.0948C12.1508 6.692 12.1938 6.698 12.2238 6.71C12.2558 6.72 12.2858 6.75 12.3138 6.8L13.7538 9.38C13.7818 9.432 13.8078 9.487 13.8318 9.545C13.8558 9.603 13.8788 9.661 13.9008 9.719C13.9428 9.601 13.9918 9.487 14.0478 9.377L15.4608 6.8C15.4868 6.75 15.5148 6.72 15.5448 6.71C15.5768 6.698 15.6208 6.692 15.6768 6.692H16.1508ZM19.8895 10.481L19.8865 11H17.2165V6.692H19.8865V7.211H17.8585V8.576H19.4905V9.077H17.8585V10.481H19.8895ZM21.9004 8.768C22.0644 8.768 22.2084 8.748 22.3324 8.708C22.4584 8.668 22.5634 8.612 22.6474 8.54C22.7314 8.466 22.7944 8.379 22.8364 8.279C22.8784 8.177 22.8994 8.065 22.8994 7.943C22.8994 7.695 22.8174 7.508 22.6534 7.382C22.4914 7.256 22.2474 7.193 21.9214 7.193H21.3184V8.768H21.9004ZM23.9104 11H23.3404C23.2264 11 23.1434 10.955 23.0914 10.865L22.0264 9.371C21.9924 9.321 21.9554 9.286 21.9154 9.266C21.8754 9.244 21.8154 9.233 21.7354 9.233H21.3184V11H20.6794V6.692H21.9214C22.1994 6.692 22.4384 6.721 22.6384 6.779C22.8404 6.835 23.0064 6.916 23.1364 7.022C23.2684 7.126 23.3654 7.252 23.4274 7.4C23.4914 7.548 23.5234 7.714 23.5234 7.898C23.5234 8.048 23.5004 8.189 23.4544 8.321C23.4084 8.453 23.3404 8.572 23.2504 8.678C23.1624 8.782 23.0544 8.872 22.9264 8.948C22.7984 9.024 22.6534 9.082 22.4914 9.122C22.5714 9.17 22.6404 9.237 22.6984 9.323L23.9104 11ZM25.1066 11H24.4646V6.692H25.1066V11ZM29.1787 10.076C29.2147 10.076 29.2457 10.09 29.2717 10.118L29.5237 10.394C29.3477 10.602 29.1327 10.763 28.8787 10.877C28.6267 10.991 28.3227 11.048 27.9667 11.048C27.6547 11.048 27.3717 10.994 27.1177 10.886C26.8657 10.778 26.6497 10.627 26.4697 10.433C26.2917 10.239 26.1537 10.007 26.0557 9.737C25.9577 9.467 25.9087 9.17 25.9087 8.846C25.9087 8.522 25.9597 8.225 26.0617 7.955C26.1657 7.685 26.3107 7.453 26.4967 7.259C26.6827 7.065 26.9047 6.914 27.1627 6.806C27.4227 6.698 27.7097 6.644 28.0237 6.644C28.3297 6.644 28.6017 6.694 28.8397 6.794C29.0777 6.894 29.2847 7.027 29.4607 7.193L29.2507 7.49C29.2367 7.512 29.2187 7.53 29.1967 7.544C29.1767 7.558 29.1497 7.565 29.1157 7.565C29.0777 7.565 29.0327 7.546 28.9807 7.508C28.9307 7.47 28.8637 7.428 28.7797 7.382C28.6977 7.334 28.5957 7.291 28.4737 7.253C28.3517 7.215 28.1997 7.196 28.0177 7.196C27.8037 7.196 27.6077 7.234 27.4297 7.31C27.2517 7.384 27.0977 7.492 26.9677 7.634C26.8397 7.774 26.7397 7.947 26.6677 8.153C26.5977 8.357 26.5627 8.588 26.5627 8.846C26.5627 9.108 26.5997 9.341 26.6737 9.545C26.7477 9.749 26.8497 9.922 26.9797 10.064C27.1097 10.206 27.2627 10.314 27.4387 10.388C27.6147 10.462 27.8047 10.499 28.0087 10.499C28.1327 10.499 28.2437 10.492 28.3417 10.478C28.4417 10.462 28.5327 10.439 28.6147 10.409C28.6987 10.379 28.7777 10.341 28.8517 10.295C28.9257 10.247 28.9987 10.19 29.0707 10.124C29.0867 10.11 29.1037 10.099 29.1217 10.091C29.1397 10.081 29.1587 10.076 29.1787 10.076ZM32.4548 9.395L31.8158 7.724C31.7698 7.61 31.7238 7.466 31.6778 7.292C31.6558 7.378 31.6328 7.458 31.6088 7.532C31.5868 7.606 31.5648 7.672 31.5428 7.73L30.9068 9.395H32.4548ZM33.7178 11H33.2258C33.1698 11 33.1238 10.986 33.0878 10.958C33.0518 10.93 33.0258 10.894 33.0098 10.85L32.6288 9.851H30.7298L30.3488 10.85C30.3348 10.888 30.3088 10.923 30.2708 10.955C30.2328 10.985 30.1868 11 30.1328 11H29.6408L31.3568 6.692H32.0018L33.7178 11ZM37.7836 6.692V11H37.4596C37.4096 11 37.3676 10.991 37.3336 10.973C37.3016 10.955 37.2686 10.926 37.2346 10.886L34.8016 7.739C34.8056 7.793 34.8086 7.846 34.8106 7.898C34.8146 7.95 34.8166 7.999 34.8166 8.045V11H34.2556V6.692H34.5856C34.6416 6.692 34.6836 6.699 34.7116 6.713C34.7396 6.725 34.7706 6.754 34.8046 6.8L37.2436 9.95C37.2376 9.892 37.2326 9.836 37.2286 9.782C37.2266 9.726 37.2256 9.674 37.2256 9.626V6.692H37.7836ZM43.0399 10.481L43.0369 11H40.3669V6.692H43.0369V7.211H41.0089V8.576H42.6409V9.077H41.0089V10.481H43.0399ZM47.1718 11H46.5388C46.4928 11 46.4558 10.988 46.4278 10.964C46.3998 10.938 46.3778 10.911 46.3618 10.883L45.2488 9.11C45.2328 9.16 45.2138 9.203 45.1918 9.239L44.1088 10.883C44.0888 10.911 44.0658 10.938 44.0398 10.964C44.0138 10.988 43.9808 11 43.9408 11H43.3438L44.8168 8.783L43.4068 6.692H44.0398C44.0858 6.692 44.1198 6.699 44.1418 6.713C44.1638 6.727 44.1828 6.748 44.1988 6.776L45.2878 8.465C45.3038 8.413 45.3258 8.365 45.3538 8.321L46.3738 6.788C46.3918 6.756 46.4118 6.732 46.4338 6.716C46.4558 6.7 46.4838 6.692 46.5178 6.692H47.1268L45.7078 8.756L47.1718 11ZM49.0606 8.909C49.2226 8.909 49.3646 8.888 49.4866 8.846C49.6106 8.804 49.7136 8.745 49.7956 8.669C49.8796 8.591 49.9426 8.499 49.9846 8.393C50.0266 8.285 50.0476 8.166 50.0476 8.036C50.0476 7.774 49.9656 7.568 49.8016 7.418C49.6396 7.268 49.3926 7.193 49.0606 7.193H48.3946V8.909H49.0606ZM49.0606 6.692C49.3366 6.692 49.5766 6.724 49.7806 6.788C49.9846 6.852 50.1536 6.943 50.2876 7.061C50.4216 7.177 50.5206 7.318 50.5846 7.484C50.6506 7.65 50.6836 7.834 50.6836 8.036C50.6836 8.238 50.6486 8.424 50.5786 8.594C50.5086 8.762 50.4056 8.907 50.2696 9.029C50.1336 9.151 49.9636 9.246 49.7596 9.314C49.5576 9.38 49.3246 9.413 49.0606 9.413H48.3946V11H47.7556V6.692H49.0606ZM52.6094 8.768C52.7734 8.768 52.9174 8.748 53.0414 8.708C53.1674 8.668 53.2724 8.612 53.3564 8.54C53.4404 8.466 53.5034 8.379 53.5454 8.279C53.5874 8.177 53.6084 8.065 53.6084 7.943C53.6084 7.695 53.5264 7.508 53.3624 7.382C53.2004 7.256 52.9564 7.193 52.6304 7.193H52.0274V8.768H52.6094ZM54.6194 11H54.0494C53.9354 11 53.8524 10.955 53.8004 10.865L52.7354 9.371C52.7014 9.321 52.6644 9.286 52.6244 9.266C52.5844 9.244 52.5244 9.233 52.4444 9.233H52.0274V11H51.3884V6.692H52.6304C52.9084 6.692 53.1474 6.721 53.3474 6.779C53.5494 6.835 53.7154 6.916 53.8454 7.022C53.9774 7.126 54.0744 7.252 54.1364 7.4C54.2004 7.548 54.2324 7.714 54.2324 7.898C54.2324 8.048 54.2094 8.189 54.1634 8.321C54.1174 8.453 54.0494 8.572 53.9594 8.678C53.8714 8.782 53.7634 8.872 53.6354 8.948C53.5074 9.024 53.3624 9.082 53.2004 9.122C53.2804 9.17 53.3494 9.237 53.4074 9.323L54.6194 11ZM57.8466 10.481L57.8436 11H55.1736V6.692H57.8436V7.211H55.8156V8.576H57.4476V9.077H55.8156V10.481H57.8466ZM60.8655 7.394C60.8455 7.428 60.8245 7.453 60.8025 7.469C60.7805 7.485 60.7525 7.493 60.7185 7.493C60.6825 7.493 60.6415 7.477 60.5955 7.445C60.5495 7.411 60.4915 7.374 60.4215 7.334C60.3535 7.292 60.2715 7.255 60.1755 7.223C60.0795 7.189 59.9645 7.172 59.8305 7.172C59.7045 7.172 59.5935 7.189 59.4975 7.223C59.4035 7.255 59.3245 7.3 59.2605 7.358C59.1965 7.414 59.1475 7.481 59.1135 7.559C59.0815 7.635 59.0655 7.718 59.0655 7.808C59.0655 7.924 59.0945 8.02 59.1525 8.096C59.2125 8.172 59.2905 8.237 59.3865 8.291C59.4825 8.345 59.5915 8.392 59.7135 8.432C59.8355 8.472 59.9605 8.514 60.0885 8.558C60.2165 8.6 60.3415 8.649 60.4635 8.705C60.5855 8.761 60.6945 8.832 60.7905 8.918C60.8865 9.002 60.9635 9.106 61.0215 9.23C61.0815 9.352 61.1115 9.502 61.1115 9.68C61.1115 9.87 61.0785 10.048 61.0125 10.214C60.9485 10.38 60.8545 10.525 60.7305 10.649C60.6065 10.773 60.4535 10.871 60.2715 10.943C60.0915 11.013 59.8865 11.048 59.6565 11.048C59.5185 11.048 59.3845 11.034 59.2545 11.006C59.1245 10.98 59.0015 10.943 58.8855 10.895C58.7695 10.845 58.6605 10.786 58.5585 10.718C58.4585 10.648 58.3685 10.57 58.2885 10.484L58.4715 10.178C58.4895 10.154 58.5105 10.134 58.5345 10.118C58.5605 10.102 58.5895 10.094 58.6215 10.094C58.6635 10.094 58.7115 10.116 58.7655 10.16C58.8215 10.204 58.8895 10.253 58.9695 10.307C59.0515 10.359 59.1485 10.407 59.2605 10.451C59.3745 10.495 59.5125 10.517 59.6745 10.517C59.8065 10.517 59.9245 10.5 60.0285 10.466C60.1325 10.43 60.2195 10.38 60.2895 10.316C60.3615 10.25 60.4165 10.171 60.4545 10.079C60.4925 9.987 60.5115 9.885 60.5115 9.773C60.5115 9.647 60.4825 9.544 60.4245 9.464C60.3665 9.384 60.2895 9.317 60.1935 9.263C60.0975 9.209 59.9885 9.163 59.8665 9.125C59.7445 9.087 59.6195 9.048 59.4915 9.008C59.3635 8.966 59.2385 8.918 59.1165 8.864C58.9945 8.81 58.8855 8.74 58.7895 8.654C58.6935 8.566 58.6165 8.457 58.5585 8.327C58.5005 8.195 58.4715 8.033 58.4715 7.841C58.4715 7.687 58.5015 7.538 58.5615 7.394C58.6215 7.25 58.7085 7.123 58.8225 7.013C58.9385 6.901 59.0805 6.812 59.2485 6.746C59.4165 6.678 59.6085 6.644 59.8245 6.644C60.0665 6.644 60.2885 6.683 60.4905 6.761C60.6945 6.837 60.8715 6.947 61.0215 7.091L60.8655 7.394ZM64.1291 7.394C64.1091 7.428 64.0881 7.453 64.0661 7.469C64.0441 7.485 64.0161 7.493 63.9821 7.493C63.9461 7.493 63.9051 7.477 63.8591 7.445C63.8131 7.411 63.7551 7.374 63.6851 7.334C63.6171 7.292 63.5351 7.255 63.4391 7.223C63.3431 7.189 63.2281 7.172 63.0941 7.172C62.9681 7.172 62.8571 7.189 62.7611 7.223C62.6671 7.255 62.5881 7.3 62.5241 7.358C62.4601 7.414 62.4111 7.481 62.3771 7.559C62.3451 7.635 62.3291 7.718 62.3291 7.808C62.3291 7.924 62.3581 8.02 62.4161 8.096C62.4761 8.172 62.5541 8.237 62.6501 8.291C62.7461 8.345 62.8551 8.392 62.9771 8.432C63.0991 8.472 63.2241 8.514 63.3521 8.558C63.4801 8.6 63.6051 8.649 63.7271 8.705C63.8491 8.761 63.9581 8.832 64.0541 8.918C64.1501 9.002 64.2271 9.106 64.2851 9.23C64.3451 9.352 64.3751 9.502 64.3751 9.68C64.3751 9.87 64.3421 10.048 64.2761 10.214C64.2121 10.38 64.1181 10.525 63.9941 10.649C63.8701 10.773 63.7171 10.871 63.5351 10.943C63.3551 11.013 63.1501 11.048 62.9201 11.048C62.7821 11.048 62.6481 11.034 62.5181 11.006C62.3881 10.98 62.2651 10.943 62.1491 10.895C62.0331 10.845 61.9241 10.786 61.8221 10.718C61.7221 10.648 61.6321 10.57 61.5521 10.484L61.7351 10.178C61.7531 10.154 61.7741 10.134 61.7981 10.118C61.8241 10.102 61.8531 10.094 61.8851 10.094C61.9271 10.094 61.9751 10.116 62.0291 10.16C62.0851 10.204 62.1531 10.253 62.2331 10.307C62.3151 10.359 62.4121 10.407 62.5241 10.451C62.6381 10.495 62.7761 10.517 62.9381 10.517C63.0701 10.517 63.1881 10.5 63.2921 10.466C63.3961 10.43 63.4831 10.38 63.5531 10.316C63.6251 10.25 63.6801 10.171 63.7181 10.079C63.7561 9.987 63.7751 9.885 63.7751 9.773C63.7751 9.647 63.7461 9.544 63.6881 9.464C63.6301 9.384 63.5531 9.317 63.4571 9.263C63.3611 9.209 63.2521 9.163 63.1301 9.125C63.0081 9.087 62.8831 9.048 62.7551 9.008C62.6271 8.966 62.5021 8.918 62.3801 8.864C62.2581 8.81 62.1491 8.74 62.0531 8.654C61.9571 8.566 61.8801 8.457 61.8221 8.327C61.7641 8.195 61.7351 8.033 61.7351 7.841C61.7351 7.687 61.7651 7.538 61.8251 7.394C61.8851 7.25 61.9721 7.123 62.0861 7.013C62.2021 6.901 62.3441 6.812 62.5121 6.746C62.6801 6.678 62.8721 6.644 63.0881 6.644C63.3301 6.644 63.5521 6.683 63.7541 6.761C63.9581 6.837 64.1351 6.947 64.2851 7.091L64.1291 7.394Z",fill:"#27566D"}),/*#__PURE__*/_react.default.createElement("path",{d:"M7.372 35.865C7.402 35.665 7.458 35.489 7.54 35.337C7.622 35.185 7.725 35.058 7.849 34.956C7.973 34.852 8.115 34.774 8.275 34.722C8.437 34.67 8.611 34.644 8.797 34.644C8.983 34.644 9.154 34.671 9.31 34.725C9.466 34.777 9.599 34.852 9.709 34.95C9.821 35.046 9.908 35.162 9.97 35.298C10.032 35.434 10.063 35.584 10.063 35.748C10.063 35.886 10.046 36.008 10.012 36.114C9.978 36.22 9.929 36.313 9.865 36.393C9.803 36.473 9.727 36.541 9.637 36.597C9.547 36.651 9.446 36.696 9.334 36.732C9.608 36.808 9.814 36.932 9.952 37.104C10.09 37.274 10.159 37.49 10.159 37.752C10.159 37.954 10.121 38.136 10.045 38.298C9.969 38.458 9.865 38.594 9.733 38.706C9.601 38.816 9.447 38.901 9.271 38.961C9.097 39.019 8.911 39.048 8.713 39.048C8.487 39.048 8.293 39.021 8.131 38.967C7.969 38.911 7.831 38.834 7.717 38.736C7.603 38.636 7.508 38.517 7.432 38.379C7.358 38.239 7.295 38.086 7.243 37.92L7.498 37.812C7.564 37.784 7.628 37.776 7.69 37.788C7.752 37.8 7.797 37.835 7.825 37.893C7.855 37.953 7.889 38.021 7.927 38.097C7.967 38.171 8.02 38.242 8.086 38.31C8.152 38.376 8.234 38.432 8.332 38.478C8.432 38.524 8.557 38.547 8.707 38.547C8.851 38.547 8.977 38.524 9.085 38.478C9.193 38.43 9.283 38.369 9.355 38.295C9.427 38.219 9.481 38.135 9.517 38.043C9.553 37.951 9.571 37.86 9.571 37.77C9.571 37.658 9.557 37.555 9.529 37.461C9.501 37.367 9.447 37.287 9.367 37.221C9.289 37.153 9.18 37.1 9.04 37.062C8.9 37.024 8.718 37.005 8.494 37.005V36.579C8.678 36.577 8.833 36.558 8.959 36.522C9.087 36.486 9.19 36.436 9.268 36.372C9.346 36.308 9.402 36.232 9.436 36.144C9.472 36.056 9.49 35.958 9.49 35.85C9.49 35.732 9.472 35.629 9.436 35.541C9.4 35.453 9.349 35.38 9.283 35.322C9.219 35.262 9.142 35.218 9.052 35.19C8.964 35.16 8.868 35.145 8.764 35.145C8.66 35.145 8.564 35.16 8.476 35.19C8.388 35.22 8.31 35.262 8.242 35.316C8.174 35.37 8.117 35.434 8.071 35.508C8.025 35.582 7.992 35.662 7.972 35.748C7.944 35.824 7.908 35.875 7.864 35.901C7.822 35.927 7.761 35.933 7.681 35.919L7.372 35.865ZM12.6585 37.428V35.748C12.6585 35.69 12.6595 35.629 12.6615 35.565C12.6655 35.499 12.6725 35.431 12.6825 35.361L11.1735 37.428H12.6585ZM13.7955 37.428V37.767C13.7955 37.801 13.7845 37.83 13.7625 37.854C13.7405 37.878 13.7095 37.89 13.6695 37.89H13.1715V39H12.6585V37.89H10.7685C10.7245 37.89 10.6875 37.878 10.6575 37.854C10.6275 37.828 10.6075 37.796 10.5975 37.758L10.5375 37.458L12.6195 34.689H13.1715V37.428H13.7955ZM17.2669 36.846C17.2669 37.222 17.2259 37.548 17.1439 37.824C17.0639 38.1 16.9529 38.329 16.8109 38.511C16.6709 38.691 16.5049 38.825 16.3129 38.913C16.1229 39.001 15.9179 39.045 15.6979 39.045C15.4779 39.045 15.2719 39.001 15.0799 38.913C14.8899 38.825 14.7249 38.691 14.5849 38.511C14.4449 38.329 14.3349 38.1 14.2549 37.824C14.1749 37.548 14.1349 37.222 14.1349 36.846C14.1349 36.47 14.1749 36.144 14.2549 35.868C14.3349 35.59 14.4449 35.361 14.5849 35.181C14.7249 34.999 14.8899 34.864 15.0799 34.776C15.2719 34.688 15.4779 34.644 15.6979 34.644C15.9179 34.644 16.1229 34.688 16.3129 34.776C16.5049 34.864 16.6709 34.999 16.8109 35.181C16.9529 35.361 17.0639 35.59 17.1439 35.868C17.2259 36.144 17.2669 36.47 17.2669 36.846ZM16.6609 36.846C16.6609 36.522 16.6339 36.251 16.5799 36.033C16.5279 35.815 16.4569 35.64 16.3669 35.508C16.2789 35.374 16.1769 35.279 16.0609 35.223C15.9449 35.167 15.8239 35.139 15.6979 35.139C15.5719 35.139 15.4509 35.167 15.3349 35.223C15.2189 35.279 15.1159 35.374 15.0259 35.508C14.9379 35.64 14.8679 35.815 14.8159 36.033C14.7639 36.251 14.7379 36.522 14.7379 36.846C14.7379 37.17 14.7639 37.441 14.8159 37.659C14.8679 37.877 14.9379 38.052 15.0259 38.184C15.1159 38.316 15.2189 38.41 15.3349 38.466C15.4509 38.522 15.5719 38.55 15.6979 38.55C15.8239 38.55 15.9449 38.522 16.0609 38.466C16.1769 38.41 16.2789 38.316 16.3669 38.184C16.4569 38.052 16.5279 37.877 16.5799 37.659C16.6339 37.441 16.6609 37.17 16.6609 36.846ZM20.7474 36.846C20.7474 37.222 20.7064 37.548 20.6244 37.824C20.5444 38.1 20.4334 38.329 20.2914 38.511C20.1514 38.691 19.9854 38.825 19.7934 38.913C19.6034 39.001 19.3984 39.045 19.1784 39.045C18.9584 39.045 18.7524 39.001 18.5604 38.913C18.3704 38.825 18.2054 38.691 18.0654 38.511C17.9254 38.329 17.8154 38.1 17.7354 37.824C17.6554 37.548 17.6154 37.222 17.6154 36.846C17.6154 36.47 17.6554 36.144 17.7354 35.868C17.8154 35.59 17.9254 35.361 18.0654 35.181C18.2054 34.999 18.3704 34.864 18.5604 34.776C18.7524 34.688 18.9584 34.644 19.1784 34.644C19.3984 34.644 19.6034 34.688 19.7934 34.776C19.9854 34.864 20.1514 34.999 20.2914 35.181C20.4334 35.361 20.5444 35.59 20.6244 35.868C20.7064 36.144 20.7474 36.47 20.7474 36.846ZM20.1414 36.846C20.1414 36.522 20.1144 36.251 20.0604 36.033C20.0084 35.815 19.9374 35.64 19.8474 35.508C19.7594 35.374 19.6574 35.279 19.5414 35.223C19.4254 35.167 19.3044 35.139 19.1784 35.139C19.0524 35.139 18.9314 35.167 18.8154 35.223C18.6994 35.279 18.5964 35.374 18.5064 35.508C18.4184 35.64 18.3484 35.815 18.2964 36.033C18.2444 36.251 18.2184 36.522 18.2184 36.846C18.2184 37.17 18.2444 37.441 18.2964 37.659C18.3484 37.877 18.4184 38.052 18.5064 38.184C18.5964 38.316 18.6994 38.41 18.8154 38.466C18.9314 38.522 19.0524 38.55 19.1784 38.55C19.3044 38.55 19.4254 38.522 19.5414 38.466C19.6574 38.41 19.7594 38.316 19.8474 38.184C19.9374 38.052 20.0084 37.877 20.0604 37.659C20.1144 37.441 20.1414 37.17 20.1414 36.846ZM25.7455 36.846C25.7455 37.222 25.7045 37.548 25.6225 37.824C25.5425 38.1 25.4315 38.329 25.2895 38.511C25.1495 38.691 24.9835 38.825 24.7915 38.913C24.6015 39.001 24.3965 39.045 24.1765 39.045C23.9565 39.045 23.7505 39.001 23.5585 38.913C23.3685 38.825 23.2035 38.691 23.0635 38.511C22.9235 38.329 22.8135 38.1 22.7335 37.824C22.6535 37.548 22.6135 37.222 22.6135 36.846C22.6135 36.47 22.6535 36.144 22.7335 35.868C22.8135 35.59 22.9235 35.361 23.0635 35.181C23.2035 34.999 23.3685 34.864 23.5585 34.776C23.7505 34.688 23.9565 34.644 24.1765 34.644C24.3965 34.644 24.6015 34.688 24.7915 34.776C24.9835 34.864 25.1495 34.999 25.2895 35.181C25.4315 35.361 25.5425 35.59 25.6225 35.868C25.7045 36.144 25.7455 36.47 25.7455 36.846ZM25.1395 36.846C25.1395 36.522 25.1125 36.251 25.0585 36.033C25.0065 35.815 24.9355 35.64 24.8455 35.508C24.7575 35.374 24.6555 35.279 24.5395 35.223C24.4235 35.167 24.3025 35.139 24.1765 35.139C24.0505 35.139 23.9295 35.167 23.8135 35.223C23.6975 35.279 23.5945 35.374 23.5045 35.508C23.4165 35.64 23.3465 35.815 23.2945 36.033C23.2425 36.251 23.2165 36.522 23.2165 36.846C23.2165 37.17 23.2425 37.441 23.2945 37.659C23.3465 37.877 23.4165 38.052 23.5045 38.184C23.5945 38.316 23.6975 38.41 23.8135 38.466C23.9295 38.522 24.0505 38.55 24.1765 38.55C24.3025 38.55 24.4235 38.522 24.5395 38.466C24.6555 38.41 24.7575 38.316 24.8455 38.184C24.9355 38.052 25.0065 37.877 25.0585 37.659C25.1125 37.441 25.1395 37.17 25.1395 36.846ZM29.2259 36.846C29.2259 37.222 29.1849 37.548 29.1029 37.824C29.0229 38.1 28.9119 38.329 28.7699 38.511C28.6299 38.691 28.4639 38.825 28.2719 38.913C28.0819 39.001 27.8769 39.045 27.6569 39.045C27.4369 39.045 27.2309 39.001 27.0389 38.913C26.8489 38.825 26.6839 38.691 26.5439 38.511C26.4039 38.329 26.2939 38.1 26.2139 37.824C26.1339 37.548 26.0939 37.222 26.0939 36.846C26.0939 36.47 26.1339 36.144 26.2139 35.868C26.2939 35.59 26.4039 35.361 26.5439 35.181C26.6839 34.999 26.8489 34.864 27.0389 34.776C27.2309 34.688 27.4369 34.644 27.6569 34.644C27.8769 34.644 28.0819 34.688 28.2719 34.776C28.4639 34.864 28.6299 34.999 28.7699 35.181C28.9119 35.361 29.0229 35.59 29.1029 35.868C29.1849 36.144 29.2259 36.47 29.2259 36.846ZM28.6199 36.846C28.6199 36.522 28.5929 36.251 28.5389 36.033C28.4869 35.815 28.4159 35.64 28.3259 35.508C28.2379 35.374 28.1359 35.279 28.0199 35.223C27.9039 35.167 27.7829 35.139 27.6569 35.139C27.5309 35.139 27.4099 35.167 27.2939 35.223C27.1779 35.279 27.0749 35.374 26.9849 35.508C26.8969 35.64 26.8269 35.815 26.7749 36.033C26.7229 36.251 26.6969 36.522 26.6969 36.846C26.6969 37.17 26.7229 37.441 26.7749 37.659C26.8269 37.877 26.8969 38.052 26.9849 38.184C27.0749 38.316 27.1779 38.41 27.2939 38.466C27.4099 38.522 27.5309 38.55 27.6569 38.55C27.7829 38.55 27.9039 38.522 28.0199 38.466C28.1359 38.41 28.2379 38.316 28.3259 38.184C28.4159 38.052 28.4869 37.877 28.5389 37.659C28.5929 37.441 28.6199 37.17 28.6199 36.846ZM32.7064 36.846C32.7064 37.222 32.6654 37.548 32.5834 37.824C32.5034 38.1 32.3924 38.329 32.2504 38.511C32.1104 38.691 31.9444 38.825 31.7524 38.913C31.5624 39.001 31.3574 39.045 31.1374 39.045C30.9174 39.045 30.7114 39.001 30.5194 38.913C30.3294 38.825 30.1644 38.691 30.0244 38.511C29.8844 38.329 29.7744 38.1 29.6944 37.824C29.6144 37.548 29.5744 37.222 29.5744 36.846C29.5744 36.47 29.6144 36.144 29.6944 35.868C29.7744 35.59 29.8844 35.361 30.0244 35.181C30.1644 34.999 30.3294 34.864 30.5194 34.776C30.7114 34.688 30.9174 34.644 31.1374 34.644C31.3574 34.644 31.5624 34.688 31.7524 34.776C31.9444 34.864 32.1104 34.999 32.2504 35.181C32.3924 35.361 32.5034 35.59 32.5834 35.868C32.6654 36.144 32.7064 36.47 32.7064 36.846ZM32.1004 36.846C32.1004 36.522 32.0734 36.251 32.0194 36.033C31.9674 35.815 31.8964 35.64 31.8064 35.508C31.7184 35.374 31.6164 35.279 31.5004 35.223C31.3844 35.167 31.2634 35.139 31.1374 35.139C31.0114 35.139 30.8904 35.167 30.7744 35.223C30.6584 35.279 30.5554 35.374 30.4654 35.508C30.3774 35.64 30.3074 35.815 30.2554 36.033C30.2034 36.251 30.1774 36.522 30.1774 36.846C30.1774 37.17 30.2034 37.441 30.2554 37.659C30.3074 37.877 30.3774 38.052 30.4654 38.184C30.5554 38.316 30.6584 38.41 30.7744 38.466C30.8904 38.522 31.0114 38.55 31.1374 38.55C31.2634 38.55 31.3844 38.522 31.5004 38.466C31.6164 38.41 31.7184 38.316 31.8064 38.184C31.8964 38.052 31.9674 37.877 32.0194 37.659C32.0734 37.441 32.1004 37.17 32.1004 36.846ZM36.1869 36.846C36.1869 37.222 36.1459 37.548 36.0639 37.824C35.9839 38.1 35.8729 38.329 35.7309 38.511C35.5909 38.691 35.4249 38.825 35.2329 38.913C35.0429 39.001 34.8379 39.045 34.6179 39.045C34.3979 39.045 34.1919 39.001 33.9999 38.913C33.8099 38.825 33.6449 38.691 33.5049 38.511C33.3649 38.329 33.2549 38.1 33.1749 37.824C33.0949 37.548 33.0549 37.222 33.0549 36.846C33.0549 36.47 33.0949 36.144 33.1749 35.868C33.2549 35.59 33.3649 35.361 33.5049 35.181C33.6449 34.999 33.8099 34.864 33.9999 34.776C34.1919 34.688 34.3979 34.644 34.6179 34.644C34.8379 34.644 35.0429 34.688 35.2329 34.776C35.4249 34.864 35.5909 34.999 35.7309 35.181C35.8729 35.361 35.9839 35.59 36.0639 35.868C36.1459 36.144 36.1869 36.47 36.1869 36.846ZM35.5809 36.846C35.5809 36.522 35.5539 36.251 35.4999 36.033C35.4479 35.815 35.3769 35.64 35.2869 35.508C35.1989 35.374 35.0969 35.279 34.9809 35.223C34.8649 35.167 34.7439 35.139 34.6179 35.139C34.4919 35.139 34.3709 35.167 34.2549 35.223C34.1389 35.279 34.0359 35.374 33.9459 35.508C33.8579 35.64 33.7879 35.815 33.7359 36.033C33.6839 36.251 33.6579 36.522 33.6579 36.846C33.6579 37.17 33.6839 37.441 33.7359 37.659C33.7879 37.877 33.8579 38.052 33.9459 38.184C34.0359 38.316 34.1389 38.41 34.2549 38.466C34.3709 38.522 34.4919 38.55 34.6179 38.55C34.7439 38.55 34.8649 38.522 34.9809 38.466C35.0969 38.41 35.1989 38.316 35.2869 38.184C35.3769 38.052 35.4479 37.877 35.4999 37.659C35.5539 37.441 35.5809 37.17 35.5809 36.846ZM39.6673 36.846C39.6673 37.222 39.6263 37.548 39.5443 37.824C39.4643 38.1 39.3533 38.329 39.2113 38.511C39.0713 38.691 38.9053 38.825 38.7133 38.913C38.5233 39.001 38.3183 39.045 38.0983 39.045C37.8783 39.045 37.6723 39.001 37.4803 38.913C37.2903 38.825 37.1253 38.691 36.9853 38.511C36.8453 38.329 36.7353 38.1 36.6553 37.824C36.5753 37.548 36.5353 37.222 36.5353 36.846C36.5353 36.47 36.5753 36.144 36.6553 35.868C36.7353 35.59 36.8453 35.361 36.9853 35.181C37.1253 34.999 37.2903 34.864 37.4803 34.776C37.6723 34.688 37.8783 34.644 38.0983 34.644C38.3183 34.644 38.5233 34.688 38.7133 34.776C38.9053 34.864 39.0713 34.999 39.2113 35.181C39.3533 35.361 39.4643 35.59 39.5443 35.868C39.6263 36.144 39.6673 36.47 39.6673 36.846ZM39.0613 36.846C39.0613 36.522 39.0343 36.251 38.9803 36.033C38.9283 35.815 38.8573 35.64 38.7673 35.508C38.6793 35.374 38.5773 35.279 38.4613 35.223C38.3453 35.167 38.2243 35.139 38.0983 35.139C37.9723 35.139 37.8513 35.167 37.7353 35.223C37.6193 35.279 37.5163 35.374 37.4263 35.508C37.3383 35.64 37.2683 35.815 37.2163 36.033C37.1643 36.251 37.1383 36.522 37.1383 36.846C37.1383 37.17 37.1643 37.441 37.2163 37.659C37.2683 37.877 37.3383 38.052 37.4263 38.184C37.5163 38.316 37.6193 38.41 37.7353 38.466C37.8513 38.522 37.9723 38.55 38.0983 38.55C38.2243 38.55 38.3453 38.522 38.4613 38.466C38.5773 38.41 38.6793 38.316 38.7673 38.184C38.8573 38.052 38.9283 37.877 38.9803 37.659C39.0343 37.441 39.0613 37.17 39.0613 36.846ZM43.1478 36.846C43.1478 37.222 43.1068 37.548 43.0248 37.824C42.9448 38.1 42.8338 38.329 42.6918 38.511C42.5518 38.691 42.3858 38.825 42.1938 38.913C42.0038 39.001 41.7988 39.045 41.5788 39.045C41.3588 39.045 41.1528 39.001 40.9608 38.913C40.7708 38.825 40.6058 38.691 40.4658 38.511C40.3258 38.329 40.2158 38.1 40.1358 37.824C40.0558 37.548 40.0158 37.222 40.0158 36.846C40.0158 36.47 40.0558 36.144 40.1358 35.868C40.2158 35.59 40.3258 35.361 40.4658 35.181C40.6058 34.999 40.7708 34.864 40.9608 34.776C41.1528 34.688 41.3588 34.644 41.5788 34.644C41.7988 34.644 42.0038 34.688 42.1938 34.776C42.3858 34.864 42.5518 34.999 42.6918 35.181C42.8338 35.361 42.9448 35.59 43.0248 35.868C43.1068 36.144 43.1478 36.47 43.1478 36.846ZM42.5418 36.846C42.5418 36.522 42.5148 36.251 42.4608 36.033C42.4088 35.815 42.3378 35.64 42.2478 35.508C42.1598 35.374 42.0578 35.279 41.9418 35.223C41.8258 35.167 41.7048 35.139 41.5788 35.139C41.4528 35.139 41.3318 35.167 41.2158 35.223C41.0998 35.279 40.9968 35.374 40.9068 35.508C40.8188 35.64 40.7488 35.815 40.6968 36.033C40.6448 36.251 40.6188 36.522 40.6188 36.846C40.6188 37.17 40.6448 37.441 40.6968 37.659C40.7488 37.877 40.8188 38.052 40.9068 38.184C40.9968 38.316 41.0998 38.41 41.2158 38.466C41.3318 38.522 41.4528 38.55 41.5788 38.55C41.7048 38.55 41.8258 38.522 41.9418 38.466C42.0578 38.41 42.1598 38.316 42.2478 38.184C42.3378 38.052 42.4088 37.877 42.4608 37.659C42.5148 37.441 42.5418 37.17 42.5418 36.846ZM48.1458 36.846C48.1458 37.222 48.1048 37.548 48.0228 37.824C47.9428 38.1 47.8318 38.329 47.6898 38.511C47.5498 38.691 47.3838 38.825 47.1918 38.913C47.0018 39.001 46.7968 39.045 46.5768 39.045C46.3568 39.045 46.1508 39.001 45.9588 38.913C45.7688 38.825 45.6038 38.691 45.4638 38.511C45.3238 38.329 45.2138 38.1 45.1338 37.824C45.0538 37.548 45.0138 37.222 45.0138 36.846C45.0138 36.47 45.0538 36.144 45.1338 35.868C45.2138 35.59 45.3238 35.361 45.4638 35.181C45.6038 34.999 45.7688 34.864 45.9588 34.776C46.1508 34.688 46.3568 34.644 46.5768 34.644C46.7968 34.644 47.0018 34.688 47.1918 34.776C47.3838 34.864 47.5498 34.999 47.6898 35.181C47.8318 35.361 47.9428 35.59 48.0228 35.868C48.1048 36.144 48.1458 36.47 48.1458 36.846ZM47.5398 36.846C47.5398 36.522 47.5128 36.251 47.4588 36.033C47.4068 35.815 47.3358 35.64 47.2458 35.508C47.1578 35.374 47.0558 35.279 46.9398 35.223C46.8238 35.167 46.7028 35.139 46.5768 35.139C46.4508 35.139 46.3298 35.167 46.2138 35.223C46.0978 35.279 45.9948 35.374 45.9048 35.508C45.8168 35.64 45.7468 35.815 45.6948 36.033C45.6428 36.251 45.6168 36.522 45.6168 36.846C45.6168 37.17 45.6428 37.441 45.6948 37.659C45.7468 37.877 45.8168 38.052 45.9048 38.184C45.9948 38.316 46.0978 38.41 46.2138 38.466C46.3298 38.522 46.4508 38.55 46.5768 38.55C46.7028 38.55 46.8238 38.522 46.9398 38.466C47.0558 38.41 47.1578 38.316 47.2458 38.184C47.3358 38.052 47.4068 37.877 47.4588 37.659C47.5128 37.441 47.5398 37.17 47.5398 36.846ZM51.6263 36.846C51.6263 37.222 51.5853 37.548 51.5033 37.824C51.4233 38.1 51.3123 38.329 51.1703 38.511C51.0303 38.691 50.8643 38.825 50.6723 38.913C50.4823 39.001 50.2773 39.045 50.0573 39.045C49.8373 39.045 49.6313 39.001 49.4393 38.913C49.2493 38.825 49.0843 38.691 48.9443 38.511C48.8043 38.329 48.6943 38.1 48.6143 37.824C48.5343 37.548 48.4943 37.222 48.4943 36.846C48.4943 36.47 48.5343 36.144 48.6143 35.868C48.6943 35.59 48.8043 35.361 48.9443 35.181C49.0843 34.999 49.2493 34.864 49.4393 34.776C49.6313 34.688 49.8373 34.644 50.0573 34.644C50.2773 34.644 50.4823 34.688 50.6723 34.776C50.8643 34.864 51.0303 34.999 51.1703 35.181C51.3123 35.361 51.4233 35.59 51.5033 35.868C51.5853 36.144 51.6263 36.47 51.6263 36.846ZM51.0203 36.846C51.0203 36.522 50.9933 36.251 50.9393 36.033C50.8873 35.815 50.8163 35.64 50.7263 35.508C50.6383 35.374 50.5363 35.279 50.4203 35.223C50.3043 35.167 50.1833 35.139 50.0573 35.139C49.9313 35.139 49.8103 35.167 49.6943 35.223C49.5783 35.279 49.4753 35.374 49.3853 35.508C49.2973 35.64 49.2273 35.815 49.1753 36.033C49.1233 36.251 49.0973 36.522 49.0973 36.846C49.0973 37.17 49.1233 37.441 49.1753 37.659C49.2273 37.877 49.2973 38.052 49.3853 38.184C49.4753 38.316 49.5783 38.41 49.6943 38.466C49.8103 38.522 49.9313 38.55 50.0573 38.55C50.1833 38.55 50.3043 38.522 50.4203 38.466C50.5363 38.41 50.6383 38.316 50.7263 38.184C50.8163 38.052 50.8873 37.877 50.9393 37.659C50.9933 37.441 51.0203 37.17 51.0203 36.846ZM55.1068 36.846C55.1068 37.222 55.0658 37.548 54.9838 37.824C54.9038 38.1 54.7928 38.329 54.6508 38.511C54.5108 38.691 54.3448 38.825 54.1528 38.913C53.9628 39.001 53.7578 39.045 53.5378 39.045C53.3178 39.045 53.1118 39.001 52.9198 38.913C52.7298 38.825 52.5648 38.691 52.4248 38.511C52.2848 38.329 52.1748 38.1 52.0948 37.824C52.0148 37.548 51.9748 37.222 51.9748 36.846C51.9748 36.47 52.0148 36.144 52.0948 35.868C52.1748 35.59 52.2848 35.361 52.4248 35.181C52.5648 34.999 52.7298 34.864 52.9198 34.776C53.1118 34.688 53.3178 34.644 53.5378 34.644C53.7578 34.644 53.9628 34.688 54.1528 34.776C54.3448 34.864 54.5108 34.999 54.6508 35.181C54.7928 35.361 54.9038 35.59 54.9838 35.868C55.0658 36.144 55.1068 36.47 55.1068 36.846ZM54.5008 36.846C54.5008 36.522 54.4738 36.251 54.4198 36.033C54.3678 35.815 54.2968 35.64 54.2068 35.508C54.1188 35.374 54.0168 35.279 53.9008 35.223C53.7848 35.167 53.6638 35.139 53.5378 35.139C53.4118 35.139 53.2908 35.167 53.1748 35.223C53.0588 35.279 52.9558 35.374 52.8658 35.508C52.7778 35.64 52.7078 35.815 52.6558 36.033C52.6038 36.251 52.5778 36.522 52.5778 36.846C52.5778 37.17 52.6038 37.441 52.6558 37.659C52.7078 37.877 52.7778 38.052 52.8658 38.184C52.9558 38.316 53.0588 38.41 53.1748 38.466C53.2908 38.522 53.4118 38.55 53.5378 38.55C53.6638 38.55 53.7848 38.522 53.9008 38.466C54.0168 38.41 54.1188 38.316 54.2068 38.184C54.2968 38.052 54.3678 37.877 54.4198 37.659C54.4738 37.441 54.5008 37.17 54.5008 36.846ZM58.5872 36.846C58.5872 37.222 58.5463 37.548 58.4643 37.824C58.3843 38.1 58.2733 38.329 58.1313 38.511C57.9913 38.691 57.8253 38.825 57.6333 38.913C57.4433 39.001 57.2383 39.045 57.0183 39.045C56.7983 39.045 56.5923 39.001 56.4003 38.913C56.2103 38.825 56.0453 38.691 55.9053 38.511C55.7653 38.329 55.6553 38.1 55.5753 37.824C55.4953 37.548 55.4553 37.222 55.4553 36.846C55.4553 36.47 55.4953 36.144 55.5753 35.868C55.6553 35.59 55.7653 35.361 55.9053 35.181C56.0453 34.999 56.2103 34.864 56.4003 34.776C56.5923 34.688 56.7983 34.644 57.0183 34.644C57.2383 34.644 57.4433 34.688 57.6333 34.776C57.8253 34.864 57.9913 34.999 58.1313 35.181C58.2733 35.361 58.3843 35.59 58.4643 35.868C58.5463 36.144 58.5872 36.47 58.5872 36.846ZM57.9813 36.846C57.9813 36.522 57.9543 36.251 57.9003 36.033C57.8483 35.815 57.7773 35.64 57.6873 35.508C57.5993 35.374 57.4973 35.279 57.3813 35.223C57.2653 35.167 57.1443 35.139 57.0183 35.139C56.8923 35.139 56.7713 35.167 56.6553 35.223C56.5393 35.279 56.4363 35.374 56.3463 35.508C56.2583 35.64 56.1883 35.815 56.1363 36.033C56.0843 36.251 56.0583 36.522 56.0583 36.846C56.0583 37.17 56.0843 37.441 56.1363 37.659C56.1883 37.877 56.2583 38.052 56.3463 38.184C56.4363 38.316 56.5393 38.41 56.6553 38.466C56.7713 38.522 56.8923 38.55 57.0183 38.55C57.1443 38.55 57.2653 38.522 57.3813 38.466C57.4973 38.41 57.5993 38.316 57.6873 38.184C57.7773 38.052 57.8483 37.877 57.9003 37.659C57.9543 37.441 57.9813 37.17 57.9813 36.846ZM59.6467 35.964C59.6467 36.23 59.7187 36.435 59.8627 36.579C60.0067 36.723 60.2067 36.795 60.4627 36.795C60.6007 36.795 60.7227 36.773 60.8287 36.729C60.9347 36.683 61.0237 36.623 61.0957 36.549C61.1697 36.473 61.2257 36.386 61.2637 36.288C61.3017 36.188 61.3207 36.084 61.3207 35.976C61.3207 35.846 61.2997 35.729 61.2577 35.625C61.2177 35.519 61.1607 35.43 61.0867 35.358C61.0127 35.284 60.9247 35.228 60.8227 35.19C60.7227 35.15 60.6117 35.13 60.4897 35.13C60.3637 35.13 60.2487 35.151 60.1447 35.193C60.0407 35.233 59.9517 35.29 59.8777 35.364C59.8037 35.438 59.7467 35.526 59.7067 35.628C59.6667 35.73 59.6467 35.842 59.6467 35.964ZM60.8287 37.296C60.9067 37.194 60.9797 37.094 61.0477 36.996C60.9397 37.078 60.8187 37.14 60.6847 37.182C60.5527 37.224 60.4117 37.245 60.2617 37.245C60.1037 37.245 59.9517 37.218 59.8057 37.164C59.6617 37.11 59.5337 37.031 59.4217 36.927C59.3117 36.821 59.2237 36.691 59.1577 36.537C59.0917 36.383 59.0587 36.206 59.0587 36.006C59.0587 35.818 59.0937 35.641 59.1637 35.475C59.2337 35.309 59.3317 35.165 59.4577 35.043C59.5857 34.919 59.7377 34.822 59.9137 34.752C60.0917 34.68 60.2867 34.644 60.4987 34.644C60.7087 34.644 60.8987 34.678 61.0687 34.746C61.2407 34.814 61.3867 34.91 61.5067 35.034C61.6267 35.156 61.7197 35.303 61.7857 35.475C61.8517 35.647 61.8847 35.836 61.8847 36.042C61.8847 36.168 61.8727 36.288 61.8487 36.402C61.8267 36.516 61.7937 36.627 61.7497 36.735C61.7077 36.843 61.6557 36.95 61.5937 37.056C61.5337 37.16 61.4647 37.267 61.3867 37.377L60.3517 38.862C60.3237 38.902 60.2827 38.935 60.2287 38.961C60.1767 38.987 60.1167 39 60.0487 39H59.5117L60.8287 37.296Z",fill:"#27566D"}),/*#__PURE__*/_react.default.createElement("path",{d:"M62.5 17.5H49.5C47.8431 17.5 46.5 18.8431 46.5 20.5V24.5C46.5 26.1569 47.8431 27.5 49.5 27.5H62.5C64.1569 27.5 65.5 26.1569 65.5 24.5V20.5C65.5 18.8431 64.1569 17.5 62.5 17.5Z",fill:"#DA8393",stroke:"#B40726"}),/*#__PURE__*/_react.default.createElement("path",{d:"M51.577 24.4785V25H48.861V24.4785H49.925V21.185C49.925 21.08 49.9285 20.9715 49.9355 20.8595L49.0815 21.584C49.0488 21.6097 49.0162 21.626 48.9835 21.633C48.9508 21.64 48.9193 21.6412 48.889 21.6365C48.861 21.6318 48.8353 21.6225 48.812 21.6085C48.791 21.5922 48.7735 21.5758 48.7595 21.5595L48.546 21.262L50.051 19.9635H50.6075V24.4785H51.577ZM55.5115 24.3525C55.5862 24.3525 55.6445 24.3747 55.6865 24.419C55.7285 24.461 55.7495 24.517 55.7495 24.587V25H52.3755V24.7655C52.3755 24.7188 52.3849 24.6698 52.4035 24.6185C52.4222 24.5648 52.4537 24.517 52.498 24.475L54.087 22.8825C54.22 22.7495 54.3402 22.6212 54.4475 22.4975C54.5549 22.3738 54.6459 22.2513 54.7205 22.13C54.7952 22.0063 54.8524 21.8803 54.892 21.752C54.934 21.6237 54.955 21.4883 54.955 21.346C54.955 21.206 54.9329 21.0835 54.8885 20.9785C54.8442 20.8712 54.7835 20.7825 54.7065 20.7125C54.6295 20.6425 54.5385 20.59 54.4335 20.555C54.3285 20.52 54.2154 20.5025 54.094 20.5025C53.9727 20.5025 53.8607 20.52 53.758 20.555C53.6577 20.59 53.5679 20.639 53.4885 20.702C53.4092 20.765 53.3427 20.8397 53.289 20.926C53.2354 21.0123 53.1969 21.1057 53.1735 21.206C53.1409 21.2947 53.0989 21.3542 53.0475 21.3845C52.9985 21.4148 52.9262 21.4218 52.8305 21.4055L52.4735 21.3425C52.5062 21.1092 52.5704 20.9038 52.666 20.7265C52.7617 20.5492 52.8819 20.401 53.0265 20.282C53.1712 20.1607 53.3369 20.0697 53.5235 20.009C53.7125 19.9483 53.9155 19.918 54.1325 19.918C54.3519 19.918 54.5537 19.9507 54.738 20.016C54.9247 20.079 55.0857 20.1712 55.221 20.2925C55.3564 20.4138 55.4625 20.562 55.5395 20.737C55.6165 20.9097 55.655 21.1057 55.655 21.325C55.655 21.5117 55.627 21.6855 55.571 21.8465C55.5174 22.0052 55.4427 22.1568 55.347 22.3015C55.2537 22.4462 55.144 22.5873 55.018 22.725C54.8944 22.8603 54.7625 22.998 54.6225 23.138L53.3485 24.44C53.4465 24.4143 53.5445 24.3933 53.6425 24.377C53.7429 24.3607 53.8374 24.3525 53.926 24.3525H55.5115ZM56.5551 21.3425C56.5901 21.1092 56.6554 20.9038 56.7511 20.7265C56.8468 20.5492 56.9669 20.401 57.1116 20.282C57.2563 20.1607 57.4219 20.0697 57.6086 20.009C57.7976 19.9483 58.0006 19.918 58.2176 19.918C58.4346 19.918 58.6341 19.9495 58.8161 20.0125C58.9981 20.0732 59.1533 20.1607 59.2816 20.275C59.4123 20.387 59.5138 20.5223 59.5861 20.681C59.6584 20.8397 59.6946 21.0147 59.6946 21.206C59.6946 21.367 59.6748 21.5093 59.6351 21.633C59.5954 21.7567 59.5383 21.8652 59.4636 21.9585C59.3913 22.0518 59.3026 22.1312 59.1976 22.1965C59.0926 22.2595 58.9748 22.312 58.8441 22.354C59.1638 22.4427 59.4041 22.5873 59.5651 22.788C59.7261 22.9863 59.8066 23.2383 59.8066 23.544C59.8066 23.7797 59.7623 23.992 59.6736 24.181C59.5849 24.3677 59.4636 24.5263 59.3096 24.657C59.1556 24.7853 58.9759 24.8845 58.7706 24.9545C58.5676 25.0222 58.3506 25.056 58.1196 25.056C57.8559 25.056 57.6296 25.0245 57.4406 24.9615C57.2516 24.8962 57.0906 24.8063 56.9576 24.692C56.8246 24.5753 56.7138 24.4365 56.6251 24.2755C56.5388 24.1122 56.4653 23.9337 56.4046 23.74L56.7021 23.614C56.7791 23.5813 56.8538 23.572 56.9261 23.586C56.9984 23.6 57.0509 23.6408 57.0836 23.7085C57.1186 23.7785 57.1583 23.8578 57.2026 23.9465C57.2493 24.0328 57.3111 24.1157 57.3881 24.195C57.4651 24.272 57.5608 24.3373 57.6751 24.391C57.7918 24.4447 57.9376 24.4715 58.1126 24.4715C58.2806 24.4715 58.4276 24.4447 58.5536 24.391C58.6796 24.335 58.7846 24.2638 58.8686 24.1775C58.9526 24.0888 59.0156 23.9908 59.0576 23.8835C59.0996 23.7762 59.1206 23.67 59.1206 23.565C59.1206 23.4343 59.1043 23.3142 59.0716 23.2045C59.0389 23.0948 58.9759 23.0015 58.8826 22.9245C58.7916 22.8452 58.6644 22.7833 58.5011 22.739C58.3378 22.6947 58.1254 22.6725 57.8641 22.6725V22.1755C58.0788 22.1732 58.2596 22.151 58.4066 22.109C58.5559 22.067 58.6761 22.0087 58.7671 21.934C58.8581 21.8593 58.9234 21.7707 58.9631 21.668C59.0051 21.5653 59.0261 21.451 59.0261 21.325C59.0261 21.1873 59.0051 21.0672 58.9631 20.9645C58.9211 20.8618 58.8616 20.7767 58.7846 20.709C58.7099 20.639 58.6201 20.5877 58.5151 20.555C58.4124 20.52 58.3004 20.5025 58.1791 20.5025C58.0578 20.5025 57.9458 20.52 57.8431 20.555C57.7404 20.59 57.6494 20.639 57.5701 20.702C57.4908 20.765 57.4243 20.8397 57.3706 20.926C57.3169 21.0123 57.2784 21.1057 57.2551 21.206C57.2224 21.2947 57.1804 21.3542 57.1291 21.3845C57.0801 21.4148 57.0089 21.4218 56.9156 21.4055L56.5551 21.3425ZM62.7226 23.166V21.206C62.7226 21.1383 62.7238 21.0672 62.7261 20.9925C62.7308 20.9155 62.739 20.8362 62.7506 20.7545L60.9901 23.166H62.7226ZM64.0491 23.166V23.5615C64.0491 23.6012 64.0363 23.635 64.0106 23.663C63.985 23.691 63.9488 23.705 63.9021 23.705H63.3211V25H62.7226V23.705H60.5176C60.4663 23.705 60.4231 23.691 60.3881 23.663C60.3531 23.6327 60.3298 23.5953 60.3181 23.551L60.2481 23.201L62.6771 19.9705H63.3211V23.166H64.0491Z",fill:"#27566D"})));const Row$1=_styledComponents.default.div.withConfig({displayName:"maxio__Row1",componentId:"maxio-components__sc-lo74t2-163"})(["&&&{display:flex;",";",";}"],_styledSystem.flexDirection,_styledSystem.grid);const Separator$2=_styledComponents.default.div.withConfig({displayName:"maxio__Separator2",componentId:"maxio-components__sc-lo74t2-164"})(["&&&{width:1px;flex-shrink:0;",";",";}"],_styledSystem.margin,_ref279=>{let{theme}=_ref279;return(0,_styledComponents.css)(["background-color:",";"],theme.colors.gray.extraLight);});const TooltipContent=_ref280=>{let{labels}=_ref280;const{threeDigitTooltip,fourDigitTooltip}=labels;return/*#__PURE__*/_react.default.createElement(Row$1,null,/*#__PURE__*/_react.default.createElement(Row$1,{flexDirection:"column"},/*#__PURE__*/_react.default.createElement(Row$1,{gridGap:3},/*#__PURE__*/_react.default.createElement(Logo,{type:"visa",height:8,width:25}),/*#__PURE__*/_react.default.createElement(Logo,{type:"master",height:8,width:14}),/*#__PURE__*/_react.default.createElement(Logo,{type:"discover",height:8,width:48})),/*#__PURE__*/_react.default.createElement(Box,{marginTop:3,marginBottom:3},/*#__PURE__*/_react.default.createElement(ThreeDigit,null)),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"black.light"},threeDigitTooltip)),/*#__PURE__*/_react.default.createElement(Separator$2,{marginLeft:3,marginRight:3}),/*#__PURE__*/_react.default.createElement(Row$1,{flexDirection:"column"},/*#__PURE__*/_react.default.createElement(Logo,{type:"american_express",height:8,width:10}),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:3,marginTop:3},/*#__PURE__*/_react.default.createElement(FourDigit,null)),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body3",color:"black.light"},fourDigitTooltip)));};const Container$2=_styledComponents.default.div.withConfig({displayName:"maxio__Container2",componentId:"maxio-components__sc-lo74t2-165"})(["&&&{background:radial-gradient( 56.87% 164.82% at 86.8% 24.4%,rgba(255,255,255,0.3) 0%,rgba(154,196,225,0.3) 100% ),#f3f6fa;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;z-index:1;position:relative;",";",";",";}"],_styledSystem.border,props=>props.size==='regular'&&(0,_styledComponents.css)(["padding:14px 16px 12px 16px;width:320px;height:180px;"]),props=>props.size==='small'&&(0,_styledComponents.css)(["padding:10px 12px 8px 12px;width:260px;height:170px;"]));const Row=_styledComponents.default.div.withConfig({displayName:"maxio__Row",componentId:"maxio-components__sc-lo74t2-166"})(["&&&{display:grid;",";}"],_styledSystem.grid);const Column=_styledComponents.default.div.withConfig({displayName:"maxio__Column",componentId:"maxio-components__sc-lo74t2-167"})(["&&&{min-width:0;",";",";}"],_ref281=>{let{placeSelf}=_ref281;return placeSelf?(0,_styledComponents.css)(["place-self:",";"],placeSelf):null;},_styledSystem.grid);const CreditCard=_ref282=>{let{requiredFields=[],errors=[],labels,size='regular',type}=_ref282;const{cardNumber,securityCode,expirationDate,threeDigitTooltip,fourDigitTooltip}=labels;return/*#__PURE__*/_react.default.createElement(Container$2,{size:size,borderWidth:"1px",borderStyle:"solid",borderColor:"gray.light",borderRadius:3},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:3},/*#__PURE__*/_react.default.createElement(CreditCard$2.Chip,null)),/*#__PURE__*/_react.default.createElement(Row,{gridColumnGap:4,gridRowGap:3,gridTemplateColumns:"repeat(8, 1fr)"},/*#__PURE__*/_react.default.createElement(Column,{gridRow:1,gridColumn:size==='small'?'span 6':'span 5'},/*#__PURE__*/_react.default.createElement(CardNumber,{label:cardNumber,hasError:errors.includes(CreditCardPCIFields.Number),required:true})),/*#__PURE__*/_react.default.createElement(Column,{gridRow:size==='small'?2:1,gridColumn:size==='small'?'span 4':'span 3'},/*#__PURE__*/_react.default.createElement(CardExpiration,{label:expirationDate,hasError:errors.includes(CreditCardPCIFields.ExpirationMonth)||errors.includes(CreditCardPCIFields.ExpirationYear)||errors.includes('expiration'),required:true})),/*#__PURE__*/_react.default.createElement(Column,{gridRow:"2",gridColumn:"span 4"},/*#__PURE__*/_react.default.createElement(SecurityCode,{label:securityCode,hasError:errors.includes(CreditCardPCIFields.SecurityCode),required:requiredFields.includes(CreditCardPCIFields.SecurityCode),tooltip:{renderContent:()=>(/*#__PURE__*/_react.default.createElement(TooltipContent,{labels:{threeDigitTooltip,fourDigitTooltip}})),mode:'dark'}})),/*#__PURE__*/_react.default.createElement(Column,{gridColumn:size==='small'?'7/-1':'6/-1',gridRow:size==='small'?1:2,placeSelf:"flex-end"},/*#__PURE__*/_react.default.createElement(CreditCard$2.Logo,{type:type}))),/*#__PURE__*/_react.default.createElement(CreditCard$2.Watermark,{type:type,size:size}));};const PaymentProfileSkeleton=()=>(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:[3,3,7]},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:20,width:80,variant:"primary"})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:150,variant:"primary"})))),/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:20,width:60,variant:"primary"})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:48,variant:"primary"})),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:48,variant:"primary"})))));const PaymentsContext=/*#__PURE__*/(0,_react.createContext)({paymentsSDK:null});const usePaymentsForm=()=>{const{paymentsSDK}=(0,_react.useContext)(PaymentsContext);return paymentsSDK;};const usePaymentProfileTranslations=()=>{const{t}=(0,_reactI18next.useTranslation)(['payment-profile']);const translate=key=>t(key,{ns:'payment-profile'});const addressTranslations={country:{label:translate('country_label'),placeholder:translate('country_placeholder')},city:{label:translate('city_label'),placeholder:translate('city_placeholder')},address:{label:translate('address_label'),placeholder:translate('address_placeholder')},address2:{label:translate('address2_label'),placeholder:translate('address2_placeholder')},state:{label:translate('state_label'),placeholder:translate('state_placeholder')},zip:{label:translate('zip_label'),placeholder:translate('zip_placeholder')},postalCode:{label:translate('postal_code_label'),placeholder:translate('postal_code_placeholder')},region:{label:translate('region_label'),placeholder:translate('region_placeholder')},error:{invalid:translate('error_invalid'),required:translate('error_required')},input:{searchLabel:translate('type_to_search'),selectOptionLabel:translate('select_option')}};const creditCardTranslations={creditCardNumber:{label:translate('credit_card_label'),placeholder:translate('credit_card_placeholder')},securityCode:{label:translate('security_code_label'),placeholder:translate('security_code_placeholder')},expirationDate:{label:translate('expiration_date_label')},firstName:{label:translate('first_name_label'),placeholder:translate('first_name_placeholder')},lastName:{label:translate('last_name_label'),placeholder:translate('last_name_placeholder')},error:{invalid:translate('error_invalid'),required:translate('error_required')},tooltip:{threeDigit:translate('tooltip_cvv_three_digit'),fourDigit:translate('tooltip_cvv_four_digit')}};return{addressTranslations,creditCardTranslations};};const defaultTranslations={creditCardNumber:{label:'Card Number',placeholder:'0000 0000 0000 0000'},securityCode:{label:'Security Code',placeholder:'3 or 4 digits'},expirationDate:{label:'Expiration Date'},firstName:{label:'First Name',placeholder:'First name on card'},lastName:{label:'Last Name',placeholder:'Last name on card'},error:{invalid:'This field is invalid',required:'This field is required'},tooltip:{threeDigit:'3 digits on the back of your card',fourDigit:'4 digits on the front of your card'}};const CreditCardForm=_ref283=>{let{values,onValidateField,onChange,useThreeDSecure,errors,config,creditCardSize,isOnMobileDevice,requiredFields=[],hostedFieldsErrors=[],translations=defaultTranslations}=_ref283;const paymentsForm=usePaymentsForm();const theme=(0,_styledComponents.useTheme)();const{firstName,lastName}=values;const handleErrorMessage=error=>{if(error==='required')return translations.error.required;return translations.error.invalid;};const[type,setType]=(0,_react.useState)();(0,_react.useEffect)(()=>{const{securityToken,publicKey,serverHost}=config;const{globalStyles,fieldsStyles}=createFieldsStyles(theme);paymentsForm.load({type:'card',publicKey,serverHost,securityToken,threeDSecure:useThreeDSecure,hideCardImage:true,fields:createFieldsConfig(requiredFields,translations,fieldsStyles),style:globalStyles},{onCardTypeDetected:cardType=>setType(mapDetectedCreditCardType(cardType))});return()=>paymentsForm.unload();},[]);const{creditCardNumber,expirationDate,securityCode,tooltip}=translations;return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:7},/*#__PURE__*/_react.default.createElement(CreditCard,{type:type,size:creditCardSize,errors:hostedFieldsErrors,requiredFields:requiredFields,labels:{cardNumber:creditCardNumber.label,securityCode:securityCode.label,expirationDate:expirationDate.label,threeDigitTooltip:tooltip.threeDigit,fourDigitTooltip:tooltip.fourDigit}})),/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16},/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:12},/*#__PURE__*/_react.default.createElement(FormField,{label:translations.firstName.label,name:"firstName",hasError:!!errors.firstName,required:requiredFields.includes('firstName'),error:handleErrorMessage(errors.firstName),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"firstName",id:"firstName",autoComplete:"off",fullWidth:true,value:firstName,placeholder:translations.firstName.placeholder,hasError:!!errors.firstName,onBlur:()=>onValidateField('firstName',firstName),onChange:e=>onChange('firstName',e.currentTarget.value)})),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-testid":"firstNameMeta","data-chargify":"firstName",value:firstName})),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:12},/*#__PURE__*/_react.default.createElement(FormField,{label:translations.lastName.label,name:"lastName",hasError:!!errors.lastName,required:requiredFields.includes('lastName'),error:handleErrorMessage(errors.lastName),fullWidth:true},/*#__PURE__*/_react.default.createElement(Input$1,{name:"lastName",id:"lastName",autoComplete:"off",fullWidth:true,value:lastName,placeholder:translations.lastName.placeholder,hasError:!!errors.lastName,onBlur:()=>onValidateField('lastName',lastName),onChange:e=>onChange('lastName',e.currentTarget.value)})),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-testid":"lastNameMeta","data-chargify":"lastName",value:lastName}))));};const FORM_ELEMENT_ID$1='payment-profile-form';const US_FORMAT_ADDRESS_FORM=['US'];const PaymentProfile$1=_ref284=>{let{paymentMethodType='creditCard',requiredFields=[],useThreeDSecure=false,formElementId=FORM_ELEMENT_ID$1,onUpdateField,onValidateField,billingAddress,paymentMethod,config,targetElementRef}=_ref284;const{device}=useDeviceInfo();const{t}=(0,_reactI18next.useTranslation)(['payment-profile']);const{creditCardTranslations}=usePaymentProfileTranslations();const{values:{address,address2,city,state,country,zip}}=billingAddress;const{hostedFieldsErrors}=paymentMethod;const isOnMobileDevice=['tablet','mobile'].includes(device);return/*#__PURE__*/_react.default.createElement("div",{id:formElementId},hostedFieldsErrors.length>0?(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:8},/*#__PURE__*/_react.default.createElement(Alert,{color:'danger',title:t('failed_saving_payment_method')},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'danger.dark'},t('did_you_fill_all_fields'))))):null,paymentMethodType==='creditCard'&&(/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:['5','5','0']},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('credit_card_details_header',{ns:'payment-profile'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(CreditCardForm,{config:config,translations:creditCardTranslations,isOnMobileDevice:isOnMobileDevice,values:paymentMethod.values,errors:paymentMethod.errors,hostedFieldsErrors:hostedFieldsErrors,creditCardSize:device==='mobile'?'small':'regular',requiredFields:requiredFields,useThreeDSecure:useThreeDSecure,onValidateField:(fieldName,value)=>onValidateField(fieldName,'paymentMethod',value),onChange:(fieldName,value)=>onUpdateField(fieldName,'paymentMethod',value)})))),/*#__PURE__*/_react.default.createElement(Box,{marginTop:7},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:['5','5','0']},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('billing_address_header',{ns:'payment-profile'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Address,{requiredFields:requiredFields,values:billingAddress.values,errors:billingAddress.errors,format:US_FORMAT_ADDRESS_FORM.includes(country)?'us':'international',onValidateField:(fieldName,value)=>onValidateField(fieldName,'billingAddress',value),onChange:(fieldName,value)=>onUpdateField(fieldName,'billingAddress',value),targetElementRef:targetElementRef})))),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"address",value:address}),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"address2",value:address2}),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"city",value:city}),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"state",value:state}),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"country",value:country}),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-chargify":"zip",value:zip}));};PaymentProfile$1.LoadingSkeleton=PaymentProfileSkeleton;const waitForGlobalVariable=(name,callback)=>{if(typeof window!=='undefined'){const interval=setInterval(()=>{if(name in window){const ref=window[name];callback(null,ref);clearInterval(interval);}},100);}else{callback(true);}};const CDN_URL='https://js.chargify.com/latest/chargify.js';const SDK_VARIABLE='Chargify';const PaymentsContainer=_ref285=>{let{children,bundleUrl=CDN_URL}=_ref285;const{i18n}=(0,_reactI18next.useTranslation)();const[isLoaded,setLoaded]=(0,_react.useState)(false);const paymentsSDK=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{i18n.loadNamespaces(['payment-profile']);waitForGlobalVariable(SDK_VARIABLE,(error,PaymentsConstuctable)=>{if(!error&&PaymentsConstuctable){paymentsSDK.current=new PaymentsConstuctable();setLoaded(true);}});},[]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isLoaded&&(/*#__PURE__*/_react.default.createElement(PaymentsContext.Provider,{value:{paymentsSDK:paymentsSDK.current}},children)),/*#__PURE__*/_react.default.createElement(_reactHelmet.Helmet,null,/*#__PURE__*/_react.default.createElement("script",{type:"text/javascript",src:bundleUrl})));};const serializeValidationSchema=requiredFields=>yup.object({paymentMethod:createCreditCardValidationSchema(requiredFields),billingAddress:createAddressValidationSchema(requiredFields)});const initialContext$9={serverHost:'',publicKey:null,securityToken:null,vaultCurrencies:null,defaultVaults:{creditCard:null},requiredFields:{creditCard:[],bankAccount:[]},threeDSecure:{enabled:false}};const paymentGateway=(0,_xstate.createMachine)({context:initialContext$9,predictableActionArguments:true,initial:'initialization',states:{initialization:{invoke:{id:'fetchConfig',src:'getGatewayConfig',onDone:{target:'ready',actions:(0,_xstate.assign)((_ctx,event)=>event.data)},onError:{target:'error'}}},error:{},ready:{}}});const getGatewayConfig=machineState=>{const{publicKey,securityToken,serverHost}=machineState.context;return{serverHost,securityToken,publicKey};};const getThreeDSecure=machineState=>{const{threeDSecure:{enabled}}=machineState.context;return enabled;};const getRequiredFieldsConfig=machineState=>machineState.context.requiredFields;const getVaultCurrencies=machineState=>machineState.context.vaultCurrencies;const getDefaultVaults=machineState=>machineState.context.defaultVaults;const paymentGatewaySelectors={getGatewayConfig,getThreeDSecure,getVaultCurrencies,getRequiredFieldsConfig,getDefaultVaults};const setActivePaymentProfile=(0,_xstate.assign)((context,event)=>({paymentProfiles:context.paymentProfiles.map(profile=>{if(profile.status==="active"){return{...profile,status:"normal"};}if(profile.id===event.paymentProfileId){return{...profile,status:"active"};}return profile;})}));const addPaymentProfile=(0,_xstate.assign)((context,event)=>({paymentProfiles:[...context.paymentProfiles,{...event.paymentProfile,status:"normal"}]}));const deletePaymentProfile$1=(0,_xstate.assign)((context,event)=>({paymentProfiles:context.paymentProfiles.filter(profile=>profile.id!==event.paymentProfileId)}));const getPaymentProfileStatus=(paymentProfile,vaultCurrency,subscriptionCurrency,subscriptionPaymentProfileId)=>{if(!vaultCurrency||!vaultCurrency.includes(subscriptionCurrency)){return"unavailable";}if(paymentProfile.expired||paymentProfile.creditCard&&paymentProfile.creditCard.expired){return"expired";}if(paymentProfile.id===subscriptionPaymentProfileId){return"active";}return"normal";};const serializePaymentProfiles=(items,vaultCurrencies,subscriptionCurrency,subscriptionPaymentProfileId)=>items.map(paymentProfile=>({...paymentProfile,status:getPaymentProfileStatus(paymentProfile,vaultCurrencies[paymentProfile.vault],subscriptionCurrency,subscriptionPaymentProfileId)}));const initialContext$8={vaultCurrencies:null,subscriptionCurrency:null,error:null,subscriptionPaymentProfileId:null,paymentProfiles:[]};const paymentProfiles=(0,_xstate.createMachine)({predictableActionArguments:true,context:initialContext$8,initial:'idle',states:{idle:{on:{INITIALIZE:{target:'fetchingProfiles'}}},fetchingProfiles:{invoke:{id:'paymentProfilesFetch',src:'getPaymentProfiles',onDone:{target:'ready',actions:(0,_xstate.assign)((ctx,event)=>({paymentProfiles:serializePaymentProfiles(event.data.items,ctx.vaultCurrencies,ctx.subscriptionCurrency,ctx.subscriptionPaymentProfileId)}))},onError:{target:'error'}}},error:{on:{RETRY_FETCH:'fetchingProfiles'}},ready:{on:{DELETE_PAYMENT_PROFILE:{actions:'deletePaymentProfile'},ADD_PAYMENT_PROFILE:{actions:'addPaymentProfile'},CHANGE_PAYMENT_PROFILE:{actions:'setActivePaymentProfile'}}}}},{actions:{deletePaymentProfile:deletePaymentProfile$1,setActivePaymentProfile,addPaymentProfile}});const getPaymentProfiles=machineState=>{return machineState.context.paymentProfiles;};const getPaymentProfilesById=paymentProfileId=>machineState=>{return machineState.context.paymentProfiles.find(paymentProfile=>paymentProfile.id===paymentProfileId);};const getPaymentProfilesState=machineState=>({isLoading:machineState.matches('fetchingProfiles'),isError:machineState.matches('error')});const paymentProfilesSelectors={getPaymentProfilesState,getPaymentProfilesById,getPaymentProfiles};const getPriceRange=(pricePointType,prices,currency)=>{if(!pricePointType||pricePointType==='per_unit'){return{value:prices[0].priceInCents,currency};}const pricesInCents=prices.map(price=>price.priceInCents);const min=Math.min(...pricesInCents);const max=Math.max(...pricesInCents);return{value:[min,max],currency};};const serializeComponents=components=>{return components.filter(component=>!['metered','prepaid'].includes(component.type)&&component.updatesAllowed).map(component=>{const{id,name,type,allocatedQuantity,description,currency,pricePoint,unit,recurring,allowFractionalQuantities,updatesAllowed}=component;const serializedComponent={id,name,type,description,recurring,unitName:unit.name,allocatedQuantity,allowFractionalQuantities,memo:'',updatesAllowed,price:getPriceRange(pricePoint.type,pricePoint.prices,currency)};return serializedComponent;});};const updateAllocationsList=(0,_xstate.assign)({allocations:(context,event)=>{const{allocation,allocation:{id}}=event;const index=context.allocations.findIndex(a=>a.id===id);if(index>-1){return context.allocations.map(a=>a.id===id?allocation:a);}return[...context.allocations,allocation];}});const setError=(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};});const initialContext$7={subscriptionId:null,components:[],allocations:[],allocationsPreview:null,error:null};const addOnsConfiguration=(0,_xstate.createMachine)({id:'addOnsConfiguration',predictableActionArguments:true,context:initialContext$7,initial:'configureAllocationsStep',states:{configureAllocationsStep:{id:'configureAllocationsStep',initial:'idle',states:{idle:{on:{INITIALIZE:{target:'initialize',actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,subscriptionId:event.subscriptionId};})}}},initialize:{invoke:{src:'getComponents',onDone:{target:'ready',actions:(0,_xstate.assign)((ctx,event)=>{const serializedComponents=serializeComponents(event.data.items);return{...ctx,components:serializedComponents};})},onError:{actions:'setError',target:'initializationError'}}},ready:{on:{PREVIEW_ALLOCATIONS:{target:'previewAllocations',actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,allocations:event.allocations,error:null};})},UPDATE_ALLOCATIONS_LIST:{actions:'updateAllocationsList'}}},initializationError:{},previewAllocations:{invoke:{src:'previewComponentAllocations',onDone:{target:'#previewAllocationsStep',actions:(0,_xstate.assign)((ctx,event)=>{return{...ctx,allocationsPreview:{...event.data}};})},onError:{actions:'setError',target:'ready'}}}}},previewAllocationsStep:{id:'previewAllocationsStep',initial:'idle',states:{idle:{on:{UPDATE_ALLOCATIONS:{target:'updateAllocations'},GO_BACK:{target:'#configureAllocationsStep.ready'}}},updateAllocations:{invoke:{src:'updateComponentAllocations',onDone:{actions:'updateSubscriptionBalance',target:'updateSuccess'},onError:{actions:'setError',target:'error'}}},updateSuccess:{type:'final'},error:{on:{UPDATE_ALLOCATIONS:{target:'updateAllocations'},GO_BACK:{target:'#configureAllocationsStep.ready'}}}}}}},{actions:{updateAllocationsList,setError}});const getAddonsState=machineState=>({configureAllocationsStep:machineState.matches('configureAllocationsStep'),configureAllocationsStepLoading:machineState.matches('configureAllocationsStep.initialize'),previewAllocationsStep:machineState.matches('previewAllocationsStep'),previewAllocationsLoading:machineState.matches('configureAllocationsStep.previewAllocations'),updateAllocationsLoading:machineState.matches('previewAllocationsStep.updateAllocations'),updateSuccess:machineState.matches('previewAllocationsStep.updateSuccess')});const getAddonsComponents=machineState=>({components:machineState.context.components});const getAllocationsPreview=machineState=>{return{allocationsPreview:machineState.context.allocationsPreview};};const getAllocations=machineState=>machineState.context.allocations;const getAllocationError=machineState=>({error:machineState.context.error});const addConfigurationSelectors={getAddonsState,getAddonsComponents,getAllocationsPreview,getAllocations,getAllocationError};const initialContext$6={products:null,selectedPlan:null,changePlanPreview:null,threeDsActionLink:null,error:null};const changePlan=(0,_xstate.createMachine)({id:'changePlan',predictableActionArguments:true,initial:'configurePlanStep',context:{...initialContext$6},states:{configurePlanStep:{id:'configurePlanStep',initial:'idle',states:{idle:{on:{GET_PRODUCTS:'getProducts'}},getProducts:{invoke:{src:'getProducts',onDone:{actions:(ctx,event)=>ctx.products=event.data.items,target:'ready'},onError:{target:'error'}}},ready:{on:{SELECT_PLAN:{actions:(0,_xstate.assign)((context,event)=>{return{selectedPlan:event.planId};})},GET_PREVIEW_PRODUCT_MIGRATION:'getPreviewProductMigration'}},getPreviewProductMigration:{invoke:{src:'previewProductMigration',onDone:{actions:(ctx,event)=>ctx.changePlanPreview=event.data,target:'#previewProductMigrationStep'},onError:{target:'error'}}},error:{}}},previewProductMigrationStep:{id:'previewProductMigrationStep',initial:'idle',states:{idle:{on:{CONFIRM_CHANGE_PLAN:'confirmProductMigration',GO_BACK:'#configurePlanStep.ready'}},confirmProductMigration:{invoke:{src:'confirmProductMigration',onDone:{actions:['updateSubscription','onSuccess'],target:'success'},onError:[{target:'threeDsConfirmation',actions:[(0,_xstate.assign)((context,event)=>({threeDsActionLink:event.data.threeDsActionLink,error:event.data.errorCode})),'onThreeDsConfirmation'],cond:(c,e)=>e.data.threeDsActionLink&&e.data.errorCode==='3DSecureAuthentication'},{target:'error',actions:(0,_xstate.assign)((context,event)=>({error:event.data.errorCode})),cond:(c,e)=>e.data.errorCode==='CardDeclined'},{target:'error',actions:(0,_xstate.assign)(()=>({error:'Generic'}))}]}},success:{type:'final'},error:{type:'final'},threeDsConfirmation:{type:'final'}}}}});const getChangePlanStatus=machineState=>({configurePlanStep:machineState.matches('configurePlanStep'),configurePlanStepLoading:machineState.matches('configurePlanStep.getProducts'),previewPlanStep:machineState.matches('previewProductMigrationStep'),previewPlanLoading:machineState.matches('configurePlanStep.getPreviewProductMigration'),updatePlanLoading:machineState.matches('previewProductMigrationStep.confirmProductMigration'),updateSuccess:machineState.matches('previewProductMigrationStep.success'),isError:machineState.matches('configurePlanStep.error')||machineState.matches('previewProductMigrationStep.error')});const getError$1=machineState=>{return machineState.context.error;};const getProducts=machineState=>{return machineState.context.products;};const getSelectedPlan=machineState=>{return machineState.context.selectedPlan;};const getChangePlanPreview=machineState=>{return machineState.context.changePlanPreview;};const changePlanSelectors={getError:getError$1,getChangePlanPreview,getProducts,getSelectedPlan,getChangePlanStatus};const threeDs=(0,_xstate.createMachine)({predictableActionArguments:true,id:'threeDs',initial:'idle',states:{idle:{on:{THREE_DS_SUCCESS:'loading'}},loading:{invoke:{src:'getSubscriptionDetails',onError:{target:'error'},onDone:{target:'success',actions:'updateSubscriptions'}}},success:{type:'final'},error:{type:'final'}}});const GlobalStateContext=/*#__PURE__*/(0,_react.createContext)({paymentGatewayService:null,subscriptionsService:null,productCatalogService:null,modalsService:null});const ConfigContext=/*#__PURE__*/(0,_react.createContext)(null);const ComponentsContext=/*#__PURE__*/(0,_react.createContext)({subscriptionIsActive:false});const PaymentProfilesContext=/*#__PURE__*/(0,_react.createContext)({paymentProfilesService:null,subscriptionCurrency:null});const GlobalStateProvider=_ref286=>{let{children}=_ref286;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const subscriptionsMachine=(0,_react.useMemo)(()=>createSubscriptionsMachine(dataAccess),[]);const modalsService=(0,_react2.useInterpret)(modals);const subscriptionsService=(0,_react2.useInterpret)(subscriptionsMachine,{services:{getSubscriptions:()=>dataAccess.getSubscriptions()}});const productCatalogService=(0,_react2.useInterpret)(productCatalog,{services:{getProductsCatalog:()=>dataAccess.getProductsCatalog()}});const paymentGatewayService=(0,_react2.useInterpret)(paymentGateway,{services:{getGatewayConfig:()=>dataAccess.getGatewayConfig()}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext.Provider,{value:{modalsService,subscriptionsService,productCatalogService,paymentGatewayService}},children);};const STATUS_TAG={active:null,cancellation_scheduled:{label:'Cancelation Scheduled',color:'primary'},canceled:{label:'Canceled',color:'gray'},expired:{label:'Expired',color:'gray'},on_hold:{label:'On Hold',color:'primary'},past_due:{label:'Past Due',color:'danger'},trial:{label:'Trial',color:'primary'},trial_expired:{label:'Trial Ended',color:'gray'},unpaid:{label:'Unpaid',color:'danger'},paused:{label:'Paused',color:'primary'},plan_change_scheduled:{label:'Plan Change Scheduled',color:'primary'}};const useSubscriptionStatus=status=>STATUS_TAG[status];const useFormatSubscriptionDetails=subscriptionDetails=>{const{status,currency,currentBillingAmountInCents,currentPeriodEndsAt,product:{priceInCents,trialPriceInCents,interval,intervalUnit},canceledAt,expiresAt,trialEndedAt,balanceInCents,nextAssessmentAt,automaticallyResumeAt,locale,scheduledCancellationAt,t}=subscriptionDetails;const format=(value,type)=>{if(value===0){return formatCurrency(currency,value,locale);}if(!value)return;if(type==='currency'){return formatCurrency(currency,value,locale);}else if(type==='date'){return formatDate(value);}};const nextBillingAmount=status==='cancellation_scheduled'||status==='active'||status==='plan_change_scheduled'?balanceInCents+currentBillingAmountInCents:currentBillingAmountInCents;return{totalPrice:format(priceInCents,'currency'),interval:formatBillingInterval(interval,intervalUnit,t),nextBillingAmount:format(nextBillingAmount,'currency'),basePlanPrice:format(priceInCents,'currency'),priceAfterTrial:format(currentBillingAmountInCents,'currency'),trialPrice:format(trialPriceInCents,'currency'),currentBalance:format(balanceInCents,'currency'),nextBillingAttempt:format(nextAssessmentAt,'date'),autoResumeDate:format(automaticallyResumeAt,'date'),nextBillingDate:format(currentPeriodEndsAt,'date'),cancellationDate:format(canceledAt,'date'),expirationDate:format(expiresAt,'date'),trialExpirationDate:format(trialEndedAt,'date'),scheduledCancellationDate:format(scheduledCancellationAt,'date')};};var PaymentProfileActions;(function(PaymentProfileActions){PaymentProfileActions["PREVIEW"]="PREVIEW";PaymentProfileActions["DELETE"]="DELETE";PaymentProfileActions["USE_FOR_SUBSCRIPTION_BILLING"]="USE_FOR_SUBSCRIPTION_BILLING";})(PaymentProfileActions||(PaymentProfileActions={}));const usePaymentProfileAvailableActions=status=>{const availableActions=[PaymentProfileActions.PREVIEW,PaymentProfileActions.DELETE];if(status==="normal"){return[PaymentProfileActions.USE_FOR_SUBSCRIPTION_BILLING,...availableActions];}return availableActions;};const useComponentSettings=()=>(0,_react.useContext)(ConfigContext);const useServices=()=>(0,_react.useContext)(GlobalStateContext);const serializeErrors=error=>{const errors={paymentMethod:{},billingAddress:{}};error.inner.forEach(fieldError=>{const[form,field]=fieldError.path.split('.');errors[form][field]=fieldError.message;});return errors;};const useCreatePaymentProfile=_ref287=>{let{formElementId,paymentMethodType='creditCard',onCreateSuccess,activePaymentProfileId,isActivePaymentMethod,subscriptionId}=_ref287;const{paymentProfile:paymentProfileConfig}=useComponentSettings();const paymentsForm=usePaymentsForm();const{paymentGatewayService,subscriptionsService}=useServices();const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);const{dataAccess}=(0,_react.useContext)(DataAccessContext);const gatewayRequiredFields=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getRequiredFieldsConfig);const requiredFields=paymentProfileConfig.requiredFields??gatewayRequiredFields[paymentMethodType];const[,sendToMachine,service]=(0,_react2.useMachine)(createPaymentProfile,{context:{requiredFields,validationSchema:serializeValidationSchema(requiredFields)},actions:{onCreateProfileSuccess:_ref288=>{let{paymentProfiles,createdProfile}=_ref288;onCreateSuccess();paymentProfilesService.send({type:'ADD_PAYMENT_PROFILE',paymentProfileId:createdProfile.id,paymentProfile:createdProfile});if(isActivePaymentMethod){paymentProfilesService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:createdProfile.id});dataAccess.updateSubscriptionPaymentProfile(createdProfile.id,subscriptionId);}if(paymentProfiles.idsForReplacement.includes(activePaymentProfileId)){paymentProfilesService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:createdProfile.id});}},onReplacePaymentProfilesSuccess:(ctx,event)=>{event.data.subscriptions.success.forEach(subscription=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscription.id,catalogId:subscription.product.productFamilyId,billing:{paymentProfileConnected:true,...ctx.createdProfile}});});}},services:{validatePaymentMethod:ctx=>new Promise((resolve,reject)=>{const{billingAddress,paymentMethod,validationSchema}=ctx;try{validationSchema.validateSync({billingAddress:billingAddress.values,paymentMethod:paymentMethod.values},{abortEarly:false});resolve({});}catch(error){const errors=serializeErrors(error);reject({errors});}}),tokenizePaymentMethod:()=>new Promise((resolve,reject)=>{paymentsForm.token(document.getElementById(formElementId),token=>resolve(token),error=>reject(error));}),createPaymentProfile:ctx=>dataAccess.createPaymentProfile(ctx.token),replacePaymentProfiles:ctx=>{const{id:paymentProfileId}=ctx.createdProfile;return dataAccess.replacePaymentProfiles(ctx.paymentProfiles.idsForReplacement,paymentProfileId);}}});const isProcessing=(0,_react2.useSelector)(service,paymentProfileSelectors.getPaymentProfileProcessing);const isProfileConnectionError=(0,_react2.useSelector)(service,paymentProfileSelectors.getProfileConnectionError);return{isProcessing,isProfileConnectionError,savePaymentMethod:()=>sendToMachine({type:'SAVE_PAYMENT_METHOD'}),service};};const useDataAccess=()=>(0,_react.useContext)(DataAccessContext);const useAddonsConfigurationService=catalogId=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=useServices();return(0,_react2.useInterpret)(addOnsConfiguration,{services:{getComponents:context=>dataAccess.getComponents(context.subscriptionId),previewComponentAllocations:context=>{return dataAccess.previewComponentAllocations(context.subscriptionId,{allocations:context.allocations.map(a=>({...a,quantity:+a.quantity}))});},updateComponentAllocations:context=>{return dataAccess.updateComponentAllocations(context.subscriptionId,{allocations:context.allocations.map(a=>({...a,quantity:+a.quantity}))});}},actions:{updateSubscriptionBalance:(context,event)=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:Number(context.subscriptionId),currentBillingAmountInCents:event.data.subscription.currentBillingAmountInCents,balanceInCents:event.data.subscription.balanceInCents,catalogId});}}});};const initialContext$5={automaticallyResumeAt:null,error:null,resumptionCharge:null};const resumeSubscription=(0,_xstate.createMachine)({id:'resumeSubscription',predictableActionArguments:true,initial:'idle',context:initialContext$5,states:{idle:{on:{GET_RESUMPTION_CONFIG:'loading',RESUME_SUBSCRIPTION:'resumeSubscription',RESUME_SUBSCRIPTION_AT:'resumeSubscriptionAt'}},loading:{invoke:{src:'getSubscriptionResumptionConfig',onDone:{target:'idle',actions:(0,_xstate.assign)({resumptionCharge:(_ctx,event)=>event.data.resumptionCharge})}}},resumeSubscription:{invoke:{src:'resumeSubscription',onDone:{actions:'setSubscriptionActive',target:'success'},onError:{target:'error',actions:'setError'}}},resumeSubscriptionAt:{invoke:{src:'updateSubscriptionAutoResumption',onDone:{actions:'updateSubscription',target:'success'},onError:{target:'error',actions:'setError'}}},success:{type:'final'},error:{type:'final'}}});const getResumeSubscriptionStatus=machineState=>({resumeSubscriptionLoading:machineState.matches('resumeSubscription'),resumeSubscriptionSuccess:machineState.matches('success'),resumeSubscriptionError:machineState.matches('error')});const getErrorCode$5=machineState=>{return machineState.context.error;};const getResumptionConfig=machineState=>{return machineState.context.resumptionCharge;};const resumeSubscriptionSelectors={getResumeSubscriptionStatus,getErrorCode:getErrorCode$5,getResumptionConfig};const useSubscriptionResumeService=(catalogId,subscriptionId)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=useServices();return(0,_react2.useInterpret)(resumeSubscription,{services:{resumeSubscription:()=>{return dataAccess.resumeSubscription(subscriptionId);},getSubscriptionResumptionConfig:()=>{return dataAccess.getSubscriptionResumptionConfig();},updateSubscriptionAutoResumption:(_ctx,event)=>{return dataAccess.updateSubscriptionResumptionDate(subscriptionId,event.resumeDate);}},actions:{updateSubscription:(context,event)=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId,catalogId,...event.data});},setSubscriptionActive:()=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId,catalogId,status:'active'});},setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};})}});};const getCancelSubscriptionStatus=machineState=>({idle:machineState.matches('idle'),cancelSubscriptionLoading:machineState.matches('cancelSubscription'),cancelSubscriptionSuccess:machineState.matches('success'),cancelSubscriptionError:machineState.matches('error')});const getErrorCode$4=machineState=>{return machineState.context.error;};const cancelSubscriptionSelectors={getCancelSubscriptionStatus,getErrorCode:getErrorCode$4};const initialContext$4={error:null};const cancelSubscription=(0,_xstate.createMachine)({id:'cancelSubscription',predictableActionArguments:true,initial:'idle',context:initialContext$4,states:{idle:{on:{CANCEL_SUBSCRIPTION:{target:'cancelSubscription'}}},cancelSubscription:{invoke:{src:'cancelSubscription',onDone:{target:'success',actions:'updateSubscription'},onError:{target:'error',actions:'setError'}}},success:{type:'final'},error:{type:'final'}}});const useCancelSubscriptionService=(catalogId,subscriptionId)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);return(0,_react2.useInterpret)(cancelSubscription,{services:{cancelSubscription:(context,_ref289)=>{let{type,...payload}=_ref289;return dataAccess.cancelSubscription({...payload,subscriptionId});}},actions:{updateSubscription:(context,payload)=>{const{data:{state,scheduledCancellationAt,...subscriptionDetails}}=payload;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId,scheduledCancellationAt,...subscriptionDetails,status:scheduledCancellationAt?'cancellation_scheduled':state});},setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};})}});};const getUndoCancelationStatus=machineState=>({idle:machineState.matches('idle'),undoCancelationLoading:machineState.matches('undoCancelation'),undoCancelationSuccess:machineState.matches('success'),undoCancelationError:machineState.matches('error')});const getErrorCode$3=machineState=>{return machineState.context.error;};const undoCancelationSelectors={getUndoCancelationStatus,getErrorCode:getErrorCode$3};const initialContext$3={error:null};const undoCancelation=(0,_xstate.createMachine)({id:'undoCancelation',predictableActionArguments:true,initial:'idle',context:initialContext$3,states:{idle:{on:{UNDO_CANCELATION:{target:'undoCancelation'}}},undoCancelation:{invoke:{src:'undoCancelation',onDone:{target:'success',actions:'updateSubscription'},onError:{target:'error',actions:'setError'}}},success:{type:'final'},error:{type:'final'}}});const useUndoCancelationService=(catalogId,subscriptionId)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);return(0,_react2.useInterpret)(undoCancelation,{services:{undoCancelation:()=>{return dataAccess.undoCancelation(subscriptionId);}},actions:{updateSubscription:()=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId,subscriptionId,scheduledCancellationAt:null,status:'active'});},setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};})}});};const getReactivateSubscriptionStatus=machineState=>({idle:machineState.matches('idle'),reactivateSubscriptionLoading:machineState.matches('reactivateSubscription'),reactivateSubscriptionSuccess:machineState.matches('success'),reactivateSubscriptionError:machineState.matches('error')});const getErrorCode$2=machineState=>{return machineState.context.error;};const reactivateSubscriptionSelectors={getReactivateSubscriptionStatus,getErrorCode:getErrorCode$2};const initialContext$2={error:null};const reactivateSubscription=(0,_xstate.createMachine)({id:'reactivateSubscription',predictableActionArguments:true,initial:'idle',context:initialContext$2,states:{idle:{on:{REACTIVATE_SUBSCRIPTION:{target:'reactivateSubscription'}}},reactivateSubscription:{invoke:{src:'reactivateSubscription',onDone:{target:'success',actions:'updateSubscription'},onError:{target:'error',actions:'setError'}}},success:{type:'final'},error:{type:'final'}}});const useReactivateSubscription=(catalogId,subscriptionId)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);return(0,_react2.useInterpret)(reactivateSubscription,{services:{reactivateSubscription:()=>{return dataAccess.reactivateSubscription(subscriptionId);}},actions:{updateSubscription:(_ctx,_ref290)=>{let{data:{nextAssessmentAt,currentBillingAmountInCents,currentPeriodEndsAt}}=_ref290;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId,subscriptionId,nextAssessmentAt,currentPeriodEndsAt,currentBillingAmountInCents,scheduledCancellationAt:null,status:'active'});},setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};})}});};const useAvailablePaymentMethods=()=>{const availablePaymentMethods=[];const{subscriptionCurrency}=(0,_react.useContext)(PaymentProfilesContext);const{paymentGatewayService}=useServices();const gateways=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getDefaultVaults);const vaultCurrencies=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getVaultCurrencies);const creditCardGateway=gateways['creditCard'];if(creditCardGateway&&vaultCurrencies[creditCardGateway]?.includes(subscriptionCurrency)){availablePaymentMethods.push('credit_card');}return availablePaymentMethods;};const initialContext$1={error:null};const changePaymentProfile=(0,_xstate.createMachine)({id:'changePaymentProfile',predictableActionArguments:true,initial:'idle',context:initialContext$1,states:{idle:{on:{CHANGE_PAYMENT_PROFILE:'changePaymentProfile'}},changePaymentProfile:{invoke:{src:'changePaymentProfile',onDone:{target:'success',actions:'onChangeProfileSuccess'},onError:{actions:'setError',target:'error'}}},success:{type:'final'},error:{type:'final'}}});const getChangePaymentProfileStatus=machineState=>({isLoading:machineState.matches('changePaymentProfile'),isError:machineState.matches('error')});const getErrorCode$1=machineState=>{return machineState.context.error;};const changePaymentProfileSelectors={getChangePaymentProfileStatus,getErrorCode:getErrorCode$1};const useChangePaymentProfile=_ref291=>{let{subscriptionId,paymentProfileId,catalogId,onChangeSuccess}=_ref291;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);const{subscriptionsService}=useServices();const paymentProfile=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesById(paymentProfileId));return(0,_react2.useInterpret)(changePaymentProfile,{actions:{setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};}),onChangeProfileSuccess:()=>{paymentProfilesService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId});subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId,catalogId,billing:{paymentProfileConnected:true,paymentProfileId:paymentProfile.id,...paymentProfile}});onChangeSuccess();}},services:{changePaymentProfile:()=>{return dataAccess.updateSubscriptionPaymentProfile(paymentProfileId,subscriptionId);}}});};const STATUS_ORDER={active:0,normal:1,expired:2,unavailable:3};const TYPE_ODER={credit_card:0,bank_account:1};const SORT_WEIGHT=10;const useSortPaymentProfiles=paymentProfiles=>{const sortPaymentProfiles=(a,b)=>{const aWeight=TYPE_ODER[a.type]*SORT_WEIGHT+STATUS_ORDER[a.status];const bWeight=TYPE_ODER[b.type]*SORT_WEIGHT+STATUS_ORDER[b.status];return aWeight-bWeight;};const active=paymentProfiles.find(profile=>profile.status==="active");const rest=paymentProfiles.filter(profile=>profile.status!=="active");return{active,inactive:rest.sort(sortPaymentProfiles)};};const deletePaymentProfile=(0,_xstate.createMachine)({id:'deletePaymentProfile',predictableActionArguments:true,initial:'idle',context:{error:null},states:{idle:{on:{DELETE_PAYMENT_PROFILE:{target:'loading'}}},loading:{invoke:{src:'deletePaymentProfile',onDone:{actions:'onDeleteProfileSuccess',target:'success'},onError:{target:'error',actions:(0,_xstate.assign)((_ctx,event)=>({error:{errorCode:event.data?.errorCode,subscriptions:event.data?.subscriptions}}))}}},success:{type:'final'},error:{type:'final'}}});const getDeletePaymentProfileStatus=machineState=>({isLoading:machineState.matches('loading'),hasError:machineState.matches('error')});const getError=machineState=>{return{errorCode:machineState.context.error?.errorCode,subscriptions:machineState.context.error?.subscriptions};};const deletePaymentProfileSelectors={getDeletePaymentProfileStatus,getError};const useDeletePaymentProfile=_ref292=>{let{paymentProfileId,onDeleteSuccess}=_ref292;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);return(0,_react2.useInterpret)(deletePaymentProfile,{actions:{onDeleteProfileSuccess:()=>{paymentProfilesService.send({type:'DELETE_PAYMENT_PROFILE',paymentProfileId});onDeleteSuccess();}},services:{deletePaymentProfile:()=>{return dataAccess.deletePaymentProfile(paymentProfileId);}}});};const useChangePlan=(catalogId,subscriptionId,currentPlanId,onSuccess,onThreeDsConfirmation)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);return(0,_react2.useInterpret)(changePlan,{services:{getProducts:()=>{return dataAccess.getProducts(catalogId);},previewProductMigration:_ref293=>{let{selectedPlan}=_ref293;return dataAccess.previewProductMigration(subscriptionId,selectedPlan);},confirmProductMigration:_ref294=>{let{selectedPlan}=_ref294;return dataAccess.migrateProduct(subscriptionId,selectedPlan);}},actions:{onSuccess,updateSubscription:(context,payload)=>{const{data:subscription}=payload;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId,subscriptionId,...subscription});},onThreeDsConfirmation:c=>onThreeDsConfirmation(c.threeDsActionLink)},context:{selectedPlan:currentPlanId}});};const useThreeDs=_ref295=>{let{subscriptionId,catalogId,onSuccess}=_ref295;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=useServices();return(0,_react2.useInterpret)(threeDs,{services:{getSubscriptionDetails:()=>{return dataAccess.getSubscriptionDetails(subscriptionId);}},actions:{updateSubscriptions:(context,event)=>{subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId,catalogId,...event.data,status:'active'});onSuccess();}}});};const PaymentProfilesProvider=_ref296=>{let{children}=_ref296;const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{paymentGatewayService}=useServices();const{subscriptionsService}=useServices();const{catalogId,subscriptionId}=(0,_reactRouterDom.useParams)();const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[]));const vaultCurrencies=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getVaultCurrencies);const paymentProfilesService=(0,_react2.useInterpret)(paymentProfiles,{context:{vaultCurrencies,subscriptionCurrency:subscription.currency,subscriptionPaymentProfileId:subscription.billing.paymentProfileId},services:{getPaymentProfiles:()=>{return dataAccess.getPaymentProfiles();}}});(0,_react.useEffect)(()=>{paymentProfilesService.send({type:'INITIALIZE'});},[paymentProfilesService]);return/*#__PURE__*/_react.default.createElement(PaymentProfilesContext.Provider,{value:{paymentProfilesService,subscriptionCurrency:subscription.currency}},children);};const TextAlign=_styledComponents.default.div.withConfig({displayName:"maxio__TextAlign",componentId:"maxio-components__sc-lo74t2-168"})(["&&&{",";}"],_styledSystem.textAlign);const DetailRow$2=_ref297=>{let{label,value}=_ref297;return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:3},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[12,8]},/*#__PURE__*/_react.default.createElement("div",{"data-testid":"detail-label"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:label.color||'gray.dark',fontWeight:2},label.value))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[12,8]},/*#__PURE__*/_react.default.createElement(TextAlign,{"data-testid":"detail-value",textAlign:['right','left']},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:value.color||'gray.dark',fontWeight:value.fontWeight},value.value,' ',value.subValue&&(/*#__PURE__*/_react.default.createElement(BodyText,{as:'span',color:value.subValue.color||'gray.dark',fontWeight:value.subValue.fontWeight,variant:'body2'},value.subValue.value)))))));};const Active=_ref298=>{let{basePlanPrice,nextBillingAmount,nextBillingDate}=_ref298;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price',{ns:'subscriptions-manager'})},value:{value:basePlanPrice,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_amount',{ns:'subscriptions-manager'})},value:{value:nextBillingAmount,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_date',{ns:'subscriptions-manager'})},value:{value:nextBillingDate,color:'black.main',fontWeight:0}}));};const CancellationScheduled=_ref299=>{let{basePlanPrice,nextBillingAmount,nextBillingDate,scheduledCancellationDate}=_ref299;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.cancellation_date'),color:'primary.dark'},value:{value:scheduledCancellationDate,color:'primary.dark',fontWeight:0}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price')},value:{value:basePlanPrice,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_amount')},value:{value:nextBillingAmount,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_date')},value:{value:nextBillingDate,color:'black.main',fontWeight:0}}));};const Canceled=_ref300=>{let{basePrice,cancellationDate}=_ref300;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_price',{ns:'subscriptions-manager'}),color:'danger.dark'},value:{value:basePrice,color:'danger.dark',fontWeight:0}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.cancellation_date',{ns:'subscriptions-manager'})},value:{value:cancellationDate,fontWeight:3}}));};const Expired=_ref301=>{let{basePlanPrice,expirationDate}=_ref301;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.expiration_date')},value:{value:expirationDate,color:'black.main',fontWeight:0}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price')},value:{value:basePlanPrice,color:'gray.dark',fontWeight:3}}));};const PastDue=_ref302=>{let{basePlanPrice,currentBalance,nextBillingAttempt}=_ref302;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price')},value:{value:basePlanPrice,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.current_balance')},value:{value:currentBalance,color:'danger.dark',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_attempt')},value:{value:nextBillingAttempt,color:'black.main',fontWeight:0}}));};const OnHold=_ref303=>{let{basePlanPrice,autoResumeDate}=_ref303;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.resume_date',{ns:'subscriptions-manager'})},value:{value:autoResumeDate??t('subscription_details.resume_until_manually_restored',{ns:'subscriptions-manager'}),color:'black.main',fontWeight:0}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price',{ns:'subscriptions-manager'})},value:{value:basePlanPrice,color:'gray.dark',fontWeight:3}}));};const Trial=_ref304=>{let{trialExpirationDate,nextBillingDate,priceAfterTrial,trialPrice}=_ref304;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.trial_price',{ns:'subscriptions-manager'})},value:{value:trialPrice,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.trial_expiration_date',{ns:'subscriptions-manager'})},value:{value:trialExpirationDate,color:'black.main',fontWeight:0}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.price_after_trial',{ns:'subscriptions-manager'})},value:{value:priceAfterTrial,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_date',{ns:'subscriptions-manager'})},value:{value:nextBillingDate,color:'black.main',fontWeight:0}}));};const TrialExpired=_ref305=>{let{trialExpirationDate}=_ref305;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.expiration_date')},value:{value:trialExpirationDate,color:'black.main',fontWeight:0}}));};const Unpaid=_ref306=>{let{basePlanPrice,currentBalance}=_ref306;const{t}=(0,_reactI18next.useTranslation)('subscriptions-manager');return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price')},value:{value:basePlanPrice,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.current_balance')},value:{value:currentBalance,color:'danger.dark',fontWeight:3}}));};const PlanChangeScheduled=_ref307=>{let{basePlanPrice,nextBillingAmount,nextBillingDate}=_ref307;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.base_plan_price',{ns:'subscriptions-manager'})},value:{value:basePlanPrice,color:'success.main',fontWeight:3,subValue:{color:'black.dark',value:t('subscription_details.scheduled_plan_change',{date:nextBillingDate})}}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_amount',{ns:'subscriptions-manager'})},value:{value:nextBillingAmount,color:'success.main',fontWeight:3}}),/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:t('subscription_details.next_billing_date',{ns:'subscriptions-manager'})},value:{value:nextBillingDate,color:'black.main',fontWeight:0}}));};const renderDetails=_ref308=>{let{subscriptionStatus,nextBillingAmount,nextBillingDate,basePlanPrice,cancellationDate,expirationDate,autoResumeDate,trialExpirationDate,priceAfterTrial,trialPrice,currentBalance,nextBillingAttempt,scheduledCancellationDate}=_ref308;switch(subscriptionStatus){case'active':return/*#__PURE__*/_react.default.createElement(Active,{basePlanPrice:basePlanPrice,nextBillingAmount:nextBillingAmount,nextBillingDate:nextBillingDate});case'past_due':return/*#__PURE__*/_react.default.createElement(PastDue,{basePlanPrice:basePlanPrice,currentBalance:currentBalance,nextBillingAttempt:nextBillingAttempt});case'expired':return/*#__PURE__*/_react.default.createElement(Expired,{expirationDate:expirationDate,basePlanPrice:basePlanPrice});case'canceled':return/*#__PURE__*/_react.default.createElement(Canceled,{basePrice:basePlanPrice,cancellationDate:cancellationDate});case'trial':return/*#__PURE__*/_react.default.createElement(Trial,{trialExpirationDate:trialExpirationDate,nextBillingDate:nextBillingDate,priceAfterTrial:priceAfterTrial,trialPrice:trialPrice});case'trial_expired':return/*#__PURE__*/_react.default.createElement(TrialExpired,{trialExpirationDate:trialExpirationDate});case'cancellation_scheduled':return/*#__PURE__*/_react.default.createElement(CancellationScheduled,{scheduledCancellationDate:scheduledCancellationDate,basePlanPrice:basePlanPrice,nextBillingAmount:nextBillingAmount,nextBillingDate:nextBillingDate});case'on_hold':return/*#__PURE__*/_react.default.createElement(OnHold,{basePlanPrice:basePlanPrice,autoResumeDate:autoResumeDate});case'unpaid':return/*#__PURE__*/_react.default.createElement(Unpaid,{basePlanPrice:basePlanPrice,currentBalance:currentBalance});case'plan_change_scheduled':return/*#__PURE__*/_react.default.createElement(PlanChangeScheduled,{basePlanPrice:basePlanPrice,nextBillingAmount:nextBillingAmount,nextBillingDate:nextBillingDate});default:return/*#__PURE__*/_react.default.createElement(BodyText,null,"Status not recognized: ",subscriptionStatus);}};const SubscriptionDetails=_ref309=>{let{subscriptionStatus,nextBillingAmount,nextBillingDate,basePlanPrice,cancellationDate,expirationDate,trialExpirationDate,priceAfterTrial,trialPrice,currentBalance,nextBillingAttempt,autoResumeDate,scheduledCancellationDate}=_ref309;return renderDetails({scheduledCancellationDate,subscriptionStatus,nextBillingAmount,nextBillingDate,basePlanPrice,cancellationDate,expirationDate,autoResumeDate,trialExpirationDate,priceAfterTrial,trialPrice,currentBalance,nextBillingAttempt});};const PAYMENT_ISSUES=['past_due','unpaid'];const INACTIVE_STATE=['canceled','expired','on_hold','trial_expired','paused'];const useSubscriptionIsActive=subscriptionStatus=>!INACTIVE_STATE.includes(subscriptionStatus);var SubscriptionActions;(function(SubscriptionActions){SubscriptionActions["PAUSE"]="PAUSE";SubscriptionActions["RESUME"]="RESUME";SubscriptionActions["CANCEL"]="CANCEL";SubscriptionActions["UNDO_CANCELATION"]="UNDO_CANCELATION";SubscriptionActions["REACTIVATE"]="REACTIVATE";SubscriptionActions["CHANGE_PLAN"]="CHANGE_PLAN";})(SubscriptionActions||(SubscriptionActions={}));const useSubscriptionAvailableActions=(subscription,subscriptionScopes)=>{const availableActions=[];if(['active','plan_change_scheduled','past_due'].includes(subscription.status)&&subscriptionScopes.includes('subscription:pause')){availableActions.push(SubscriptionActions.PAUSE);}if('on_hold'===subscription.status&&subscriptionScopes.includes('subscription:resume')){availableActions.push(SubscriptionActions.RESUME);}if(!['canceled','past_due','cancellation_scheduled'].includes(subscription.status)&&hasCancelDelayedOrImmediateAction(subscriptionScopes)){availableActions.push(SubscriptionActions.CANCEL);}if(subscription.status==='cancellation_scheduled'&&subscriptionScopes.includes('subscription:cancel-scheduled')){availableActions.push(SubscriptionActions.UNDO_CANCELATION);}if(['trial_expired','canceled'].includes(subscription.status)&&subscriptionScopes.includes('subscription:reactivate')){availableActions.push(SubscriptionActions.REACTIVATE);}if(['active','plan_change_scheduled','trial'].includes(subscription.status)&&subscriptionScopes.includes('subscription:plan-change')){availableActions.push(SubscriptionActions.CHANGE_PLAN);}return availableActions;};const hasCancelDelayedOrImmediateAction=scopes=>{return scopes.includes('subscription:cancel-delayed')||scopes.includes('subscription:cancel-immediate');};const useSubscriptionDetailsService=subscriptionId=>{const{dataAccess}=useDataAccess();return(0,_react2.useInterpret)(createSubscriptionMachine,{services:{getSubscriptionDetails:()=>{return dataAccess.getSubscriptionDetails(subscriptionId);},addCoupon:(_ctx,event)=>{return dataAccess.addCoupon(subscriptionId,event.couponCode);}}});};const renderComponent=(type,data,cardVariant,translations)=>{switch(type){case'metered':const meteredData=data;return/*#__PURE__*/_react.default.createElement(MeteredComponent,{name:meteredData.name,value:meteredData.unit.balance+' '+data.unit.name,description:meteredData.description});case'quantity':const quantityData=data;return/*#__PURE__*/_react.default.createElement(QuantityComponent,{name:quantityData.name,value:quantityData.allocatedQuantity+' '+quantityData.unit.name,description:quantityData.description});case'prepaid':const prepaidData=data;return/*#__PURE__*/_react.default.createElement(PrepaidComponent,{prepaid:prepaidData.allocatedQuantity,usage:prepaidData.unit.balance,overageBalance:prepaidData.unit.overageBalance,name:prepaidData.name,unit:prepaidData.unit.name,description:prepaidData.description,isCumulative:prepaidData.pricePoint.rolloverPrepaidRemainder,cardVariant:cardVariant,isRenewable:prepaidData.pricePoint.renewPrepaidAllocation,translations:translations.prepaid});case'on_off':const onOffData=data;return/*#__PURE__*/_react.default.createElement(OnOffComponent,{name:onOffData.name,isOn:onOffData.enabled,description:onOffData.description,isDisabled:true});default:return/*#__PURE__*/_react.default.createElement(BodyText,null,"Component not recognized: ",type);}};const ComponentContainer=_ref310=>{let{componentMachineRef,cardVariant}=_ref310;const{type,...componentData}=(0,_react2.useSelector)(componentMachineRef,componentSelectors.getComponent);const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const translations={prepaid:{overage_charge:t('subscription_components.prepaid.overage_charge'),resources_renew_every_billing_period:t('subscription_components.prepaid.resources_renew_every_billing_period'),remaining_resources_will_roll_over_to_next_billing_period:t('subscription_components.prepaid.remaining_resources_will_roll_over_to_next_billing_period'),overages:t('subscription_components.prepaid.overages'),usage:t('subscription_components.prepaid.usage'),prepaid:t('subscription_components.prepaid.prepaid')}};return renderComponent(type,componentData,cardVariant,translations);};const renderComponentContainer=(components,distanceBetweenComponents,cardVariant)=>(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,components.map(_ref311=>{let{id,componentMachineRef}=_ref311;return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:distanceBetweenComponents,key:id},/*#__PURE__*/_react.default.createElement(ComponentContainer,{id:id,key:id,componentMachineRef:componentMachineRef,cardVariant:cardVariant}));})));const ComponentGroup=_ref312=>{let{components,renderInCard=true}=_ref312;const{subscriptionIsActive}=(0,_react.useContext)(ComponentsContext);const cardVariant=subscriptionIsActive?'primary':'secondary';return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,renderInCard?(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(SubscriptionComponentCard,{variant:cardVariant},renderComponentContainer(components)))):renderComponentContainer(components,2,cardVariant));};const ComponentLoadingSkeleton=_ref313=>{let{variant}=_ref313;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:[3,3,7]},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:20,width:80,variant:variant})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:48,variant:variant})),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:48,variant:variant})))),/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:20,width:60,variant:variant})),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:150,variant:variant})),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:150,variant:variant}))));};const SubscriptionComponents=_ref314=>{let{prepaid,metered,onOff,quantity,selfServiceEnabled,onEditAddons}=_ref314;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,(quantity||onOff||selfServiceEnabled)&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:[3,3,7]},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('subscription_components.add_ons'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},onOff&&/*#__PURE__*/_react.default.createElement(ComponentGroup,{components:onOff}),quantity&&/*#__PURE__*/_react.default.createElement(ComponentGroup,{components:quantity}),selfServiceEnabled&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:2},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('components_allocations.configure_add_ons'),onClick:onEditAddons,color:"secondary",size:"medium",iconLeft:"edit"}))))))),(prepaid||metered)&&(/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:[8,8,16]},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('subscription_components.usage'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},prepaid&&(/*#__PURE__*/_react.default.createElement(ComponentGroup,{components:prepaid,renderInCard:false})),metered&&/*#__PURE__*/_react.default.createElement(ComponentGroup,{components:metered})))));};SubscriptionComponents.LoadingSkeleton=ComponentLoadingSkeleton;const SubscriptionComponentsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SubscriptionComponentsWrapper",componentId:"maxio-components__sc-lo74t2-169"})(["&&&{",";",";",";}"],_styledSystem.margin,_styledSystem.padding,_ref315=>{let{theme}=_ref315;return theme&&(0,_styledComponents.css)(["border-top:1px solid ",";"],theme.colors.gray.light);});const ComponentsContainer=_ref316=>{let{subscriptionId,catalogId}=_ref316;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const navigate=(0,_reactRouterDom.useNavigate)();const{subscriptionsService,modalsService}=(0,_react.useContext)(GlobalStateContext);const{componentsRef,subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const subscriptionIsActive=useSubscriptionIsActive(subscription.status);const[componentsState,sendToMachine]=(0,_react2.useActor)(componentsRef);(0,_react.useEffect)(()=>{if(componentsState.matches('idle')){sendToMachine({type:'FETCH_COMPONENTS'});}},[]);const{prepaid,metered,on_off:onOff,quantity}=(0,_react2.useSelector)(componentsRef,componentsSelectors.getComponentsUsedInBilling);const componentUpdatesAllowed=(0,_react2.useSelector)(componentsRef,componentsSelectors.getComponentsUpdatesAllowed);const{componentsAllocation:{allocationFlow,editAllowed:customerSelfService}}=useComponentSettings();const onEditAddons=(0,_react.useCallback)(()=>{if(allocationFlow==='page'){navigate(`/componentsAllocation/${catalogId}/${subscriptionId}`);}else{modalsService.send({type:'SHOW_ADDONS_CONFIGURATION',catalogId,subscriptionId});}},[allocationFlow]);return/*#__PURE__*/_react.default.createElement(ComponentsContext.Provider,{value:{subscriptionIsActive:subscriptionIsActive}},/*#__PURE__*/_react.default.createElement(SubscriptionComponentsWrapper,{marginTop:3,paddingTop:5,"data-testid":"subscription-components"},componentsState.matches('loading')&&(/*#__PURE__*/_react.default.createElement(SubscriptionComponents.LoadingSkeleton,{variant:subscriptionIsActive?'primary':'secondary'})),componentsState.matches('ready')&&(/*#__PURE__*/_react.default.createElement(SubscriptionComponents,{prepaid:prepaid,metered:metered,onOff:onOff,quantity:quantity,onEditAddons:onEditAddons,selfServiceEnabled:customerSelfService&&componentUpdatesAllowed})),componentsState.matches('error')&&(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('components_allocations.we_were_unable_to_display_your_components'))))));};const Container$1=_styledComponents.default.div.withConfig({displayName:"maxio__Container1",componentId:"maxio-components__sc-lo74t2-170"})(["&&&{display:flex;flex-direction:column;}"]);const BillingDetailsContainer=_ref317=>{let{catalogId,subscriptionId,billingDetails,isExpired}=_ref317;const{device}=useDeviceInfo();const navigate=(0,_reactRouterDom.useNavigate)();const{paymentProfile:{visible:paymentProfileEnabled,addressFields,editAllowed}}=useComponentSettings();const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{creditCard,bankAccount,address,paymentProfileConnected}=billingDetails;const filteredAddressFields=address&&addressFields.reduce((obj,key)=>({...obj,[key]:address[key]}),{});const creditCardDetails={...creditCard,type:creditCard?.cardType,number:creditCard?.maskedNumber};const accountDetails={...bankAccount,accountNumber:bankAccount?.maskedAccountNumber,routingNumber:bankAccount?.maskedRoutingNumber};const cardSize=device==='mobile'?'small':'regular';const status=isExpired?'error':'normal';const onUpdatePaymentProfile=(0,_react.useCallback)(()=>{navigate(`/paymentProfiles/${catalogId}/${subscriptionId}`);},[]);if(!paymentProfileEnabled){return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(BodyText,null,t('billing_details.payment_method_is_hidden',{ns:'subscriptions-manager'})));}return/*#__PURE__*/_react.default.createElement(Container$1,null,!paymentProfileConnected&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(BodyText,null,t('billing_details.there_is_no_payment_method',{ns:'subscriptions-manager'})),editAllowed&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:3},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('billing_details.add_payment_method',{ns:'subscriptions-manager'}),onClick:onUpdatePaymentProfile,color:"primary",size:"medium",iconLeft:"plus"}))))),paymentProfileConnected&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,creditCard&&(/*#__PURE__*/_react.default.createElement(CreditCard$2,{size:cardSize,card:creditCardDetails,addressDetails:filteredAddressFields,status:status})),bankAccount&&(/*#__PURE__*/_react.default.createElement(BankAccount,{size:cardSize,accountDetails:accountDetails,addressDetails:filteredAddressFields})),editAllowed&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:3},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('billing_details.edit_payment_method',{ns:'subscriptions-manager'}),onClick:onUpdatePaymentProfile,color:"secondary",size:"medium",iconLeft:"edit"}))))));};const SubscriptionItem=_styledComponents.default.div.withConfig({displayName:"maxio__SubscriptionItem",componentId:"maxio-components__sc-lo74t2-171"})(["&&&{",";}"],_styledSystem.margin);const ToggleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper",componentId:"maxio-components__sc-lo74t2-172"})(["&&&{cursor:pointer;",";",";}"],_styledSystem.display,_styledSystem.margin);const FooterContentWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__FooterContentWrapper",componentId:"maxio-components__sc-lo74t2-173"})(["&&&{text-align:center;}"]);const RowWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper",componentId:"maxio-components__sc-lo74t2-174"})(["&&&{",";",";",";}"],_styledSystem.margin,_styledSystem.padding,_ref318=>{let{theme}=_ref318;return theme&&(0,_styledComponents.css)(["border-top:1px solid ",";"],theme.colors.gray.light);});const bodyMotion={initial:{height:0},animate:{height:'auto'},exit:{height:0},transition:{type:'tween'}};const Notification=_ref319=>{let{status,show3DSModal,existingBalance,...rest}=_ref319;const{t}=(0,_reactI18next.useTranslation)('subscriptions-manager');const renderAlert=status=>{switch(status){case'cancellation_scheduled':return/*#__PURE__*/_react.default.createElement(Alert,null,/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('subscription_details.your_plan_has_been_scheduled_for_cancellation')));case'past_due':return/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",buttonLabel:t('threeDs.authorize_payment'),onClick:show3DSModal,title:t('threeDs.payment_auth_fail_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('threeDs.payment_auth_fail_description',{balance:existingBalance})));case'unpaid':return/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('subscription_details.your_recurring_payment_has_failed')));case'trial_expired':return/*#__PURE__*/_react.default.createElement(Alert,null,/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('subscription_details.your_trial_has_expired')));case'expired':return/*#__PURE__*/_react.default.createElement(Alert,null,/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('subscription_details.your_subscription_has_expired')));default:return null;}};const alert=renderAlert(status);return alert?/*#__PURE__*/_react.default.createElement(Box,{...rest},alert):null;};const getSubscriptionCustomFields=machineState=>{return machineState.context.customFields;};const getSubscriptionCustomFieldsState=machineState=>({isIdle:machineState.matches('idle'),isFetchLoading:machineState.matches('loading'),isFetchError:machineState.matches('error'),isReady:machineState.matches('ready'),isEdit:machineState.matches('customFieldsEdit'),isSaving:machineState.matches('customFieldsEdit.saving'),isSaveError:machineState.matches('customFieldsEdit.error')});const customFieldsSelectors={getSubscriptionCustomFields,getSubscriptionCustomFieldsState};const DetailRow$1=_ref320=>{let{label,value}=_ref320;return/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:'2'},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,8]},/*#__PURE__*/_react.default.createElement("div",{"data-testid":"detail-label"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'gray.dark',fontWeight:2},label))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,16]},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'black.main',overflow:"break-word"},value))));};const CustomFieldsLoadingSkeleton=()=>(/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:25}),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:25}),/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:25}))));const CustomFieldsPreview=_ref321=>{let{customFields,onEdit}=_ref321;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Row$4,null,customFields&&customFields.map(customField=>(/*#__PURE__*/_react.default.createElement(DetailRow$1,{label:customField.name,value:customField.value,key:customField.id}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Button$1,{onClick:onEdit,color:'secondary',iconLeft:"edit",label:t('custom_fields.edit_additional_settings')})));};CustomFieldsPreview.LoadingSkeleton=CustomFieldsLoadingSkeleton;const CustomFieldsContainer=_ref322=>{let{catalogId,subscriptionId}=_ref322;const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const navigate=(0,_reactRouterDom.useNavigate)();const{customFieldsRef}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const[customFieldsState,sendToMachine]=(0,_react2.useActor)(customFieldsRef);(0,_react.useEffect)(()=>{if(customFieldsState.matches('idle')){sendToMachine({type:'INITIALIZE'});}},[]);const customFields=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFields);const{isFetchLoading,isFetchError}=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFieldsState);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('custom_fields.additional_settings'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},isFetchLoading&&/*#__PURE__*/_react.default.createElement(CustomFieldsPreview.LoadingSkeleton,null),customFields&&(/*#__PURE__*/_react.default.createElement(CustomFieldsPreview,{customFields:customFields,onEdit:()=>{sendToMachine({type:'EDIT_CUSTOM_FIELDS'});navigate(`/customFields/${catalogId}/${subscriptionId}`);}})),isFetchError&&(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('custom_fields.we_were_unable_to_display_your_custom_fields')))))));};const SubscriptionReferalCode=_ref323=>{let{label,referalCode}=_ref323;return/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:label},value:{value:referalCode,color:'black.main',fontWeight:0}});};const ListWrapper=_styledComponents.default.ul.withConfig({displayName:"maxio__ListWrapper",componentId:"maxio-components__sc-lo74t2-175"})(["&&&{list-style:none;margin:0;padding:0;margin-bottom:","px;}&&& li{margin-bottom:","px;}&&& li:last-child{margin-bottom:0;}"],_ref324=>{let{theme}=_ref324;return theme.space[5];},_ref325=>{let{theme}=_ref325;return theme.space[3];});const CouponListItem=_ref326=>{let{code,value,description}=_ref326;return/*#__PURE__*/_react.default.createElement("li",null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:5},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',fontWeight:600,color:'gray.dark'},code)),/*#__PURE__*/_react.default.createElement(Column$1,{span:4},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',fontWeight:700,color:'success.main'},value)),/*#__PURE__*/_react.default.createElement(Column$1,{span:15},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2'},description))));};const CouponsList=_ref327=>{let{coupons}=_ref327;return/*#__PURE__*/_react.default.createElement(ListWrapper,null,coupons?.map(_ref328=>{let{code,value,description}=_ref328;return/*#__PURE__*/_react.default.createElement(CouponListItem,{key:code,code:code,value:value,description:description});}));};function formatCouponValue(_ref329,currency){let{percentage,amountInCents}=_ref329;return percentage?`-${percentage}%`:`-${formatCurrency(currency,amountInCents)}`;}function getCouponDescription(coupon,t){if(coupon.recurring){return coupon.expiresAt?t('coupons.recurring_with_expiration',{date:formatDate(coupon.expiresAt)}):t('coupons.recurring');}return t('coupons.one_time');}const CouponsContainer=_ref330=>{let{subscriptionId,catalogId,currency,subscriptionDetailsService}=_ref330;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{modalsService}=useServices();const{subscription}=useComponentSettings();const allowAddCoupon=subscription.coupons;const coupons=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getCoupons);const{isLoading}=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getCouponsStatus);const formattedCoupons=coupons?.map(coupon=>({code:coupon.code,value:formatCouponValue(coupon,currency),description:getCouponDescription(coupon,t)}));const handleAddCouponClick=()=>{modalsService.send({type:'SHOW_ADD_COUPON',subscriptionId,catalogId,subscriptionDetailsService,currency});};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Row$4,{"data-testid":"couponsContainer"},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('coupons.discounts'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},isLoading?/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:120}):null,formattedCoupons?.length>0?(/*#__PURE__*/_react.default.createElement(CouponsList,{coupons:formattedCoupons})):null,allowAddCoupon?(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('coupons.add_coupon'),onClick:handleAddCouponClick})):null)));};const Subscription$1=_ref331=>{let{id,catalogId,name,price,statusTag,description,status,onShowDetails,detailsVisible,cardColor='white',nextBillingAmount,nextBillingDate,basePlanPrice,cancellationDate,expirationDate,layout='expandable-card',autoResumeDate,trialExpirationDate,priceAfterTrial,trialPrice,currentBalance,nextBillingAttempt,interval,billingDetails,renderComponentsSection,renderCustomFieldsSection,scheduledCancellationDate,availableActions,referralCode,threeDsActionLink,currency,coupons,subscriptionDetailsService}=_ref331;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{modalsService}=useServices();const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const{subscription:{coupons:areCouponsDisabled}}=useComponentSettings();const showCoupons=coupons?.length>0||areCouponsDisabled;const isExpired=billingDetails?.creditCard?.expired;const isReactivateButtonDisabled=!billingDetails?.paymentProfileConnected||isExpired;const canReactivate=(0,_react.useMemo)(()=>{return isReactivateButtonDisabled&&availableActions.includes(SubscriptionActions.REACTIVATE);},[isReactivateButtonDisabled,availableActions]);const showPauseSubscriptionModal=()=>{modalsService.send({type:'SHOW_PAUSE_SUBSCRIPTION',catalogId,subscriptionId:id});};const showPlanChangeModal=()=>{modalsService.send({type:'SHOW_SUBSCRIPTION_PLAN_CHANGE',catalogId,subscriptionId:id});};const show3DSModal=()=>{modalsService.send({type:'SHOW_THREE_D_SECURE',subscriptionId:id,catalogId,threeDsActionLink});};return/*#__PURE__*/_react.default.createElement(SubscriptionItem,{marginBottom:5,"data-testid":`subscription-${id}`},/*#__PURE__*/_react.default.createElement(Card$3,{color:cardColor},/*#__PURE__*/_react.default.createElement("div",{onClick:onShowDetails,style:{cursor:layout==='expandable-card'?'pointer':'auto'}},/*#__PURE__*/_react.default.createElement(Card$3.Header,{enableBorder:detailsVisible},/*#__PURE__*/_react.default.createElement(SubscriptionHeader,{title:name,price:price,interval:interval,tag:statusTag}))),/*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence,{initial:layout!=='all-details'},detailsVisible&&(/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{...bodyMotion,style:{overflow:'hidden'}},/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('subscription_details.plan_details',{ns:'subscriptions-manager'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(Notification,{existingBalance:currentBalance,status:status,marginBottom:5,show3DSModal:threeDsActionLink&&show3DSModal}),/*#__PURE__*/_react.default.createElement(BodyText,null,description),/*#__PURE__*/_react.default.createElement(SubscriptionDetails,{scheduledCancellationDate:scheduledCancellationDate,subscriptionStatus:status,nextBillingAmount:nextBillingAmount,nextBillingDate:nextBillingDate,basePlanPrice:basePlanPrice,cancellationDate:cancellationDate,expirationDate:expirationDate,trialExpirationDate:trialExpirationDate,priceAfterTrial:priceAfterTrial,trialPrice:trialPrice,nextBillingAttempt:nextBillingAttempt,currentBalance:currentBalance,autoResumeDate:autoResumeDate}),referralCode?(/*#__PURE__*/_react.default.createElement(SubscriptionReferalCode,{label:t('subscription_details.referral_code'),referalCode:referralCode})):null,/*#__PURE__*/_react.default.createElement(Button$1.Group,null,availableActions.includes(SubscriptionActions.CHANGE_PLAN)&&(/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",size:"medium",label:t('plan_change.configure_plan'),onClick:showPlanChangeModal})),availableActions.includes(SubscriptionActions.PAUSE)&&(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",size:"medium",label:t('pause_subscription.put_on_hold'),onClick:showPauseSubscriptionModal})),availableActions.includes(SubscriptionActions.RESUME)&&(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('resume_subscription.resume'),onClick:()=>{modalsService.send({type:'SHOW_RESUME_SUBSCRIPTION',subscriptionId:id,catalogId});}})),availableActions.includes(SubscriptionActions.CANCEL)&&(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.cancel'),onClick:()=>{modalsService.send({type:'SHOW_CANCEL_SUBSCRIPTION',subscriptionId:id,catalogId});}})),availableActions.includes(SubscriptionActions.UNDO_CANCELATION)&&(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.undo_cancelation_button'),onClick:()=>{modalsService.send({type:'SHOW_UNDO_CANCELATION',subscriptionId:id,catalogId});}})),availableActions.includes(SubscriptionActions.REACTIVATE)&&(/*#__PURE__*/_react.default.createElement(Button$1,{"data-testid":"reactivateButton",color:"primary",label:t('reactivate_subscription.reactivate'),onClick:()=>modalsService.send({type:'SHOW_REACTIVATE_SUBSCRIPTION',subscriptionId:id,catalogId}),disabled:isReactivateButtonDisabled}))),canReactivate&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:4,marginBottom:4},/*#__PURE__*/_react.default.createElement(Alert,{color:"primary"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,/*#__PURE__*/_react.default.createElement(_reactI18next.Trans,{t:t,i18nKey:"reactivate_subscription.update_payment_method",components:{updatePaymentMethodLink:(/*#__PURE__*/_react.default.createElement(_reactRouterDom.Link,{style:{cursor:'pointer',textDecoration:'none',fontWeight:700},to:`/paymentProfiles/${catalogId}/${id}`}))}})))))))),renderComponentsSection&&(/*#__PURE__*/_react.default.createElement(ComponentsContainer,{catalogId:catalogId,subscriptionId:id})),/*#__PURE__*/_react.default.createElement(RowWrapper,{marginTop:5,paddingTop:5},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,7]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('subscription_details.billing_info',{ns:'subscriptions-manager'}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},/*#__PURE__*/_react.default.createElement(BillingDetailsContainer,{subscriptionId:id,catalogId:catalogId,billingDetails:billingDetails,isExpired:isExpired})))),renderCustomFieldsSection&&(/*#__PURE__*/_react.default.createElement(RowWrapper,{marginTop:5,paddingTop:5},/*#__PURE__*/_react.default.createElement(CustomFieldsContainer,{subscriptionId:id,catalogId:catalogId}))),showCoupons&&(/*#__PURE__*/_react.default.createElement(RowWrapper,{marginTop:5,paddingTop:5},/*#__PURE__*/_react.default.createElement(CouponsContainer,{subscriptionId:id,catalogId:catalogId,currency:currency,subscriptionDetailsService:subscriptionDetailsService}))))))),layout==='expandable-card'&&detailsVisible&&isOnMobileDevice&&(/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(FooterContentWrapper,null,detailsVisible&&(/*#__PURE__*/_react.default.createElement(ToggleWrapper,{marginTop:3,onClick:onShowDetails},/*#__PURE__*/_react.default.createElement(Anchor,{label:t('less',{ns:'common'})}))))))));};const ErrorContainer=_styledComponents.default.div.withConfig({displayName:"maxio__ErrorContainer",componentId:"maxio-components__sc-lo74t2-176"})(["&&&{display:flex;flex-direction:column;align-items:center;text-align:center;",";}"],_styledSystem.padding);const RetryButton=_styledComponents.default.div.withConfig({displayName:"maxio__RetryButton",componentId:"maxio-components__sc-lo74t2-177"})(["&&&{",";}"],_styledSystem.margin);const SubscriptionsManagerLoader=()=>{const{device}=useDeviceInfo();const isOnMobile=device==='mobile';return/*#__PURE__*/_react.default.createElement("div",{"data-testid":"subscription-manager-loader"},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:8},/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:150})))),/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:8},/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:isOnMobile?40:60})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:isOnMobile?40:60})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:isOnMobile?40:60})))));};const ContentLoader=_ref332=>{let{isLoading,loadingError,contentReady,errorMessage,onReinitialize,children}=_ref332;const{t}=(0,_reactI18next.useTranslation)();const{device}=useDeviceInfo();if(isLoading){return/*#__PURE__*/_react.default.createElement(SubscriptionsManagerLoader,null);}if(loadingError){return/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement(ErrorContainer,{paddingTop:[5,6],paddingBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,{variant:device==='mobile'?'body2':'body1'},errorMessage),/*#__PURE__*/_react.default.createElement(RetryButton,{marginTop:6},/*#__PURE__*/_react.default.createElement(Button$1,{label:t('retry',{ns:'common'}),onClick:onReinitialize})))));}if(contentReady)return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,children);return null;};const Wrapper$a=_styledComponents.default.div.withConfig({displayName:"maxio__Wrappera",componentId:"maxio-components__sc-lo74t2-178"})(["&&&{display:flex;place-content:center;",";}"],_styledSystem.padding);const ShowMore=_ref333=>{let{isExpanded,items,onClick}=_ref333;const{t}=(0,_reactI18next.useTranslation)();return/*#__PURE__*/_react.default.createElement(Wrapper$a,{paddingTop:24,paddingBottom:32},/*#__PURE__*/_react.default.createElement(Button$1,{label:t(isExpanded?'show_less':'show_more',{ns:'subscriptions-manager',numberOfItems:items}),color:"secondary",onClick:onClick}));};const Wrapper$9=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper9",componentId:"maxio-components__sc-lo74t2-179"})(["&&&{display:flex;justify-content:space-between;align-items:center;}"]);const PaymentsProfilesHeader=_ref334=>{let{dropdownOptions,onDropdownSelection}=_ref334;const{t}=(0,_reactI18next.useTranslation)('subscriptions-manager');const[isDropdownOpen,setIsDropdownOpen]=_react.default.useState(false);const ref=_react.default.useRef(null);return/*#__PURE__*/_react.default.createElement(Wrapper$9,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:'h3'},t('payment_profile.payment_methods')),dropdownOptions.length>0&&(/*#__PURE__*/_react.default.createElement(Dropdown,{isOpen:isDropdownOpen,options:dropdownOptions,onOptionSelect:e=>{onDropdownSelection(e);setIsDropdownOpen(false);},onClose:()=>setIsDropdownOpen(false),maxWidth:ref.current?.getBoundingClientRect().width},/*#__PURE__*/_react.default.createElement("div",{ref:ref},/*#__PURE__*/_react.default.createElement(Button$1,{iconLeft:'chevronDown',label:t('payment_profile.new_payment_method'),onClick:()=>setIsDropdownOpen(true)})))));};const getPaymentMethodTranslation=(type,t)=>{return t(`payment_profile.${type}`);};const getPaymentMethodOptions=(type,t,availableActions)=>{const typeTranslation=getPaymentMethodTranslation(type,t);const options=[];if(availableActions.includes(PaymentProfileActions.USE_FOR_SUBSCRIPTION_BILLING)){options.push({label:t(`payment_profile.use_this_payment_method`),value:'select_payment_method',divider:true});}if(availableActions.includes(PaymentProfileActions.PREVIEW)){options.push({label:t(`payment_profile.view_payment_method_details`,{paymentMethod:typeTranslation}),value:'view_details'});}if(availableActions.includes(PaymentProfileActions.DELETE)){options.push({label:t(`payment_profile.delete_payment_method`,{paymentMethod:typeTranslation}),value:'delete_payment_method',color:'danger.main'});}return options;};const PAYMENT_PROFILE_STATUS={active:'active',expired:'error',unavailable:'unavailable',normal:null};const PaymentProfileContainer=_ref335=>{let{paymentProfile,portalContainerRef,isDropdownOpen=false,onToggleDropdown,onSelectOption,componentSize}=_ref335;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const availableActions=usePaymentProfileAvailableActions(paymentProfile.status);const{id,type,creditCard,address}=paymentProfile;const slot=()=>paymentProfile.status!=="unavailable"?(/*#__PURE__*/_react.default.createElement(Dropdown,{maxWidth:215,isOpen:isDropdownOpen,onOptionSelect:option=>onSelectOption(option,id),options:getPaymentMethodOptions(type,t,availableActions),onClose:()=>onToggleDropdown(null),portalContainer:portalContainerRef,alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{onClick:()=>onToggleDropdown(isDropdownOpen?null:id),label:"",iconLeft:"ellipsis",fill:"outline",color:"secondary"}))):null;const renderPaymentProfile=()=>{switch(paymentProfile.type){case'credit_card':return/*#__PURE__*/_react.default.createElement(CreditCard$2,{status:PAYMENT_PROFILE_STATUS[paymentProfile.status],renderSlot:slot,size:componentSize,key:id,card:{...creditCard,type:creditCard?.cardType},addressDetails:address});default:return null;}};return renderPaymentProfile();};const Wrapper$8=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper8",componentId:"maxio-components__sc-lo74t2-180"})(["&&&{display:flex;justify-content:start;}"]);const List$2=_styledComponents.default.ul.withConfig({displayName:"maxio__List2",componentId:"maxio-components__sc-lo74t2-181"})(["&&&{display:flex;flex-wrap:wrap;flex-direction:row;padding:0;margin:0;",";",";}"],_styledSystem.margin,_styledSystem.gridGap);const PaymentProfilesSkeletonLoader=()=>(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,6]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,null)),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,18]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:180,width:320}))),/*#__PURE__*/_react.default.createElement(Box,{marginTop:8},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,6]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,null)),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,18]},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:180}))))));const PaymentProfiles$1=_ref336=>{let{onRetry,onSelectPaymentProfileOption,onCreatePaymentProfile,availablePaymentMethods,goBack,isLoading,activePaymentProfile,paymentProfiles,isError}=_ref336;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const{device}=useDeviceInfo();const portalContainerRef=(0,_react.useRef)(null);const[paymentProfileDropdown,setPaymentProfileDropdown]=(0,_react.useState)(null);const componentSize=device==='mobile'?'small':'regular';const hasPaymentProfiles=paymentProfiles?.length>0||activePaymentProfile;const isLoadingOrHasError=isLoading||isError;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(PaymentsProfilesHeader,{dropdownOptions:availablePaymentMethods,onDropdownSelection:onCreatePaymentProfile}))),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,isLoading&&/*#__PURE__*/_react.default.createElement(PaymentProfilesSkeletonLoader,null),!hasPaymentProfiles&&!isLoadingOrHasError&&(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('payment_profile.no_any_payment_methods')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.add_new_payment_method_to_proceed')))),isError&&(/*#__PURE__*/_react.default.createElement(Alert,{title:t('payment_profile.unexpected_error_title'),color:"danger",buttonLabel:t('payment_profile.try_again'),onClick:onRetry},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.unexpected_error_message')))),hasPaymentProfiles&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Row$4,{"data-testid":"active-payment-method-row"},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,6]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('payment_profile.active_payment_method'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,18]},activePaymentProfile?(/*#__PURE__*/_react.default.createElement(PaymentProfileContainer,{paymentProfile:activePaymentProfile,componentSize:componentSize,portalContainerRef:portalContainerRef,isDropdownOpen:paymentProfileDropdown===activePaymentProfile.id,onSelectOption:onSelectPaymentProfileOption,onToggleDropdown:id=>setPaymentProfileDropdown(id)})):(/*#__PURE__*/_react.default.createElement(Wrapper$8,null,/*#__PURE__*/_react.default.createElement(Alert,{color:"primary"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.no_saved_payment_methods'))))))),paymentProfiles?.length>0&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:8},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16,"data-testid":"other-payment-methods-row"},/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,6]},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('payment_profile.other_payment_methods'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,24,18]},/*#__PURE__*/_react.default.createElement(List$2,{gridGap:8,"data-testid":"credit-card-list"},paymentProfiles.map(paymentProfile=>(/*#__PURE__*/_react.default.createElement("div",{key:paymentProfile.id,"data-testid":"credit-card-item"},/*#__PURE__*/_react.default.createElement(PaymentProfileContainer,{paymentProfile:paymentProfile,componentSize:componentSize,portalContainerRef:portalContainerRef,isDropdownOpen:paymentProfileDropdown===paymentProfile.id,onSelectOption:onSelectPaymentProfileOption,onToggleDropdown:id=>setPaymentProfileDropdown(id)})))))))))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('back_to_subscriptions'),onClick:goBack}))),/*#__PURE__*/_react.default.createElement("div",{ref:portalContainerRef,style:{position:'absolute',top:0,left:0}}));};const Separator$1=_styledComponents.default.div.withConfig({displayName:"maxio__Separator1",componentId:"maxio-components__sc-lo74t2-182"})(["&&&{width:100%;height:1px;",";",";}"],_ref337=>{let{theme}=_ref337;return(0,_styledComponents.css)(["background-color:",";"],theme.colors.white.main);},_styledSystem.margin);const Container=_styledComponents.default.div.withConfig({displayName:"maxio__Container",componentId:"maxio-components__sc-lo74t2-183"})(["&&&{",";}"],_ref338=>{let{theme}=_ref338;return(0,_styledComponents.css)(["background-color:",";border-radius:","px;"],theme.colors.primary.extraLight,theme.radii[3]);});const FlexRow=_styledComponents.default.div.withConfig({displayName:"maxio__FlexRow",componentId:"maxio-components__sc-lo74t2-184"})(["&&&{display:flex;",";",";",";}"],_styledSystem.flexbox,_styledSystem.grid,_styledSystem.display);const Memo=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Memo",componentId:"maxio-components__sc-lo74t2-185"})(["&&&{width:100%;",";}"],_styledSystem.margin);const ComponentsPreviewRow=_ref339=>{let{row}=_ref339;const{name,description,disableMemo=false,memo='',renderPrice,renderControl,onMemoChange}=row;const{device}=useDeviceInfo();const[showMemo,setShowMemo]=(0,_react.useState)(!!memo);const[inputMemo,setInputMemo]=(0,_react.useState)(memo);const handleMemoChange=e=>{setInputMemo(e?.target?.value);onMemoChange(e);};const isOnMobileDevice=['tablet','mobile'].includes(device);const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(FlexRow,{alignItems:'baseline',gridColumnGap:7,gridRowGap:3,display:'grid',gridTemplateColumns:isOnMobileDevice?'1fr':'3fr 1fr 1fr'},/*#__PURE__*/_react.default.createElement(FlexRow,{alignItems:'center',gridColumnGap:2,flex:isOnMobileDevice?'100%':'4',justifyContent:isOnMobileDevice?'center':'flex-start'},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"gray.dark"},name),description&&(/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:()=>/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:description}),placement:"top-start",followCursor:true},/*#__PURE__*/_react.default.createElement(Icon,{type:'questionCircle',fill:'gray.dark',size:16})))),/*#__PURE__*/_react.default.createElement(FlexRow,{flex:isOnMobileDevice?'100%':'1 0 auto',justifyContent:isOnMobileDevice?'center':'flex-start',justifyItems:'center'},renderPrice()),/*#__PURE__*/_react.default.createElement(FlexRow,{flexDirection:isOnMobileDevice?'row-reverse':'column',alignItems:isOnMobileDevice?'center':'flex-end',justifyContent:isOnMobileDevice?'space-between':'normal',flex:isOnMobileDevice?'100%':'1 0 auto',gridRowGap:3},/*#__PURE__*/_react.default.createElement("div",null,renderControl()),!disableMemo&&(showMemo?(/*#__PURE__*/_react.default.createElement(Anchor,{label:t('components_allocations.remove_memo'),iconLeft:"close",size:"small",onClick:()=>{setShowMemo(false);handleMemoChange(null);}})):(/*#__PURE__*/_react.default.createElement(Anchor,{label:t('components_allocations.add_memo'),iconLeft:"edit",size:"small",onClick:()=>setShowMemo(true)})))))),/*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence,null,!disableMemo&&showMemo&&(/*#__PURE__*/_react.default.createElement(Memo,{marginTop:2,initial:{opacity:0,height:0},animate:{opacity:1,height:'auto'},exit:{opacity:0,height:0},transition:{type:'tween'}},/*#__PURE__*/_react.default.createElement(Input$1,{"data-testid":"input-memo",onChange:handleMemoChange,value:inputMemo,placeholder:t('components_allocations.memo_placeholder'),fullWidth:true})))));};const ComponentsPreview=_ref340=>{let{rows}=_ref340;return/*#__PURE__*/_react.default.createElement(Container,null,/*#__PURE__*/_react.default.createElement(Box,{paddingTop:5,paddingBottom:5,paddingLeft:6,paddingRight:6},rows.map((row,idx)=>(/*#__PURE__*/_react.default.createElement(_react.Fragment,{key:row.name},/*#__PURE__*/_react.default.createElement(ComponentsPreviewRow,{row:row}),idx!==rows.length-1&&(/*#__PURE__*/_react.default.createElement(Separator$1,{marginTop:5,marginBottom:5})))))));};const renderPrice=(price,locale)=>{if(Array.isArray(price.value))return/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"success.main",fontWeight:700},formatCurrency(price.currency,price.value[0],locale)," -",' ',formatCurrency(price.currency,price.value[1],locale));return/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"success.main",fontWeight:700},formatCurrency(price.currency,price.value,locale));};const createOnOffRow=(component,onUpdateAllocation,locale)=>({name:component.name,description:component.description,memo:component.memo,renderPrice:()=>renderPrice(component.price,locale),renderControl:()=>(/*#__PURE__*/_react.default.createElement(Toggle,{isDisabled:!component.updatesAllowed,variant:"reversed",isOn:!!component.allocatedQuantity,onChange:value=>onUpdateAllocation({id:component.id,quantity:value?1:0,memo:component.memo})})),disableMemo:!component.updatesAllowed,...(component.updatesAllowed&&{onMemoChange:e=>onUpdateAllocation({id:component.id,quantity:component.allocatedQuantity?1:0,memo:e?.target?.value||''})})});const createQuantityRow=(component,onUpdateAllocation,locale,hasError)=>({name:component.name,description:component.description,memo:component.memo,renderPrice:()=>renderPrice(component.price,locale),renderControl:()=>(/*#__PURE__*/_react.default.createElement("div",{style:{maxWidth:80}},/*#__PURE__*/_react.default.createElement(Input$1,{value:component.allocatedQuantity.toString(),hasError:hasError,onChange:e=>{const{target:{value}}=e;const regex=component?.allowFractionalQuantities?/^\d*(?:\.\d{0,4})?$/:/^\d*$/;regex.test(value)&&onUpdateAllocation({id:component.id,quantity:value,memo:component.memo});},disabled:!component.updatesAllowed}))),disableMemo:!component.updatesAllowed,...(component.updatesAllowed&&{onMemoChange:e=>onUpdateAllocation({id:component.id,quantity:component.allocatedQuantity,memo:e?.target?.value||''})})});const createComponentsPreviewRow=(components,onUpdateAllocation,locale,errors)=>{const rows={recurring:{onOff:[],quantity:[]},oneTime:{quantity:[]}};for(const component of components){if(component.type==='quantity'){const hasError=errors?.findIndex(error=>error.id===component.id)>-1;const row=createQuantityRow(component,onUpdateAllocation,locale,hasError);if(component.recurring){rows.recurring.quantity.push(row);}else{rows.oneTime.quantity.push(row);}}if(component.type==='on_off'){const row=createOnOffRow(component,onUpdateAllocation,locale);if(component.recurring){rows.recurring['onOff'].push(row);}}}return rows;};const Wrapper$7=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper7",componentId:"maxio-components__sc-lo74t2-186"})(["&&&{display:flex;flex-direction:column;",";}"],_styledSystem.grid);const Header=_styledComponents.default.div.withConfig({displayName:"maxio__Header",componentId:"maxio-components__sc-lo74t2-187"})(["&&&{display:flex;column-gap:1ch;align-items:center;}"]);const ComponentsAllocationEditSkeleton=()=>{const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(Header,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('components_allocations.recurring_addons')),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1"},t('components_allocations.charged_every_cycle')))),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:100})),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(Header,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('components_allocations.one_time_addons')),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1"},t('components_allocations.charged_once')))),/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:100})));};const ComponentsAllocationEdit=_ref341=>{let{components,errors,onUpdateAllocation}=_ref341;const{t,i18n}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{recurring:{onOff:onOffRecurringRows,quantity:quantityRecurringRows},oneTime:{quantity:quantityOneTimeRows}}=(0,_react.useMemo)(()=>createComponentsPreviewRow(components,onUpdateAllocation,i18n.language,errors),[components,i18n.language,errors,onUpdateAllocation]);const renderRecurringSection=!!onOffRecurringRows?.length||!!quantityRecurringRows?.length;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,renderRecurringSection&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(Header,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('components_allocations.recurring_addons')),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1"},t('components_allocations.charged_every_cycle')))),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Wrapper$7,{gridRowGap:4},onOffRecurringRows?.length?(/*#__PURE__*/_react.default.createElement(ComponentsPreview,{rows:onOffRecurringRows})):null,quantityRecurringRows?.length?(/*#__PURE__*/_react.default.createElement(ComponentsPreview,{rows:quantityRecurringRows})):null)))),quantityOneTimeRows?.length>0&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:4},/*#__PURE__*/_react.default.createElement(Header,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('components_allocations.one_time_addons')),/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1"},t('components_allocations.charged_once')))),/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement(Wrapper$7,{gridRowGap:4},/*#__PURE__*/_react.default.createElement(ComponentsPreview,{rows:quantityOneTimeRows}))))));};ComponentsAllocationEdit.LoadingSkeleton=ComponentsAllocationEditSkeleton;const getAllocationSummaryPaymentMessage=_ref342=>{let{accrueCharge,t,currency,language,totalAmountInCents}=_ref342;if(totalAmountInCents<=0){return{title:t('components_allocations.there_are_no_new_charges')};}if(accrueCharge){return{title:t('components_allocations.no_payment_is_required_now'),description:t('components_allocations.your_account_will_carry_forward_balance',{amount:formatCurrency(currency,totalAmountInCents,language)})};}return{title:t('components_allocations.you_will_be_charged',{amount:formatCurrency(currency,totalAmountInCents,language)}),description:t('components_allocations.if_the_payment_fails_the_charge_will_be_carried')};};const mapAllocationsToTable=_ref343=>{let{componentsAllocations,t,language,currency}=_ref343;const parsedAllocations=[];componentsAllocations.map(allocation=>{const nameColumn={value:allocation?.name};let allocationDescription='';if(allocation.type==='on_off'){if(allocation.previousQuantity===0&&allocation.quantity===1){allocationDescription=t('components_allocations.turn_on');}else if(allocation.previousQuantity===1&&allocation.quantity===0){allocationDescription=t('components_allocations.turn_off');}else{allocationDescription=t('components_allocations.no_change');}}if(allocation.type==='quantity'){allocationDescription=t('components_allocations.from_to',{fromValue:allocation.previousQuantity,toValue:allocation.quantity+' '+allocation.unitName});}allocationDescription=`(${allocationDescription})`;if(allocation.memo){allocationDescription+='\n"'+allocation.memo+'"';}const descriptionColumn={value:allocationDescription,color:'gray.dark'};const priceColumn={value:formatCurrency(currency,allocation.amountInCents,language),textAlign:'right',color:allocation.amountInCents===0?'gray.main':'black.main'};const allocationRow=[nameColumn,descriptionColumn,priceColumn];parsedAllocations.push(allocationRow);});return parsedAllocations;};const mapChargeSummaryToTable$1=_ref344=>{let{allocationsPreview,t,language}=_ref344;const formatAmount=amount=>formatCurrency(allocationsPreview.currency,amount,language);const chargesSummary=[[{value:t('components_allocations.subtotal'),fontWeight:3,fontSize:1},{value:formatAmount(allocationsPreview.subtotalInCents),fontWeight:3,fontSize:1,textAlign:'right'}],[{value:t('components_allocations.existing_balance'),fontWeight:3,fontSize:1},{value:formatAmount(allocationsPreview.existingBalanceInCents),fontWeight:3,fontSize:1,textAlign:'right'}]];if(allocationsPreview.totalDiscountInCents){chargesSummary.push([{value:t('components_allocations.discounts'),fontWeight:3,fontSize:1},{value:formatAmount(allocationsPreview.totalDiscountInCents),fontWeight:3,fontSize:1,textAlign:'right'}]);}chargesSummary.push([{value:t('components_allocations.taxes'),fontWeight:3,fontSize:1},{value:formatAmount(allocationsPreview.totalTaxInCents),fontWeight:3,fontSize:1,textAlign:'right'}]);return chargesSummary;};const sortComponentAllocations=(componentsAllocations,components)=>{const sortedAllocations={recurringAllocations:[],oneTimeAllocations:[]};componentsAllocations.forEach(allocation=>{const component=components.find(component=>component.id===allocation.id);if(component){const{recurring,name,type,unitName}=component;if(recurring){sortedAllocations.recurringAllocations.push({...allocation,unitName,name,type});return;}sortedAllocations.oneTimeAllocations.push({...allocation,unitName,name,type});}});return sortedAllocations;};const AllocationsTable=_ref345=>{let{heading,componentsAllocations,currency}=_ref345;const{t,i18n}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{device}=useDeviceInfo();return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5,paddingLeft:5,paddingRight:5},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:2},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h5"},heading)),/*#__PURE__*/_react.default.createElement(SummaryTable,{rows:mapAllocationsToTable({componentsAllocations,t,language:i18n.language,currency}),columnSpans:device==='mobile'?[24,16,8]:[8,8,8]}));};const Summary=_styledComponents.default.div.withConfig({displayName:"maxio__Summary",componentId:"maxio-components__sc-lo74t2-188"})(["&&&{",";box-sizing:border-box;border-radius:8px;",";",";}"],_ref346=>{let{theme}=_ref346;return(0,_styledComponents.css)(["border:1px solid ",";"],theme.colors.gray.extraLight);},_styledSystem.margin,_styledSystem.padding);const TotalCharge=_styledComponents.default.div.withConfig({displayName:"maxio__TotalCharge",componentId:"maxio-components__sc-lo74t2-189"})(["&&&{",";}"],_ref347=>{let{theme}=_ref347;return(0,_styledComponents.css)(["border-bottom:1px solid ",";"],theme.colors.gray.extraLight);});const ComponentsAllocationPreview=_ref348=>{let{allocationsPreview,components}=_ref348;const{t,i18n}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const paymentSummaryMessage=getAllocationSummaryPaymentMessage({accrueCharge:allocationsPreview.accrueCharge,totalAmountInCents:allocationsPreview.totalInCents,currency:allocationsPreview.currency,t,language:i18n.language});const sortedAllocations=sortComponentAllocations(allocationsPreview.componentsAllocations,components);return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4"},t('components_allocations.changes_and_charges_summary'))),sortedAllocations.recurringAllocations.length>0&&(/*#__PURE__*/_react.default.createElement(AllocationsTable,{heading:t('components_allocations.recurring_charges'),componentsAllocations:sortedAllocations.recurringAllocations,currency:allocationsPreview.currency})),sortedAllocations.oneTimeAllocations.length>0&&(/*#__PURE__*/_react.default.createElement(AllocationsTable,{heading:t('components_allocations.one_time_charges'),componentsAllocations:sortedAllocations.oneTimeAllocations,currency:allocationsPreview.currency})),/*#__PURE__*/_react.default.createElement(Summary,{paddingLeft:5,paddingRight:5,paddingTop:2,marginBottom:5},/*#__PURE__*/_react.default.createElement(TotalCharge,null,/*#__PURE__*/_react.default.createElement(SummaryTable,{rows:mapChargeSummaryToTable$1({allocationsPreview,t,language:i18n.language}),columnSpans:[12,12]})),/*#__PURE__*/_react.default.createElement(Box,{paddingTop:3,paddingBottom:4},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",color:"success.main",fontWeight:3},t('components_allocations.total_charge'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",color:"success.main",textAlign:"right",fontWeight:3},formatCurrency(allocationsPreview.currency,allocationsPreview.totalInCents>0?allocationsPreview.totalInCents:0,i18n.language)))))),/*#__PURE__*/_react.default.createElement(Alert,{title:paymentSummaryMessage.title,icon:"receipt",color:"success"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,paymentSummaryMessage.description)));};const PlanChangeAlerts=_ref349=>{let{basePlanPrice,productChangeStrategy,nextBillingDate,totalCharge,creditBalance}=_ref349;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const commonAlertProps={color:'success',icon:'receipt'};switch(productChangeStrategy){case'prorated':return/*#__PURE__*/_react.default.createElement(Alert,{...commonAlertProps},/*#__PURE__*/_react.default.createElement(Alert.Title,{text:t('plan_change.prorated_title',{totalCharge:totalCharge,credit:creditBalance}),icon:'receipt'}),/*#__PURE__*/_react.default.createElement(Alert.Title,{text:t('plan_change.plan_change_immediately'),icon:'clock'}),/*#__PURE__*/_react.default.createElement(Alert.Title,{text:t('plan_change.prorated_renewed_title',{date:nextBillingDate}),icon:'calendar'}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'success.main'},t('plan_change.prorated_description')));case'non-prorated':return/*#__PURE__*/_react.default.createElement(Alert,{...commonAlertProps},/*#__PURE__*/_react.default.createElement(Alert.Title,{text:t('plan_change.instant_title',{totalCharge:totalCharge}),icon:'receipt'}),/*#__PURE__*/_react.default.createElement(Alert.Title,{text:t('plan_change.plan_change_immediately'),icon:'clock'}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'success.main'},t('plan_change.instant_description')));case'delayed':return/*#__PURE__*/_react.default.createElement(Alert,{...commonAlertProps,title:t('plan_change.delayed_title',{date:nextBillingDate,basePlanPrice})},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'success.main'},t('plan_change.delayed_description')));}};const mapChargeSummaryToTable=_ref350=>{let{changePlanPreview,t,language,currency}=_ref350;const formatAmount=amount=>formatCurrency(currency,amount,language);const positiveCreditBalance=changePlanPreview.totalInCents>0;const chargesSummary=[[{value:t('plan_change.subtotal'),fontWeight:3,fontSize:1},{value:formatAmount(changePlanPreview.subtotalInCents),fontWeight:3,fontSize:1,textAlign:'right'}],[{value:t('plan_change.taxes'),fontWeight:3,fontSize:1},{value:formatAmount(changePlanPreview.totalTaxInCents),fontWeight:3,fontSize:1,textAlign:'right'}]];if(changePlanPreview.productChangeStrategy==='prorated'){chargesSummary.push([{value:positiveCreditBalance?t('plan_change.credit_balance_to_be_applied'):t('plan_change.credit_balance_change'),fontWeight:3,fontSize:1},{value:`${positiveCreditBalance?'':'+'}${formatAmount(Math.abs(changePlanPreview.totalInCents))}`,fontWeight:3,fontSize:1,textAlign:'right'}]);}return chargesSummary;};const PlanChangeSummaryCharges=_ref351=>{let{changePlanPreview,currency}=_ref351;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Summary,{paddingX:5,paddingTop:2,marginBottom:6},/*#__PURE__*/_react.default.createElement(TotalCharge,null,/*#__PURE__*/_react.default.createElement(SummaryTable,{rows:mapChargeSummaryToTable({changePlanPreview,t,language:_i18next.default.language,currency}),columnSpans:[12,12]})),/*#__PURE__*/_react.default.createElement(Box,{paddingTop:3,paddingBottom:4},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",color:"success.main",fontWeight:3},t('plan_change.total_charge'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body1",color:"success.main",textAlign:"right",fontWeight:3},formatCurrency(currency,changePlanPreview.totalInCents>0?changePlanPreview.totalInCents:0,_i18next.default.language))))));};const SubscriptionContainer=_ref352=>{let{id,onShowDetails,layout='expandable-card',detailsVisible,product,status,components,currency,productFamilyId}=_ref352;const{componentsAllocation:{editAllowed:customerSelfService}}=useComponentSettings();const{t,i18n}=(0,_reactI18next.useTranslation)(['common']);const subscriptionDetailsService=useSubscriptionDetailsService(id);const{billing,customFields,referralCode,threeDsActionLink,isLoading,...restSubscriptionDetails}=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getSubscriptionDetails);(0,_react.useEffect)(()=>{if(detailsVisible){subscriptionDetailsService.send('GET_SUBSCRIPTION_DETAILS');}},[subscriptionDetailsService,detailsVisible]);const subscriptionTag=useSubscriptionStatus(status);const getCardColor=(0,_react.useCallback)(state=>INACTIVE_STATE.includes(state)?'gray':'white',[]);const formattedSubscriptionDetails=useFormatSubscriptionDetails({...restSubscriptionDetails,currency,product,status,locale:i18n.language,t});const totalPrice=(0,_react.useMemo)(()=>{const formattedPrice=formattedSubscriptionDetails.totalPrice;if(formattedPrice&&!['trial','cancelled'].includes(status)){return{label:formattedPrice,color:PAYMENT_ISSUES.includes(status)?'danger.dark':'success.main'};}return null;},[formattedSubscriptionDetails.totalPrice,status]);const renderComponentsSection=components.updatesAllowed&&customerSelfService||components.usedInBilling;const{subscription}=useComponentSettings();const availableActions=useSubscriptionAvailableActions({status},subscription.scopes);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isLoading?(/*#__PURE__*/_react.default.createElement(SubscriptionsManagerLoader,null)):(/*#__PURE__*/_react.default.createElement(Subscription$1,{id:id,name:product.name,catalogId:productFamilyId,description:product.description,statusTag:subscriptionTag,status:status,layout:layout,price:totalPrice,detailsVisible:detailsVisible,onShowDetails:()=>onShowDetails&&onShowDetails(id),cardColor:getCardColor(status),billingDetails:billing,renderComponentsSection:renderComponentsSection,renderCustomFieldsSection:customFields?.visible,availableActions:availableActions,referralCode:referralCode,threeDsActionLink:threeDsActionLink,currency:restSubscriptionDetails.currency,coupons:restSubscriptionDetails.coupons,subscriptionDetailsService:subscriptionDetailsService,...formattedSubscriptionDetails})));};const ItemsContainer=_styledComponents.default.div.withConfig({displayName:"maxio__ItemsContainer",componentId:"maxio-components__sc-lo74t2-190"})(["&&&{",";}"],_styledSystem.padding);const getErrorDescription=(error,t)=>{if(error.errorCode==='NothingAllocated'){return t('components_allocations.nothing_was_allocated');}if(error.errorCode==='InvalidAllocation'){return t('components_allocations.invalid_components_allocation');}if(!error.errorCode){return t('components_allocations.we_were_unable_to_display_your_components');}};const mergeComponentsWithAllocations=function(components){let allocations=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];return components.map(component=>{const{memo,quantity}=allocations.find(a=>a.id===component.id)||{};if(memo){component.memo=memo;}if(typeof quantity==='number'||typeof quantity==='string'){component.allocatedQuantity=quantity;}return component;});};const subscriptionStatusPriority={active:3,plan_change_scheduled:3,on_hold:2,canceled:1,trial:0,expired:0,cancellation_scheduled:0,past_due:0,paused:0,unpaid:0,trial_expired:0};const sortByStatus=(a,b)=>{if(subscriptionStatusPriority[a]===subscriptionStatusPriority[b]){return 0;}return subscriptionStatusPriority[a]<subscriptionStatusPriority[b]?1:-1;};const sortByDate=(a,b)=>{if(a===null)return 1;if(b===null)return-1;return new Date(a).getTime()-new Date(b).getTime();};const sortAlphabetically=(a,b)=>{return a.localeCompare(b);};const sortSubscriptions=(subA,subB)=>{const sortByStatusValue=sortByStatus(subA.status,subB.status);if(sortByStatusValue){return sortByStatusValue;}if(subA.currentPeriodEndsAt||subB.currentPeriodEndsAt){return sortByDate(subA.currentPeriodEndsAt,subB.currentPeriodEndsAt);}return sortAlphabetically(subA.product.name,subB.product.name);};const SubscriptionsContainer=_ref353=>{let{catalogId,catalogName,useExpandableLayout=false}=_ref353;const{subscriptionsService,productCatalogService}=(0,_react.useContext)(GlobalStateContext);const{subscription}=(0,_react.useContext)(ConfigContext);const navigate=(0,_reactRouterDom.useNavigate)();const expandedCatalogItems=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getExpandedCatalogItems);const subscriptionsWithVisibleDetails=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsWithVisibleDetails);const totalSubscriptions=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsCount);const subscriptions=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionsByCategoryId(catalogId),[]));const{isListExpanded,isPaginated}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getCatalogById(catalogId),[]));const subscriptionLayout=totalSubscriptions>1?'expandable-card':'all-details';const onShowSubscriptionDetails=(0,_react.useCallback)(subscriptionId=>{if(totalSubscriptions>1){if(subscription.details==='page')navigate(`subscription/${catalogId}/${subscriptionId}`);else{subscriptionsService.send('TOGGLE_SUBSCRIPTION_DETAILS_VISIBILITY',{subscriptionId:subscriptionId});}}},[subscription.details]);const items=subscriptions.sort((a,b)=>sortSubscriptions(a.subscription,b.subscription)).filter((item,idx)=>(isListExpanded||idx<DEFAULT_VISIBLE_SUBSCRIPTIONS)&&item).map(_ref354=>{let{subscription}=_ref354;return/*#__PURE__*/_react.default.createElement(SubscriptionContainer,{key:subscription.id,id:subscription.id,layout:subscriptionLayout,product:subscription.product,status:subscription.status,productFamilyId:subscription.productFamilyId,components:subscription.components,currency:subscription.currency,detailsVisible:subscriptionLayout==='all-details'||subscriptionsWithVisibleDetails.includes(subscription.id),onShowDetails:subscriptionId=>onShowSubscriptionDetails(subscriptionId)});});const renderShowMoreBtn=isPaginated&&(/*#__PURE__*/_react.default.createElement(ShowMore,{isExpanded:isListExpanded,items:subscriptions.length,onClick:()=>subscriptionsService.send('SET_LIST_EXPANDED',{catalogId,status:!isListExpanded})}));return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,useExpandableLayout?(/*#__PURE__*/_react.default.createElement(Accordion,{header:catalogName,isExpanded:expandedCatalogItems.includes(catalogId),onClick:isExpanded=>{productCatalogService.send('SET_CATALOG_EXPAND',{catalogId,isExpanded});}},/*#__PURE__*/_react.default.createElement(ItemsContainer,{paddingBottom:5},items,renderShowMoreBtn))):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,items,renderShowMoreBtn)));};const PaymentProfilesContainer=meta=>{const{t}=(0,_reactI18next.useTranslation)('subscriptions-manager');const{modalsService}=useServices();const navigate=(0,_reactRouterDom.useNavigate)();const{subscription:{details}}=useComponentSettings();const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);const profiles=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfiles);const{isLoading,isError}=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesState);const{active,inactive}=useSortPaymentProfiles(profiles);const availablePaymentMethods=useAvailablePaymentMethods();const handleOptionSelection=(option,paymentProfileId)=>{switch(option.value){case'select_payment_method':return modalsService.send({type:'SHOW_CHANGE_PAYMENT_PROFILE',...meta,paymentProfileId});case'view_details':return modalsService.send({type:'SHOW_PREVIEW_PAYMENT_PROFILE',...meta,paymentProfileId});case'delete_payment_method':return modalsService.send({type:'SHOW_DELETE_PAYMENT_PROFILE',...meta,paymentProfileId});default:return console.log('default');}};const options=[{label:t('payment_profile.credit_card'),value:'credit_card'}];const paymentMethodsOptions=(0,_react.useMemo)(()=>options.filter(_ref355=>{let{value}=_ref355;return availablePaymentMethods.includes(value);}),[availablePaymentMethods]);const handlePaymentProfileCreation=(0,_react.useCallback)(option=>{switch(option.value){case'credit_card':return modalsService.send({type:'SHOW_CREATE_PAYMENT_PROFILE',...meta,activePaymentProfileId:active?.id,paymentMethod:'creditCard'});case'bank_account':return console.log('bank account');case'paypal':return console.log('paypal');case'remittance_payment':return console.log('remittance payment');default:return console.log('default');}},[active?.id]);const goBack=()=>{if(details==='page'){return navigate(`/subscription/${meta.catalogId}/${meta.subscriptionId}`);}return navigate(`/`);};return/*#__PURE__*/_react.default.createElement(PaymentProfiles$1,{onRetry:()=>paymentProfilesService.send({type:'RETRY_FETCH'}),isError:isError,isLoading:isLoading,goBack:goBack,activePaymentProfile:active,paymentProfiles:inactive,onSelectPaymentProfileOption:handleOptionSelection,onCreatePaymentProfile:handlePaymentProfileCreation,availablePaymentMethods:paymentMethodsOptions});};const CreatePaymentProfileContainer=_ref356=>{let{formElementId,paymentProfileRef,targetElementRef}=_ref356;const[,sendToMachine]=(0,_react2.useActor)(paymentProfileRef);const{paymentGatewayService}=useServices();const useThreeDSecure=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getThreeDSecure);const gatewayConfig=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getGatewayConfig);const requiredFields=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getRequiredFields);const{validationSchema,billingAddress,paymentMethod}=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfile);const validateField=(fieldName,form,value)=>{const fieldSchema=(0,_yup.reach)(validationSchema,`${form}.${fieldName}`);fieldSchema.validate(value).then(()=>{sendToMachine({type:'RESET_FIELD_ERROR',field:fieldName,form});}).catch(error=>{sendToMachine({type:'SET_FIELD_ERROR',error:error.message,field:fieldName,form});});};return/*#__PURE__*/_react.default.createElement(PaymentProfile$1,{formElementId:formElementId,config:gatewayConfig,requiredFields:requiredFields,useThreeDSecure:useThreeDSecure,paymentMethod:paymentMethod,billingAddress:billingAddress,onValidateField:validateField,targetElementRef:targetElementRef,onUpdateField:(field,form,value)=>{sendToMachine({type:'UPDATE_FIELD',form,field,value});}});};var Errors;(function(Errors){Errors["Tokenization"]="tokenizationError";Errors["CreateProfile"]="createProfileError";Errors["ConnectProfileWithSubscription"]="connectProfileError";})(Errors||(Errors={}));const CreatePaymentProfileErrorContainer=_ref357=>{let{paymentProfileRef}=_ref357;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const[state]=(0,_react2.useActor)(paymentProfileRef);const{tokenization}=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfileErrors);const translate=key=>t(key,{ns:'subscriptions-manager'});const errorRef=(0,_react.useCallback)(errorEl=>{if(errorEl){console.log(errorEl);errorEl.scrollIntoView({behavior:'smooth',block:'nearest',inline:'nearest'});}},[]);const getTokenizationErrorMessage=(0,_react.useCallback)(error=>{const{invalidFields,errors}=error;if(invalidFields)return null;return Array.isArray(errors)?errors.join(' '):errors;},[]);if(state.matches(Errors.CreateProfile)){return/*#__PURE__*/_react.default.createElement(Box,{ref:errorRef},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:translate('payment_profile.create_error_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,translate('payment_profile.create_error_message'))));}if(state.matches(Errors.ConnectProfileWithSubscription)){return/*#__PURE__*/_react.default.createElement(Box,{ref:errorRef},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:translate('payment_profile.connect_profile_error_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,translate('payment_profile.connect_profile_error_message'))));}if(state.matches(Errors.Tokenization)&&tokenization){const message=getTokenizationErrorMessage(tokenization);if(message)return/*#__PURE__*/_react.default.createElement(Box,{ref:errorRef,paddingBottom:8},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,translate('payment_profile.tokenization_error_message'))));}return null;};const ComponentsAllocationContainer=_ref358=>{let{addOnsConfigurationService,subscriptionId,onClose}=_ref358;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const toastService=useToastMessages();const{configureAllocationsStep,previewAllocationsStep,configureAllocationsStepLoading,updateSuccess}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState);const{components}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsComponents);const allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);const mergedComponents=mergeComponentsWithAllocations(components,allocations);const{error}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocationError);const{allocationsPreview}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocationsPreview);(0,_react.useEffect)(()=>{if(updateSuccess){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION_COMPONENTS',subscriptionId});onClose();toastService.show({level:'success',message:t('changes_saved',{ns:'common'})});}},[updateSuccess]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,error&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,getErrorDescription(error,t))))),configureAllocationsStepLoading&&(/*#__PURE__*/_react.default.createElement(ComponentsAllocationEdit.LoadingSkeleton,null)),configureAllocationsStep&&(/*#__PURE__*/_react.default.createElement(ComponentsAllocationEdit,{components:mergedComponents,errors:error?.errors,onUpdateAllocation:allocation=>addOnsConfigurationService.send('UPDATE_ALLOCATIONS_LIST',{allocation})})),previewAllocationsStep&&allocationsPreview&&(/*#__PURE__*/_react.default.createElement(ComponentsAllocationPreview,{components:components,allocationsPreview:allocationsPreview})));};const getSubscriptionResumeAlertKeys=_ref359=>{let{isPastRenewalDate,resumeOption,resumptionConfig}=_ref359;const accessDateInfo=resumeOption==='immediate'?'resume_subscription.regain_access':'resume_subscription.regain_access_on_selected_date';const chargeInfo=getChargeInfoKey(resumptionConfig,isPastRenewalDate);return{accessDateInfo,chargeInfo};};const getChargeInfoKey=(resumptionConfig,isPastRenewalDate)=>{if(!resumptionConfig){if(isPastRenewalDate){return'resume_subscription.immediate_charge';}return'resume_subscription.no_immediate_charges';}switch(resumptionConfig){case'prorated':return'resume_subscription.immediate_prorated_charge';case'immediate':return'resume_subscription.immediate_charge';case'delayed':return'resume_subscription.delayed_charge';}};const OptionsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__OptionsWrapper",componentId:"maxio-components__sc-lo74t2-191"})(["&&&{display:flex;flex-direction:column;row-gap:","px;}"],_ref360=>{let{theme}=_ref360;return theme.space[5];});const AutomaticResumeOption=_styledComponents.default.div.withConfig({displayName:"maxio__AutomaticResumeOption",componentId:"maxio-components__sc-lo74t2-192"})(["&&&{display:flex;flex-direction:row;flex-wrap:wrap;gap:","px;}"],_ref361=>{let{theme}=_ref361;return theme.space[5];});const ResumeOptions$1={IMMEDIATE:'immediate',AUTOMATIC_RESUME:'automatic_resume'};const Content$c=_ref362=>{let{onClose,displayMode,subscriptionId,catalogId,autoResumeDefaultDate=(0,_dayjs.default)().add(7,'day').toISOString()}=_ref362;const{subscriptionsService}=useServices();const{subscription}=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId));const[selectedResumeOption,setSelectedResumeOption]=(0,_react.useState)(subscription.automaticallyResumeAt?ResumeOptions$1.AUTOMATIC_RESUME:ResumeOptions$1.IMMEDIATE);const[resumeDate,setResumeDate]=(0,_react.useState)(subscription.automaticallyResumeAt||autoResumeDefaultDate);const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const resumeService=useSubscriptionResumeService(catalogId,subscriptionId);const toastService=useToastMessages();const modalRef=(0,_react.useRef)(null);const portalContainer=(0,_react.useRef)(null);const resumptionConfig=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getResumptionConfig);const error=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getErrorCode);const{resumeSubscriptionSuccess,resumeSubscriptionLoading}=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getResumeSubscriptionStatus);const{product:{name}}=subscription;(0,_react.useEffect)(()=>{if(subscription.snapDay){resumeService.send('GET_RESUMPTION_CONFIG');}},[subscription.snapDay,resumeService]);(0,_react.useEffect)(()=>{if(resumeSubscriptionSuccess){onClose();const toastMessage=selectedResumeOption===ResumeOptions$1.AUTOMATIC_RESUME?t('pause_subscription.your_plan_is_on_hold_until_date',{date:formatDate(resumeDate)}):t('resume_subscription.resume_plan_confirmation');toastService.show({level:'success',message:toastMessage});}},[resumeSubscriptionSuccess]);const onResume=()=>{if(selectedResumeOption===ResumeOptions$1.IMMEDIATE){return resumeService.send('RESUME_SUBSCRIPTION');}return resumeService.send({type:'RESUME_SUBSCRIPTION_AT',resumeDate});};const isSubscriptionResumable=(0,_dayjs.default)(subscription.automaticallyResumeAt).isAfter(new Date());const alertMessageTitle=()=>{return selectedResumeOption==='immediate'?t('resume_subscription.plan_will_be_active',{subscriptionName:name}):t('resume_subscription.plan_will_be_activated',{subscriptionName:name});};const alertMessageDescription=getSubscriptionResumeAlertKeys({isPastRenewalDate:isSubscriptionResumable,resumeOption:selectedResumeOption,resumptionConfig});return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded',ref:modalRef},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('resume_subscription.resume_plan')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,error?(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('resume_subscription.we_were_unable_to_resume_subscription_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t(error.errorCode==='NotEligible'?'resume_subscription.24_hour_resume_subscription_error':'resume_subscription.we_were_unable_to_resume_subscription')))):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,null,t('resume_subscription.resume_subscription_now',{subscriptionName:name}))),/*#__PURE__*/_react.default.createElement(OptionsWrapper,null,/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('resume_subscription.resume_immediately'),value:ResumeOptions$1.IMMEDIATE,onValueChange:()=>setSelectedResumeOption(ResumeOptions$1.IMMEDIATE),isSelected:selectedResumeOption===ResumeOptions$1.IMMEDIATE}),/*#__PURE__*/_react.default.createElement(AutomaticResumeOption,null,/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('resume_subscription.automatic_resume_option'),value:ResumeOptions$1.AUTOMATIC_RESUME,onValueChange:()=>setSelectedResumeOption(ResumeOptions$1.AUTOMATIC_RESUME),isSelected:selectedResumeOption===ResumeOptions$1.AUTOMATIC_RESUME}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:date=>setResumeDate(date.toISOString()),modalRef:modalRef,minDate:(0,_dayjs.default)().toDate(),portalContainer:portalContainer,initialDate:resumeDate,disabled:selectedResumeOption!==ResumeOptions$1.AUTOMATIC_RESUME})))),/*#__PURE__*/_react.default.createElement(Alert,{title:alertMessageTitle()},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t(alertMessageDescription.accessDateInfo,{date:formatDate(resumeDate)}),' ',/*#__PURE__*/_react.default.createElement(_reactI18next.Trans,{t:t,i18nKey:alertMessageDescription.chargeInfo})))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('resume_subscription.keep_on_hold'),onClick:onClose,disabled:resumeSubscriptionLoading}),!error&&(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('resume_subscription.resume'),isLoading:resumeSubscriptionLoading,onClick:onResume}))))),/*#__PURE__*/_react.default.createElement(Portal,null,/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer})));};const ResumeSubscription=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getResumeSubscription);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$c,{...meta,displayMode:modalVariant,onClose:closeHandler}));};const initialContext={error:null,status:null};const pauseSubscription=(0,_xstate.createMachine)({id:'pauseSubscription',initial:'idle',predictableActionArguments:true,context:initialContext,states:{idle:{on:{PAUSE_SUBSCRIPTION:{target:'pauseSubscription'}}},pauseSubscription:{invoke:{src:'pauseSubscription',onDone:{target:'success',actions:'updateSubscription'},onError:{target:'error',actions:'setError'}}},success:{type:'final'},error:{type:'final'}}});const getPauseSubscriptionStatus=machineState=>({idle:machineState.matches('idle'),pauseSubscriptionLoading:machineState.matches('pauseSubscription'),pauseSubscriptionSuccess:machineState.matches('success'),pauseSubscriptionError:machineState.matches('error')});const getErrorCode=machineState=>{return machineState.context.error;};const pauseSubscriptionSelectors={getPauseSubscriptionStatus,getErrorCode};const usePauseSubscriptionService=(catalogId,subscriptionId)=>{const{dataAccess}=(0,_react.useContext)(DataAccessContext);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);return(0,_react2.useInterpret)(pauseSubscription,{services:{pauseSubscription:(_ctx,payload)=>{return dataAccess.pauseSubscription(payload.subscriptionId,payload.automaticallyResumeAt);}},actions:{updateSubscription:(_ctx,payload)=>{const{data:{automaticallyResumeAt,state}}=payload;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId,catalogId,automaticallyResumeAt,status:state});},setError:(0,_xstate.assign)((context,event)=>{return{...context,error:event.data};})}});};const ResumeOptions={MANUAL_RESUME:'manual_resume',AUTOMATIC_RESUME:'automatic_resume'};const defaultDate=(0,_dayjs.default)().add(7,'day');const Content$b=_ref363=>{let{onClose,displayMode,catalogId,subscriptionId}=_ref363;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const modalRef=(0,_react.useRef)(null);const portalContainer=(0,_react.useRef)(null);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const toastService=useToastMessages();const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const pauseSubscriptionService=usePauseSubscriptionService(catalogId,subscriptionId);const[selectedResumeOption,setSelectedResumeOption]=(0,_react.useState)(subscription.automaticallyResumeAt?ResumeOptions.AUTOMATIC_RESUME:ResumeOptions.MANUAL_RESUME);const pauseSubscription=()=>{const payload={subscriptionId};if(selectedResumeOption===ResumeOptions.AUTOMATIC_RESUME){payload.automaticallyResumeAt=selectedDateTime.toISOString();}pauseSubscriptionService.send('PAUSE_SUBSCRIPTION',payload);};const alertMessage=()=>{return selectedResumeOption==='manual_resume'?t('pause_subscription.manual_resume_description'):t('pause_subscription.automatic_resume_description',{date:formatDate(selectedDateTime)});};const{pauseSubscriptionLoading,pauseSubscriptionError,pauseSubscriptionSuccess}=(0,_react2.useSelector)(pauseSubscriptionService,pauseSubscriptionSelectors.getPauseSubscriptionStatus);const error=(0,_react2.useSelector)(pauseSubscriptionService,pauseSubscriptionSelectors.getErrorCode);const[selectedDateTime,setSelectedDateTime]=(0,_react.useState)(subscription.automaticallyResumeAt?(0,_dayjs.default)(subscription.automaticallyResumeAt):defaultDate);(0,_react.useEffect)(()=>{if(pauseSubscriptionSuccess){onClose();const toastMessage=selectedResumeOption===ResumeOptions.AUTOMATIC_RESUME?t('pause_subscription.your_plan_is_on_hold_until_date',{date:formatDate(selectedDateTime)}):t('pause_subscription.your_plan_is_on_hold');toastService.show({level:'success',message:toastMessage});}},[pauseSubscriptionSuccess]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded',ref:modalRef},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('pause_subscription.put_on_hold_title')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,error?(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('pause_subscription.24_hours_to_next_payment_error_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t(error.errorCode==='NotEligible'?'pause_subscription.24_hours_to_next_payment_error_description':'pause_subscription.we_were_unable_to_pause_subscription')))):(/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,null,t('pause_subscription.put_on_hold_description'))),/*#__PURE__*/_react.default.createElement(OptionsWrapper,null,/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('pause_subscription.manual_resume_option'),value:ResumeOptions.MANUAL_RESUME,onValueChange:value=>setSelectedResumeOption(value),isSelected:selectedResumeOption===ResumeOptions.MANUAL_RESUME}),/*#__PURE__*/_react.default.createElement(AutomaticResumeOption,null,/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('pause_subscription.automatic_resume_option'),value:ResumeOptions.AUTOMATIC_RESUME,onValueChange:value=>setSelectedResumeOption(value),isSelected:selectedResumeOption===ResumeOptions.AUTOMATIC_RESUME}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:dateTime=>setSelectedDateTime(dateTime),modalRef:modalRef,portalContainer:portalContainer,initialDate:selectedDateTime.toISOString(),minDate:(0,_dayjs.default)().toDate(),disabled:selectedResumeOption!==ResumeOptions.AUTOMATIC_RESUME})))),/*#__PURE__*/_react.default.createElement(Alert,{color:"primary",title:t('pause_subscription.the_plan_will_be_inactive',{planName:subscription.product.name})},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,alertMessage()))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},pauseSubscriptionError?(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close',{ns:'common'}),onClick:onClose})):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('pause_subscription.keep_active'),onClick:onClose,disabled:pauseSubscriptionLoading}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('pause_subscription.put_on_hold'),isLoading:pauseSubscriptionLoading,onClick:pauseSubscription})))))),/*#__PURE__*/_react.default.createElement(Portal,null,/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer})));};const PauseSubscription=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getPauseSubscription);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$b,{...meta,displayMode:modalVariant,onClose:closeHandler}));};var CancelOptions;(function(CancelOptions){CancelOptions["IMMEDIATE_CANCEL"]="immediate";CancelOptions["SCHEDULED_CANCEL"]="scheduled";CancelOptions["DELAYED_CANCEL"]="delayed";})(CancelOptions||(CancelOptions={}));const cancelForm=(0,_xstate.createMachine)({id:'cancelForm',predictableActionArguments:true,initial:'idle',context:{churnReasons:[],cancellationConfirmation:null,cancellationMessage:null,cancellationChurnReasonCode:null,cancellationType:null,cancellationDate:null},states:{idle:{on:{SET_FORM_VALUE:{actions:(0,_xstate.assign)((ctx,e)=>({[e.name]:e.value}))},GET_CHURN_REASON_CODES:{target:'loading'}}},loading:{invoke:{src:'getChurnReasonCodes',onDone:{target:'idle',actions:(0,_xstate.assign)({churnReasons:(_,event)=>event.data.items,cancellationChurnReasonCode:(_,_ref364)=>{let{data}=_ref364;return data.items.length===1?data.items[0].code:null;}})},onError:{target:'error'}}},error:{}}});const useCancelForm=(enabledChurnReasonCodes,availableCancelType)=>{const defaultDate=(0,_dayjs.default)().add(7,'day');const{dataAccess}=(0,_react.useContext)(DataAccessContext);const[{context,value},send]=(0,_react2.useMachine)(cancelForm,{context:{cancellationType:availableCancelType[0],cancellationDate:defaultDate.toISOString()},services:{getChurnReasonCodes:()=>{return dataAccess.getChurnReasonCodes();}}});(0,_react.useEffect)(()=>{if(enabledChurnReasonCodes){send({type:'GET_CHURN_REASON_CODES'});}},[enabledChurnReasonCodes,send]);const isLoading=value==='loading';const hasError=value==='error';const isFormValid=()=>{if(context.cancellationConfirmation!=='cancel'){return false;}if(enabledChurnReasonCodes&&context.churnReasons.length>0){return context.cancellationChurnReasonCode!==null;}return true;};return{context,send,isValid:isFormValid(),isLoading,hasError};};const Separator=_styledComponents.default.div.withConfig({displayName:"maxio__Separator",componentId:"maxio-components__sc-lo74t2-193"})(["&&&{margin:","px 0;border-top:1px solid ",";}"],props=>props.theme.space[6],props=>props.theme.colors.gray.extraLight);const InputsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__InputsWrapper",componentId:"maxio-components__sc-lo74t2-194"})(["&&&{display:flex;flex-direction:column;}"]);const RequiredStar=_styledComponents.default.span.withConfig({displayName:"maxio__RequiredStar",componentId:"maxio-components__sc-lo74t2-195"})(["&&&{color:",";}"],_ref365=>{let{theme}=_ref365;return theme.colors.danger.main;});const ChurnReasonCodes=_ref366=>{let{items,onChange,selectedValue}=_ref366;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,null,t('cancel_subscription.what_is_the_reason'),' ',/*#__PURE__*/_react.default.createElement(RequiredStar,null,"*"))),/*#__PURE__*/_react.default.createElement(OptionsWrapper,null,items.sort((a,b)=>a.position-b.position).map(_ref367=>{let{id,code,description}=_ref367;return/*#__PURE__*/_react.default.createElement(RadioButton,{key:id,label:description,value:code,onValueChange:onChange,isSelected:code===selectedValue});})));};const Form=_ref368=>{let{onChange,availableCancelOptions,values,modalRef,portalContainer,subscriptionNextAssessmentDate,isLoading}=_ref368;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{cancellationType,cancellationChurnReasonCode,cancellationDate,churnReasons}=values;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:3},availableCancelOptions.length>1&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,null,t('cancel_subscription.cancel_description'))),/*#__PURE__*/_react.default.createElement(OptionsWrapper,null,availableCancelOptions.includes(CancelOptions.IMMEDIATE_CANCEL)&&(/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('cancel_subscription.cancel_immediately'),value:CancelOptions.IMMEDIATE_CANCEL,onValueChange:value=>onChange('cancellationType',value),isSelected:cancellationType===CancelOptions.IMMEDIATE_CANCEL})),availableCancelOptions.includes(CancelOptions.DELAYED_CANCEL)&&(/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('cancel_subscription.cancel_by_the_end_of_the_billing_period',{date:formatDate(subscriptionNextAssessmentDate)}),value:CancelOptions.DELAYED_CANCEL,onValueChange:value=>onChange('cancellationType',value),isSelected:cancellationType===CancelOptions.DELAYED_CANCEL})),availableCancelOptions.includes(CancelOptions.SCHEDULED_CANCEL)&&(/*#__PURE__*/_react.default.createElement(AutomaticResumeOption,null,/*#__PURE__*/_react.default.createElement(RadioButton,{label:t('cancel_subscription.cancel_on_selected_date'),value:CancelOptions.SCHEDULED_CANCEL,onValueChange:value=>onChange('cancellationType',value),isSelected:cancellationType===CancelOptions.SCHEDULED_CANCEL}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:dateTime=>onChange('cancellationDate',dateTime.toISOString()),modalRef:modalRef,portalContainer:portalContainer,initialDate:cancellationDate,minDate:(0,_dayjs.default)().add(1,'day').toDate(),disabled:cancellationType!==CancelOptions.SCHEDULED_CANCEL})))),/*#__PURE__*/_react.default.createElement(Separator,null))),/*#__PURE__*/_react.default.createElement(InputsWrapper,null,values.churnReasons?.length>0&&(/*#__PURE__*/_react.default.createElement(ChurnReasonCodes,{selectedValue:cancellationChurnReasonCode,onChange:value=>onChange('cancellationChurnReasonCode',value),items:churnReasons})),isLoading&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:100,width:350}))),/*#__PURE__*/_react.default.createElement(FormField,{label:t('cancel_subscription.feedback_title'),labelPosition:"top",name:"feedback",size:"medium"},/*#__PURE__*/_react.default.createElement(TextArea,{name:"feedback",placeholder:t('cancel_subscription.feedback_placeholder'),onChange:e=>{onChange('cancellationMessage',e.target.value);},rows:2})),/*#__PURE__*/_react.default.createElement(FormField,{label:t('cancel_subscription.confirmation_title'),labelPosition:"top",name:"input-name",size:"medium",required:true},/*#__PURE__*/_react.default.createElement(Input$1,{type:"text",placeholder:t('cancel_subscription.confirmation_placeholder'),onChange:e=>onChange('cancellationConfirmation',e.target.value)})))));};const Content$a=_ref369=>{let{onClose,displayMode,catalogId,subscriptionId,availableCancelOptions,enabledChurnReasonCodes}=_ref369;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const modalRef=(0,_react.useRef)(null);const portalContainer=(0,_react.useRef)(null);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const cancelService=useCancelSubscriptionService(catalogId,subscriptionId);const{cancelSubscriptionSuccess,cancelSubscriptionError,cancelSubscriptionLoading}=(0,_react2.useSelector)(cancelService,cancelSubscriptionSelectors.getCancelSubscriptionStatus);const{context,send,isValid:isFormValid,isLoading:isFormLoading,hasError:hasFormError}=useCancelForm(enabledChurnReasonCodes,availableCancelOptions);const{cancellationType,cancellationDate,cancellationMessage,cancellationChurnReasonCode}=context;const toastService=useToastMessages();const cancelDateTime=cancellationType===CancelOptions.SCHEDULED_CANCEL?cancellationDate:subscription.nextAssessmentAt;(0,_react.useEffect)(()=>{if(cancelSubscriptionSuccess){onClose();const toastMessage=cancellationType===CancelOptions.IMMEDIATE_CANCEL?t('cancel_subscription.cancel_success'):t('cancel_subscription.cancel_scheduled_success',{date:formatDate(cancelDateTime)});toastService.show({level:'success',message:toastMessage});}},[cancelSubscriptionSuccess]);const alertMsg=()=>{if(cancellationType===CancelOptions.IMMEDIATE_CANCEL){return t('cancel_subscription.you_will_lose_access_immediately');}return t('cancel_subscription.you_will_lose_access_on_date',{date:formatDate(cancelDateTime)});};const onCancelSubscription=()=>{if(cancellationType===CancelOptions.IMMEDIATE_CANCEL){return cancelService.send({type:'CANCEL_SUBSCRIPTION',cancellationMessage,churnReasonCode:cancellationChurnReasonCode});}if(cancellationType===CancelOptions.DELAYED_CANCEL){return cancelService.send({type:'CANCEL_SUBSCRIPTION',cancelAtEndOfPeriod:true,cancellationMessage,churnReasonCode:cancellationChurnReasonCode});}return cancelService.send({type:'CANCEL_SUBSCRIPTION',scheduledCancellationAt:cancelDateTime,cancellationMessage,churnReasonCode:cancellationChurnReasonCode});};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded',ref:modalRef},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('cancel_subscription.cancel_title')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,cancelSubscriptionError||hasFormError?(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('cancel_subscription.cancel_error_title')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('cancel_subscription.cancel_error_description')))):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Form,{isLoading:isFormLoading,modalRef:modalRef,portalContainer:portalContainer,subscriptionNextAssessmentDate:subscription.nextAssessmentAt,availableCancelOptions:availableCancelOptions,values:context,onChange:(name,value)=>send({type:'SET_FORM_VALUE',name:name,value:value})}),/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('cancel_subscription.are_you_sure_you_want_to_cancel',{planName:subscription.product.name})},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,alertMsg()))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},cancelSubscriptionError?(/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close',{ns:'common'}),onClick:onClose})):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.keep_active'),onClick:onClose,disabled:cancelSubscriptionLoading}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"danger",label:t('cancel_subscription.cancel'),isLoading:cancelSubscriptionLoading,disabled:!isFormValid,onClick:()=>onCancelSubscription()})))))),/*#__PURE__*/_react.default.createElement(Portal,null,/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer})));};const useCancelAvailableOptions=subscriptionScopes=>{let options=[];if(subscriptionScopes.includes('subscription:cancel-immediate')){options.push(CancelOptions.IMMEDIATE_CANCEL);}if(subscriptionScopes.includes('subscription:cancel-delayed')){options.push(CancelOptions.DELAYED_CANCEL);}if(subscriptionScopes.includes('subscription:cancel-scheduled')){options.push(CancelOptions.SCHEDULED_CANCEL);}return options;};const CancelSubscription=()=>{const{modalsService}=useServices();const{subscription}=useComponentSettings();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getCancelSubscription);const availableCancelOptions=useCancelAvailableOptions(subscription.scopes);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$a,{...meta,enabledChurnReasonCodes:subscription.churnReasonCodes,displayMode:modalVariant,onClose:closeHandler,availableCancelOptions:availableCancelOptions}));};const Content$9=_ref370=>{let{subscriptionId,catalogId,onClose,displayMode,paymentProfileId}=_ref370;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const toastService=useToastMessages();const onSuccessfulChange=()=>{toastService.show({message:t('payment_profile.success_payment_method_change'),level:'success'});onClose(true);};const changePaymentProfileService=useChangePaymentProfile({subscriptionId,catalogId,paymentProfileId,onChangeSuccess:onSuccessfulChange});const{isError,isLoading}=(0,_react2.useSelector)(changePaymentProfileService,changePaymentProfileSelectors.getChangePaymentProfileStatus);return/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('payment_profile.change_payment_method')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,isError?(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('payment_profile.unexpected_problem')},t('payment_profile.unable_to_change_payment_method'))):(/*#__PURE__*/_react.default.createElement(BodyText,null,t('payment_profile.payment_method_change_confirmation')))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel',{ns:['common']}),onClick:()=>onClose(false),disabled:isLoading}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",label:t('payment_profile.payment_method_change_cta'),isLoading:isLoading,disabled:isLoading||isError,onClick:()=>changePaymentProfileService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId})}))));};const ChangePaymentMethod=()=>{const{modalsService}=useServices();const{device}=useDeviceInfo();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getChangePaymentMethod);const closeHandler=()=>{modalsService.send({type:'CLOSE_MODAL'});};const modalVariant=device==='mobile'?'layer':'window';return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$9,{...meta,displayMode:'window',onClose:closeHandler}));};const DetailRow=_ref371=>{let{label,value}=_ref371;if(!value)return null;return/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,9]},/*#__PURE__*/_react.default.createElement("div",{"data-testid":"detail-label"},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'gray.dark',fontWeight:2},label))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,15]},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:'black.main',overflow:"break-word"},value))));};const BillingAddress=_ref372=>{let{billingAddress}=_ref372;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{address,address2,city,state,zip,country}=useFormatAddress(billingAddress);const addresses=(address||address2)&&`${address} ${address2}`;const stateAndZip=(state||zip)&&`${state} ${zip}`;return/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:4},/*#__PURE__*/_react.default.createElement(DetailRow,{label:t('payment_profile.street_name_and_number'),value:addresses}),/*#__PURE__*/_react.default.createElement(DetailRow,{label:t('payment_profile.town'),value:city}),/*#__PURE__*/_react.default.createElement(DetailRow,{label:t('payment_profile.state_and_zip_code'),value:stateAndZip}),/*#__PURE__*/_react.default.createElement(DetailRow,{label:t('payment_profile.country'),value:country})));};const Content$8=_ref373=>{let{subscriptionId,catalogId,onClose,displayMode,paymentProfileId}=_ref373;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const toastService=useToastMessages();const{modalsService}=useServices();const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);const{creditCard,address,type,status}=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesById(paymentProfileId));const paymentProfileActions=usePaymentProfileAvailableActions(status);const onDeletePaymentProfile=()=>{onClose(true);modalsService.send({type:'SHOW_DELETE_PAYMENT_PROFILE',paymentProfileId,subscriptionId,catalogId});};const onSuccessfulChange=()=>{toastService.show({message:t('payment_profile.success_payment_method_change'),level:'success'});onClose(true);};const changePaymentProfileService=useChangePaymentProfile({subscriptionId,catalogId,paymentProfileId,onChangeSuccess:onSuccessfulChange});const{isError,isLoading}=(0,_react2.useSelector)(changePaymentProfileService,changePaymentProfileSelectors.getChangePaymentProfileStatus);const isAddressEmpty=(0,_react.useMemo)(()=>Object.values(address).every(value=>!value),[address]);return/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('payment_profile.preview_method_title')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,isError?(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('payment_profile.unexpected_problem')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.unable_to_change_payment_method')))):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,6]},/*#__PURE__*/_react.default.createElement(Heading,{variant:'h4'},t('payment_profile.preview_method_type_details',{paymentMethod:t(`payment_profile.${type}`)}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,18]},/*#__PURE__*/_react.default.createElement(CreditCard$2,{status:PAYMENT_PROFILE_STATUS[status],card:{...creditCard,type:creditCard.cardType},variant:'primary'}))),!isAddressEmpty&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:6},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,6]},/*#__PURE__*/_react.default.createElement(Heading,{variant:'h4'},t('payment_profile.billing_address_header'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,18]},/*#__PURE__*/_react.default.createElement(BillingAddress,{billingAddress:address})))))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Box,{display:'flex'},/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"left"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"danger",label:t('payment_profile.delete_payment_method',{paymentMethod:t(`payment_profile.${type}`)}),onClick:onDeletePaymentProfile})),/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close_preview',{ns:['common']}),onClick:()=>onClose(false)}),paymentProfileActions.includes(PaymentProfileActions.USE_FOR_SUBSCRIPTION_BILLING)&&(/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",label:t('payment_profile.use_for_subscription'),isLoading:isLoading,disabled:isLoading||isError,onClick:()=>changePaymentProfileService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId})}))))));};const PreviewPaymentMethod=()=>{const{modalsService}=useServices();const{device}=useDeviceInfo();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getPreviewPaymentMethod);const closeHandler=()=>{modalsService.send({type:'CLOSE_MODAL'});};const modalVariant=device==='mobile'?'layer':'window';return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$8,{...meta,displayMode:'window',onClose:closeHandler}));};const Content$7=_ref374=>{let{onClose,displayMode,catalogId,subscriptionId}=_ref374;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const modalRef=(0,_react.useRef)(null);const toastService=useToastMessages();const reactivateService=useReactivateSubscription(catalogId,subscriptionId);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const{reactivateSubscriptionSuccess,reactivateSubscriptionError,reactivateSubscriptionLoading}=(0,_react2.useSelector)(reactivateService,reactivateSubscriptionSelectors.getReactivateSubscriptionStatus);const reactivationError=(0,_react2.useSelector)(reactivateService,reactivateSubscriptionSelectors.getErrorCode);(0,_react.useEffect)(()=>{if(reactivateSubscriptionSuccess){onClose();const toastMessage=t('reactivate_subscription.reactivate_success');toastService.show({level:'success',message:toastMessage});}},[reactivateSubscriptionSuccess,onClose,toastService,t]);const onReactivation=()=>{reactivateService.send({type:'REACTIVATE_SUBSCRIPTION'});};const getErrorMsgTitle=()=>reactivationError?.errorCode==='NotEligible'?t('reactivate_subscription.not_eligible_title'):t('reactivate_subscription.unexpected_problem');const getErrorMsgDescription=()=>reactivationError?.errorCode==='NotEligible'?t('reactivate_subscription.not_eligible_description'):t('reactivate_subscription.unable_to_reactivate');return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded',ref:modalRef},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('reactivate_subscription.reactivate_title')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,!reactivateSubscriptionError&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(BodyText,null,t('reactivate_subscription.reactivate_description',{planName:subscription.product.name}))),/*#__PURE__*/_react.default.createElement(Alert,{title:t('reactivate_subscription.you_will_be_charged',{planName:subscription.product.name,existingBalance:formatCurrency(subscription.currency,subscription.balanceInCents),baseFee:formatCurrency(subscription.currency,subscription.product.priceInCents)}),color:"primary"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('reactivate_subscription.make_sure_your_payment_info'))))),reactivateSubscriptionError&&(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:getErrorMsgTitle()},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,getErrorMsgDescription())))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel',{ns:'common'}),onClick:onClose,disabled:reactivateSubscriptionLoading}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",label:t('reactivate_subscription.confirm_reactivation'),disabled:reactivateSubscriptionError,isLoading:reactivateSubscriptionLoading,onClick:onReactivation})))));};const ReactivateSubscription=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getReactivateSubscription);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$7,{...meta,displayMode:modalVariant,onClose:closeHandler}));};const Content$6=_ref375=>{let{onClose,displayMode,catalogId,subscriptionId}=_ref375;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const modalRef=(0,_react.useRef)(null);const toastService=useToastMessages();const undoCancelationService=useUndoCancelationService(catalogId,subscriptionId);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[]));const{undoCancelationError,undoCancelationLoading,undoCancelationSuccess}=(0,_react2.useSelector)(undoCancelationService,undoCancelationSelectors.getUndoCancelationStatus);(0,_react.useEffect)(()=>{if(undoCancelationSuccess){onClose();const toastMessage=t('cancel_subscription.cancelation_stopped');toastService.show({level:'success',message:toastMessage});}},[undoCancelationSuccess,onClose,toastService,t]);const onUndoCancelation=()=>{undoCancelationService.send({type:'UNDO_CANCELATION'});};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded',ref:modalRef},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('cancel_subscription.undo_cancelation_title')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement(BodyText,null,t('cancel_subscription.stop_cancelation_process',{planName:subscription.product.name})),undoCancelationError&&(/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('cancel_subscription.unexpected_problem')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,'cancel_subscription.unable_to_undo_cancelation'))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.close_window'),onClick:onClose,disabled:undoCancelationLoading}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",label:t('cancel_subscription.keep_active_subscription'),disabled:undoCancelationError,isLoading:undoCancelationLoading,onClick:onUndoCancelation})))));};const UndoCancelation=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getUndoCancelation);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$6,{...meta,displayMode:modalVariant,onClose:closeHandler}));};const SubscriptionNamesList=_styledComponents.default.ul.withConfig({displayName:"maxio__SubscriptionNamesList",componentId:"maxio-components__sc-lo74t2-196"})(["&&&{color:inherit;margin:","px 0;padding-left:","px;}"],_ref376=>{let{theme}=_ref376;return theme.space[2];},_ref377=>{let{theme}=_ref377;return theme.space[7];});const ErrorList=_ref378=>{let{listTitle,items,bottomText,listDescription}=_ref378;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Alert,{color:'danger'},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{fontWeight:700},listTitle),/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,listDescription),/*#__PURE__*/_react.default.createElement(SubscriptionNamesList,null,items.map(_ref379=>{let{id,product}=_ref379;return/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{as:'li',key:id},product.name);})),/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{fontWeight:700},bottomText)));};const Content$5=_ref380=>{let{onClose,displayMode,paymentProfileId}=_ref380;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const toastService=useToastMessages();const onDeleteSuccess=()=>{toastService.show({message:t('payment_profile.delete_payment_method_success'),level:'info'});onClose(true);};const deletePaymentProfileService=useDeletePaymentProfile({paymentProfileId,onDeleteSuccess});const{subscriptions:usedSubscriptions,errorCode}=(0,_react2.useSelector)(deletePaymentProfileService,deletePaymentProfileSelectors.getError);const{isLoading,hasError}=(0,_react2.useSelector)(deletePaymentProfileService,deletePaymentProfileSelectors.getDeletePaymentProfileStatus);const isPaymentProfileUsed=errorCode==='PaymentProfileInUseByOneOrMoreSubscriptions';return/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('payment_profile.remove_payment_method')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,isPaymentProfileUsed&&(/*#__PURE__*/_react.default.createElement(ErrorList,{listDescription:t('payment_profile.this_payment_method_is_connected_to'),bottomText:t('payment_profile.choose_new_payment_method_before_delete'),items:usedSubscriptions,listTitle:t('payment_profile.unable_to_delete_payment_method_title')})),!hasError&&(/*#__PURE__*/_react.default.createElement(BodyText,null,t('payment_profile.delete_payment_method_description'),/*#__PURE__*/_react.default.createElement(BodyText,{as:'span',color:'danger.main'},t('payment_profile.this_action_cannot_be_undone')))),hasError&&!isPaymentProfileUsed&&(/*#__PURE__*/_react.default.createElement(Alert,{color:"danger",title:t('payment_profile.unexpected_problem')},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.unable_to_delete_payment_method'))))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{disabled:isLoading,color:"secondary",label:t('close',{ns:'common'}),onClick:()=>onClose(false)}),!hasError&&(/*#__PURE__*/_react.default.createElement(Button$1,{disabled:hasError,color:"danger",isLoading:isLoading,label:t('payment_profile.delete_it'),onClick:()=>deletePaymentProfileService.send({type:'DELETE_PAYMENT_PROFILE'})})))));};const DeletePaymentMethod=()=>{const[closeDisable]=(0,_react.useState)(false);const{modalsService}=useServices();const{device}=useDeviceInfo();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getDeletePaymentMethod);const closeHandler=successUpdate=>{if(!closeDisable||successUpdate)modalsService.send({type:'CLOSE_MODAL'});};const modalVariant=device==='mobile'?'layer':'window';return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$5,{...meta,displayMode:'window',onClose:closeHandler}));};const Wrapper$6=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper6",componentId:"maxio-components__sc-lo74t2-197"})(["&&&{display:flex;align-items:center;gap:4px;margin-right:","px;}"],_ref381=>{let{theme}=_ref381;return theme.space[10];});const ExpiredStatus=_ref382=>{let{text}=_ref382;return/*#__PURE__*/_react.default.createElement(Wrapper$6,null,/*#__PURE__*/_react.default.createElement(Icon,{fill:'danger.main',type:'circleCross',size:16}),/*#__PURE__*/_react.default.createElement(Heading,{variant:'h5',color:'danger.main'},text));};const formatCardNumber=cardNumber=>{return cardNumber.slice(-9).replace('-',' ').replace(/X/g,'*');};const LabelWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__LabelWrapper",componentId:"maxio-components__sc-lo74t2-198"})(["&&&{display:flex;flex-direction:column;margin-left:","px;}"],_ref383=>{let{theme}=_ref383;return theme.space[3];});const Label=_ref384=>{let{maskedNumber,expirationYear,expirationMonth}=_ref384;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(LabelWrapper,null,/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body1',fontWeight:600,color:'primary.extraDark'},t('payment_profile.ending_with',{maskedNumber:formatCardNumber(maskedNumber)})),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',fontWeight:600,color:'primary.extraDark'},t('payment_profile.expires',{expirationMonth,expirationYear})));};const Wrapper$5=_styledComponents.default.li.withConfig({displayName:"maxio__Wrapper5",componentId:"maxio-components__sc-lo74t2-199"})(["&&&{display:flex;justify-content:space-between;align-items:center;}&&&:not(:last-of-type){padding-bottom:","px;border-bottom:1px solid ",";}&&&:not(:first-of-type){padding-top:","px;}"],_ref385=>{let{theme}=_ref385;return theme.space[6];},_ref386=>{let{theme}=_ref386;return theme.colors.gray.extraLight;},_ref387=>{let{theme}=_ref387;return theme.space[6];});const PaymentProfileItem=_ref388=>{let{paymentProfile,onPaymentProfileSelected,isChecked}=_ref388;const{creditCard}=paymentProfile;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Wrapper$5,null,/*#__PURE__*/_react.default.createElement(Checkbox,{onChange:()=>onPaymentProfileSelected(paymentProfile.id),value:isChecked,label:()=>Label({maskedNumber:creditCard.maskedNumber,expirationYear:creditCard.expirationYear,expirationMonth:creditCard.expirationMonth})}),/*#__PURE__*/_react.default.createElement(Box,{display:'flex'},creditCard.expired?(/*#__PURE__*/_react.default.createElement(ExpiredStatus,{text:t('payment_profile.expired')})):null,/*#__PURE__*/_react.default.createElement(Logo,{type:creditCard.cardType})));};const Wrapper$4=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper4",componentId:"maxio-components__sc-lo74t2-200"})(["&&&{border-top:1px solid ",";padding-top:","px;}"],_ref389=>{let{theme}=_ref389;return theme.colors.gray.light;},_ref390=>{let{theme}=_ref390;return theme.space[5];});const List$1=_styledComponents.default.ul.withConfig({displayName:"maxio__List1",componentId:"maxio-components__sc-lo74t2-201"})(["&&&{list-style:none;padding:","px;border-radius:","px;border:1px solid ",";",";}"],_ref391=>{let{theme}=_ref391;return theme.space[6];},_ref392=>{let{theme}=_ref392;return theme.radii[3];},_ref393=>{let{theme}=_ref393;return theme.colors.gray.extraLight;},_ref394=>{let{theme}=_ref394;return(0,_styledComponents.css)(["box-shadow:0 8px 16px ",";"],(0,_polished.transparentize)(0.85,theme?.colors?.black?.dark));});const PaymentProfilesReplace=_ref395=>{let{paymentProfiles,selectedPaymentProfilesIds,onPaymentProfileSelected}=_ref395;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Wrapper$4,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,{whiteSpace:'pre-line'},t('payment_profile.replace_payment_method_description'))),/*#__PURE__*/_react.default.createElement(List$1,null,paymentProfiles?.map(paymentProfile=>(/*#__PURE__*/_react.default.createElement(PaymentProfileItem,{isChecked:selectedPaymentProfilesIds?.includes(paymentProfile.id),key:paymentProfile.id,paymentProfile:paymentProfile,onPaymentProfileSelected:()=>onPaymentProfileSelected(paymentProfile.id)})))));};_styledComponents.default.div.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-202"})(["&&&{border-top:1px solid ",";padding-top:","px;}"],_ref396=>{let{theme}=_ref396;return theme.colors.gray.light;},_ref397=>{let{theme}=_ref397;return theme.space[5];});const List=_styledComponents.default.ul.withConfig({displayName:"maxio__List",componentId:"maxio-components__sc-lo74t2-203"})(["&&&{",";font-size:","px;font-family:",";padding-left:","px;}"],_styledSystem.space,_ref398=>{let{theme}=_ref398;return theme.fontSizes[1];},_ref399=>{let{theme}=_ref399;return theme.fonts.secondary;},_ref400=>{let{theme}=_ref400;return theme.space[6];});const PaymentProfilesReplaceAlerts=_ref401=>{let{subscriptions,onRetry}=_ref401;const{success,failed}=subscriptions;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','common']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},success&&(/*#__PURE__*/_react.default.createElement(Alert,{color:'primary'},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.successful_replacement_for')),/*#__PURE__*/_react.default.createElement(List,{mb:0,mt:1},success.map(subscription=>(/*#__PURE__*/_react.default.createElement("li",{key:subscription.id},subscription.product.name))))))),/*#__PURE__*/_react.default.createElement(Alert,{color:'danger',buttonLabel:t('retry',{ns:'common'}),onClick:onRetry},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.failed_replacement_for')),/*#__PURE__*/_react.default.createElement(List,{mb:6,mt:1},failed.map(subscription=>(/*#__PURE__*/_react.default.createElement("li",{key:subscription.id},subscription.product.name)))),/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('payment_profile.retry_or_update_manually'))));};const ReplacePaymentProfilesContainer=_ref402=>{let{paymentProfileRef}=_ref402;const{paymentProfilesService}=(0,_react.useContext)(PaymentProfilesContext);const paymentProfiles=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfiles);const selectedPaymentProfilesIds=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesIdsForReplacement);const subscriptions=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesSubscriptions);const isPaymentProfilesReplacementError=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesReplacementError);const isPaymentProfilesReplacementProcessing=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesReplacementProcessing);if(!paymentProfiles.length){return null;}return isPaymentProfilesReplacementError?isPaymentProfilesReplacementProcessing?(/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:200})):(/*#__PURE__*/_react.default.createElement(PaymentProfilesReplaceAlerts,{subscriptions:subscriptions,onRetry:()=>paymentProfileRef.send({type:'RETRY_REPLACE_PAYMENT_PROFILES'})})):(/*#__PURE__*/_react.default.createElement(PaymentProfilesReplace,{paymentProfiles:paymentProfiles,onPaymentProfileSelected:id=>paymentProfileRef.send({type:'SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT',paymentProfileId:id}),selectedPaymentProfilesIds:selectedPaymentProfilesIds}));};const FORM_ELEMENT_ID='page-payment-profile';const Content$4=_ref403=>{let{activePaymentProfileId,onClose,onProcessingUpdate,paymentMethod,subscriptionId,displayMode,catalogId}=_ref403;const toastService=useToastMessages();const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const targetElementRef=(0,_react.useRef)(null);const[isActivePaymentMethod,setIsActivePaymentMethod]=(0,_react.useState)(true);const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const onCreateProfileSuccess=()=>{onClose(true);toastService.show({level:'success',message:t('success_payment_method_save',{ns:'payment-profile'})});};const{isProcessing,isProfileConnectionError,savePaymentMethod,service}=useCreatePaymentProfile({activePaymentProfileId,catalogId,subscriptionId,formElementId:FORM_ELEMENT_ID,paymentMethodType:paymentMethod,onCreateSuccess:onCreateProfileSuccess,isActivePaymentMethod});(0,_react.useEffect)(()=>{onProcessingUpdate(isProcessing);},[isProcessing]);const paymentMethodsTranslations={creditCard:t('payment_profile.card'),bankAccount:t('payment_profile.bank_account')};const isPaymentProfilesReplacementError=(0,_react2.useSelector)(service,paymentProfileSelectors.getPaymentProfilesReplacementError);const isError=isProfileConnectionError||isPaymentProfilesReplacementError;const modalTitle=t('payment_profile.new_payment_method_title',{paymentMethod:paymentMethodsTranslations[paymentMethod]});return/*#__PURE__*/_react.default.createElement(Card$3,{ref:targetElementRef,border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:modalTitle})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement(CreatePaymentProfileErrorContainer,{paymentProfileRef:service}),!isProfileConnectionError&&(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,!isPaymentProfilesReplacementError?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(CreatePaymentProfileContainer,{formElementId:FORM_ELEMENT_ID,paymentMethodType:paymentMethod,paymentProfileRef:service,targetElementRef:targetElementRef}),/*#__PURE__*/_react.default.createElement(Box,{paddingTop:6,paddingBottom:5},/*#__PURE__*/_react.default.createElement(Alert,{color:'success'},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{fontWeight:600},t('payment_profile.data_is_stored_safely')))))):null,/*#__PURE__*/_react.default.createElement(Box,{paddingTop:6,paddingBottom:5},/*#__PURE__*/_react.default.createElement(Row$4,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?18:21},/*#__PURE__*/_react.default.createElement(BodyText,null,t('payment_profile.make_active_payment_method'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?6:3},/*#__PURE__*/_react.default.createElement(Toggle,{isOn:isActivePaymentMethod,onChange:setIsActivePaymentMethod})))),/*#__PURE__*/_react.default.createElement(ReplacePaymentProfilesContainer,{paymentProfileRef:service})))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close',{ns:'common'}),onClick:()=>onClose(false)}),!isError&&(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('payment_profile.save_payment_method',{ns:'subscriptions-manager',paymentMethod:paymentMethodsTranslations[paymentMethod]}),disabled:isProcessing,isLoading:isProcessing,loadingText:t('processing',{ns:'common'}),onClick:()=>savePaymentMethod()})))));};const PaymentProfile=()=>{const[closeDisable,setCloseDisable]=(0,_react.useState)(false);const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getCreatePaymentProfile);const closeHandler=successUpdate=>{if(!closeDisable||successUpdate)modalsService.send({type:'CLOSE_MODAL'});};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(PaymentsContainer,null,/*#__PURE__*/_react.default.createElement(Content$4,{paymentMethod:'creditCard',...meta,displayMode:modalVariant,onProcessingUpdate:isProcessing=>setCloseDisable(isProcessing),onClose:closeHandler})));};const Wrapper$3=_styledComponents.default.label.withConfig({displayName:"maxio__Wrapper3",componentId:"maxio-components__sc-lo74t2-204"})(["&&&{display:flex;align-items:center;justify-content:space-between;border:1px solid ",";border-radius:","px;box-shadow:0px 8px 16px rgba(2,11,17,0.15);",";}"],_ref404=>{let{theme,selected}=_ref404;return selected?theme.colors.success.main:theme.colors.gray.extraLight;},_ref405=>{let{theme}=_ref405;return theme.radii[3];},_styledSystem.space);const Wrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper2",componentId:"maxio-components__sc-lo74t2-205"})(["&&&{display:flex;align-items:center;gap:","px;}"],_ref406=>{let{theme}=_ref406;return theme.space[2];});const Status=_ref407=>{let{text}=_ref407;return/*#__PURE__*/_react.default.createElement(Wrapper$2,null,/*#__PURE__*/_react.default.createElement(Icon,{fill:'success.main',type:'circleCheck',size:16}),/*#__PURE__*/_react.default.createElement(Heading,{variant:'h5',color:'success.main'},text));};const Wrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper1",componentId:"maxio-components__sc-lo74t2-206"})(["&&&{display:flex;flex-direction:row;align-items:center;gap:","px;}"],_ref408=>{let{theme}=_ref408;return theme.space[2];});const Price=_ref409=>{let{intervalUnit,price}=_ref409;return/*#__PURE__*/_react.default.createElement(Wrapper$1,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:'h4',color:'success.main'},price),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'gray.dark'},"(",intervalUnit,")"));};const PlanRadio=_ref410=>{let{selected,onClick,name,id,isCurrentPlan,price,intervalUnit}=_ref410;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(Wrapper$3,{selected:selected,paddingY:6,paddingX:7},/*#__PURE__*/_react.default.createElement("input",{type:'radio',hidden:true,checked:selected,onChange:()=>onClick(id)}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body1'},name),isCurrentPlan&&/*#__PURE__*/_react.default.createElement(Status,{text:t('plan_change.current')}),/*#__PURE__*/_react.default.createElement(Price,{price:price,intervalUnit:intervalUnit}));};const Wrapper=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper",componentId:"maxio-components__sc-lo74t2-207"})(["&&&{display:flex;flex-direction:column;gap:","px;}"],_ref411=>{let{theme}=_ref411;return theme.space[5];});const ChangePlanContainer=_ref412=>{let{currentPlanId,currency,changePlanService}=_ref412;const{t}=(0,_reactI18next.useTranslation)(['common']);const products=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getProducts);const selectedPlan=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getSelectedPlan);const onPlanChange=planId=>{changePlanService.send({type:'SELECT_PLAN',planId});};return/*#__PURE__*/_react.default.createElement(Wrapper,null,products?.map(_ref413=>{let{priceInCents,name,id,interval,intervalUnit}=_ref413;return/*#__PURE__*/_react.default.createElement(PlanRadio,{key:id,id:id,name:name,price:formatCurrency(currency,priceInCents),interval:interval,intervalUnit:formatBillingInterval(interval,intervalUnit,t),selected:selectedPlan===id,isCurrentPlan:id===currentPlanId,onClick:onPlanChange});}));};const ProratedColumns=_ref414=>{let{proratedCreditAmount,productName,billingEndDate}=_ref414;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'gray.dark',fontWeight:600},t('plan_change.prorated_credit',{planName:productName,date:billingEndDate}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{textAlign:'right',color:'success.main',fontWeight:700},proratedCreditAmount)));};const NonProratedColumns=_ref415=>{let{existingBalance,productName,billingEndDate,nextBillingAmount,isImmediate}=_ref415;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isImmediate?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Column$1,{span:16},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'gray.dark',fontWeight:600},t('plan_change.current_credit_service_balance'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:8},/*#__PURE__*/_react.default.createElement(BodyText,{textAlign:'right',color:'success.main',fontWeight:700},existingBalance)))):null,/*#__PURE__*/_react.default.createElement(Column$1,{span:16},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'gray.dark',fontWeight:600},t('plan_change.next_billing_amount',{planName:productName,date:billingEndDate}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:8},/*#__PURE__*/_react.default.createElement(BodyText,{textAlign:'right',color:'success.main',fontWeight:700},nextBillingAmount)));};const PlanChangeSummary=_ref416=>{let{productName,basePlanPrice,productChangeStrategy,existingBalance,billingEndDate,nextBillingAmount,currentProductName,proratedCreditAmount}=_ref416;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const isProrated=productChangeStrategy==='prorated';const isImmediate=productChangeStrategy==='non-prorated';return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:6},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body1',color:'black.main'},/*#__PURE__*/_react.default.createElement(_reactI18next.Trans,{t:t,i18nKey:'plan_change.plan_change_from_to',tOptions:{currentPlan:currentProductName,newPlan:productName}}))),/*#__PURE__*/_react.default.createElement(Box,{marginBottom:9},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:8},/*#__PURE__*/_react.default.createElement(Column$1,{span:24},/*#__PURE__*/_react.default.createElement(Heading,{variant:'h4'},t('plan_change.plan_summary_title',{planName:productName}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'gray.dark',fontWeight:600},t('plan_change.base_plan_price'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:12},/*#__PURE__*/_react.default.createElement(BodyText,{textAlign:'right',color:'success.main',fontWeight:700},basePlanPrice)),isProrated?(/*#__PURE__*/_react.default.createElement(ProratedColumns,{productName:productName,billingEndDate:billingEndDate,proratedCreditAmount:proratedCreditAmount})):(/*#__PURE__*/_react.default.createElement(NonProratedColumns,{isImmediate:isImmediate,nextBillingAmount:nextBillingAmount,billingEndDate:billingEndDate,existingBalance:existingBalance,productName:productName})))));};const PreviewProductMigrationContainer=_ref417=>{let{changePlanService,currency,currentProductName}=_ref417;const planPreview=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getChangePlanPreview);const{productChangeStrategy,product,existingBalanceInCents,billingEndDate,totalInCents,proratedAdjustmentInCents}=planPreview;const formatAmount=amount=>formatCurrency(currency,amount,_i18next.default.language);const nextBillingAmountInCents=product.priceInCents-existingBalanceInCents;const isNotDelayed=productChangeStrategy!=='delayed';const basePlanPrice=formatAmount(product.priceInCents);const totalCharge=formatAmount(totalInCents>0?totalInCents:0);const nextBillingDate=formatDate(billingEndDate,_i18next.default.language);const existingBalance=formatAmount(existingBalanceInCents);const nextBillingAmount=formatAmount(nextBillingAmountInCents);const proratedCreditAmount=formatAmount(proratedAdjustmentInCents);const creditBalance=formatAmount(totalInCents<0?Math.abs(totalInCents):0);return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(PlanChangeSummary,{currentProductName:currentProductName,productChangeStrategy:productChangeStrategy,productName:product.name,basePlanPrice:basePlanPrice,billingEndDate:formatDate(billingEndDate),existingBalance:existingBalance,nextBillingAmount:nextBillingAmount,proratedCreditAmount:proratedCreditAmount}),isNotDelayed?(/*#__PURE__*/_react.default.createElement(PlanChangeSummaryCharges,{changePlanPreview:planPreview,currency:currency})):null,/*#__PURE__*/_react.default.createElement(PlanChangeAlerts,{creditBalance:creditBalance,productChangeStrategy:productChangeStrategy,nextBillingDate:nextBillingDate,basePlanPrice:basePlanPrice,totalCharge:totalCharge}));};const ErrorAlert=_ref418=>{let{error}=_ref418;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const description=error==='CardDeclined'?t('plan_change.credit_card_declined'):t('plan_change.unexpected_error_description');const title=error==='CardDeclined'?t('plan_change.credit_card_declined_title'):t('plan_change.unexpected_error_title');return/*#__PURE__*/_react.default.createElement(Alert,{color:'danger',title:title},/*#__PURE__*/_react.default.createElement(BodyText,{variant:"body2",color:"danger.dark"},description));};const Content$3=_ref419=>{let{onClose,catalogId,subscriptionId,displayMode,onProcessingUpdate}=_ref419;const toastService=useToastMessages();const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{modalsService}=useServices();const{subscription}=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId));const showToast=()=>{toastService.show({level:'success',message:t('plan_change.success_plan_change')});};const onPlanChangeSuccess=()=>{onClose(true);showToast();};const onThreeDsConfirmation=threeDsActionLink=>{onClose(true);modalsService.send({type:'SHOW_THREE_D_SECURE',catalogId,subscriptionId,threeDsActionLink,onSuccess:()=>{showToast();}});};const changePlanService=useChangePlan(catalogId,subscriptionId,subscription.product.id,onPlanChangeSuccess,onThreeDsConfirmation);const currentPlanId=subscription.product.id;const{configurePlanStep,previewPlanStep,configurePlanStepLoading,updatePlanLoading,previewPlanLoading,isError}=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getChangePlanStatus);const selectedPlan=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getSelectedPlan);const error=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getError);(0,_react.useEffect)(()=>{changePlanService.send({type:'GET_PRODUCTS'});},[]);(0,_react.useEffect)(()=>{onProcessingUpdate(updatePlanLoading);},[updatePlanLoading,onProcessingUpdate]);const modalTitle=configurePlanStep?t('plan_change.change_plan'):t('plan_change.summary_title');return/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:modalTitle})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,isError?(/*#__PURE__*/_react.default.createElement(ErrorAlert,{error:error})):(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,configurePlanStepLoading?/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:400}):null,configurePlanStep?(/*#__PURE__*/_react.default.createElement(ChangePlanContainer,{changePlanService:changePlanService,currency:subscription.currency,currentPlanId:currentPlanId})):null,previewPlanStep?(/*#__PURE__*/_react.default.createElement(PreviewProductMigrationContainer,{currentProductName:subscription.product.name,currency:subscription.currency,changePlanService:changePlanService})):null))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},previewPlanStep&&!isError?(/*#__PURE__*/_react.default.createElement(Box,{marginRight:'auto'},/*#__PURE__*/_react.default.createElement(Button$1,{color:'secondary',label:t('go_back',{ns:'common'}),onClick:()=>changePlanService.send({type:'GO_BACK'}),iconLeft:'chevronLeft'}))):null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close',{ns:'common'}),onClick:()=>onClose(false)}),configurePlanStep&&!isError?(/*#__PURE__*/_react.default.createElement(Button$1,{isLoading:previewPlanLoading,label:t('continue',{ns:'common'}),disabled:selectedPlan===currentPlanId,loadingText:t('processing',{ns:'common'}),onClick:()=>changePlanService.send({type:'GET_PREVIEW_PRODUCT_MIGRATION'})})):null,previewPlanStep&&!isError?(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('confirm_changes',{ns:'common'}),isLoading:updatePlanLoading,loadingText:t('processing',{ns:'common'}),onClick:()=>changePlanService.send({type:'CONFIRM_CHANGE_PLAN'})})):null)));};const ChangeSubscriptionPlan=()=>{const[closeDisable,setCloseDisable]=(0,_react.useState)(false);const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getChangeSubscriptionPlan);const closeHandler=successUpdate=>{if(!closeDisable||successUpdate)modalsService.send({type:'CLOSE_MODAL'});};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:()=>closeHandler(),variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$3,{...meta,displayMode:modalVariant,onProcessingUpdate:isProcessing=>setCloseDisable(isProcessing),onClose:closeHandler}));};const Content$2=_ref420=>{let{onClose,catalogId,subscriptionId,threeDsActionLink,onSuccess}=_ref420;const threeDsService=useThreeDs({catalogId,subscriptionId,onSuccess});(0,_react.useEffect)(()=>{window.addEventListener('message',event=>{if(event.data?.THREE_DS_STATUS){threeDsService.send('THREE_DS_SUCCESS');}if(event.data?.THREE_DS_STATUS===false){onClose();}});return()=>window.removeEventListener('message',()=>{});},[threeDsActionLink]);return/*#__PURE__*/_react.default.createElement("iframe",{title:'3ds-confirmation',src:threeDsActionLink,style:{width:'700px',height:'700px',border:'none'}});};const ThreeDsConfirmation=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getThreeDsConfirmation);const closeHandler=()=>{modalsService.send({type:'CLOSE_MODAL'});};const onSuccess=()=>{meta.onSuccess();closeHandler();};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$2,{...meta,displayMode:modalVariant,onClose:closeHandler,onSuccess:onSuccess}));};const getAlertTitle=(_ref421,t,currency)=>{let{code,percentage,recurring,amountInCents}=_ref421;const amount=amountInCents&&formatCurrency(currency,amountInCents,currency);if(recurring){return percentage?t('coupons.recurring_percent',{percentage,code}):t('coupons.recurring_amount',{code,amount});}return percentage?t('coupons.one_time_percent',{percentage,code}):t('coupons.one_time_amount',{code,amount});};const getAlertMsg=(_ref422,t,currency)=>{let{percentage,amountInCents,expiresAt}=_ref422;const amount=amountInCents&&formatCurrency(currency,amountInCents,currency);const date=expiresAt&&formatDate(expiresAt);if(expiresAt){return percentage?t('coupons.recurring_description_till',{value:`${percentage}%`,date}):t('coupons.recurring_description_till',{value:`-${amount}`,date});}return percentage?t('coupons.recurring_description',{value:`${percentage}%`}):t('coupons.recurring_description',{value:`-${amount}`});};const getCouponErrorMsg=(error,t)=>{switch(error){case'CouponNotFound':return t('coupons.coupon_not_found');case'NonStackableCoupon':return t('coupons.non_stackable_coupon');case'CouponNoLongerActive':return t('coupons.coupon_no_longer_active');case'InvalidCoupon':return t('coupons.invalid_coupon');}};const CouponSummary=_ref423=>{let{onClick,coupon,currency}=_ref423;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const alertTitle=getAlertTitle(coupon,t,currency);const alertDescription=getAlertMsg(coupon,t,currency);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Alert,{color:'success',icon:'receipt',title:alertTitle},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,alertDescription)),/*#__PURE__*/_react.default.createElement(Box,{marginTop:5},/*#__PURE__*/_react.default.createElement(Button$1,{color:'primary',onClick:onClick,label:t('coupons.add_another_coupon')})));};const Content$1=_ref424=>{let{onClose,displayMode,subscriptionDetailsService,currency}=_ref424;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const coupons=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getCoupons);const couponError=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getError);const addedCoupon=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getAddedCoupon);const{isAddingCoupon,isCouponAdded}=(0,_react2.useSelector)(subscriptionDetailsService,subscriptionSelectors.getCouponsStatus);const[couponCode,setCouponCode]=_react.default.useState('');const formattedCoupons=(0,_react.useMemo)(()=>coupons?.map(coupon=>({code:coupon.code,value:formatCouponValue(coupon,currency),description:getCouponDescription(coupon,t)})),[coupons]);const handleAddCoupon=()=>{subscriptionDetailsService.send({type:'ADD_COUPON',couponCode});};const handleAddAnotherCoupon=()=>{setCouponCode('');subscriptionDetailsService.send({type:'ADD_ANOTHER_COUPON'});};const modalTitle=isCouponAdded?'coupon_summary_title':'add_coupon_title';const couponErrorMsg=getCouponErrorMsg(couponError,t);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t(`coupons.${modalTitle}`)})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,!addedCoupon?(/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(BodyText,null,t('coupons.applied_coupons'))),/*#__PURE__*/_react.default.createElement(CouponsList,{coupons:formattedCoupons}),/*#__PURE__*/_react.default.createElement(Box,{marginTop:7,width:285,marginBottom:5},/*#__PURE__*/_react.default.createElement(FormField,{label:t('coupons.coupon_code'),name:'couponCode',hasError:!!couponError,error:couponErrorMsg},/*#__PURE__*/_react.default.createElement(Input$1,{onChange:e=>setCouponCode(e.target.value),name:'couponCode',value:couponCode}))))):null,addedCoupon?(/*#__PURE__*/_react.default.createElement(CouponSummary,{currency:currency,onClick:handleAddAnotherCoupon,coupon:addedCoupon})):null),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('back',{ns:'common'}),onClick:onClose}),!addedCoupon?(/*#__PURE__*/_react.default.createElement(Button$1,{disabled:isAddingCoupon||!couponCode,isLoading:isAddingCoupon,color:"primary",label:t('coupons.apply_coupon'),onClick:handleAddCoupon})):null))));};const AddCoupon=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getAddCoupon);const closeHandler=()=>{modalsService.send({type:'CLOSE_MODAL'});};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$1,{...meta,displayMode:modalVariant,onClose:closeHandler}));};const Content=_ref425=>{let{onClose,displayMode,subscriptionId,catalogId}=_ref425;const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const addOnsConfigurationService=useAddonsConfigurationService(catalogId);const{configureAllocationsStep,previewAllocationsStep,previewAllocationsLoading,updateAllocationsLoading}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState);const allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);const getCurrentStep=()=>previewAllocationsStep?1:0;(0,_react.useEffect)(()=>{addOnsConfigurationService.send('INITIALIZE',{subscriptionId});},[]);return/*#__PURE__*/_react.default.createElement(Card$3,{border:displayMode==='layer'?'sharp':'rounded'},/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Modal$1.Title,{onClose:onClose,title:t('components_allocations.configure_add_ons')})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement(Box,{marginBottom:9},/*#__PURE__*/_react.default.createElement(Stepper,{steps:[t('components_allocations.modal_edit_addons'),t('components_allocations.modal_preview_charges')],currentStep:getCurrentStep(),variant:"horizontal"})),/*#__PURE__*/_react.default.createElement(ComponentsAllocationContainer,{subscriptionId:subscriptionId,addOnsConfigurationService:addOnsConfigurationService,onClose:onClose})),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,{alignment:"right"},previewAllocationsStep&&(/*#__PURE__*/_react.default.createElement(Box,{marginRight:"auto"},/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('go_back',{ns:'common'}),iconLeft:"chevronLeft",onClick:()=>{addOnsConfigurationService.send('GO_BACK');}}))),/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel',{ns:'common'}),onClick:onClose}),configureAllocationsStep&&(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('components_allocations.go_to_preview',{ns:'subscriptions-manager'}),disabled:previewAllocationsLoading||allocations.length===0,isLoading:previewAllocationsLoading,loadingText:t('processing',{ns:'common'}),onClick:()=>addOnsConfigurationService.send('PREVIEW_ALLOCATIONS',{allocations})})),previewAllocationsStep&&(/*#__PURE__*/_react.default.createElement(Button$1,{label:t('components_allocations.confirm_changes',{ns:'subscriptions-manager'}),disabled:updateAllocationsLoading,isLoading:updateAllocationsLoading,loadingText:t('processing',{ns:'common'}),onClick:()=>{addOnsConfigurationService.send('UPDATE_ALLOCATIONS',{allocations});}})))));};const ComponentsAllocation$1=()=>{const{modalsService}=useServices();const modalVariant=useModalVariant();const{isOpen,meta}=(0,_react2.useSelector)(modalsService,modalsSelectors.getAddonsConfiguration);const closeHandler=()=>modalsService.send({type:'CLOSE_MODAL'});return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content,{...meta,displayMode:modalVariant,onClose:closeHandler}));};const ModalsContainer=()=>{return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(AddCoupon,null),/*#__PURE__*/_react.default.createElement(ReactivateSubscription,null),/*#__PURE__*/_react.default.createElement(ComponentsAllocation$1,null),/*#__PURE__*/_react.default.createElement(ResumeSubscription,null),/*#__PURE__*/_react.default.createElement(PauseSubscription,null),/*#__PURE__*/_react.default.createElement(CancelSubscription,null),/*#__PURE__*/_react.default.createElement(UndoCancelation,null),/*#__PURE__*/_react.default.createElement(ChangeSubscriptionPlan,null),/*#__PURE__*/_react.default.createElement(ThreeDsConfirmation,null));};const useProductCatalog=()=>{const{productCatalogService}=(0,_react.useContext)(GlobalStateContext);const items=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getProductCatalogItems);const{isLoading,error,ready}=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getProductCatalogFetchStatus);const initialize=(0,_react.useCallback)(()=>{if(error)productCatalogService.send('RETRY_FETCH_PRODUCT_CATALOG');else productCatalogService.send('INITIALIZE');},[error]);return{items,error,ready,isLoading,initialize};};const useSubscriptions=()=>{const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{isLoading,error,ready}=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsFetchStatus);const initialize=(0,_react.useCallback)(()=>{if(error)subscriptionsService.send('RETRY_FETCH_SUBSCRIPTIONS');else subscriptionsService.send('FETCH_SUBSCRIPTIONS');},[error]);return{isLoading,initialize,ready,error};};const SubscriptionsList=()=>{const{t}=(0,_reactI18next.useTranslation)(['common','subscriptions-manager']);const subscriptions=useSubscriptions();const productCatalog=useProductCatalog();(0,_react.useEffect)(()=>{productCatalog.initialize();subscriptions.initialize();},[]);return/*#__PURE__*/_react.default.createElement(ContentLoader,{isLoading:subscriptions.isLoading||productCatalog.isLoading,contentReady:subscriptions.ready&&productCatalog.ready,errorMessage:t('loading_services_error',{ns:'subscriptions-manager'}),loadingError:productCatalog.error||subscriptions.error,onReinitialize:()=>{productCatalog.initialize();subscriptions.initialize();}},/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,productCatalog.items.map(_ref426=>{let{id,name}=_ref426;return/*#__PURE__*/_react.default.createElement(SubscriptionsContainer,{key:id,catalogId:id,catalogName:name,useExpandableLayout:productCatalog.items.length>1});})));};const Subscription=()=>{const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const navigate=(0,_reactRouterDom.useNavigate)();const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const{catalogId,subscriptionId}=(0,_reactRouterDom.useParams)();const{subscriptionsService,productCatalogService}=(0,_react.useContext)(GlobalStateContext);const productCatalog=(0,_react2.useSelector)(productCatalogService,(0,_react.useCallback)(productCatalogSelectors.getProductCatalogById(Number(catalogId)),[]));const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[]));const{id,product:{name}}=subscription;return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:productCatalog?.name&&`${productCatalog.name}:`,subtitle:name,size:isOnMobileDevice?'small':'medium',previousPageLabel:t('back_to_subscriptions_list',{ns:'subscriptions-manager'}),onBack:()=>navigate('/')}),/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{style:{position:'relative'},initial:{top:50,opacity:0.2},animate:{top:0,opacity:1}},/*#__PURE__*/_react.default.createElement(SubscriptionContainer,{id:id,detailsVisible:true,product:subscription.product,status:subscription.status,components:subscription.components,productFamilyId:subscription.productFamilyId,currency:subscription.currency,layout:"all-details"})));};const ComponentsAllocation=()=>{const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']);const navigate=(0,_reactRouterDom.useNavigate)();const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{subscription:subscriptionConfig}=useComponentSettings();const{subscriptionId,catalogId}=(0,_reactRouterDom.useParams)();const addOnsConfigurationService=useAddonsConfigurationService(Number(catalogId));const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[]));const{product:{name}}=subscription;const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const onFinishConfiguration=(0,_react.useCallback)(()=>{if(subscriptionConfig.details==='page'){navigate(`/subscription/${catalogId}/${subscriptionId}`);}else{navigate('/');}},[subscriptionConfig.details]);(0,_react.useEffect)(()=>{addOnsConfigurationService.send('INITIALIZE',{subscriptionId});},[]);const allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);const{configureAllocationsStep,previewAllocationsStep,previewAllocationsLoading,updateAllocationsLoading}=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState);const getCurrentStep=()=>previewAllocationsStep?1:0;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:`${name}:`,subtitle:t('components_allocations.addons_configuration',{ns:'subscriptions-manager'}),size:isOnMobileDevice?'small':'medium'}),/*#__PURE__*/_react.default.createElement(Card$3,null,isOnMobileDevice&&(/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Stepper,{steps:[t('components_allocations.modal_edit_addons'),t('components_allocations.modal_preview_charges')],currentStep:getCurrentStep(),variant:"vertical"}))),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:16},!isOnMobileDevice&&(/*#__PURE__*/_react.default.createElement(Column$1,{span:6},/*#__PURE__*/_react.default.createElement(Stepper,{steps:[t('components_allocations.modal_edit_addons'),t('components_allocations.modal_preview_charges')],currentStep:getCurrentStep(),variant:"vertical"}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:isOnMobileDevice?24:18},/*#__PURE__*/_react.default.createElement(ComponentsAllocationContainer,{subscriptionId:Number(subscriptionId),addOnsConfigurationService:addOnsConfigurationService,onClose:onFinishConfiguration})))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t(previewAllocationsStep?'components_allocations.confirm_changes':'components_allocations.go_to_preview',{ns:'subscriptions-manager'}),disabled:previewAllocationsLoading||updateAllocationsLoading||allocations.length===0,isLoading:previewAllocationsLoading||updateAllocationsLoading,loadingText:t('processing',{ns:'common'}),onClick:()=>{if(configureAllocationsStep){addOnsConfigurationService.send('PREVIEW_ALLOCATIONS',{allocations});}else{addOnsConfigurationService.send('UPDATE_ALLOCATIONS',{allocations});}}}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel',{ns:'common'}),onClick:onFinishConfiguration})))));};const CustomFieldsForm=_ref427=>{let{customFields,onChange,isError,portalContainer}=_ref427;const{t}=(0,_reactI18next.useTranslation)(['customer-details']);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,isError&&(/*#__PURE__*/_react.default.createElement(Box,{marginBottom:5},/*#__PURE__*/_react.default.createElement(Alert,{color:"danger"},/*#__PURE__*/_react.default.createElement(Alert.TextMessage,null,t('error.we_were_unable_to_save_your_custom_fields'))))),/*#__PURE__*/_react.default.createElement(Box,{width:200},customFields.map(_ref428=>{let{name,id,fieldType,value,enum:options}=_ref428;return/*#__PURE__*/_react.default.createElement(FormField,{label:name,name:name,key:id,fullWidth:true},renderField({portalContainer,id,name,fieldType,value:value||'',options,onChange,maxLength:2048}));})));};const CustomFields=()=>{const navigate=(0,_reactRouterDom.useNavigate)();const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{subscriptionsService}=(0,_react.useContext)(GlobalStateContext);const{subscriptionId,catalogId}=(0,_reactRouterDom.useParams)();const toastsService=useToastMessages();const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const portalContainer=(0,_react.useRef)(null);const{customFieldsRef,subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[]));const{product:{name}}=subscription;const[editedFields,setEditedFields]=(0,_react.useState)(null);const[_,sendToMachine]=(0,_react2.useActor)(customFieldsRef);const{isReady,isSaving,isSaveError}=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFieldsState);(0,_react.useEffect)(()=>{if(isReady){toastsService.show({level:'success',message:t('changes_saved',{ns:'common'})});navigate('/');}},[isReady]);const customFields=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFields);const onFieldValueChange=(id,value)=>{const fields=[...editedFields];const index=fields.findIndex(field=>{return field.id===id;});fields[index]={...fields[index],value:value};setEditedFields(fields);};(0,_react.useEffect)(()=>{setEditedFields(customFields);},[customFields]);return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:name,size:isOnMobileDevice?'small':'medium'}),/*#__PURE__*/_react.default.createElement(Card$3,null,/*#__PURE__*/_react.default.createElement(Card$3.Header,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3"},t('custom_fields.additional_settings',{ns:'subscriptions-manager'}))),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,editedFields&&(/*#__PURE__*/_react.default.createElement(CustomFieldsForm,{portalContainer:portalContainer,customFields:editedFields,onChange:onFieldValueChange,isError:isSaveError}))),/*#__PURE__*/_react.default.createElement(Card$3.Footer,null,/*#__PURE__*/_react.default.createElement(Button$1.Group,null,/*#__PURE__*/_react.default.createElement(Button$1,{label:t('custom_fields.update_additional_settings'),color:'primary',onClick:()=>{sendToMachine({type:'SAVE',payload:editedFields.map(_ref429=>{let{id,value}=_ref429;return{id,value};})});},isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:()=>navigate('/')})))),/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer,style:{position:'absolute',top:0,left:0}}));};const PaymentProfiles=()=>{const{t}=(0,_reactI18next.useTranslation)(['subscriptions-manager']);const{subscriptionId,catalogId}=(0,_reactRouterDom.useParams)();const{subscriptionsService}=useServices();const{device}=useDeviceInfo();const isOnMobileDevice=['tablet','mobile'].includes(device);const{subscription}=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[]));return/*#__PURE__*/_react.default.createElement(PaymentProfilesProvider,null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:t('payment_profile.billing_info'),subtitle:subscription?.product.name,size:isOnMobileDevice?'small':'medium'}),/*#__PURE__*/_react.default.createElement(PaymentProfilesContainer,{catalogId:Number(catalogId),subscriptionId:Number(subscriptionId)}),/*#__PURE__*/_react.default.createElement(DeletePaymentMethod,null),/*#__PURE__*/_react.default.createElement(PreviewPaymentMethod,null),/*#__PURE__*/_react.default.createElement(ChangePaymentMethod,null),/*#__PURE__*/_react.default.createElement(PaymentProfile,null));};const App=_ref430=>{let{subscription,paymentProfile,componentsAllocation}=_ref430;return/*#__PURE__*/_react.default.createElement(ConfigContext.Provider,{value:{subscription,paymentProfile,componentsAllocation}},/*#__PURE__*/_react.default.createElement(GlobalStateProvider,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.MemoryRouter,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.Routes,null,/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"/",element:/*#__PURE__*/_react.default.createElement(SubscriptionsList,null)}),/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"subscription/:catalogId/:subscriptionId",element:/*#__PURE__*/_react.default.createElement(Subscription,null)}),/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"paymentProfiles/:catalogId/:subscriptionId",element:/*#__PURE__*/_react.default.createElement(PaymentProfiles,null)}),/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"componentsAllocation/:catalogId/:subscriptionId",element:/*#__PURE__*/_react.default.createElement(ComponentsAllocation,null)}),/*#__PURE__*/_react.default.createElement(_reactRouterDom.Route,{path:"customFields/:catalogId/:subscriptionId",element:/*#__PURE__*/_react.default.createElement(CustomFields,null)})),/*#__PURE__*/_react.default.createElement(ModalsContainer,null))));};const defaultSettings={componentsAllocation:{allocationFlow:'modal'},subscription:{details:'page'},paymentProfile:{editFlow:'modal',requiredFields:[],addressFields:['address','address2','city','state','zip','country']}};class SubscriptionsManager extends EmbeddableComponent{constructor(_ref431){let{i18n,componentsTheme,sessionManager,dataAccess}=_ref431;super({i18n,componentsTheme,sessionManager,dataAccess});}render(container,componentSettings){const settings=componentSettings||defaultSettings;super.renderComponent(container,App,settings,SubscriptionsManagerLoader);}}const DEFAULT_LANGUAGE='en';const API_URL='https://selfservice.maxio.com/api';const LOAD_PATH_VERSION_NUMBER='v1';const DEFAULT_LOAD_PATH=`https://embeddable-ui-components.maxio.com/translations/${LOAD_PATH_VERSION_NUMBER}/{{lng}}/{{ns}}.json`;class ComponentsSDK{theme=(()=>theme)();i18n;sessionManager;dataAccess;logger;apiUrl=(()=>API_URL)();constructor(_ref432){let{theme,accessTokenUrl,onAuthenticationRequest,onAuthenticationRequestAsync,i18nSettings,apiUrl}=_ref432;this.i18n=this.createI18NInstance(i18nSettings||{language:null,loadPath:null});if(theme)this.theme=ThemeUtilities.createTheme(theme);if(apiUrl)this.apiUrl=apiUrl;this.sessionManager=new SessionManager({accessTokenUrl,apiUrl,onAuthenticationRequest,onAuthenticationRequestAsync});this.dataAccess=new DataAccess({sessionManager:this.sessionManager,baseUrl:this.apiUrl});this.logger=_jsLogger.default.get('@components-factory');}createI18NInstance(_ref433){let{loadPath,language}=_ref433;return _i18next.default.createInstance({lng:language||DEFAULT_LANGUAGE,fallbackLng:'en',defaultNS:'common',backend:{loadPath:loadPath||DEFAULT_LOAD_PATH},react:{useSuspense:false},interpolation:{escapeValue:false}}).use(_reactI18next.initReactI18next).use(_i18nextHttpBackend.default);}initI18N(){if(!this.i18n.isInitialized){this.logger.info('Initializing i18n instance');this.i18n.init({ns:['common']});}}get i18nInstance(){return this.i18n;}create(component){this.initI18N();this.sessionManager.initialize();const componentConfig={dataAccess:this.dataAccess,sessionManager:this.sessionManager,componentsTheme:this.theme,i18n:this.i18nInstance};switch(component){case'subscriptions-manager':return new SubscriptionsManager(componentConfig);case'customer-details':return new SubscriptionsManager$1(componentConfig);case'billing-history':return new BillingHistory(componentConfig);}}}exports.Components=ComponentsSDK;
2
2
  //# sourceMappingURL=maxio-components.cjs.js.map