@maxio-com/self-service 1.9.0 → 1.9.2

package/dist/maxio-components.cjs.js

@@ -1,2 +1,2 @@
-"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_typeof(obj);}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 _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");var _excluded=["label","size","iconLeft","iconRight","disabled","onClick"],_excluded2=["label","color","size","fill","disabled","iconLeft","iconRight","isLoading","loadingText","onClick"],_excluded3=["value","inputSize","disabled","iconLeft","iconRight","hasError","variant","fullWidth","onChange"],_excluded4=["children","gutter","rowGap"],_excluded5=["value","onChange","label","isDisabled"],_excluded6=["label","value","onValueChange","isSelected","isDisabled"],_excluded7=["size","status","fullWidth","variant"],_excluded8=["children"],_excluded9=["separator","placeholder","validationFn","tags","tagProps","onCreate","onRemove","onPaste","blinkTime","fullWidth","maxTags"],_excluded10=["children","align"],_excluded11=["sortMode","children","align","onClick","minWidth","disableSort"],_excluded12=["address2"],_excluded13=["subscriptionId"],_excluded14=["sortBy"],_excluded15=["date"],_excluded16=["onChange","placeholder","value"],_excluded17=["onChange","placeholder","values","showSearch","products"],_excluded18=["currency","amountDueInCents","totalAmountInCents"],_excluded19=["state"],_excluded20=["catalogId","subscriptionId","type"],_excluded21=["type"],_excluded22=["state","scheduledCancellationAt"],_excluded23=["type"],_excluded24=["status","show3DSModal","existingBalance"],_excluded25=["status","product","productFamilyId","billing","components","customFields","referralCode","threeDsActionLink"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _createForOfIteratorHelper(o,allowArrayLike){var it=typeof Symbol!=="undefined"&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&typeof o.length==="number"){if(it)o=it;var i=0;var F=function F(){};return{s:F,n:function n(){if(i>=o.length)return{done:true};return{done:false,value:o[i++]};},e:function e(_e2){throw _e2;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var normalCompletion=true,didErr=false,err;return{s:function s(){it=it.call(o);},n:function n(){var step=it.next();normalCompletion=step.done;return step;},e:function e(_e3){didErr=true;err=_e3;},f:function f(){try{if(!normalCompletion&&it.return!=null)it.return();}finally{if(didErr)throw err;}}};}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return _typeof(key)==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(_typeof(input)!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(_typeof(res)!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _objectDestructuringEmpty(obj){if(obj==null)throw new TypeError("Cannot destructure undefined");}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return exports;};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";function define(obj,key,value){return Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}),obj[key];}try{define({},"");}catch(err){define=function define(obj,key,value){return obj[key]=value;};}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return generator._invoke=function(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"===state)throw new Error("Generator is already running");if("completed"===state){if("throw"===method)throw arg;return doneResult();}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult;}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"===state)throw state="completed",context.arg;context.dispatchException(context.arg);}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done};}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg);}};}(innerFn,self,context),generator;}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)};}catch(err){return{type:"throw",arg:err};}}exports.wrap=wrap;var ContinueSentinel={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,function(){return this;});var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);function defineIteratorMethods(prototype){["next","throw","return"].forEach(function(method){define(prototype,method,function(arg){return this._invoke(method,arg);});});}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==_typeof(value)&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then(function(value){invoke("next",value,resolve,reject);},function(err){invoke("throw",err,resolve,reject);}):PromiseImpl.resolve(value).then(function(unwrapped){result.value=unwrapped,resolve(result);},function(error){return invoke("throw",error,resolve,reject);});}reject(record.arg);}var previousPromise;this._invoke=function(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl(function(resolve,reject){invoke(method,arg,resolve,reject);});}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();};}function maybeInvokeDelegate(delegate,context){var method=delegate.iterator[context.method];if(undefined===method){if(context.delegate=null,"throw"===context.method){if(delegate.iterator.return&&(context.method="return",context.arg=undefined,maybeInvokeDelegate(delegate,context),"throw"===context.method))return ContinueSentinel;context.method="throw",context.arg=new TypeError("The iterator does not provide a 'throw' method");}return ContinueSentinel;}var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=undefined),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel);}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry);}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record;}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0);}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;){if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;}return next.value=undefined,next.done=!0,next;};return next.next=next;}}return{next:doneResult};}function doneResult(){return{value:undefined,done:!0};}return GeneratorFunction.prototype=GeneratorFunctionPrototype,define(Gp,"constructor",GeneratorFunctionPrototype),define(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name));},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun;},exports.awrap=function(arg){return{__await:arg};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,function(){return this;}),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then(function(result){return result.done?result.value:iter.next();});},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,function(){return this;}),define(Gp,"toString",function(){return"[object Generator]";}),exports.keys=function(object){var keys=[];for(var key in object){keys.push(key);}return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next;}return next.done=!0,next;};},exports.values=values,Context.prototype={constructor:Context,reset:function reset(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=undefined,this.done=!1,this.delegate=null,this.method="next",this.arg=undefined,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this){"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=undefined);}},stop:function stop(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval;},dispatchException:function dispatchException(exception){if(this.done)throw exception;var context=this;function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=undefined),!!caught;}for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc);}else if(hasCatch){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);}else{if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc);}}}},abrupt:function abrupt(type,arg){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break;}}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record);},complete:function complete(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel;},finish:function finish(finallyLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel;}},catch:function _catch(tryLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry);}return thrown;}}throw new Error("illegal catch attempt");},delegateYield:function delegateYield(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName:resultName,nextLoc:nextLoc},"next"===this.method&&(this.arg=undefined),ContinueSentinel;}},exports;}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i];}return arr2;}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}var 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,function(_ref){var size=_ref.size;return size?"".concat(size,"px"):'100%';},function(_ref2){var size=_ref2.size;return size?"".concat(size,"px"):'100%';});var getIcon=function 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;}};var Icon=function Icon(_ref3){var _ref3$fill=_ref3.fill,fill=_ref3$fill===void 0?'black':_ref3$fill,type=_ref3.type,size=_ref3.size,onClick=_ref3.onClick;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"}));};var commonSettings$6={fontWeight:2,fontFamily:'secondary',borderRadius:3,lineHeight:'100%',boxShadow:function boxShadow(props){return props.boxShadows.input;},'&:focus-visible':{boxShadow:function boxShadow(props){return"0 0 0 3px ".concat(props.colors.primary.light);}}};var 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:_objectSpread({paddingTop:'2',paddingBottom:'2',paddingLeft:'3',paddingRight:'3',fontSize:'0',lineHeight:'0'},commonSettings$6),medium:_objectSpread({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'}}}}};var commonSettings$5={fontWeight:2,fontFamily:'secondary',color:'primary.main',borderRadius:1,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'3px'},'&:hover':{color:'primary.dark'}};var anchorSettings={componentVariants:{size:{prop:'size',variants:{small:_objectSpread({fontSize:'0',lineHeight:'0',columnGap:'2'},commonSettings$5),medium:_objectSpread({fontSize:'1',lineHeight:'1',columnGap:'3'},commonSettings$5)}},iconSize:{prop:'iconSize',variants:{small:{width:'0',height:'0'},medium:{width:'1',height:'1'}}}}};var bodyTextSettings={componentVariants:{variant:{prop:'variant',variants:{body1:{fontSize:2,lineHeight:2},body2:{fontSize:1,lineHeight:1},body3:{fontSize:0,lineHeight:0}}}}};var 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}}}}};var commonSettings$4={fontWeight:1,fontFamily:'secondary',fontSize:'0',lineHeight:'0'};var inputMessageSettings={componentVariants:{type:{prop:'type',variants:{normal:_objectSpread({color:'gray.dark'},commonSettings$4),error:_objectSpread({color:'danger.main'},commonSettings$4)}}}};var inputSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',borderColor:'gray.light',backgroundColor:'white.main',borderRadius:3,boxShadow:function boxShadow(props){return 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'}}}}};var tooltipSettings={componentVariants:{size:{prop:'size',variants:{regular:{borderRadius:1,paddingTop:4,paddingRight:5,paddingBottom:4,paddingLeft:5,maxWidth:'300px',boxShadow:function boxShadow(props){return"0px 12px 24px ".concat((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}}}}};var 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'}}}}};var switcherBase={width:4,height:4,borderRadius:4,backgroundColor:'white.main',borderWidth:1,borderStyle:'solid'};var 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':_objectSpread({borderColor:'success.dark'},switcherBase),'primary-active-off':_objectSpread({borderColor:'success.dark'},switcherBase),'primary-disabled-on':_objectSpread({borderColor:'success.light'},switcherBase),'primary-disabled-off':_objectSpread({borderColor:'gray.light'},switcherBase),'reversed-active-on':_objectSpread({borderColor:'success.dark'},switcherBase),'reversed-active-off':_objectSpread({borderColor:'success.dark'},switcherBase),'reversed-disabled-on':_objectSpread({borderColor:'success.light'},switcherBase),'reversed-disabled-off':_objectSpread({borderColor:'gray.light'},switcherBase)}}}};var commonSettings$3={borderWidth:1,borderStyle:'solid'};var labelCommonSettings$1={fontFamily:'secondary',fontSize:1,lineHeight:1,fontWeight:2,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'2px'}};var checkboxSettings={componentVariants:{variant:{prop:'variant',variants:{'checked-disabled':_objectSpread({backgroundColor:'success.light',borderColor:'success.light'},commonSettings$3),'checked-active':_objectSpread({backgroundColor:'success.main',borderColor:'success.main'},commonSettings$3),'unchecked-disabled':_objectSpread({backgroundColor:'white.dark',borderColor:'gray.main'},commonSettings$3),'unchecked-active':_objectSpread(_objectSpread({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:_objectSpread(_objectSpread({},labelCommonSettings$1),{},{color:'gray.main'}),active:_objectSpread(_objectSpread({},labelCommonSettings$1),{},{color:'primary.extraDark'})}}}};var subscriptionComponentCardSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{backgroundColor:'primary.extraLight'},secondary:{backgroundColor:'white.main'}}}}};var selectSettings={componentVariants:{selectVariant:{prop:'selectVariant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:function boxShadow(props){return 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'}}}}}};var radioCommonSettings={boxShadow:function boxShadow(props){return"inset ".concat(props.boxShadows.input);},width:2,minWidth:2,height:2};var dotCommonSettings={width:0,height:0};var labelCommonSettings={fontFamily:'secondary',fontSize:1,lineHeight:1,fontWeight:2,gap:2,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'2px'}};var radioButtonSettings={componentVariants:{variant:{prop:'variant',variants:{'selected-active':_objectSpread(_objectSpread({borderColor:'success.main',borderWidth:'2px',borderStyle:'solid',cursor:'pointer'},radioCommonSettings),{},{'&:before':_objectSpread({visibility:'visible',backgroundColor:'success.main'},dotCommonSettings)}),'selected-disabled':_objectSpread(_objectSpread({borderColor:'success.light',borderWidth:'2px',borderStyle:'solid'},radioCommonSettings),{},{'&:before':_objectSpread({visibility:'visible',backgroundColor:'success.light'},dotCommonSettings)}),'unselected-active':_objectSpread({borderColor:'gray.main',borderWidth:'1px',borderStyle:'solid',backgroundColor:'white.main',cursor:'pointer','&:before':_objectSpread({visibility:'hidden'},dotCommonSettings)},radioCommonSettings),'unselected-disabled':_objectSpread({borderColor:'gray.main',borderWidth:'1px',borderStyle:'solid',backgroundColor:'white.dark','&:before':_objectSpread({visibility:'hidden'},dotCommonSettings)},radioCommonSettings)}},labelVariant:{prop:'labelVariant',variants:{active:_objectSpread(_objectSpread({},labelCommonSettings),{},{color:'primary.extraDark',cursor:'pointer'}),disabled:_objectSpread(_objectSpread({},labelCommonSettings),{},{color:'gray.main'})}}}};var optionsSettings={componentVariants:{selectVariant:{prop:'selectVariant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:function boxShadow(props){return 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'}}}}};var textAreaSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',borderColor:'gray.light',backgroundColor:'white.main',borderRadius:3,boxShadow:function boxShadow(props){return 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'}}}}}};var 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};var 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'}}}}};var cardSettings={componentVariants:{variant:{prop:'variant',variants:{small:{borderWidth:'1px',borderStyle:'solid',borderColor:'gray.extraLight',boxShadow:function boxShadow(props){return"0 12px 24px ".concat((0,_polished.transparentize)(0.85,props.colors.black.dark));}},regular:{borderWidth:'1px',borderStyle:'solid',borderColor:'gray.extraLight',boxShadow:function boxShadow(props){return"0 8px 16px ".concat((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}}}}};var commonSettings$2={paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'3px',zIndex:1}};var 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:_objectSpread({},commonSettings$2),regular:_objectSpread({},commonSettings$2)}}}};var 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'}}}}};var formFieldSettings={componentVariants:{labelPosition:{prop:'labelPosition',variants:{left:{columnGap:4,flexDirection:'row'},top:{rowGap:2,flexDirection:'column'}}}}};var 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:function boxShadow(props){return props.boxShadows.input;}}}},inputSize:{prop:'inputSize',variants:{regular:{fontSize:1,padding:2,paddingLeft:3,fontFamily:'secondary',lineHeight:1,width:'100%','&::placeholder':{color:'gray.main'}}}}}};var commonSettings$1={fontWeight:2,fontFamily:'secondary',gap:'1'};var inputLabelSettings={componentVariants:{size:{prop:'size',variants:{small:_objectSpread({fontSize:'0',lineHeight:'0'},commonSettings$1),medium:_objectSpread({fontSize:'1',lineHeight:'1'},commonSettings$1)}},color:{prop:'color',variants:{primary:{color:'primary.extraDark'},danger:{color:'danger.main'},gray:{color:'gray.main'}}}}};var commonTextSettings={transform:'translateX(-50%) translateY(8px)',left:'50%',top:'100%'};var 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:_objectSpread(_objectSpread({},commonTextSettings),{},{color:'gray.main'}),active:_objectSpread(_objectSpread({},commonTextSettings),{},{color:'success.main'}),completed:_objectSpread(_objectSpread({},commonTextSettings),{},{color:'success.light'})}}}};var 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'}}}}};var 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:function background(props){return(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}}}}};var 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'}}}}};var creditCardNumberSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};var creditCardAddressSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'gray.dark'}}}}};var creditCardHolderDetailsSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};var accordionSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};var pageHeaderTitleSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'gray.dark'}}}}};var pageHeaderSubtitleSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};var 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};var commonSettings={borderWidth:'1px',borderStyle:'solid',borderColor:'gray.light'};var creditCardSettings={componentVariants:{size:{prop:'size',variants:{regular:_objectSpread({width:'320px',height:'180px',borderRadius:3,padding:6},commonSettings),small:_objectSpread({width:'250px',height:'140px',borderRadius:3,padding:4},commonSettings)}},variant:{prop:'variant',variants:{primary:{background:function background(props){return"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%), ".concat(props.colors.primary.extraLight,";");}},secondary:{background:function background(props){return"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%), ".concat(props.colors.primary.extraLight,";");}}}},status:{prop:'status',variants:{active:{borderColor:'success.main'},error:{borderColor:'danger.main'},unavailable:{borderColor:'danger.main',opacity:0.65},normal:{}}}}};var 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)'}}}}};var 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'}}}}};var commonRowSettings={paddingLeft:7,paddingRight:7,border:0,borderTop:1,borderColor:'gray.extraLight',borderStyle:'solid',background:'white.main'};var 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:_objectSpread(_objectSpread({},commonRowSettings),{},{'&:hover':{backgroundColor:'primary.extraLight'}}),head:_objectSpread({},commonRowSettings)}},footer:{prop:'variant',variants:{default:{background:'primary.extraLight'}}},wrapper:{prop:'wrapper',variants:{default:{borderRadius:3,boxShadow:function boxShadow(props){return"0px 12px 24px 0px ".concat(props.colors.gray.extraLight);}}}}}};var organismsSettings={CreditCard:creditCardSettings,Watermark:watermarkSettings,BankAccount:bankAccountSettings,Table:tableSettings};var componentsSettings=_objectSpread(_objectSpread(_objectSpread({},atomsSettings),moleculesSettings),organismsSettings);var 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'}};var 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 ".concat((0,_polished.transparentize)(0.85,palette.black.dark))},fonts:{primary:"'Montserrat', sans-serif",secondary:'"Open Sans", sans-serif'},components:componentsSettings};var ThemeUtilities=/*#__PURE__*/function(){function ThemeUtilities(){_classCallCheck(this,ThemeUtilities);}_createClass(ThemeUtilities,null,[{key:"createTheme",value:function createTheme(){var partialTheme=arguments.length>0&&arguments[0]!==undefined?arguments[0]:null;if(partialTheme)return(0,_deepmerge.default)(theme,partialTheme,{arrayMerge:function arrayMerge(destinationArray,sourceArray){return sourceArray;}});return theme;}},{key:"getComponentCSSOverrides",value:function getComponentCSSOverrides(_ref4,component){var _theme$components$com;var theme=_ref4.theme;return(_theme$components$com=theme.components[component])===null||_theme$components$com===void 0?void 0:_theme$components$com.cssOverrides;}},{key:"getComponentVariant",value:function getComponentVariant(_ref5,component,variant){var _components$component;var theme=_ref5.theme;var components=theme.components;var componentSettings=(_components$component=components[component])===null||_components$component===void 0?void 0:_components$component.componentVariants;return componentSettings[variant];}}]);return ThemeUtilities;}();var ThemeProvider=function ThemeProvider(_ref6){var children=_ref6.children,theme=_ref6.theme;return/*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider,{theme:theme},children);};(0,_styledSystem.system)({backgroundColor:{property:'background',scale:'colors'}});var fontSmoothing=(0,_styledComponents.css)(["-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Anchor','size'));},function(_ref7){var disabled=_ref7.disabled,theme=_ref7.theme;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)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Anchor');}));var IconContainer$3=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer3",componentId:"maxio-components__sc-lo74t2-2"})(["&&&{display:flex;justify-content:center;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Anchor','iconSize'));});var Anchor=function Anchor(_ref8){var label=_ref8.label,_ref8$size=_ref8.size,size=_ref8$size===void 0?'medium':_ref8$size,iconLeft=_ref8.iconLeft,iconRight=_ref8.iconRight,_ref8$disabled=_ref8.disabled,disabled=_ref8$disabled===void 0?false:_ref8$disabled,_onClick=_ref8.onClick,props=_objectWithoutProperties(_ref8,_excluded);return/*#__PURE__*/_react.default.createElement(StyledAnchor,_objectSpread({size:size,onClick:function onClick(){return!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})));};var 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,function(props){return props.whiteSpace&&(0,_styledComponents.css)(["white-space:",";"],props.whiteSpace);},function(props){return props.overflow==='truncate'&&(0,_styledComponents.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);},function(props){return props.overflow==='break-word'&&(0,_styledComponents.css)(["overflow-wrap:break-word;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BodyText','variant'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'BodyText');}),_styledSystem.lineHeight);var BodyText=function BodyText(_ref9){var _ref9$variant=_ref9.variant,variant=_ref9$variant===void 0?'body1':_ref9$variant,_ref9$fontWeight=_ref9.fontWeight,fontWeight=_ref9$fontWeight===void 0?0:_ref9$fontWeight,_ref9$fontStyle=_ref9.fontStyle,fontStyle=_ref9$fontStyle===void 0?'normal':_ref9$fontStyle,_ref9$color=_ref9.color,color=_ref9$color===void 0?'black.main':_ref9$color,_ref9$textAlign=_ref9.textAlign,textAlign=_ref9$textAlign===void 0?'left':_ref9$textAlign,lineHeight=_ref9.lineHeight,overflow=_ref9.overflow,children=_ref9.children,_ref9$as=_ref9.as,as=_ref9$as===void 0?'p':_ref9$as,whiteSpace=_ref9.whiteSpace;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);};var Container$r=_styledComponents.default.div.withConfig({displayName:"maxio__Containerr",componentId:"maxio-components__sc-lo74t2-4"})(["&&&{display:inline-flex;width:100%;",";",";}"],_styledSystem.gridGap,_styledSystem.justifyContent);var ButtonGroup=function ButtonGroup(_ref10){var children=_ref10.children,_ref10$alignment=_ref10.alignment,alignment=_ref10$alignment===void 0?'left':_ref10$alignment;return/*#__PURE__*/_react.default.createElement(Container$r,{gridGap:"3",justifyContent:alignment==='left'?'flex-start':'flex-end'},children);};var rotate=(0,_styledComponents.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]);var 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);var StyledButton=_styledComponents.default.button.withConfig({displayName:"maxio__StyledButton",componentId:"maxio-components__sc-lo74t2-5"})(["&&&{",";",";",";",";",";",";}"],commonStyle,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','color'));},function(_ref11){var hasIconOnly=_ref11.hasIconOnly,theme=_ref11.theme,size=_ref11.size;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);},function(_ref12){var isLoading=_ref12.isLoading,disabled=_ref12.disabled,color=_ref12.color,theme=_ref12.theme;return isLoading&&!disabled&&(0,_styledComponents.css)(["color:",";pointer-events:none;"],color==='secondary'?theme.colors.gray.dark:theme.colors[color].light);},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Button');}));var Rotate=_styledComponents.default.div.withConfig({displayName:"maxio__Rotate",componentId:"maxio-components__sc-lo74t2-6"})(["&&&{display:flex;animation:"," 2s linear infinite;}"],rotate);var IconContainer$2=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer2",componentId:"maxio-components__sc-lo74t2-7"})(["&&&{display:flex;justify-content:center;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','iconSize'));});var Button=function Button(_ref13){var label=_ref13.label,_ref13$color=_ref13.color,color=_ref13$color===void 0?'primary':_ref13$color,_ref13$size=_ref13.size,size=_ref13$size===void 0?'medium':_ref13$size,_ref13$fill=_ref13.fill,fill=_ref13$fill===void 0?'solid':_ref13$fill,_ref13$disabled=_ref13.disabled,disabled=_ref13$disabled===void 0?false:_ref13$disabled,iconLeft=_ref13.iconLeft,iconRight=_ref13.iconRight,_ref13$isLoading=_ref13.isLoading,isLoading=_ref13$isLoading===void 0?false:_ref13$isLoading,_ref13$loadingText=_ref13.loadingText,loadingText=_ref13$loadingText===void 0?'Loading':_ref13$loadingText,onClick=_ref13.onClick,rest=_objectWithoutProperties(_ref13,_excluded2);return/*#__PURE__*/_react.default.createElement(StyledButton,_objectSpread({role:"button",tabIndex:0,colorVariant:"".concat(fill,"-").concat(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);var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Heading','variant'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Heading');}));var Heading=function Heading(_ref14){var _ref14$variant=_ref14.variant,variant=_ref14$variant===void 0?'h1':_ref14$variant,_ref14$color=_ref14.color,color=_ref14$color===void 0?'black.main':_ref14$color,children=_ref14.children;return/*#__PURE__*/_react.default.createElement(Text$1,{as:variant,color:color,variant:variant},children);};var getInputStatus=function getInputStatus(disabled,hasError){if(disabled)return'disabled';if(hasError)return'error';return'active';};var 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,function(_ref15){var fullWidth=_ref15.fullWidth;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','inputSize'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','variant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','status'));},function(_ref16){var hasIconLeft=_ref16.hasIconLeft,inputSize=_ref16.inputSize,theme=_ref16.theme;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]);},function(_ref17){var hasIconRight=_ref17.hasIconRight,inputSize=_ref17.inputSize,theme=_ref17.theme;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)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Input');}));var Container$q=_styledComponents.default.div.withConfig({displayName:"maxio__Containerq",componentId:"maxio-components__sc-lo74t2-11"})(["&&&{position:relative;}"]);var IconContainer$1=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer1",componentId:"maxio-components__sc-lo74t2-12"})(["&&&{display:flex;position:absolute;top:50%;transform:translateY(-50%);",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','iconSize'));},function(_ref18){var hasIconLeft=_ref18.hasIconLeft,iconSize=_ref18.iconSize,theme=_ref18.theme;return hasIconLeft&&(0,_styledComponents.css)(["left:","px;right:auto;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[iconSize].paddingLeft]);},function(_ref19){var hasIconRight=_ref19.hasIconRight,iconSize=_ref19.iconSize,theme=_ref19.theme;return hasIconRight&&(0,_styledComponents.css)(["right:","px;left:auto;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[iconSize].paddingRight]);});var Input$1=function Input$1(_ref20){var value=_ref20.value,_ref20$inputSize=_ref20.inputSize,inputSize=_ref20$inputSize===void 0?'medium':_ref20$inputSize,_ref20$disabled=_ref20.disabled,disabled=_ref20$disabled===void 0?false:_ref20$disabled,iconLeft=_ref20.iconLeft,iconRight=_ref20.iconRight,_ref20$hasError=_ref20.hasError,hasError=_ref20$hasError===void 0?false:_ref20$hasError,_ref20$variant=_ref20.variant,variant=_ref20$variant===void 0?'primary':_ref20$variant,_ref20$fullWidth=_ref20.fullWidth,fullWidth=_ref20$fullWidth===void 0?false:_ref20$fullWidth,onChange=_ref20.onChange,props=_objectWithoutProperties(_ref20,_excluded3);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,_objectSpread({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})));};var StyledMessage=_styledComponents.default.div.withConfig({displayName:"maxio__StyledMessage",componentId:"maxio-components__sc-lo74t2-13"})(["&&&{",";",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputMessage','type'));},function(_ref21){var disabled=_ref21.disabled,theme=_ref21.theme;return disabled&&(0,_styledComponents.css)(["cursor:not-allowed;color:",";"],theme.colors.gray.light);},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'InputMessage');}),fontSmoothing);var InputMessage=function InputMessage(_ref22){var message=_ref22.message,_ref22$type=_ref22.type,type=_ref22$type===void 0?'normal':_ref22$type,_ref22$disabled=_ref22.disabled,disabled=_ref22$disabled===void 0?false:_ref22$disabled;return/*#__PURE__*/_react.default.createElement(StyledMessage,{disabled:disabled,type:type},message);};var flexBasis=(0,_styledSystem.style)({prop:'span',alias:'columnWidth',cssProperty:'flex',transformValue:function transformValue(n){return"0 0 ".concat(n*(100/24),"%");}});var maxWidth=(0,_styledSystem.style)({prop:'span',alias:'maxWidth',cssProperty:'maxWidth',transformValue:function transformValue(n){return"".concat(n*(100/24),"%");}});var offset=(0,_styledSystem.style)({prop:'offset',alias:'columnOffset',cssProperty:'marginLeft',transformValue:function transformValue(n){return n?"".concat(n*(100/24),"%"):0;}});var gutter$1=(0,_styledSystem.system)({gutter:{property:'padding',scale:'space',transform:function transform(value,scale){var propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];var gutterDimension=propertyValue/2;return"0 ".concat(gutterDimension,"px 0 ").concat(gutterDimension,"px");}}});var 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);var Column$1=function Column$1(_ref23){var children=_ref23.children,span=_ref23.span,_ref23$offset=_ref23.offset,offset=_ref23$offset===void 0?0:_ref23$offset,_ref23$gutter=_ref23.gutter,gutter=_ref23$gutter===void 0?'5':_ref23$gutter,_ref23$display=_ref23.display,display=_ref23$display===void 0?['block']:_ref23$display;return/*#__PURE__*/_react.default.createElement(Container$p,{role:"cell",span:span,offset:offset,gutter:gutter,display:display},children);};var gutter=(0,_styledSystem.system)({gutter:{property:'margin',scale:'space',transform:function transform(value,scale){var propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];var gutterDimension=propertyValue/2;return"0 -".concat(gutterDimension,"px 0 -").concat(gutterDimension,"px");}}});var rowGap=(0,_styledSystem.system)({rowGap:{property:'rowGap',scale:'space',transform:function transform(value,scale){if(value){var propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];return propertyValue;}return 0;}}});var Container$o=_styledComponents.default.div.withConfig({displayName:"maxio__Containero",componentId:"maxio-components__sc-lo74t2-15"})(["&&&{flex-flow:row wrap;display:flex;",";",";}"],rowGap,gutter);var Row$4=function Row$4(_ref24){var children=_ref24.children,_ref24$gutter=_ref24.gutter,gutter=_ref24$gutter===void 0?'5':_ref24$gutter,_ref24$rowGap=_ref24.rowGap,rowGap=_ref24$rowGap===void 0?'5':_ref24$rowGap,rest=_objectWithoutProperties(_ref24,_excluded4);var columns=gutter?_react.default.Children.map(children,function(child){if(/*#__PURE__*/_react.default.isValidElement(child)){return/*#__PURE__*/_react.default.cloneElement(child,{gutter:gutter});}return child;}):children;return/*#__PURE__*/_react.default.createElement(Container$o,_objectSpread({role:"row",gutter:gutter,rowGap:rowGap},rest),columns);};var Box=_styledComponents.default.div.withConfig({displayName:"maxio__Box",componentId:"maxio-components__sc-lo74t2-16"})(["&&&{",";",";",";",";}"],_styledSystem.margin,_styledSystem.padding,_styledSystem.layout,_styledSystem.justifyContent);var Text=function Text(_ref25){var title=_ref25.title,message=_ref25.message;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));};var Container$n=_styledComponents.default.div.withConfig({displayName:"maxio__Containern",componentId:"maxio-components__sc-lo74t2-17"})(["&&&{box-sizing:border-box;display:inline-block;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tooltip','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tooltip','mode'));});var KEYBOARD_KEYS={UP:'ArrowUp',DOWN:'ArrowDown',ENTER:'Enter',ESCAPE:'Escape',SPACE:'Space',BACKSPACE:'Backspace',TAB:'Tab'};var Tooltip=function Tooltip(_ref26){var _ref26$mode=_ref26.mode,mode=_ref26$mode===void 0?'light':_ref26$mode,_ref26$followCursor=_ref26.followCursor,followCursor$1=_ref26$followCursor===void 0?false:_ref26$followCursor,_ref26$interactive=_ref26.interactive,interactive=_ref26$interactive===void 0?false:_ref26$interactive,_ref26$placement=_ref26.placement,placement=_ref26$placement===void 0?'top':_ref26$placement,children=_ref26.children,renderContent=_ref26.renderContent;var _useState=(0,_react.useState)(false),_useState2=_slicedToArray(_useState,2),visible=_useState2[0],setVisible=_useState2[1];(0,_react.useEffect)(function(){var handler=function handler(e){if(e.key===KEYBOARD_KEYS.ESCAPE&&visible){setVisible(false);}};document.addEventListener('keydown',handler);return function(){return document.removeEventListener('keydown',handler);};},[visible]);var Wrapper=/*#__PURE__*/(0,_react.forwardRef)(function(_props,ref){return/*#__PURE__*/_react.default.createElement("div",{ref:ref,onMouseEnter:function onMouseEnter(){return setVisible(true);},onMouseLeave:function onMouseLeave(){return setVisible(false);},onKeyDown:function 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:function render(attrs){return/*#__PURE__*/_react.default.createElement(Container$n,_objectSpread({mode:mode,size:"regular",role:"tooltip"},attrs),renderContent());}},/*#__PURE__*/_react.default.createElement(Wrapper,null));};var Tooltip$1=Object.assign(Tooltip,{Text:Text});var 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;",";",";}"],function(_ref27){var width=_ref27.width;return(0,_styledComponents.css)(["width:","%;"],width);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','color'));});var Container$m=_styledComponents.default.div.withConfig({displayName:"maxio__Containerm",componentId:"maxio-components__sc-lo74t2-19"})(["&&&{width:100%;position:relative;overflow:hidden;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','mode'));});var ProgressBar=function ProgressBar(_ref28){var max=_ref28.max,value=_ref28.value,_ref28$mode=_ref28.mode,mode=_ref28$mode===void 0?'dark':_ref28$mode,_ref28$size=_ref28.size,size=_ref28$size===void 0?'regular':_ref28$size;var isOverLimit=value>max;var percentage=isOverLimit?100:Math.floor(value/max*100);var controls=(0,_framerMotion.useAnimation)();var _useState3=(0,_react.useState)('success'),_useState4=_slicedToArray(_useState3,2),color=_useState4[0],setColor=_useState4[1];(0,_react.useEffect)(function(){controls.start({x:0,transition:{type:'easeInOut',duration:1,backgroundColor:{type:'easeIn',duration:5}}}).then(function(){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%'}}));};var ToggleWrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper2",componentId:"maxio-components__sc-lo74t2-20"})(["&&&{position:relative;cursor:pointer;display:inline-block;",";",";}"],function(_ref29){var isDisabled=_ref29.isDisabled;return isDisabled&&(0,_styledComponents.css)(["user-select:none;cursor:not-allowed;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size'));});var Track=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:function shouldForwardProp(prop){return!['baseColor'].includes(prop);}}).withConfig({displayName:"maxio__Track",componentId:"maxio-components__sc-lo74t2-21"})(["&&&{position:absolute;top:0;left:0;overflow:hidden;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','baseColor'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size'));});var TrackMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:function shouldForwardProp(prop){return!['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;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','color'));});var LabelMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:function shouldForwardProp(prop){return!['textVariant'].includes(prop);}}).withConfig({displayName:"maxio__LabelMotion",componentId:"maxio-components__sc-lo74t2-23"})(["&&&{position:relative;display:flex;align-items:center;text-transform:uppercase;",";",";",";}"],fontSmoothing,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','text'));});var SwitcherMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:function shouldForwardProp(prop){return!['toggleState'].includes(prop);}}).withConfig({displayName:"maxio__SwitcherMotion",componentId:"maxio-components__sc-lo74t2-24"})(["&&&{box-sizing:border-box;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','switcher'));});var SwitcherWrapper=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:function shouldForwardProp(prop){return!['size'].includes(prop);}}).withConfig({displayName:"maxio__SwitcherWrapper",componentId:"maxio-components__sc-lo74t2-25"})(["&&&{top:0;left:0;position:absolute;display:flex;",";padding:0;}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size'));});var switcherTransition={ease:[0.69,-0.55,0.27,1.55],duration:0.3};var trackVariants={on:{scaleX:1},off:{scaleX:0}};var labelTransition={type:'tween',duration:0.3};var labelVariants={on:{justifyContent:'flex-start'},off:{justifyContent:'flex-end'}};var Toggle=function Toggle(_ref30){var isDisabled=_ref30.isDisabled,isOn=_ref30.isOn,_ref30$variant=_ref30.variant,variant=_ref30$variant===void 0?'primary':_ref30$variant,onChange=_ref30.onChange,_ref30$size=_ref30.size,size=_ref30$size===void 0?'medium':_ref30$size,_ref30$text=_ref30.text,text=_ref30$text===void 0?{on:'On',off:'Off'}:_ref30$text;var toggleStateVariant="".concat(variant,"-").concat(isDisabled?'disabled':'active',"-").concat(isOn?'on':'off');var theme=(0,_styledComponents.useTheme)();var switcherVariants=(0,_react.useMemo)(function(){var sizes=theme.sizes,_theme$components$Tog=theme.components.Toggle.componentVariants,sizeVariant=_theme$components$Tog.size,switcher=_theme$components$Tog.switcher;var trackWidth=sizes[sizeVariant.variants[size].width];var 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:function onClick(){if(!onChange||isDisabled)return;onChange(!isOn);},onKeyDown:function 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:"".concat(variant,"-").concat(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'}))));};var CheckboxWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CheckboxWrapper",componentId:"maxio-components__sc-lo74t2-26"})(["&&&{display:flex;box-sizing:border-box;",";",";",";}&&& svg{visibility:hidden;}"],function(_ref31){var isChecked=_ref31.isChecked;return isChecked&&(0,_styledComponents.css)(["&& svg{visibility:visible;}"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','variant'));});var 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,function(_ref32){var isDisabled=_ref32.isDisabled;return isDisabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','label'));});var Checkbox=function Checkbox(_ref33){var value=_ref33.value,onChange=_ref33.onChange,label=_ref33.label,isDisabled=_ref33.isDisabled,rest=_objectWithoutProperties(_ref33,_excluded5);var state="".concat(value?'checked':'unchecked');var status="".concat(isDisabled?'disabled':'active');var variant="".concat(state,"-").concat(status);var handleChange=function handleChange(){if(!isDisabled&&onChange){onChange(!value);}};var handleKeyDown=function handleKeyDown(event){if(event.code===KEYBOARD_KEYS.SPACE){handleChange();}};var 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",_objectSpread({hidden:true,type:"checkbox",onChange:handleChange,checked:value},rest))),labelContent);};var Portal=function Portal(_ref34){var children=_ref34.children;var el=(0,_react.useRef)(null);var _useState5=(0,_react.useState)(false),_useState6=_slicedToArray(_useState5,2),setMounted=_useState6[1];(0,_react.useEffect)(function(){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 function(){el.current.remove();};},[]);return el.current?/*#__PURE__*/(0,_reactDom.createPortal)(children,el.current):null;};var 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:100vh;display:flex;align-items:center;justify-content:center;z-index:1;",";}"],function(_ref35){var _theme$colors,_theme$colors$black;var theme=_ref35.theme;return(0,_styledComponents.css)(["background-color:",";"],(0,_polished.transparentize)(0.8,(theme===null||theme===void 0?void 0:(_theme$colors=theme.colors)===null||_theme$colors===void 0?void 0:(_theme$colors$black=_theme$colors.black)===null||_theme$colors$black===void 0?void 0:_theme$colors$black.main)||'black'));});var Backdrop=function Backdrop(_ref36){var children=_ref36.children,onClick=_ref36.onClick;return/*#__PURE__*/_react.default.createElement(Container$l,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:onClick},children);};var Container$k=_styledComponents.default.div.withConfig({displayName:"maxio__Containerk",componentId:"maxio-components__sc-lo74t2-29"})(["&&&{display:flex;justify-content:space-between;align-items:center;}"]);var Close=_styledComponents.default.span.withConfig({displayName:"maxio__Close",componentId:"maxio-components__sc-lo74t2-30"})(["&&&{cursor:pointer;display:inline-flex;",";}"],function(_ref37){var theme=_ref37.theme;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);});var Title$2=function Title$2(_ref38){var title=_ref38.title,onClose=_ref38.onClose;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"})));};var Container$j=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Containerj",componentId:"maxio-components__sc-lo74t2-31"})(["&&&{overscroll-behavior:contain;max-height:100vh;max-height:-webkit-fill-available;display:flex;justify-content:center;",";",";}"],_styledSystem.layout,function(_ref39){var variant=_ref39.variant;if(variant==='layer')return(0,_styledComponents.css)(["width:100%;height:100vh;height:-webkit-fill-available;"]);return(0,_styledComponents.css)(["min-width:600px;max-width:800px;"]);});var dropIn={hidden:{y:'-10px',opacity:0},visible:{y:'0',opacity:1,transition:{type:'tween'}},exit:{y:'-20px',opacity:0}};var Modal=function Modal(_ref40){var isOpen=_ref40.isOpen,children=_ref40.children,_ref40$variant=_ref40.variant,variant=_ref40$variant===void 0?'window':_ref40$variant,width=_ref40.width,onClose=_ref40.onClose;(0,_react.useEffect)(function(){if(isOpen){document.body.style.overflow='hidden';}return function(){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:function onClick(e){return e.stopPropagation();}},children))));};var Modal$1=Object.assign(Modal,{Title:Title$2});var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'SubscriptionComponentCard','variant'));});var SubscriptionComponentCard=function SubscriptionComponentCard(_ref41){var children=_ref41.children,_ref41$rowGap=_ref41.rowGap,rowGap=_ref41$rowGap===void 0?2:_ref41$rowGap,_ref41$variant=_ref41.variant,variant=_ref41$variant===void 0?'primary':_ref41$variant;return/*#__PURE__*/_react.default.createElement(CardWrapper,{borderRadius:3,padding:4,gridRowGap:rowGap,variant:variant,"data-testid":"card"},children);};var backgroundColor=(0,_styledSystem.system)({backgroundColor:{property:'background',scale:'colors',transform:function transform(value,scale){var hexColor=value.split('.').reduce(function(previous,current){return previous[current];},scale);if(!hexColor)return;return"linear-gradient(180deg, ".concat((0,_polished.transparentize)(0.5,hexColor)," 0%, ").concat((0,_polished.transparentize)(0.8,hexColor)," 100%)");}}});var 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,function(props){return props.width?props.width+'px':'100%';},function(props){return props.height?props.height+'px':'20px';},backgroundColor,function(_ref42){var theme=_ref42.theme;return(0,_styledComponents.css)(["&:before{background:linear-gradient( to right,transparent,",",transparent );}"],theme.colors.white.main);});var getBackgroundColor=function getBackgroundColor(variant){switch(variant){case'primary':return'gray.extraLight';case'secondary':return'gray.main';}};var SkeletonLoader=function SkeletonLoader(_ref43){var height=_ref43.height,width=_ref43.width,_ref43$variant=_ref43.variant,variant=_ref43$variant===void 0?'primary':_ref43$variant;return/*#__PURE__*/_react.default.createElement(StyledLoader,{borderRadius:2,height:height,width:width,backgroundColor:getBackgroundColor(variant)});};var AmericanExpress=function AmericanExpress(_ref44){var _ref44$width=_ref44.width,width=_ref44$width===void 0?31:_ref44$width,_ref44$height=_ref44.height,height=_ref44$height===void 0?24:_ref44$height,id=_ref44.id;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"}));};var Bogus=function Bogus(_ref45){var _ref45$width=_ref45.width,width=_ref45$width===void 0?52:_ref45$width,_ref45$height=_ref45.height,height=_ref45$height===void 0?20:_ref45$height,id=_ref45.id;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"}));};var Discover=function Discover(_ref46){var _ref46$width=_ref46.width,width=_ref46$width===void 0?60:_ref46$width,_ref46$height=_ref46.height,height=_ref46$height===void 0?10:_ref46$height,id=_ref46.id;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"}))));};var Master$1=function Master$1(_ref47){var _ref47$width=_ref47.width,width=_ref47$width===void 0?33:_ref47$width,_ref47$height=_ref47.height,height=_ref47$height===void 0?20:_ref47$height,id=_ref47.id;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"}));};var Visa$1=function Visa$1(_ref48){var _ref48$width=_ref48.width,width=_ref48$width===void 0?54:_ref48$width,_ref48$height=_ref48.height,height=_ref48$height===void 0?18:_ref48$height,id=_ref48.id;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"}));};var 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};var Logo=function Logo(_ref49){var type=_ref49.type,width=_ref49.width,height=_ref49.height;var Logo=LOGOS[type];if(Logo)return/*#__PURE__*/_react.default.createElement(Logo,{width:width,height:height,id:type});return null;};var useOnClickOutside=function useOnClickOutside(containerRefs,onClickOutside){var eventTarget=arguments.length>2&&arguments[2]!==undefined?arguments[2]:document;var outsideClick=(0,_react.useCallback)(function(e){var path=e.composedPath&&e.composedPath();var isOutsideEvent=containerRefs.filter(function(container){return!!container;}).every(function(_ref50){var current=_ref50.current;return current&&!(path!==null&&path!==void 0&&path.includes(current));});if(isOutsideEvent)onClickOutside();},[containerRefs,onClickOutside]);(0,_react.useEffect)(function(){eventTarget===null||eventTarget===void 0?void 0:eventTarget.addEventListener('click',outsideClick);return function(){return eventTarget===null||eventTarget===void 0?void 0:eventTarget.removeEventListener('click',outsideClick);};},[containerRefs,eventTarget]);};var useKeypress=function useKeypress(_ref51){var addEventListenerCondition=_ref51.addEventListenerCondition,eventListenerDependencies=_ref51.eventListenerDependencies,handledKeys=_ref51.handledKeys,keyboardAction=_ref51.keyboardAction;var keyboardHandler=function keyboardHandler(e){var keyCode=e.key;if(handledKeys.includes(keyCode))keyboardAction(e);};(0,_react.useEffect)(function(){if(addEventListenerCondition){document.addEventListener('keydown',keyboardHandler);}return function(){document.removeEventListener('keydown',keyboardHandler);};},[eventListenerDependencies]);};var DeviceContext=/*#__PURE__*/(0,_react.createContext)({device:'mobile'});var useDeviceInfo=function useDeviceInfo(){var deviceInfo=(0,_react.useContext)(DeviceContext);return deviceInfo;};var DeviceProvider=function DeviceProvider(_ref52){var children=_ref52.children,tabletMinWidth=_ref52.tabletMinWidth,desktopMinWidth=_ref52.desktopMinWidth;var getDeviceType=(0,_react.useCallback)(function(_ref53){var isTablet=_ref53.isTablet,isDesktop=_ref53.isDesktop;var device='mobile';if(isTablet)device='tablet';if(isDesktop)device='desktop';return device;},[]);var isTablet=(0,_reactResponsive.useMediaQuery)({query:"(min-width: ".concat(tabletMinWidth,") and (max-width: ").concat(desktopMinWidth,")")});var isDesktop=(0,_reactResponsive.useMediaQuery)({query:"(min-width: ".concat(desktopMinWidth,")")})&&!isTablet;return/*#__PURE__*/_react.default.createElement(DeviceContext.Provider,{value:{device:getDeviceType({isTablet:isTablet,isDesktop:isDesktop})}},children);};var useModalVariant=function useModalVariant(){var _useDeviceInfo=useDeviceInfo(),device=_useDeviceInfo.device;return device==='mobile'?'layer':'window';};var boxShadow=(0,_styledSystem.system)({boxShadow:{property:'boxShadow',scale:'colors',transform:function transform(value,scale){var color=(0,_polished.transparentize)(0.85,scale['black']['dark']);if(value==='top'){return"inset 0 6px 4px -4px ".concat(color);}if(value==='top-bottom'){return"inset 0 6px 4px -4px ".concat(color,", inset 0 -6px 4px -4px ").concat(color);}if(value==='bottom'){return"inset 0 -6px 4px -4px ".concat(color);}return'none';}}});var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','borderVariant'));});var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','selectVariant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','borderVariant'));});var getBoxShadow=function getBoxShadow(inViewTop,inViewBottom){if(!inViewTop&&!inViewBottom)return'top-bottom';if(!inViewTop)return'top';if(!inViewBottom)return'bottom';return'none';};var isEllipsisActive=function isEllipsisActive(ref){return ref.current&&ref.current.offsetWidth<ref.current.scrollWidth;};var 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;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','selectSize'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','optionVariant'));},_styledSystem.color,function(props){return props.divider&&(0,_styledComponents.css)({borderBottom:"1px solid ".concat(theme.colors.gray.extraLight)});});var Option=function Option(_ref54){var isSelected=_ref54.isSelected,onSelect=_ref54.onSelect,option=_ref54.option,selectSize=_ref54.selectSize,activeItemRef=_ref54.activeItemRef;var ref=(0,_react.useRef)();var optionRef=isSelected?activeItemRef:ref;return/*#__PURE__*/_react.default.createElement(SelectOption,{key:option.label,role:"option","aria-selected":isSelected,optionVariant:isSelected?'selected':'primary',onClick:function onClick(e){return onSelect(e,option);},selectSize:selectSize,color:option.color,divider:option.divider,ref:optionRef,title:isEllipsisActive(optionRef)?option.label:null},option.label);};var Options=function Options(_ref55){var selectionIndex=_ref55.selectionIndex,options=_ref55.options,_ref55$selectSize=_ref55.selectSize,selectSize=_ref55$selectSize===void 0?'medium':_ref55$selectSize,onSelect=_ref55.onSelect,_ref55$borderVariant=_ref55.borderVariant,borderVariant=_ref55$borderVariant===void 0?'primary':_ref55$borderVariant,_ref55$selectVariant=_ref55.selectVariant,selectVariant=_ref55$selectVariant===void 0?'primary':_ref55$selectVariant,_ref55$maxHeight=_ref55.maxHeight,maxHeight=_ref55$maxHeight===void 0?120:_ref55$maxHeight,maxWidth=_ref55.maxWidth,alignment=_ref55.alignment;var _useInView=(0,_reactIntersectionObserver.useInView)({initialInView:true}),_useInView2=_slicedToArray(_useInView,2),inViewRefTop=_useInView2[0],inViewTop=_useInView2[1];var _useInView3=(0,_reactIntersectionObserver.useInView)({initialInView:true}),_useInView4=_slicedToArray(_useInView3,2),inViewRefBottom=_useInView4[0],inViewBottom=_useInView4[1];var optionsRef=(0,_react.useRef)();var _useState7=(0,_react.useState)(null),_useState8=_slicedToArray(_useState7,2),optionsHeight=_useState8[0],setOptionsHeight=_useState8[1];var debounceRef=(0,_react.useRef)(null);var activeItemRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(debounceRef.current)clearTimeout(debounceRef.current);debounceRef.current=setTimeout(function(){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:_objectSpread({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(function(option,index){var 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}));};var arrowMotion={expanded:{rotate:-180},notExpanded:{rotate:0}};var iconSize=12;var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','selectSize'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','selectVariant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','borderVariant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','status'));},function(_ref56){var theme=_ref56.theme,selectSize=_ref56.selectSize;return theme.space[theme.components.Select.componentVariants.selectSize.variants[selectSize].paddingRight]+iconSize;});var SelectWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__SelectWrapper1",componentId:"maxio-components__sc-lo74t2-38"})(["&&&{position:relative;}"]);var FocusHandler=_styledComponents.default.div.withConfig({displayName:"maxio__FocusHandler",componentId:"maxio-components__sc-lo74t2-39"})(["&&&{width:0;height:0;}"]);var IconWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__IconWrapper1",componentId:"maxio-components__sc-lo74t2-40"})(["&&&{position:absolute;top:50%;cursor:pointer;",";transform:translateY(-50%);}"],function(_ref57){var theme=_ref57.theme;return(0,_styledComponents.css)(["right:","px;"],theme.sizes[2]);});var DropdownIcon=function DropdownIcon(_ref58){var isExpanded=_ref58.isExpanded,size=_ref58.size,onClick=_ref58.onClick,iconColor=_ref58.iconColor;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"})));};var showOptions=function showOptions(){return{type:'SHOW_OPTIONS'};};var hideOptions=function hideOptions(){return{type:'HIDE_OPTIONS'};};var setFilteredOptions=function setFilteredOptions(options){return{type:'SET_FILTERED_OPTIONS',payload:{options:options}};};var setSearchPhrase=function setSearchPhrase(searchPhrase){return{type:'SET_SEARCH_PHRASE',payload:{searchPhrase:searchPhrase}};};var setPlaceholder=function setPlaceholder(placeholder){return{type:'SET_PLACEHOLDER',payload:{placeholder:placeholder}};};var setSelectionIndex=function setSelectionIndex(index){return{type:'SET_SELECTION_INDEX',payload:{index:index}};};var toggleSelectionMode=function toggleSelectionMode(inSelectionMode){return{type:'SET_SELECTION_MODE',payload:{inSelectionMode:inSelectionMode}};};var selectActions={showOptions:showOptions,hideOptions:hideOptions,setPlaceholder:setPlaceholder,setSearchPhrase:setSearchPhrase,setFilteredOptions:setFilteredOptions,setSelectionIndex:setSelectionIndex,toggleSelectionMode:toggleSelectionMode};var initialState={optionsVisible:false,searchPhrase:'',placeholderContent:'',filteredOptions:[],inSelectionMode:false,selectionIndex:0};var selectReducer=function selectReducer(state,action){switch(action.type){case'SET_SELECTION_MODE':return _objectSpread(_objectSpread({},state),{},{inSelectionMode:action.payload.inSelectionMode});case'SET_SELECTION_INDEX':return _objectSpread(_objectSpread({},state),{},{selectionIndex:action.payload.index});case'SET_SEARCH_PHRASE':return _objectSpread(_objectSpread({},state),{},{searchPhrase:action.payload.searchPhrase});case'SET_PLACEHOLDER':return _objectSpread(_objectSpread({},state),{},{placeholderContent:action.payload.placeholder});case'SET_FILTERED_OPTIONS':return _objectSpread(_objectSpread({},state),{},{filteredOptions:action.payload.options});case'SHOW_OPTIONS':return _objectSpread(_objectSpread({},state),{},{optionsVisible:true});case'HIDE_OPTIONS':return _objectSpread(_objectSpread({},state),{},{optionsVisible:false,filteredOptions:[]});default:return state;}};var getStatus=function getStatus(disabled,hasError){if(disabled)return'disabled';if(hasError)return'error';return'active';};var Select=function Select(_ref59){var options=_ref59.options,onSelect=_ref59.onSelect,filterable=_ref59.filterable,placeholder=_ref59.placeholder,_ref59$variant=_ref59.variant,variant=_ref59$variant===void 0?'primary':_ref59$variant,_ref59$selectSize=_ref59.selectSize,selectSize=_ref59$selectSize===void 0?'medium':_ref59$selectSize,_ref59$borderVariant=_ref59.borderVariant,borderVariant=_ref59$borderVariant===void 0?'primary':_ref59$borderVariant,disabled=_ref59.disabled,hasError=_ref59.hasError,selectedValue=_ref59.selectedValue,_ref59$searchLabel=_ref59.searchLabel,searchLabel=_ref59$searchLabel===void 0?'Type to search':_ref59$searchLabel,_ref59$selectOptionLa=_ref59.selectOptionLabel,selectOptionLabel=_ref59$selectOptionLa===void 0?'Select value':_ref59$selectOptionLa,name=_ref59.name,id=_ref59.id,onBlur=_ref59.onBlur,portalContainer=_ref59.portalContainer,_ref59$dropdownVarian=_ref59.dropdownVariant,dropdownVariant=_ref59$dropdownVarian===void 0?'primary':_ref59$dropdownVarian,_ref59$dropdownAlignm=_ref59.dropdownAlignment,dropdownAlignment=_ref59$dropdownAlignm===void 0?'right':_ref59$dropdownAlignm;var _useReducer=(0,_react.useReducer)(selectReducer,_objectSpread(_objectSpread({},initialState),{},{placeholderContent:placeholder||selectOptionLabel})),_useReducer2=_slicedToArray(_useReducer,2),_useReducer2$=_useReducer2[0],optionsVisible=_useReducer2$.optionsVisible,filteredOptions=_useReducer2$.filteredOptions,searchPhrase=_useReducer2$.searchPhrase,placeholderContent=_useReducer2$.placeholderContent,selectionIndex=_useReducer2$.selectionIndex,inSelectionMode=_useReducer2$.inSelectionMode,dispatch=_useReducer2[1];var theme=(0,_styledComponents.useTheme)();var dropDownIconColor=(0,_react.useMemo)(function(){var component=theme.components.Select.componentVariants.dropdownVariant;return component.variants[dropdownVariant].color;},[theme,dropdownVariant]);var containerRef=(0,_react.useRef)(null);var inputRef=(0,_react.useRef)(null);var portalElement=portalContainer===null||portalContainer===void 0?void 0:portalContainer.current;var matchedIndex=selectedValue?options.findIndex(function(_ref60){var value=_ref60.value;return value===selectedValue;}):-1;var selectedItem=matchedIndex>-1?options[matchedIndex]:{label:selectedValue.toString()||'',value:selectedValue||''};var onFilterOptions=function onFilterOptions(e){var value=e.target.value;var filtered=options.filter(function(option){return option.label.toString().toLowerCase().startsWith(value.toLowerCase());});dispatch(selectActions.setSelectionIndex(null));dispatch(selectActions.setFilteredOptions(filtered));dispatch(selectActions.setSearchPhrase(value));};var onInputFocus=function onInputFocus(){if(filterable){dispatch(selectActions.setPlaceholder(searchLabel));}if(!optionsVisible){dispatch(selectActions.toggleSelectionMode(true));dispatch(selectActions.showOptions());}};var onInputBlur=function onInputBlur(item){dispatch(selectActions.setSearchPhrase(''));dispatch(selectActions.hideOptions());dispatch(selectActions.toggleSelectionMode(false));dispatch(selectActions.setSelectionIndex(null));if(onBlur)onBlur(item);};var onValueSelect=function onValueSelect(item){dispatch(selectActions.hideOptions());onSelect(item);onInputBlur(item);};useOnClickOutside([containerRef,portalContainer],function(){if(optionsVisible){dispatch(selectActions.setPlaceholder(placeholder));dispatch(selectActions.hideOptions());dispatch(selectActions.toggleSelectionMode(true));dispatch(selectActions.setSelectionIndex(null));onInputBlur(selectedItem);}});var selectOptions=searchPhrase?filteredOptions:options;var keyboardHandler=(0,_react.useCallback)(function(e){switch(e.key){case KEYBOARD_KEYS.ENTER:if(typeof selectionIndex==='number'){var 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)(function(){if(optionsVisible&&matchedIndex!==null&&matchedIndex>-1){dispatch(selectActions.setSelectionIndex(matchedIndex));}},[optionsVisible]);(0,_react.useEffect)(function(){var _containerRef$current;var scrollHandler=function scrollHandler(){if(optionsVisible)onInputBlur(selectedItem);};if(optionsVisible&&(_containerRef$current=containerRef.current)!==null&&_containerRef$current!==void 0&&_containerRef$current.offsetParent){containerRef.current.offsetParent.addEventListener('scroll',scrollHandler);}return function(){var _containerRef$current2;if((_containerRef$current2=containerRef.current)!==null&&_containerRef$current2!==void 0&&_containerRef$current2.offsetParent)containerRef.current.offsetParent.removeEventListener('scroll',scrollHandler);};},[optionsVisible,selectedItem]);var getSelectValue=function getSelectValue(){if(!inSelectionMode||!filterable)return selectedItem.label;return searchPhrase;};var renderOptions=function renderOptions(){return/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:selectOptions,selectionIndex:selectionIndex,onSelect:function onSelect(e,item){e.stopPropagation();onValueSelect(item);},selectVariant:variant,selectSize:selectSize,borderVariant:borderVariant});};var calculateDropdownPosition=(0,_react.useCallback)(function(){var _containerRef$current3=containerRef.current.getBoundingClientRect(),height=_containerRef$current3.height,width=_containerRef$current3.width,left=_containerRef$current3.left,top=_containerRef$current3.top;return{left:left+window.scrollX,top:top+height+window.scrollY,width:width};},[portalContainer]);return/*#__PURE__*/_react.default.createElement(SelectWrapper$1,{ref:containerRef},/*#__PURE__*/_react.default.createElement(StyledSelect,{type:"text",ref:inputRef,autoComplete:"off",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:function 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:_objectSpread({position:'absolute'},calculateDropdownPosition())},renderOptions()),portalElement):/*#__PURE__*/_react.default.createElement(_reactFit.default,null,renderOptions())):null);};var 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%;}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'RadioButton','variant'));});var RadioLabel=_styledComponents.default.label.withConfig({displayName:"maxio__RadioLabel",componentId:"maxio-components__sc-lo74t2-42"})(["&&&{display:inline-flex;align-items:center;",";",";}"],fontSmoothing,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'RadioButton','labelVariant'));});var RadioButton=function RadioButton(_ref61){var label=_ref61.label,value=_ref61.value,onValueChange=_ref61.onValueChange,isSelected=_ref61.isSelected,isDisabled=_ref61.isDisabled,rest=_objectWithoutProperties(_ref61,_excluded6);var state="".concat(isSelected?'selected':'unselected');var status="".concat(isDisabled?'disabled':'active');var variant="".concat(state,"-").concat(status);var handleChange=function handleChange(){!isDisabled&&onValueChange(value);};var handleKeyDown=function handleKeyDown(event){if(event.code===KEYBOARD_KEYS.SPACE){handleChange();}};return/*#__PURE__*/_react.default.createElement(RadioLabel,{htmlFor:"".concat(value),labelVariant:status,onKeyDown:handleKeyDown,tabIndex:0,"data-testid":"radio-label"},/*#__PURE__*/_react.default.createElement(RadioInput,_objectSpread({type:"radio",tabIndex:-1,value:value,onChange:handleChange,checked:isSelected,variant:variant,id:"".concat(value)},rest)),label);};var DropdownWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__DropdownWrapper",componentId:"maxio-components__sc-lo74t2-43"})(["&&&{position:relative;}"]);var Dropdown=function Dropdown(_ref62){var children=_ref62.children,isOpen=_ref62.isOpen,onOptionSelect=_ref62.onOptionSelect,options=_ref62.options,onClose=_ref62.onClose,maxWidth=_ref62.maxWidth,maxHeight=_ref62.maxHeight,_ref62$alignment=_ref62.alignment,alignment=_ref62$alignment===void 0?'left':_ref62$alignment,portalContainer=_ref62.portalContainer;var dropdownRef=(0,_react.useRef)(null);var portalElement=portalContainer===null||portalContainer===void 0?void 0:portalContainer.current;useOnClickOutside([dropdownRef],function(){if(isOpen)onClose();});var calculatePosition=(0,_react.useCallback)(function(){var _dropdownRef$current$=dropdownRef.current.getBoundingClientRect(),height=_dropdownRef$current$.height,width=_dropdownRef$current$.width,left=_dropdownRef$current$.left,top=_dropdownRef$current$.top;var _portalContainer$curr=portalContainer.current.getBoundingClientRect(),portalLeft=_portalContainer$curr.left,portalTop=_portalContainer$curr.top;return{left:left-portalLeft,top:top+height-portalTop,width:width};},[portalContainer]);var renderOptions=function renderOptions(){return/*#__PURE__*/_react.default.createElement(Options,{options:options,onSelect:function onSelect(_e,value){return 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:_objectSpread({position:'absolute'},calculatePosition())},renderOptions()),portalElement):/*#__PURE__*/_react.default.createElement(_reactFit.default,null,renderOptions())));};var spinTransition={repeat:Infinity,ease:'linear',duration:1};var Loader=function Loader(_ref63){var _ref63$size=_ref63.size,size=_ref63$size===void 0?24:_ref63$size,_ref63$fill=_ref63.fill,fill=_ref63$fill===void 0?'gray.main':_ref63$fill;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"}));};var 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,function(_ref64){var fullWidth=_ref64.fullWidth;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','variant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','status'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'TextArea');}));var TextArea=function TextArea(_ref65){var _ref65$size=_ref65.size,size=_ref65$size===void 0?'medium':_ref65$size,status=_ref65.status,_ref65$fullWidth=_ref65.fullWidth,fullWidth=_ref65$fullWidth===void 0?true:_ref65$fullWidth,_ref65$variant=_ref65.variant,variant=_ref65$variant===void 0?'primary':_ref65$variant,rest=_objectWithoutProperties(_ref65,_excluded7);return/*#__PURE__*/_react.default.createElement(StyledTextArea,_objectSpread({size:size,fullWidth:fullWidth,status:status,variant:variant},rest));};var Header$2=_styledComponents.default.div.withConfig({displayName:"maxio__Header2",componentId:"maxio-components__sc-lo74t2-45"})(["&&&{",";display:inline-flex;align-items:center;cursor:pointer;",";",";}"],function(_ref66){var theme=_ref66.theme;return(0,_styledComponents.css)(["gap:","px;"],theme.space[3]);},_styledSystem.padding,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Accordion','variant'));});var IconWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__IconWrapper",componentId:"maxio-components__sc-lo74t2-46"})(["&&&{will-change:transform;transform:",";transition:150ms transform ease-in-out;}"],function(props){return props.isExpanded?'rotate(0deg)':'rotate(-90deg)';});Header$2.defaultProps={variant:'regular'};var accordionMotion={initial:{height:0},animate:{height:'auto'},exit:{height:0},transition:{type:'tween'}};var Accordion=function Accordion(_ref67){var children=_ref67.children,header=_ref67.header,_onClick2=_ref67.onClick,_ref67$variant=_ref67.variant,variant=_ref67$variant===void 0?'regular':_ref67$variant,_ref67$isExpanded=_ref67.isExpanded,isExpanded=_ref67$isExpanded===void 0?true:_ref67$isExpanded;var isRegular=variant==='regular';return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Header$2,{"data-testid":"accordion-header",onClick:function onClick(){return _onClick2(!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,_objectSpread(_objectSpread({},accordionMotion),{},{style:{overflowY:'clip'}}),children)));};var Container$i=_styledComponents.default.div.withConfig({displayName:"maxio__Containeri",componentId:"maxio-components__sc-lo74t2-47"})(["&&&{box-sizing:border-box;",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Alert','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Alert','color'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Alert');}));var TextMessage=function TextMessage(_ref68){var children=_ref68.children,rest=_objectWithoutProperties(_ref68,_excluded8);return/*#__PURE__*/_react.default.createElement(BodyText,_objectSpread({variant:"body2",color:"inherit"},rest),children);};var TitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TitleWrapper",componentId:"maxio-components__sc-lo74t2-48"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.grid);var Title$1=function Title$1(_ref69){var text=_ref69.text,icon=_ref69.icon;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:600},text)));};var Alert=function Alert(_ref70){var title=_ref70.title,_ref70$color=_ref70.color,color=_ref70$color===void 0?'primary':_ref70$color,_ref70$size=_ref70.size,size=_ref70$size===void 0?'regular':_ref70$size,buttonLabel=_ref70.buttonLabel,icon=_ref70.icon,onClick=_ref70.onClick,children=_ref70.children;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;var Content$e=_styledComponents.default.div.withConfig({displayName:"maxio__Contente",componentId:"maxio-components__sc-lo74t2-49"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','bodyVariant'));});var Wrapper$g=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperg",componentId:"maxio-components__sc-lo74t2-50"})(["&&&{overflow:auto;position:relative;}"]);var 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,function(_ref71){var boxShadow=_ref71.boxShadow;return boxShadow==='top'&&(0,_styledComponents.css)(["top:0;"]);},function(_ref72){var boxShadow=_ref72.boxShadow;return boxShadow==='bottom'&&(0,_styledComponents.css)(["bottom:0;"]);});var Body=function Body(_ref73){var children=_ref73.children,_ref73$bodyVariant=_ref73.bodyVariant,bodyVariant=_ref73$bodyVariant===void 0?'regular':_ref73$bodyVariant;var _useInView5=(0,_reactIntersectionObserver.useInView)({initialInView:true}),_useInView6=_slicedToArray(_useInView5,2),inViewRefTop=_useInView6[0],inViewTop=_useInView6[1];var _useInView7=(0,_reactIntersectionObserver.useInView)({initialInView:true}),_useInView8=_slicedToArray(_useInView7,2),inViewRefBottom=_useInView8[0],inViewBottom=_useInView8[1];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}));};var Container$h=_styledComponents.default.div.withConfig({displayName:"maxio__Containerh",componentId:"maxio-components__sc-lo74t2-52"})(["&&&{display:flex;flex-direction:column;width:100%;",";",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','variant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','color'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','border'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Card');}));var Header$1=_styledComponents.default.div.withConfig({displayName:"maxio__Header1",componentId:"maxio-components__sc-lo74t2-53"})(["&&&{flex-shrink:0;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','headerVariant'));},function(_ref74){var enableBorder=_ref74.enableBorder;return!enableBorder&&(0,_styledComponents.css)(["border-bottom-width:0;"]);});Header$1.defaultProps={headerVariant:'regular',enableBorder:true};var Footer=_styledComponents.default.div.withConfig({displayName:"maxio__Footer",componentId:"maxio-components__sc-lo74t2-54"})(["&&&{flex-shrink:0;margin-top:auto;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','footerVariant'));});Footer.defaultProps={footerVariant:'regular'};var Card$2=/*#__PURE__*/(0,_react.forwardRef)(function(_ref75,ref){var _ref75$variant=_ref75.variant,variant=_ref75$variant===void 0?'regular':_ref75$variant,_ref75$color=_ref75.color,color=_ref75$color===void 0?'white':_ref75$color,_ref75$border=_ref75.border,border=_ref75$border===void 0?'rounded':_ref75$border,children=_ref75.children;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:Body,Footer:Footer});var getMessage=function getMessage(_ref76){var hint=_ref76.hint,error=_ref76.error,hasError=_ref76.hasError;var message;var messageType='normal';if(hint){message=hint;}if(hasError&&error){message=error;messageType='error';}return{messageType:messageType,message:message};};var StyledLabel=_styledComponents.default.label.withConfig({displayName:"maxio__StyledLabel",componentId:"maxio-components__sc-lo74t2-55"})(["&&&{cursor:pointer;",";",";",";",";",";}"],function(_ref77){var flexLabel=_ref77.flexLabel;return flexLabel&&(0,_styledComponents.css)(["display:inline-flex;align-items:center;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','color'));},function(_ref78){var disabled=_ref78.disabled;return disabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'InputLabel');}));var Marker=_styledComponents.default.span.withConfig({displayName:"maxio__Marker",componentId:"maxio-components__sc-lo74t2-56"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','color'));});var 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;}"]);var InputLabel=function InputLabel(_ref79){var label=_ref79.label,_ref79$size=_ref79.size,size=_ref79$size===void 0?'medium':_ref79$size,_ref79$disabled=_ref79.disabled,disabled=_ref79$disabled===void 0?false:_ref79$disabled,_ref79$required=_ref79.required,required=_ref79$required===void 0?false:_ref79$required,htmlFor=_ref79.htmlFor,tooltip=_ref79.tooltip,_ref79$textEllipsis=_ref79.textEllipsis,textEllipsis=_ref79$textEllipsis===void 0?false:_ref79$textEllipsis,_ref79$flexLabel=_ref79.flexLabel,flexLabel=_ref79$flexLabel===void 0?false:_ref79$flexLabel;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!==null&&tooltip!==void 0&&tooltip.renderContent?/*#__PURE__*/_react.default.createElement(Tooltip$1,_objectSpread({},tooltip),/*#__PURE__*/_react.default.createElement(Icon,{type:'questionCircle',fill:'currentColor',size:16})):null,' ',required?/*#__PURE__*/_react.default.createElement(Marker,{color:"danger"},"*"):null);};var Container$g=_styledComponents.default.div.withConfig({displayName:"maxio__Containerg",componentId:"maxio-components__sc-lo74t2-58"})(["&&&{display:",";width:100%;",";}"],function(_ref80){var fullWidth=_ref80.fullWidth;return fullWidth?'flex':'inline-flex';},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'FormField','labelPosition'));});var MessageContainer$1=_styledComponents.default.div.withConfig({displayName:"maxio__MessageContainer1",componentId:"maxio-components__sc-lo74t2-59"})(["&&&{",";}"],function(_ref81){var theme=_ref81.theme,type=_ref81.type;return(0,_styledComponents.css)(["min-height:",";margin-top:","px;"],theme.lineHeights[theme.components.InputMessage.componentVariants.type.variants[type].lineHeight],theme.space[2]);});var LabelContainer=_styledComponents.default.div.withConfig({displayName:"maxio__LabelContainer",componentId:"maxio-components__sc-lo74t2-60"})(["&&&{",";}"],function(_ref82){var labelPosition=_ref82.labelPosition,size=_ref82.size,theme=_ref82.theme;return labelPosition==='left'&&(0,_styledComponents.css)(["padding-top:","px;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[size].paddingTop]);});var FormField=function FormField(_ref83){var label=_ref83.label,_ref83$labelPosition=_ref83.labelPosition,labelPosition=_ref83$labelPosition===void 0?'top':_ref83$labelPosition,name=_ref83.name,_ref83$size=_ref83.size,size=_ref83$size===void 0?'medium':_ref83$size,_ref83$disabled=_ref83.disabled,disabled=_ref83$disabled===void 0?false:_ref83$disabled,_ref83$hasError=_ref83.hasError,hasError=_ref83$hasError===void 0?false:_ref83$hasError,error=_ref83.error,hint=_ref83.hint,_ref83$fullWidth=_ref83.fullWidth,fullWidth=_ref83$fullWidth===void 0?false:_ref83$fullWidth,_ref83$required=_ref83.required,required=_ref83$required===void 0?false:_ref83$required,_ref83$disableMessage=_ref83.disableMessage,disableMessage=_ref83$disableMessage===void 0?false:_ref83$disableMessage,tooltip=_ref83.tooltip,children=_ref83.children;var _getMessage=getMessage({hint:hint,error:error,hasError:hasError}),messageType=_getMessage.messageType,message=_getMessage.message;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}))));};var Container$f=_styledComponents.default.div.withConfig({displayName:"maxio__Containerf",componentId:"maxio-components__sc-lo74t2-61"})(["&&&{display:flex;",";}"],_styledSystem.gridGap);var 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;}"],function(_ref84){var theme=_ref84.theme;return(0,_styledComponents.css)(["color:",";&:hover{color:",";}&:focus-visible{outline:1px solid ",";}"],theme.colors.gray.light,theme.colors.primary.dark,theme.colors.primary.main);},function(_ref85){var isDisabled=_ref85.isDisabled;return isDisabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);});var 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,function(_ref86){var theme=_ref86.theme,isActive=_ref86.isActive;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));});var OVERFLOW_PATTERN='...';var createPagination=function createPagination(_ref87){var currentPage=_ref87.currentPage,totalPages=_ref87.totalPages;var pagesLimit=arguments.length>1&&arguments[1]!==undefined?arguments[1]:8;if(totalPages<pagesLimit){return new Array(totalPages).fill(true).map(function(_,idx){return idx+1;});}var visiblePages=pagesLimit-1;var middlePage=Math.round(visiblePages/2);var isWithinEndRange=currentPage>totalPages-middlePage;var isWithinStartRange=currentPage<=middlePage;if(isWithinEndRange){return[1,OVERFLOW_PATTERN].concat(_toConsumableArray(new Array(visiblePages-2).fill(totalPages).map(function(page,idx){return page-idx;}).reverse()));}if(isWithinStartRange){return[].concat(_toConsumableArray(new Array(visiblePages-2).fill(true).map(function(_,idx){return idx+1;})),[OVERFLOW_PATTERN,totalPages]);}var values=new Array(visiblePages).fill(currentPage).map(function(_,idx){if(idx+1===middlePage)return currentPage;return currentPage-middlePage+idx+1;});return[1,OVERFLOW_PATTERN].concat(_toConsumableArray(values.slice(2,values.length-2)),[OVERFLOW_PATTERN,totalPages]);};var Pagination=function Pagination(_ref88){var _ref88$page=_ref88.page,page=_ref88$page===void 0?1:_ref88$page,totalPages=_ref88.totalPages,onChange=_ref88.onChange;var paginationItems=(0,_react.useMemo)(function(){return createPagination({currentPage:page,totalPages:totalPages});},[page,totalPages]);var backDisabled=page===1;var nextDisabled=page===totalPages;var onNavigateBack=function onNavigateBack(){return onChange(page-1);};var onNavigateNext=function onNavigateNext(){return 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:function onKeyDown(e){if(!backDisabled&&e.key===KEYBOARD_KEYS.ENTER){onNavigateBack();}},onClick:function onClick(){if(!backDisabled)onNavigateBack();}},/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronLeft",size:12,fill:"inherit"})),paginationItems.map(function(item,idx){return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,{key:"page-".concat(idx,"-").concat(item)},typeof item==='number'?/*#__PURE__*/_react.default.createElement(Page,{role:"button",isActive:item===page,tabIndex:0,display:"flex",minWidth:"4",height:"4",onClick:function onClick(){if(item!==page)onChange(item);},onKeyDown:function 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:function onKeyDown(e){if(!nextDisabled&&e.key===KEYBOARD_KEYS.ENTER){onNavigateNext();}},onClick:function onClick(){if(!nextDisabled)onNavigateNext();}},/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronRight",size:12,fill:"inherit"})));};var StepTitle=_styledComponents.default.span.withConfig({displayName:"maxio__StepTitle",componentId:"maxio-components__sc-lo74t2-64"})(["&&&{position:absolute;transition:color 0.2s;will-change:color;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','text'));});var 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);var StepLine=_styledComponents.default.div.withConfig({displayName:"maxio__StepLine",componentId:"maxio-components__sc-lo74t2-66"})(["&&&{transition:background-color 0.2s;will-change:background-color;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','color'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','lineSize'));});var 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;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','color'));});var StepInlineWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepInlineWrapper",componentId:"maxio-components__sc-lo74t2-68"})(["&&&{position:relative;}"]);var 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;}"],function(_ref89){var width=_ref89.width;return width;});var StepHorizontal=function StepHorizontal(_ref90){var stepCount=_ref90.stepCount,title=_ref90.title,isActive=_ref90.isActive,isCompleted=_ref90.isCompleted;var stepState=isActive?'active':isCompleted?'completed':'disabled';var stepLineColor=isActive||isCompleted?'completed':'disabled';var _useState9=(0,_react.useState)(0),_useState10=_slicedToArray(_useState9,2),width=_useState10[0],setWidth=_useState10[1];var wrapperRef=(0,_react.useRef)();(0,_react.useEffect)(function(){if(wrapperRef!==null&&wrapperRef!==void 0&&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'}));};var 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:",";",";}"],function(_ref91){var verticalSingleLine=_ref91.verticalSingleLine,theme=_ref91.theme;return verticalSingleLine?(0,_styledComponents.css)(["flex-direction:row;column-gap:","px;align-items:center;"],theme.space[3]):(0,_styledComponents.css)(["flex-direction:column;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','text'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','size'));},function(_ref92){var isActive=_ref92.isActive;return isActive?'1':'0';},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','color'));});var StepTextWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepTextWrapper",componentId:"maxio-components__sc-lo74t2-71"})(["&&&{flex-shrink:0;}"]);var StepVertical=function StepVertical(_ref93){var stepCount=_ref93.stepCount,title=_ref93.title,isActive=_ref93.isActive,isCompleted=_ref93.isCompleted,_ref93$stepText=_ref93.stepText,stepText=_ref93$stepText===void 0?'Step':_ref93$stepText,verticalSingleLine=_ref93.verticalSingleLine;var 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));};var StepsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepsWrapper",componentId:"maxio-components__sc-lo74t2-72"})(["&&&{display:flex;padding:2px 0;box-sizing:border-box;",";}"],function(_ref94){var variant=_ref94.variant;return variant==='vertical'&&(0,_styledComponents.css)(["flex-direction:column;"]);});var Stepper=function Stepper(_ref95){var steps=_ref95.steps,currentStep=_ref95.currentStep,_ref95$variant=_ref95.variant,variant=_ref95$variant===void 0?'vertical':_ref95$variant,stepText=_ref95.stepText,_ref95$verticalSingle=_ref95.verticalSingleLine,verticalSingleLine=_ref95$verticalSingle===void 0?false:_ref95$verticalSingle;return/*#__PURE__*/_react.default.createElement(StepsWrapper,{variant:variant},variant==='horizontal'&&steps.map(function(step,i){return/*#__PURE__*/_react.default.createElement(StepHorizontal,{isActive:currentStep===i,isCompleted:currentStep>i,key:step,stepCount:i+1,title:step});}),variant==='vertical'&&steps.map(function(step,i){return/*#__PURE__*/_react.default.createElement(StepVertical,{stepText:stepText,stepCount:i+1,title:step,key:step,isActive:currentStep===i,isCompleted:currentStep>i,verticalSingleLine:verticalSingleLine});}));};var RowWrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper2",componentId:"maxio-components__sc-lo74t2-73"})(["&&&{",";}&&&:not(:last-child){",";}"],_styledSystem.padding,function(_ref96){var theme=_ref96.theme;return(0,_styledComponents.css)(["border-bottom:1px dashed ",";"],theme.colors.gray.extraLight);});var ColumnValue=_styledComponents.default.span.withConfig({displayName:"maxio__ColumnValue",componentId:"maxio-components__sc-lo74t2-74"})(["&&&{white-space:pre-wrap;",";}"],function(_ref97){var theme=_ref97.theme,fontSize=_ref97.fontSize;return(0,_styledComponents.css)(["font-size:","px;"],theme.fontSizes[fontSize]);});ColumnValue.defaultProps={fontSize:0};var SummaryTable=function SummaryTable(_ref98){var rows=_ref98.rows,columnSpans=_ref98.columnSpans;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,rows.map(function(row,index){return/*#__PURE__*/_react.default.createElement(RowWrapper$2,{key:index,paddingTop:3,paddingBottom:3},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:0},row.map(function(cell,index){return/*#__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)));})));}));};var 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;}"],function(_ref99){var theme=_ref99.theme;return theme.space[3];},function(props){return props.maxWidth&&(0,_styledComponents.css)(["max-width:","px;"],props.maxWidth);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tag','color'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tag','size'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Tag');}));var Tag=function Tag(_ref100){var label=_ref100.label,_ref100$size=_ref100.size,size=_ref100$size===void 0?'regular':_ref100$size,_ref100$color=_ref100.color,color=_ref100$color===void 0?'primary':_ref100$color,overflow=_ref100.overflow,maxWidth=_ref100.maxWidth,onDelete=_ref100.onDelete;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"}));};var Title=_styledComponents.default.div.withConfig({displayName:"maxio__Title",componentId:"maxio-components__sc-lo74t2-76"})(["&&&{height:100%;display:flex;align-items:center;}"]);var 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);var Price$1=_styledComponents.default.div.withConfig({displayName:"maxio__Price1",componentId:"maxio-components__sc-lo74t2-78"})(["&&&{align-items:center;",";",";}"],_styledSystem.gridGap,_styledSystem.display);var SubscriptionHeader=function SubscriptionHeader(_ref101){var title=_ref101.title,tag=_ref101.tag,children=_ref101.children,price=_ref101.price,interval=_ref101.interval;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));};var 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;",";",";",";}"],function(_ref102){var fullWidth=_ref102.fullWidth;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','status'));});var Input=_styledComponents.default.input.withConfig({displayName:"maxio__Input",componentId:"maxio-components__sc-lo74t2-80"})(["&&&{border:none;outline:none;background:none;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','inputSize'));});var isRightKey=function isRightKey(key,separator){return key===separator||key===KEYBOARD_KEYS.ENTER;};var TagInput=function TagInput(_ref103){var _ref103$separator=_ref103.separator,separator=_ref103$separator===void 0?',':_ref103$separator,placeholder=_ref103.placeholder,validationFn=_ref103.validationFn,tags=_ref103.tags,tagProps=_ref103.tagProps,onCreate=_ref103.onCreate,onRemove=_ref103.onRemove,onPaste=_ref103.onPaste,_ref103$blinkTime=_ref103.blinkTime,blinkTime=_ref103$blinkTime===void 0?100:_ref103$blinkTime,_ref103$fullWidth=_ref103.fullWidth,fullWidth=_ref103$fullWidth===void 0?false:_ref103$fullWidth,maxTags=_ref103.maxTags,rest=_objectWithoutProperties(_ref103,_excluded9);var _useState11=(0,_react.useState)(true),_useState12=_slicedToArray(_useState11,2),isKeyReleased=_useState12[0],setIsKeyReleased=_useState12[1];var _useState13=(0,_react.useState)(''),_useState14=_slicedToArray(_useState13,2),inputValue=_useState14[0],setInputValue=_useState14[1];var _useState15=(0,_react.useState)(1),_useState16=_slicedToArray(_useState15,2),opacity=_useState16[0],setOpacity=_useState16[1];var _useState17=(0,_react.useState)(false),_useState18=_slicedToArray(_useState17,2),hasError=_useState18[0],setHasError=_useState18[1];var inputEl=_react.default.useRef(null);var onKeyDown=function onKeyDown(e){var key=e.key;var 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(function(){return setOpacity(1);},blinkTime);}}if(key===KEYBOARD_KEYS.BACKSPACE&&!tag.length&&tags.length&&isKeyReleased){e.preventDefault();var tagsCopy=_toConsumableArray(tags);var poppedTag=tagsCopy.pop();onRemove(poppedTag,tags.length-1);setInputValue(poppedTag);}setIsKeyReleased(false);};var handleOnPaste=function handleOnPaste(_ref104){var clipboardData=_ref104.clipboardData;var pastedText=clipboardData.getData('Text');var parsedText=pastedText.replace(/\s+/g,'');var pastedTags=new Set(parsedText.split(separator));var maxCountPasted=(maxTags||Infinity)-tags.length;var filteredTags=_toConsumableArray(pastedTags).filter(function(tag){return!tags.includes(tag)&&validationFn(tag);});onPaste(filteredTags.slice(0,maxCountPasted));setInputValue('');};var onKeyUp=function onKeyUp(){setIsKeyReleased(true);};var memoizedTags=(0,_react.useMemo)(function(){return tags.map(function(tag,index){return/*#__PURE__*/_react.default.createElement(Tag,_objectSpread({key:index,label:tag,onDelete:function onDelete(){return onRemove(tag,index);}},tagProps));});},[tags,tagProps,onRemove]);var isLimitReached=maxTags&&tags.length>=maxTags;return/*#__PURE__*/_react.default.createElement(InputWrapper,{fullWidth:fullWidth,status:hasError?'error':'default',size:'regular',onClick:function onClick(){var _inputEl$current;return inputEl===null||inputEl===void 0?void 0:(_inputEl$current=inputEl.current)===null||_inputEl$current===void 0?void 0:_inputEl$current.focus();},"data-testid":'tagInput-wrapper'},memoizedTags,/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{animate:{opacity:opacity},transition:{duration:0.1}},/*#__PURE__*/_react.default.createElement(Input,_objectSpread({disabled:isLimitReached,onPaste:handleOnPaste,value:inputValue,inputSize:'regular',type:'text',ref:inputEl,onChange:function onChange(e){return setInputValue(e.target.value);},onKeyUp:onKeyUp,placeholder:isLimitReached?'':placeholder,hidden:isLimitReached,onKeyDown:onKeyDown},rest))));};var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','colorVariant'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'ToastMessage');}));var IconContainer=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer",componentId:"maxio-components__sc-lo74t2-82"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','iconColor'));});var MESSAGE_ICON={success:'circleCheck',warning:'exclamationTriangle',info:'circleInfo'};var ToastMessage=function ToastMessage(_ref105){var _ref105$size=_ref105.size,size=_ref105$size===void 0?'regular':_ref105$size,_ref105$colorVariant=_ref105.colorVariant,colorVariant=_ref105$colorVariant===void 0?'dark':_ref105$colorVariant,_ref105$type=_ref105.type,type=_ref105$type===void 0?'info':_ref105$type,message=_ref105.message;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:"".concat(colorVariant,"-").concat(type)},/*#__PURE__*/_react.default.createElement(Icon,{fill:"inherit",type:MESSAGE_ICON[type],size:32})),/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4",color:"inherit"},message));};var Container$c=_styledComponents.default.div.withConfig({displayName:"maxio__Containerc",componentId:"maxio-components__sc-lo74t2-83"})(["&&&{display:grid;align-items:center;",";}"],_styledSystem.grid);var getOptions=function getOptions(translations){var days=translations.days,months=translations.months,years=translations.years;return[{label:days,value:'day'},{label:months,value:'month'},{label:years,value:'year'}];};var defaultTranslations$6={label:'Last',days:'Days',months:'Months',years:'Years'};var RelativeTime=function RelativeTime(_ref106){var _ref106$unit=_ref106.unit,unit=_ref106$unit===void 0?'day':_ref106$unit,value=_ref106.value,_onChange=_ref106.onChange,portalContainer=_ref106.portalContainer,_ref106$translations=_ref106.translations,translations=_ref106$translations===void 0?defaultTranslations$6:_ref106$translations;var label=translations.label;var options=(0,_react.useMemo)(function(){return 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===null||value===void 0?void 0:value.toString())||'',placeholder:"0",onChange:function onChange(e){return _onChange({unit:unit,value:+e.target.value});},inputSize:"small"}),/*#__PURE__*/_react.default.createElement(Select,{options:options,selectedValue:unit,onSelect:function onSelect(item){return _onChange({unit:item.value,value:value});},variant:"secondary",selectSize:"small",portalContainer:portalContainer}));};var 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:",";}"],function(_ref107){var theme=_ref107.theme;return theme.colors.white.main;},function(_ref108){var theme=_ref108.theme;return theme.fonts.secondary;},function(_ref109){var theme=_ref109.theme;return theme.radii[3];},function(_ref110){var theme=_ref110.theme;return(0,_polished.transparentize)(0.85,theme.colors.black.dark);},fontSmoothing,function(_ref111){var theme=_ref111.theme;return theme.fonts.secondary;},function(_ref112){var theme=_ref112.theme;return theme.space[3];},function(_ref113){var theme=_ref113.theme;return theme.colors.white.main;},function(_ref114){var theme=_ref114.theme;return(0,_polished.transparentize)(0.3,theme.colors.black.dark);},function(_ref115){var theme=_ref115.theme;return theme.radii[3];},function(_ref116){var theme=_ref116.theme;return"2px solid ".concat(theme.colors.white.main);},function(_ref117){var theme=_ref117.theme;return theme.colors.primary.extraLight;},function(_ref118){var theme=_ref118.theme;return theme.sizes[5];},function(_ref119){var theme=_ref119.theme;return theme.sizes[5];},function(_ref120){var theme=_ref120.theme;return theme.space[3];},function(_ref121){var theme=_ref121.theme;return theme.colors.primary.extraLight;},function(_ref122){var theme=_ref122.theme;return theme.colors.white.main;},function(_ref123){var theme=_ref123.theme;return theme.colors.primary.main;},function(_ref124){var theme=_ref124.theme;return"2px solid ".concat(theme.colors.white.main);},function(_ref125){var theme=_ref125.theme;return theme.colors.primary.main;},function(_ref126){var theme=_ref126.theme;return"1px solid ".concat((0,_polished.transparentize)(0.5,theme.colors.primary.main));},function(_ref127){var theme=_ref127.theme;return theme.radii[3];},function(_ref128){var theme=_ref128.theme;return theme.space[3];},function(_ref129){var theme=_ref129.theme;return(0,_polished.transparentize)(0.9,theme.colors.primary.dark);},function(_ref130){var theme=_ref130.theme;return"1px solid ".concat((0,_polished.transparentize)(0.5,theme.colors.primary.main));},function(_ref131){var theme=_ref131.theme;return(0,_polished.transparentize)(0.9,theme.colors.primary.main);},function(_ref132){var theme=_ref132.theme;return"1px solid ".concat((0,_polished.transparentize)(0.5,theme.colors.primary.main));},function(_ref133){var theme=_ref133.theme;return(0,_polished.transparentize)(0.9,theme.colors.primary.main);},function(_ref134){var theme=_ref134.theme;return theme.colors.primary.main;},function(_ref135){var theme=_ref135.theme;return theme.colors.danger.main;},function(_ref136){var theme=_ref136.theme;return"1px solid ".concat(theme.colors.primary.main);},function(_ref137){var theme=_ref137.theme;return theme.colors.black.main;});var Container$b=_styledComponents.default.div.withConfig({displayName:"maxio__Containerb",componentId:"maxio-components__sc-lo74t2-84"})(["&&&{position:relative;}"]);var CALENDAR_WIDTH=300;var defaultTranslations$5={placeholder:'From'};var DatePicker=function DatePicker(_ref138){var value=_ref138.value,_ref138$translations=_ref138.translations,translations=_ref138$translations===void 0?defaultTranslations$5:_ref138$translations,_ref138$locale=_ref138.locale,locale=_ref138$locale===void 0?'en':_ref138$locale,minDate=_ref138.minDate,maxDate=_ref138.maxDate,portalContainer=_ref138.portalContainer,_ref138$calendarAlign=_ref138.calendarAlignment,calendarAlignment=_ref138$calendarAlign===void 0?'left':_ref138$calendarAlign,_onChange2=_ref138.onChange,modalRef=_ref138.modalRef,disabled=_ref138.disabled;var _useState19=(0,_react.useState)(false),_useState20=_slicedToArray(_useState19,2),showCalendar=_useState20[0],setCalendar=_useState20[1];var calendarContainerRef=(0,_react.useRef)(null);var inputRef=(0,_react.useRef)(null);var placeholder=translations.placeholder;var portalElement=portalContainer===null||portalContainer===void 0?void 0:portalContainer.current;useOnClickOutside([calendarContainerRef,portalContainer],function(){if(showCalendar){setCalendar(false);}},modalRef===null||modalRef===void 0?void 0:modalRef.current);var renderCalendar=function renderCalendar(){return/*#__PURE__*/_react.default.createElement(_reactCalendar.default,{onChange:function onChange(date){_onChange2(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});};var calculateDropdownPosition=(0,_react.useCallback)(function(){var element=calendarContainerRef.current;var _element$getBoundingC=element.getBoundingClientRect(),top=_element$getBoundingC.top,height=_element$getBoundingC.height,left=_element$getBoundingC.left,width=_element$getBoundingC.width;var alignmentPosition=calendarAlignment==='left'?left:left-(CALENDAR_WIDTH-width);return{top:top+height+window.scrollY,left:alignmentPosition+window.scrollX,width:CALENDAR_WIDTH};},[calendarAlignment]);var handleBackspace=function handleBackspace(e){if(e.key===KEYBOARD_KEYS.BACKSPACE){_onChange2(null);}};return/*#__PURE__*/_react.default.createElement(Container$b,{ref:calendarContainerRef},/*#__PURE__*/_react.default.createElement(DatePickerStyles,null),/*#__PURE__*/_react.default.createElement("div",{onClick:function onClick(){return!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:function onChange(){return false;},inputSize:"small",iconRight:"calendar",placeholder:placeholder,readOnly:true,onKeyDown:handleBackspace,value:(value===null||value===void 0?void 0: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:_objectSpread({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()))));};var 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;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','containerVariant'));});var Tab=(0,_styledComponents.default)(_framerMotion.motion.li).withConfig({displayName:"maxio__Tab",componentId:"maxio-components__sc-lo74t2-86"})(["&&&{user-select:none;cursor:pointer;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','size'));});var Wrapper$f=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperf",componentId:"maxio-components__sc-lo74t2-87"})(["&&&{position:relative;flex:1;min-width:0;}"]);var 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%;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','variant'));});var Tabs=function Tabs(_ref139){var tabs=_ref139.tabs,activeTabId=_ref139.activeTabId,_onClick3=_ref139.onClick;return/*#__PURE__*/_react.default.createElement(Container$a,{containerVariant:"primary"},/*#__PURE__*/_react.default.createElement(_framerMotion.LayoutGroup,null,tabs.map(function(_ref140){var label=_ref140.label,id=_ref140.id;return/*#__PURE__*/_react.default.createElement(Wrapper$f,{key:id},/*#__PURE__*/_react.default.createElement(Tab,{size:"regular",onClick:function onClick(){return _onClick3?_onClick3(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);})));};var RadioGroupWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__RadioGroupWrapper",componentId:"maxio-components__sc-lo74t2-89"})(["&&&{display:flex;",";",";}"],_styledSystem.flexDirection,_styledSystem.gridGap);var RadioGroup=function RadioGroup(_ref141){var options=_ref141.options,_onValueChange=_ref141.onValueChange,selectedValue=_ref141.selectedValue,_ref141$optionsDirect=_ref141.optionsDirection,optionsDirection=_ref141$optionsDirect===void 0?'row':_ref141$optionsDirect,_ref141$optionsGap=_ref141.optionsGap,optionsGap=_ref141$optionsGap===void 0?5:_ref141$optionsGap;return/*#__PURE__*/_react.default.createElement(RadioGroupWrapper,{gridGap:optionsGap,flexDirection:optionsDirection},options.map(function(option){return/*#__PURE__*/_react.default.createElement(RadioButton,{key:option.value,isSelected:selectedValue===option.value,label:option.label,value:option.value,onValueChange:function onValueChange(value){return _onValueChange(value);}});}));};var InputContainer=_styledComponents.default.div.withConfig({displayName:"maxio__InputContainer",componentId:"maxio-components__sc-lo74t2-90"})(["&&&{pointer-events:none;}"]);var Container$9=_styledComponents.default.div.withConfig({displayName:"maxio__Container9",componentId:"maxio-components__sc-lo74t2-91"})(["&&&{position:relative;}"]);var OptionsContainer=_styledComponents.default.div.withConfig({displayName:"maxio__OptionsContainer",componentId:"maxio-components__sc-lo74t2-92"})(["&&&{display:flex;}"]);var RelativeColumn=_styledComponents.default.div.withConfig({displayName:"maxio__RelativeColumn",componentId:"maxio-components__sc-lo74t2-93"})(["&&&{position:relative;flex:1;}"]);var getInputValue=function getInputValue(value){if(value&&'minute'in value&&'hour'in value){var minute=value.minute,hour=value.hour;var minutes=minute<10?"0".concat(minute):minute.toString();var hours=hour<10?"0".concat(hour):hour.toString();return"".concat(hours,":").concat(minutes);}return'';};var getTimeOptions=function getTimeOptions(length){return Array.from({length:length},function(_,idx){return{label:idx<10?"0".concat(idx):"".concat(idx),value:idx};});};var defaultTranslations$4={placeholder:'Select time'};var minutesOptions=getTimeOptions(60);var hoursOptions=getTimeOptions(24);var TimePicker=function TimePicker(_ref142){var value=_ref142.value,portalContainer=_ref142.portalContainer,_ref142$translations=_ref142.translations,translations=_ref142$translations===void 0?defaultTranslations$4:_ref142$translations,onChange=_ref142.onChange,modalRef=_ref142.modalRef,disabled=_ref142.disabled,_ref142$dropdownAlign=_ref142.dropdownAlignment,dropdownAlignment=_ref142$dropdownAlign===void 0?'left':_ref142$dropdownAlign;var _useState21=(0,_react.useState)(false),_useState22=_slicedToArray(_useState21,2),showPicker=_useState22[0],setPicker=_useState22[1];var pickerContainerRef=(0,_react.useRef)(null);var _ref143=value||{},minute=_ref143.minute,hour=_ref143.hour;var placeholder=translations.placeholder;var portalElement=portalContainer===null||portalContainer===void 0?void 0:portalContainer.current;useOnClickOutside([pickerContainerRef,portalContainer],function(){if(showPicker){setPicker(false);}},modalRef===null||modalRef===void 0?void 0:modalRef.current);var calculateDropdownPosition=(0,_react.useCallback)(function(){var element=pickerContainerRef.current;var _element$getBoundingC2=element.getBoundingClientRect(),top=_element$getBoundingC2.top,height=_element$getBoundingC2.height,left=_element$getBoundingC2.left,width=_element$getBoundingC2.width;return{top:top+height+window.scrollY,left:left+window.scrollX,width:width};},[pickerContainerRef]);var renderOptions=function renderOptions(){return/*#__PURE__*/_react.default.createElement(OptionsContainer,null,/*#__PURE__*/_react.default.createElement(RelativeColumn,null,/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:hoursOptions,onSelect:function onSelect(_e,_ref144){var value=_ref144.value;return onChange({minute:minute||0,hour:Number(value)});},selectSize:"small",selectionIndex:hoursOptions.findIndex(function(_ref145){var value=_ref145.value;return value===hour;})})),/*#__PURE__*/_react.default.createElement(RelativeColumn,null,/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:minutesOptions,onSelect:function onSelect(_e,_ref146){var value=_ref146.value;return onChange({hour:hour||0,minute:Number(value)});},selectSize:"small",selectionIndex:minutesOptions.findIndex(function(_ref147){var value=_ref147.value;return value===minute;})})));};return/*#__PURE__*/_react.default.createElement(Container$9,{ref:pickerContainerRef},/*#__PURE__*/_react.default.createElement("div",{onClick:function 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:function onChange(){return 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:_objectSpread({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()))));};var formatCardNumber$1=function formatCardNumber$1(number){return number.replace(/x/gi,'·').replace(/-/g,' ');};var CreditCardNumberWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardNumberWrapper",componentId:"maxio-components__sc-lo74t2-94"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardNumber','variant'));});CreditCardNumberWrapper.defaultProps={variant:'regular'};var CreditCardNumber=function CreditCardNumber(_ref148){var number=_ref148.number;return/*#__PURE__*/_react.default.createElement(CreditCardNumberWrapper,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3",color:"inherit"},formatCardNumber$1(number)));};var CreditCardAddressWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardAddressWrapper",componentId:"maxio-components__sc-lo74t2-95"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardAddress','variant'));});CreditCardAddressWrapper.defaultProps={variant:'regular'};var CreditCardAddress=function CreditCardAddress(_ref149){var firstLine=_ref149.firstLine,secondLine=_ref149.secondLine;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));};var formatExpirationYear=function formatExpirationYear(year){var str=year.toString();return str.substr(str.length-2);};var CreditCardHolderDetailsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardHolderDetailsWrapper",componentId:"maxio-components__sc-lo74t2-96"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardHolderDetails','variant'));});CreditCardHolderDetailsWrapper.defaultProps={variant:'regular'};var CreditCardHolderDetails=function CreditCardHolderDetails(_ref150){var firstName=_ref150.firstName,lastName=_ref150.lastName,expirationMonth=_ref150.expirationMonth,expirationYear=_ref150.expirationYear;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".concat(expirationMonth),"/",formatExpirationYear(expirationYear)));};var PageHeaderTitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PageHeaderTitleWrapper",componentId:"maxio-components__sc-lo74t2-97"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'PageHeaderTitle','variant'));});PageHeaderTitleWrapper.defaultProps={variant:'regular'};var PageHeaderTitle=function PageHeaderTitle(_ref151){var title=_ref151.title,size=_ref151.size;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)));};var PageHeaderSubtitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PageHeaderSubtitleWrapper",componentId:"maxio-components__sc-lo74t2-98"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'PageHeaderSubtitle','variant'));});PageHeaderSubtitleWrapper.defaultProps={variant:'regular'};var PageHeaderSubtitle=function PageHeaderSubtitle(_ref152){var subtitle=_ref152.subtitle,size=_ref152.size;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)));};var 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);var PageHeader=function PageHeader(_ref153){var title=_ref153.title,subtitle=_ref153.subtitle,onBack=_ref153.onBack,previousPageLabel=_ref153.previousPageLabel,_ref153$size=_ref153.size,size=_ref153$size===void 0?'medium':_ref153$size;return/*#__PURE__*/_react.default.createElement("div",null,previousPageLabel&&/*#__PURE__*/_react.default.createElement(Anchor,{iconLeft:"chevronLeft",label:previousPageLabel,onClick:function onClick(){return 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})));};var Master=function Master(){return/*#__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"})));};var Visa=function Visa(){return/*#__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"})));};var 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;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Watermark','variant'));});var Watermark$1=function Watermark$1(_ref154){var type=_ref154.type,size=_ref154.size;var variant="".concat(type,"-").concat(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;};var Chip=function Chip(){return/*#__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"})));};var Wrapper$e=_styledComponents.default.div.withConfig({displayName:"maxio__Wrappere",componentId:"maxio-components__sc-lo74t2-101"})(["&&&{display:flex;align-items:center;gap:4px;}"]);var StatusMsg=function StatusMsg(_ref155){var status=_ref155.status,customMessages=_ref155.customMessages;var _useTranslation=(0,_reactI18next.useTranslation)(['payment-profile']),t=_useTranslation.t;var statusMsg=_objectSpread({active:t('active_payment'),error:t('expired_card'),unavailable:t('unavailable')},customMessages);var getStatusIcon=function 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;}};var getMsgColor=function 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]));};var 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;",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','variant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','status'));});var AddressWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__AddressWrapper",componentId:"maxio-components__sc-lo74t2-103"})(["&&&{min-width:0;margin-left:auto;}"]);var CardNumberWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CardNumberWrapper",componentId:"maxio-components__sc-lo74t2-104"})(["&&&{margin-top:auto;margin-bottom:auto;}"]);var 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);var formatAddressDetails$1=function formatAddressDetails$1(details){var _details$address,_details$address2,_details$city,_details$country,_details$state,_details$zip;var address=(_details$address=details.address)!==null&&_details$address!==void 0?_details$address:'';var address2=(_details$address2=details.address2)!==null&&_details$address2!==void 0?_details$address2:'';var city=(_details$city=details.city)!==null&&_details$city!==void 0?_details$city:'';var country=(_details$country=details.country)!==null&&_details$country!==void 0?_details$country:'';var state=(_details$state=details.state)!==null&&_details$state!==void 0?_details$state:'';var zip=(_details$zip=details.zip)!==null&&_details$zip!==void 0?_details$zip:'';var firstLine="".concat(address).concat(address&&address2?', ':'').concat(address2);var secondLine="".concat(zip).concat(zip&&city?' ':'').concat(city).concat((zip||city)&&state?', ':'').concat(state).concat((zip||city||state)&&country?', ':'').concat(country);if(country==='US'){secondLine="".concat(city).concat(city&&state?', ':'').concat(state).concat((city||state)&&zip?' ':'').concat(zip).concat((city||state||zip)&&country?', ':'').concat(country);}return{firstLine:firstLine,secondLine:secondLine};};var CreditCard$1=function CreditCard$1(_ref156){var card=_ref156.card,_ref156$addressDetail=_ref156.addressDetails,addressDetails=_ref156$addressDetail===void 0?{}:_ref156$addressDetail,_ref156$variant=_ref156.variant,variant=_ref156$variant===void 0?'primary':_ref156$variant,_ref156$size=_ref156.size,size=_ref156$size===void 0?'regular':_ref156$size,status=_ref156.status,renderSlot=_ref156.renderSlot;var type=card.type,maskedNumber=card.maskedNumber,firstName=card.firstName,lastName=card.lastName,expirationMonth=card.expirationMonth,expirationYear=card.expirationYear;var _formatAddressDetails=formatAddressDetails$1(addressDetails),firstLine=_formatAddressDetails.firstLine,secondLine=_formatAddressDetails.secondLine;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:Chip,Logo:Logo});var NameWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__NameWrapper1",componentId:"maxio-components__sc-lo74t2-106"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);var QuantityComponent=function QuantityComponent(_ref157){var name=_ref157.name,description=_ref157.description,value=_ref157.value;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:function renderContent(){return/*#__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"})(["&&&{",";",";}"],function(_ref158){var theme=_ref158.theme;return(0,_styledComponents.css)(["background:",";border-radius:","px;"],theme.colors.primary.extraLight,theme.radii[4]);},_styledSystem.padding);var Name=_styledComponents.default.div.withConfig({displayName:"maxio__Name",componentId:"maxio-components__sc-lo74t2-108"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);var Prepaid=_styledComponents.default.div.withConfig({displayName:"maxio__Prepaid",componentId:"maxio-components__sc-lo74t2-109"})(["&&&{display:flex;flex-direction:column;}"]);var Usage=_styledComponents.default.div.withConfig({displayName:"maxio__Usage",componentId:"maxio-components__sc-lo74t2-110"})(["&&&{",";display:flex;justify-content:flex-end;}"],_styledSystem.margin);var Used=_styledComponents.default.div.withConfig({displayName:"maxio__Used",componentId:"maxio-components__sc-lo74t2-111"})(["&&&{display:flex;flex-direction:column;",";",";}"],_styledSystem.textAlign,_styledSystem.padding);var Overage=_styledComponents.default.div.withConfig({displayName:"maxio__Overage",componentId:"maxio-components__sc-lo74t2-112"})(["&&&{",";display:flex;flex-direction:column;",";",";}"],function(_ref159){var theme=_ref159.theme;return(0,_styledComponents.css)(["border-right:1px solid ",";"],theme.colors.gray.extraLight);},_styledSystem.textAlign,_styledSystem.padding);var RowWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper1",componentId:"maxio-components__sc-lo74t2-113"})(["&&&{",";}"],_styledSystem.margin);var 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'};var PrepaidComponent=function PrepaidComponent(_ref160){var name=_ref160.name,prepaid=_ref160.prepaid,usage=_ref160.usage,isCumulative=_ref160.isCumulative,unit=_ref160.unit,_ref160$translations=_ref160.translations,translations=_ref160$translations===void 0?defaultTranslations$3:_ref160$translations,description=_ref160.description,_ref160$cardVariant=_ref160.cardVariant,cardVariant=_ref160$cardVariant===void 0?'primary':_ref160$cardVariant,overageBalance=_ref160.overageBalance,isRenewable=_ref160.isRenewable;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:function renderContent(){return/*#__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)))))));};var NameWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__NameWrapper",componentId:"maxio-components__sc-lo74t2-114"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);var MeteredComponent=function MeteredComponent(_ref161){var name=_ref161.name,description=_ref161.description,value=_ref161.value;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:function renderContent(){return/*#__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)));};var 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);var ToggleWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper1",componentId:"maxio-components__sc-lo74t2-116"})(["&&&{display:flex;justify-content:flex-end;}"]);var OnOffComponent=function OnOffComponent(_ref162){var isOn=_ref162.isOn,isDisabled=_ref162.isDisabled,name=_ref162.name,description=_ref162.description,_ref162$toggleVariant=_ref162.toggleVariant,toggleVariant=_ref162$toggleVariant===void 0?'reversed':_ref162$toggleVariant;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:function renderContent(){return/*#__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}))));};var Watermark=function Watermark(){return/*#__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"}));};var 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;",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','cardSize'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','variant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','status'));});var 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;",";}"],function(_ref163){var size=_ref163.size;return size==='small'&&(0,_styledComponents.css)(["transform:scale(0.68) translateY(-50%);"]);});var NumbersContainer=_styledComponents.default.div.withConfig({displayName:"maxio__NumbersContainer",componentId:"maxio-components__sc-lo74t2-119"})(["&&&{display:flex;",";}"],_styledSystem.gridGap);var Number$1=_styledComponents.default.div.withConfig({displayName:"maxio__Number1",componentId:"maxio-components__sc-lo74t2-120"})(["&&&{flex:1;min-width:0;}"]);var AddressContainer=_styledComponents.default.div.withConfig({displayName:"maxio__AddressContainer",componentId:"maxio-components__sc-lo74t2-121"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','addressSize'));});var Content$d=_styledComponents.default.div.withConfig({displayName:"maxio__Contentd",componentId:"maxio-components__sc-lo74t2-122"})(["&&&{flex:1;display:flex;flex-direction:column;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','contentSize'));});var Row$2=_styledComponents.default.div.withConfig({displayName:"maxio__Row2",componentId:"maxio-components__sc-lo74t2-123"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridGap);var formatAddressDetails=function formatAddressDetails(details){var _details$address3=details.address,address=_details$address3===void 0?'':_details$address3,_details$address4=details.address2,address2=_details$address4===void 0?'':_details$address4,_details$city2=details.city,city=_details$city2===void 0?'':_details$city2,_details$country2=details.country,country=_details$country2===void 0?'':_details$country2,_details$state2=details.state,state=_details$state2===void 0?'':_details$state2,_details$zip2=details.zip,zip=_details$zip2===void 0?'':_details$zip2;if(country==='US'){return"".concat(address).concat(address&&address2?' ':'').concat(address2).concat((address||address2)&&city?', ':'').concat(city).concat((address||address2||city)&&state?', ':'').concat(state).concat((address||address2||city||state)&&zip?' ':'').concat(zip).concat((address||address2||city||state||zip)&&country?', ':'').concat(country);}return"".concat(address).concat(address&&address2?' ':'').concat(address2).concat((address||address2)&&zip?', ':'').concat(zip).concat((address||address2||zip)&&city?' ':'').concat(city).concat((address||address2||zip||city)&&state?', ':'').concat(state).concat((address||address2||city||state||zip)&&country?', ':'').concat(country);};var defaultTranslations$2={routing_number:'Routing No.',account_number:'Account No.'};var BankAccount=function BankAccount(_ref164){var accountDetails=_ref164.accountDetails,_ref164$addressDetail=_ref164.addressDetails,addressDetails=_ref164$addressDetail===void 0?{}:_ref164$addressDetail,_ref164$size=_ref164.size,size=_ref164$size===void 0?'regular':_ref164$size,_ref164$variant=_ref164.variant,variant=_ref164$variant===void 0?'primary':_ref164$variant,_ref164$translations=_ref164.translations,translations=_ref164$translations===void 0?defaultTranslations$2:_ref164$translations,status=_ref164.status,renderSlot=_ref164.renderSlot;var firstName=accountDetails.firstName,lastName=accountDetails.lastName,bankName=accountDetails.bankName,routingNumber=accountDetails.routingNumber,accountNumber=accountDetails.accountNumber;var address=formatAddressDetails(addressDetails);var 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:"".concat(size,"-").concat(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)));};var 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;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','row'));},function(props){return props.disableBorder&&(0,_styledComponents.css)(["border:none;"]);});TableRow.defaultProps={variant:'body'};var 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;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','table'));});StyledTable.defaultProps={size:'regular'};var TableWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TableWrapper",componentId:"maxio-components__sc-lo74t2-126"})(["&&&{overflow-x:hidden;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','wrapper'));});TableWrapper.defaultProps={wrapper:'default'};var ScrollWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ScrollWrapper",componentId:"maxio-components__sc-lo74t2-127"})(["&&&{width:100%;overflow-x:auto;}"]);var StyledTableCell=_styledComponents.default.div.withConfig({displayName:"maxio__StyledTableCell",componentId:"maxio-components__sc-lo74t2-128"})(["&&&{display:flex;flex:1;align-items:center;",";",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','cell'));},_styledSystem.justifyContent,_styledSystem.layout,_styledSystem.gridGap);StyledTableCell.defaultProps={cellSize:'regular',minWidth:120};var TableCell=function TableCell(_ref165){var children=_ref165.children,align=_ref165.align,rest=_objectWithoutProperties(_ref165,_excluded10);return/*#__PURE__*/_react.default.createElement(StyledTableCell,_objectSpread({justifyContent:align},rest),children);};var SortIndicator=function SortIndicator(_ref166){var sortMode=_ref166.sortMode;var 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"}));};var 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};var 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};var TableHeader=function TableHeader(_ref167){var sortMode=_ref167.sortMode,children=_ref167.children,_ref167$align=_ref167.align,align=_ref167$align===void 0?'left':_ref167$align,_onClick4=_ref167.onClick,minWidth=_ref167.minWidth,_ref167$disableSort=_ref167.disableSort,disableSort=_ref167$disableSort===void 0?false:_ref167$disableSort,rest=_objectWithoutProperties(_ref167,_excluded11);var isLeftOrCenter=align==='left'||align==='center';return/*#__PURE__*/_react.default.createElement(StyledTableHeader,{justifyContent:align,minWidth:minWidth},/*#__PURE__*/_react.default.createElement(TableHeadContainer,_objectSpread(_objectSpread({},rest),{},{onClick:function onClick(){return!disableSort&&_onClick4();}}),!disableSort&&align==='right'&&/*#__PURE__*/_react.default.createElement(SortIndicator,{sortMode:sortMode}),children,!disableSort&&isLeftOrCenter&&/*#__PURE__*/_react.default.createElement(SortIndicator,{sortMode:sortMode})));};var TableHead=_styledComponents.default.thead.withConfig({displayName:"maxio__TableHead",componentId:"maxio-components__sc-lo74t2-131"})(["&&&{width:100%;display:flex;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','header'));});TableHead.defaultProps={variant:'primary'};var TableBody=_styledComponents.default.tbody.withConfig({displayName:"maxio__TableBody",componentId:"maxio-components__sc-lo74t2-132"})(["&&&{width:100%;display:flex;flex-direction:column;}"]);var TableCellContainer=_styledComponents.default.td.withConfig({displayName:"maxio__TableCellContainer",componentId:"maxio-components__sc-lo74t2-133"})(["&&&{flex:1;display:flex;padding:0;}"]);var 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;",";",";",";",";}"],function(_ref168){var theme=_ref168.theme;return theme.colors.gray.extraLight;},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','footer'));},_styledSystem.justifyContent,_styledSystem.padding,_styledSystem.gridGap);TableFooter$1.defaultProps={variant:'default'};var Table=function Table(_ref169){var children=_ref169.children,renderFooter=_ref169.renderFooter;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});var Wrapper$d=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperd",componentId:"maxio-components__sc-lo74t2-135"})(["&&&{display:flex;column-gap:","px;}"],function(_ref170){var theme=_ref170.theme;return theme.space[3];});var DatePickerWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__DatePickerWrapper",componentId:"maxio-components__sc-lo74t2-136"})(["&&&{width:140px;}"]);var TimePickerWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TimePickerWrapper",componentId:"maxio-components__sc-lo74t2-137"})(["&&&{width:120px;}"]);var DateTimePicker=function DateTimePicker(_ref171){var onChange=_ref171.onChange,modalRef=_ref171.modalRef,portalContainer=_ref171.portalContainer,initialDate=_ref171.initialDate,disabled=_ref171.disabled,minDate=_ref171.minDate,maxDate=_ref171.maxDate;var initialDateTime=(0,_dayjs.default)(initialDate);var _useState23=(0,_react.useState)({minute:initialDateTime.minute(),hour:initialDateTime.hour()}),_useState24=_slicedToArray(_useState23,2),time=_useState24[0],setTime=_useState24[1];var _useState25=(0,_react.useState)(initialDateTime.toDate()),_useState26=_slicedToArray(_useState25,2),date=_useState26[0],setDate=_useState26[1];var onDateValueChange=function onDateValueChange(date){setDate(date);var parsedDate=(0,_dayjs.default)(date).hour(time.hour).minute(time.minute);onChange(parsedDate);};var onTimeValueChange=function onTimeValueChange(time){setTime(time);var 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:function onChange(time){return onTimeValueChange(time);},value:time,portalContainer:portalContainer,modalRef:modalRef,disabled:disabled})),/*#__PURE__*/_react.default.createElement(DatePickerWrapper,null,/*#__PURE__*/_react.default.createElement(DatePicker,{onChange:function onChange(date){return onDateValueChange(date);},value:date,portalContainer:portalContainer,modalRef:modalRef,minDate:minDate,maxDate:maxDate,disabled:disabled})));};_jsLogger.default.useDefaults();_jsLogger.default.createDefaultHandler();_jsLogger.default.setHandler(function(messages,context){});var ZERO_DECIMAL_CURRENCIES=['JPY'];var formatCurrency=function formatCurrency(currency,value){var locale=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'en';var valueToFormat=ZERO_DECIMAL_CURRENCIES.includes(currency)?value:value/100;return new Intl.NumberFormat(locale,{style:'currency',currency:currency}).format(valueToFormat);};var DAYS_PER_WEEK=7;var MONTHS_PER_YEAR=12;var formatBillingInterval=function formatBillingInterval(interval,unit,t){if(interval<1)return;var 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){var numberOfWeeks=interval/DAYS_PER_WEEK;return"".concat(t('interval.every')," ").concat(numberOfWeeks," ").concat(t('interval.week',{count:numberOfWeeks}));}if(unit==='month'&&interval%MONTHS_PER_YEAR===0){var numberOfYears=interval/MONTHS_PER_YEAR;return"".concat(t('interval.every')," ").concat(numberOfYears," ").concat(t('interval.year',{count:numberOfYears}));}return"".concat(t('interval.every')," ").concat(interval," ").concat(t('interval.'+unit,{count:interval}));};var formatDate=function formatDate(date){var format=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'YYYY-MM-DD';return(0,_dayjs.default)(date).format(format);};var manipulateDate=function manipulateDate(_ref172){var _ref172$method=_ref172.method,method=_ref172$method===void 0?'add':_ref172$method,date=_ref172.date,unit=_ref172.unit,value=_ref172.value;if(method==='add')return(0,_dayjs.default)(date).add(value,unit).toString();return(0,_dayjs.default)(date).subtract(value,unit).toString();};var camelToUnderscore=function camelToUnderscore(key){return key.replace(/([A-Z])/g,'_$1').toLowerCase();};var camelCaseToSnakeCase=function camelCaseToSnakeCase(record){var transformedRecord={};for(var camelKey in record){transformedRecord[camelToUnderscore(camelKey)]=record[camelKey];}return transformedRecord;};var prepareQueryParams=function prepareQueryParams(requestParams){return _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={}));var requestHandler=function requestHandler(url,requestBody){var method=arguments.length>2&&arguments[2]!==undefined?arguments[2]:HttpMethod.GET;var headers=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};return new Promise(/*#__PURE__*/function(){var _ref173=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve,reject){var body,response,json,data;return _regeneratorRuntime().wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:body=requestBody?JSON.stringify(camelCaseToSnakeCase(requestBody)):null;_context.next=3;return fetch(url,{body:body,headers:_objectSpread(_objectSpread({},headers),{},{'Content-Type':'application/json'}),method:method});case 3:response=_context.sent;_context.next=6;return response.json();case 6:json=_context.sent;data=(0,_camelcaseKeys.default)(json,{deep:true});if(!response.ok){reject(data);}resolve(data);case 10:case"end":return _context.stop();}}},_callee);}));return function(_x,_x2){return _ref173.apply(this,arguments);};}());};var DataAccess=/*#__PURE__*/function(){function DataAccess(_ref174){var baseUrl=_ref174.baseUrl,sessionManager=_ref174.sessionManager;_classCallCheck(this,DataAccess);_defineProperty(this,"baseUrl",null);_defineProperty(this,"sessionManager",null);this.sessionManager=sessionManager;this.baseUrl=baseUrl;}_createClass(DataAccess,[{key:"performRequest",value:function performRequest(url){var body=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;var method=arguments.length>2&&arguments[2]!==undefined?arguments[2]:HttpMethod.GET;return requestHandler(url,body,method,{Authorization:"Bearer ".concat(this.sessionManager.accessToken)});}},{key:"getProductsCatalog",value:function(){var _getProductsCatalog=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:return _context2.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/product_families")));case 1:case"end":return _context2.stop();}}},_callee2,this);}));function getProductsCatalog(){return _getProductsCatalog.apply(this,arguments);}return getProductsCatalog;}()},{key:"getBillingPortalSettings",value:function(){var _getBillingPortalSettings=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){return _regeneratorRuntime().wrap(function _callee3$(_context3){while(1){switch(_context3.prev=_context3.next){case 0:return _context3.abrupt("return",this.performRequest("".concat(this.baseUrl,"/settings")));case 1:case"end":return _context3.stop();}}},_callee3,this);}));function getBillingPortalSettings(){return _getBillingPortalSettings.apply(this,arguments);}return getBillingPortalSettings;}()},{key:"getProducts",value:function(){var _getProducts=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(productFamilyId){return _regeneratorRuntime().wrap(function _callee4$(_context4){while(1){switch(_context4.prev=_context4.next){case 0:return _context4.abrupt("return",this.performRequest("".concat(this.baseUrl,"/product_families/").concat(productFamilyId,"/products")));case 1:case"end":return _context4.stop();}}},_callee4,this);}));function getProducts(_x3){return _getProducts.apply(this,arguments);}return getProducts;}()},{key:"previewProductMigration",value:function(){var _previewProductMigration=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(subscriptionId,productId){return _regeneratorRuntime().wrap(function _callee5$(_context5){while(1){switch(_context5.prev=_context5.next){case 0:return _context5.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/preview_product_migration"),{product_id:productId},HttpMethod.POST));case 1:case"end":return _context5.stop();}}},_callee5,this);}));function previewProductMigration(_x4,_x5){return _previewProductMigration.apply(this,arguments);}return previewProductMigration;}()},{key:"migrateProduct",value:function(){var _migrateProduct=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(subscriptionId,productId){return _regeneratorRuntime().wrap(function _callee6$(_context6){while(1){switch(_context6.prev=_context6.next){case 0:return _context6.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/products/").concat(productId),{},HttpMethod.PUT));case 1:case"end":return _context6.stop();}}},_callee6,this);}));function migrateProduct(_x6,_x7){return _migrateProduct.apply(this,arguments);}return migrateProduct;}()},{key:"getComponents",value:function(){var _getComponents=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(subscriptionId){return _regeneratorRuntime().wrap(function _callee7$(_context7){while(1){switch(_context7.prev=_context7.next){case 0:return _context7.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/components")));case 1:case"end":return _context7.stop();}}},_callee7,this);}));function getComponents(_x8){return _getComponents.apply(this,arguments);}return getComponents;}()},{key:"getGatewayConfig",value:function(){var _getGatewayConfig=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){return _regeneratorRuntime().wrap(function _callee8$(_context8){while(1){switch(_context8.prev=_context8.next){case 0:return _context8.abrupt("return",this.performRequest("".concat(this.baseUrl,"/gateway_config")).then(function(response){return _objectSpread(_objectSpread({},response),{},{vaultCurrencies:(0,_snakecaseKeys.default)(response.vaultCurrencies)});}));case 1:case"end":return _context8.stop();}}},_callee8,this);}));function getGatewayConfig(){return _getGatewayConfig.apply(this,arguments);}return getGatewayConfig;}()},{key:"createPaymentProfile",value:function(){var _createPaymentProfile=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(token){return _regeneratorRuntime().wrap(function _callee9$(_context9){while(1){switch(_context9.prev=_context9.next){case 0:return _context9.abrupt("return",this.performRequest("".concat(this.baseUrl,"/payment_profiles"),{token:token},HttpMethod.POST));case 1:case"end":return _context9.stop();}}},_callee9,this);}));function createPaymentProfile(_x9){return _createPaymentProfile.apply(this,arguments);}return createPaymentProfile;}()},{key:"updateSubscriptionPaymentProfile",value:function(){var _updateSubscriptionPaymentProfile=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(paymentProfileId,subscriptionId){return _regeneratorRuntime().wrap(function _callee10$(_context10){while(1){switch(_context10.prev=_context10.next){case 0:return _context10.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/payment_profiles/").concat(paymentProfileId),{},HttpMethod.PUT));case 1:case"end":return _context10.stop();}}},_callee10,this);}));function updateSubscriptionPaymentProfile(_x10,_x11){return _updateSubscriptionPaymentProfile.apply(this,arguments);}return updateSubscriptionPaymentProfile;}()},{key:"replacePaymentProfiles",value:function(){var _replacePaymentProfiles=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(paymentProfileIdsForReplacement,newPaymentProfileId){return _regeneratorRuntime().wrap(function _callee11$(_context11){while(1){switch(_context11.prev=_context11.next){case 0:return _context11.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/payment_profiles"),{billing:{payment_profile_id:newPaymentProfileId},paymentProfiles:paymentProfileIdsForReplacement.map(function(id){return{id:id};})},HttpMethod.PUT));case 1:case"end":return _context11.stop();}}},_callee11,this);}));function replacePaymentProfiles(_x12,_x13){return _replacePaymentProfiles.apply(this,arguments);}return replacePaymentProfiles;}()},{key:"resumeSubscription",value:function(){var _resumeSubscription=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(subscriptionId){return _regeneratorRuntime().wrap(function _callee12$(_context12){while(1){switch(_context12.prev=_context12.next){case 0:return _context12.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/resume"),null,HttpMethod.POST));case 1:case"end":return _context12.stop();}}},_callee12,this);}));function resumeSubscription(_x14){return _resumeSubscription.apply(this,arguments);}return resumeSubscription;}()},{key:"getSubscriptionResumptionConfig",value:function(){var _getSubscriptionResumptionConfig=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13(){return _regeneratorRuntime().wrap(function _callee13$(_context13){while(1){switch(_context13.prev=_context13.next){case 0:return _context13.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/resumption_config")));case 1:case"end":return _context13.stop();}}},_callee13,this);}));function getSubscriptionResumptionConfig(){return _getSubscriptionResumptionConfig.apply(this,arguments);}return getSubscriptionResumptionConfig;}()},{key:"updateSubscriptionResumptionDate",value:function(){var _updateSubscriptionResumptionDate=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee14(subscriptionId,autoResumeDate){return _regeneratorRuntime().wrap(function _callee14$(_context14){while(1){switch(_context14.prev=_context14.next){case 0:return _context14.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/hold"),{automatically_resume_at:autoResumeDate},HttpMethod.PUT));case 1:case"end":return _context14.stop();}}},_callee14,this);}));function updateSubscriptionResumptionDate(_x15,_x16){return _updateSubscriptionResumptionDate.apply(this,arguments);}return updateSubscriptionResumptionDate;}()},{key:"getSubscriptions",value:function(){var _getSubscriptions=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee15(){return _regeneratorRuntime().wrap(function _callee15$(_context15){while(1){switch(_context15.prev=_context15.next){case 0:return _context15.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions")));case 1:case"end":return _context15.stop();}}},_callee15,this);}));function getSubscriptions(){return _getSubscriptions.apply(this,arguments);}return getSubscriptions;}()},{key:"getSubscriptionDetails",value:function(){var _getSubscriptionDetails=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee16(subscriptionId){return _regeneratorRuntime().wrap(function _callee16$(_context16){while(1){switch(_context16.prev=_context16.next){case 0:return _context16.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/details")));case 1:case"end":return _context16.stop();}}},_callee16,this);}));function getSubscriptionDetails(_x17){return _getSubscriptionDetails.apply(this,arguments);}return getSubscriptionDetails;}()},{key:"addCoupon",value:function(){var _addCoupon=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee17(subscriptionId,couponCode){return _regeneratorRuntime().wrap(function _callee17$(_context17){while(1){switch(_context17.prev=_context17.next){case 0:return _context17.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/coupons"),{coupon_code:couponCode},HttpMethod.PUT));case 1:case"end":return _context17.stop();}}},_callee17,this);}));function addCoupon(_x18,_x19){return _addCoupon.apply(this,arguments);}return addCoupon;}()},{key:"getCustomerDetails",value:function(){var _getCustomerDetails=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee18(){return _regeneratorRuntime().wrap(function _callee18$(_context18){while(1){switch(_context18.prev=_context18.next){case 0:return _context18.abrupt("return",this.performRequest("".concat(this.baseUrl,"/customer")));case 1:case"end":return _context18.stop();}}},_callee18,this);}));function getCustomerDetails(){return _getCustomerDetails.apply(this,arguments);}return getCustomerDetails;}()},{key:"updateCustomerDetails",value:function(){var _updateCustomerDetails=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee19(customerDetails){var address2,rest,data;return _regeneratorRuntime().wrap(function _callee19$(_context19){while(1){switch(_context19.prev=_context19.next){case 0:address2=customerDetails.address2,rest=_objectWithoutProperties(customerDetails,_excluded12);data=_objectSpread({address_2:address2},rest);return _context19.abrupt("return",this.performRequest("".concat(this.baseUrl,"/customer"),data,HttpMethod.PUT));case 3:case"end":return _context19.stop();}}},_callee19,this);}));function updateCustomerDetails(_x20){return _updateCustomerDetails.apply(this,arguments);}return updateCustomerDetails;}()},{key:"getCountrySubdivisions",value:function(){var _getCountrySubdivisions=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee20(countryCode){return _regeneratorRuntime().wrap(function _callee20$(_context20){while(1){switch(_context20.prev=_context20.next){case 0:return _context20.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subdivisions?").concat(prepareQueryParams({countryCode:countryCode}))));case 1:case"end":return _context20.stop();}}},_callee20,this);}));function getCountrySubdivisions(_x21){return _getCountrySubdivisions.apply(this,arguments);}return getCountrySubdivisions;}()},{key:"getCountries",value:function(){var _getCountries=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee21(){return _regeneratorRuntime().wrap(function _callee21$(_context21){while(1){switch(_context21.prev=_context21.next){case 0:return _context21.abrupt("return",this.performRequest("".concat(this.baseUrl,"/countries")));case 1:case"end":return _context21.stop();}}},_callee21,this);}));function getCountries(){return _getCountries.apply(this,arguments);}return getCountries;}()},{key:"getInvoices",value:function(){var _getInvoices=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee22(requestParams){return _regeneratorRuntime().wrap(function _callee22$(_context22){while(1){switch(_context22.prev=_context22.next){case 0:return _context22.abrupt("return",this.performRequest("".concat(this.baseUrl,"/invoices?").concat(prepareQueryParams(requestParams))));case 1:case"end":return _context22.stop();}}},_callee22,this);}));function getInvoices(_x22){return _getInvoices.apply(this,arguments);}return getInvoices;}()},{key:"getInvoiceFilters",value:function(){var _getInvoiceFilters=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee23(){return _regeneratorRuntime().wrap(function _callee23$(_context23){while(1){switch(_context23.prev=_context23.next){case 0:return _context23.abrupt("return",this.performRequest("".concat(this.baseUrl,"/invoices/filters")));case 1:case"end":return _context23.stop();}}},_callee23,this);}));function getInvoiceFilters(){return _getInvoiceFilters.apply(this,arguments);}return getInvoiceFilters;}()},{key:"previewComponentAllocations",value:function(){var _previewComponentAllocations=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee24(subscriptionId,body){return _regeneratorRuntime().wrap(function _callee24$(_context24){while(1){switch(_context24.prev=_context24.next){case 0:return _context24.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/preview_allocations"),body,HttpMethod.POST));case 1:case"end":return _context24.stop();}}},_callee24,this);}));function previewComponentAllocations(_x23,_x24){return _previewComponentAllocations.apply(this,arguments);}return previewComponentAllocations;}()},{key:"updateComponentAllocations",value:function(){var _updateComponentAllocations=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee25(subscriptionId,body){return _regeneratorRuntime().wrap(function _callee25$(_context25){while(1){switch(_context25.prev=_context25.next){case 0:return _context25.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/allocations"),body,HttpMethod.POST));case 1:case"end":return _context25.stop();}}},_callee25,this);}));function updateComponentAllocations(_x25,_x26){return _updateComponentAllocations.apply(this,arguments);}return updateComponentAllocations;}()},{key:"getSubscriptionCustomFields",value:function(){var _getSubscriptionCustomFields=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee26(subscriptionId){return _regeneratorRuntime().wrap(function _callee26$(_context26){while(1){switch(_context26.prev=_context26.next){case 0:return _context26.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/custom_fields")));case 1:case"end":return _context26.stop();}}},_callee26,this);}));function getSubscriptionCustomFields(_x27){return _getSubscriptionCustomFields.apply(this,arguments);}return getSubscriptionCustomFields;}()},{key:"getCustomerCustomFields",value:function(){var _getCustomerCustomFields=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee27(){return _regeneratorRuntime().wrap(function _callee27$(_context27){while(1){switch(_context27.prev=_context27.next){case 0:return _context27.abrupt("return",this.performRequest("".concat(this.baseUrl,"/customer/custom_fields")));case 1:case"end":return _context27.stop();}}},_callee27,this);}));function getCustomerCustomFields(){return _getCustomerCustomFields.apply(this,arguments);}return getCustomerCustomFields;}()},{key:"updateCustomerCustomFields",value:function(){var _updateCustomerCustomFields=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee28(customFields){return _regeneratorRuntime().wrap(function _callee28$(_context28){while(1){switch(_context28.prev=_context28.next){case 0:return _context28.abrupt("return",this.performRequest("".concat(this.baseUrl,"/customer/custom_fields"),{fields:customFields},HttpMethod.PUT));case 1:case"end":return _context28.stop();}}},_callee28,this);}));function updateCustomerCustomFields(_x28){return _updateCustomerCustomFields.apply(this,arguments);}return updateCustomerCustomFields;}()},{key:"updateSubscriptionCustomFields",value:function(){var _updateSubscriptionCustomFields=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee29(subscriptionId,customFields){return _regeneratorRuntime().wrap(function _callee29$(_context29){while(1){switch(_context29.prev=_context29.next){case 0:return _context29.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/custom_fields"),{fields:customFields},HttpMethod.PUT));case 1:case"end":return _context29.stop();}}},_callee29,this);}));function updateSubscriptionCustomFields(_x29,_x30){return _updateSubscriptionCustomFields.apply(this,arguments);}return updateSubscriptionCustomFields;}()},{key:"pauseSubscription",value:function(){var _pauseSubscription=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee30(subscriptionId,automaticallyResumeAt){return _regeneratorRuntime().wrap(function _callee30$(_context30){while(1){switch(_context30.prev=_context30.next){case 0:return _context30.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/hold"),{automaticallyResumeAt:automaticallyResumeAt},HttpMethod.POST));case 1:case"end":return _context30.stop();}}},_callee30,this);}));function pauseSubscription(_x31,_x32){return _pauseSubscription.apply(this,arguments);}return pauseSubscription;}()},{key:"cancelSubscription",value:function(){var _cancelSubscription=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee31(_ref175){var subscriptionId,rest;return _regeneratorRuntime().wrap(function _callee31$(_context31){while(1){switch(_context31.prev=_context31.next){case 0:subscriptionId=_ref175.subscriptionId,rest=_objectWithoutProperties(_ref175,_excluded13);return _context31.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/cancel"),rest,HttpMethod.POST));case 2:case"end":return _context31.stop();}}},_callee31,this);}));function cancelSubscription(_x33){return _cancelSubscription.apply(this,arguments);}return cancelSubscription;}()},{key:"getPaymentProfiles",value:function(){var _getPaymentProfiles=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee32(){return _regeneratorRuntime().wrap(function _callee32$(_context32){while(1){switch(_context32.prev=_context32.next){case 0:return _context32.abrupt("return",this.performRequest("".concat(this.baseUrl,"/payment_profiles")));case 1:case"end":return _context32.stop();}}},_callee32,this);}));function getPaymentProfiles(){return _getPaymentProfiles.apply(this,arguments);}return getPaymentProfiles;}()},{key:"deletePaymentProfile",value:function(){var _deletePaymentProfile=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee33(paymentProfileId){return _regeneratorRuntime().wrap(function _callee33$(_context33){while(1){switch(_context33.prev=_context33.next){case 0:return _context33.abrupt("return",this.performRequest("".concat(this.baseUrl,"/payment_profiles/").concat(paymentProfileId),{},HttpMethod.DELETE));case 1:case"end":return _context33.stop();}}},_callee33,this);}));function deletePaymentProfile(_x34){return _deletePaymentProfile.apply(this,arguments);}return deletePaymentProfile;}()},{key:"undoCancelation",value:function(){var _undoCancelation=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee34(subscriptionId){return _regeneratorRuntime().wrap(function _callee34$(_context34){while(1){switch(_context34.prev=_context34.next){case 0:return _context34.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/cancel"),null,HttpMethod.DELETE));case 1:case"end":return _context34.stop();}}},_callee34,this);}));function undoCancelation(_x35){return _undoCancelation.apply(this,arguments);}return undoCancelation;}()},{key:"getChurnReasonCodes",value:function(){var _getChurnReasonCodes=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee35(){return _regeneratorRuntime().wrap(function _callee35$(_context35){while(1){switch(_context35.prev=_context35.next){case 0:return _context35.abrupt("return",this.performRequest("".concat(this.baseUrl,"/churn_reason_codes")));case 1:case"end":return _context35.stop();}}},_callee35,this);}));function getChurnReasonCodes(){return _getChurnReasonCodes.apply(this,arguments);}return getChurnReasonCodes;}()},{key:"getInvoicePDF",value:function(){var _getInvoicePDF=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee36(invoiceId){return _regeneratorRuntime().wrap(function _callee36$(_context36){while(1){switch(_context36.prev=_context36.next){case 0:_context36.next=2;return fetch("".concat(this.baseUrl,"/invoices/").concat(invoiceId,"/pdf"),{body:null,headers:{Authorization:"Bearer ".concat(this.sessionManager.accessToken),'Content-Type':'application/pdf'},method:HttpMethod.GET}).then(function(resp){return resp.arrayBuffer();});case 2:return _context36.abrupt("return",_context36.sent);case 3:case"end":return _context36.stop();}}},_callee36,this);}));function getInvoicePDF(_x36){return _getInvoicePDF.apply(this,arguments);}return getInvoicePDF;}()},{key:"reactivateSubscription",value:function(){var _reactivateSubscription=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee37(subscriptionId,couponCode){return _regeneratorRuntime().wrap(function _callee37$(_context37){while(1){switch(_context37.prev=_context37.next){case 0:return _context37.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/reactivate"),{couponCode:couponCode},HttpMethod.PUT));case 1:case"end":return _context37.stop();}}},_callee37,this);}));function reactivateSubscription(_x37,_x38){return _reactivateSubscription.apply(this,arguments);}return reactivateSubscription;}()}]);return DataAccess;}();var DataAccessContext=/*#__PURE__*/(0,_react.createContext)({dataAccess:null});var SessionManager=/*#__PURE__*/function(){function SessionManager(_ref176){var accessTokenUrl=_ref176.accessTokenUrl,onAuthenticationRequest=_ref176.onAuthenticationRequest,_ref176$intervalInMil=_ref176.intervalInMilliseconds,intervalInMilliseconds=_ref176$intervalInMil===void 0?5000:_ref176$intervalInMil,_ref176$maxRetryNumbe=_ref176.maxRetryNumber,maxRetryNumber=_ref176$maxRetryNumbe===void 0?3:_ref176$maxRetryNumbe;_classCallCheck(this,SessionManager);_defineProperty(this,"accessTokenUrl",void 0);_defineProperty(this,"onAuthenticationRequest",void 0);_defineProperty(this,"token",void 0);_defineProperty(this,"expDate",void 0);_defineProperty(this,"iatDate",void 0);_defineProperty(this,"tokenLifespanInMilliseconds",null);_defineProperty(this,"tokenRefreshIntervalHandle",null);_defineProperty(this,"tokenCheckIntervalHandle",null);_defineProperty(this,"intervalInMilliseconds",void 0);_defineProperty(this,"failedAttemptsNumber",0);_defineProperty(this,"maxRetryNumber",0);_defineProperty(this,"tokenValid",false);_defineProperty(this,"managerInitialized",false);_defineProperty(this,"managerInitializing",false);_defineProperty(this,"logger",null);_defineProperty(this,"subscriptions",[]);this.accessTokenUrl=accessTokenUrl;this.onAuthenticationRequest=onAuthenticationRequest;this.intervalInMilliseconds=intervalInMilliseconds;this.maxRetryNumber=maxRetryNumber;this.logger=_jsLogger.default.get('@session-manager');}_createClass(SessionManager,[{key:"initialize",value:function initialize(){if(!this.managerInitializing&&!this.managerInitialized){this.managerInitializing=true;this.logger.info('Initializing session manager');this.authenticateUser();}}},{key:"authenticateUser",value:function authenticateUser(){var _this=this;var headers={contentType:'application/json'};if(this.onAuthenticationRequest){var userHeaders=this.onAuthenticationRequest();headers=_objectSpread(_objectSpread({},headers),userHeaders);}this.logger.info('Performing request to obtain JWT access token');fetch(this.accessTokenUrl,{method:'POST',headers:headers}).then(function(response){if(!response.ok){throw new Error('Network response was not OK');}return response.json();}).then(function(data){_this.tokenValid=true;_this.failedAttemptsNumber=0;_this.managerInitialized=true;_this.managerInitializing=false;var decoded=(0,_jwtDecode.default)(data.token);_this.logger.info('JWT access token successfuly obtained');_this.token=data.token;_this.expDate=_dayjs.default.unix(decoded.exp);_this.iatDate=_dayjs.default.unix(decoded.iat);_this.tokenLifespanInMilliseconds=_this.expDate.diff(_this.iatDate);_this.tokenRefreshIntervalHandle=_this.checkTokenRefresh();_this.notifySubscribers();}).catch(function(){_this.failedAttemptsNumber+=1;_this.logger.warn('There was a problem with obtaining JWT access token');if(_this.failedAttemptsNumber<_this.maxRetryNumber){return _this.authenticateUser();}if(_this.expDate){_this.tokenCheckIntervalHandle=setInterval(function(){var timeLeft=_this.expDate.diff((0,_dayjs.default)());if(timeLeft<=0){_this.tokenValid=false;_this.notifySubscribers();clearInterval(_this.tokenCheckIntervalHandle);}},_this.intervalInMilliseconds);}});}},{key:"notifySubscribers",value:function notifySubscribers(){var _this2=this;this.subscriptions.forEach(function(_ref177){var callback=_ref177.callback;return callback({isInitialized:_this2.isManagerInitialized,isTokenValid:_this2.isTokenValid});});}},{key:"checkTokenRefresh",value:function checkTokenRefresh(){var _this3=this;return setInterval(function(){var timeLeft=_this3.expDate.diff((0,_dayjs.default)());if(timeLeft<_this3.tokenLifespanInMilliseconds/2){clearInterval(_this3.tokenRefreshIntervalHandle);_this3.authenticateUser();}},this.intervalInMilliseconds);}},{key:"destroy",value:function destroy(){clearInterval(this.tokenRefreshIntervalHandle);clearInterval(this.tokenCheckIntervalHandle);}},{key:"subscribe",value:function subscribe(callback){var _this4=this;var subscriptionId=this.subscriptions.length++;this.subscriptions.push({id:subscriptionId,callback:callback});return function(){_this4.subscriptions=_this4.subscriptions.filter(function(_ref178){var id=_ref178.id;return id!==subscriptionId;});};}},{key:"accessToken",get:function get(){return this.token;}},{key:"isTokenValid",get:function get(){return this.tokenValid;}},{key:"isManagerInitialized",get:function get(){return this.managerInitialized;}}]);return SessionManager;}();var toastMessageMotion={initial:{opacity:0,x:50,scale:0.3},animate:{opacity:1,x:0,scale:1},exit:{opacity:0,scale:0}};var 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;",";}"],function(props){return props.centerNotifications&&(0,_styledComponents.css)(["justify-content:center;align-items:center;width:100%;"]);});var ToastMessagesContext=/*#__PURE__*/(0,_react.createContext)({service:null});var createToastMachine=function createToastMachine(messageId,hideAfterTimeMs){return(0,_xstate.createMachine)({predictableActionArguments:true,context:{messageId:messageId},initial:'visible',states:{visible:{after:{HIDE_DELAY:{target:'exit'}}},exit:{entry:[(0,_xstate.sendParent)(function(ctx){return{type:'HIDE_TOAST',messageId:ctx.messageId};})]}}},{delays:{HIDE_DELAY:hideAfterTimeMs}});};var DEFAULT_HIDE_TIME=2000;var initialContext$f={items:[]};var toasts=(0,_xstate.createMachine)({id:'toasts',predictableActionArguments:true,initial:'idle',context:initialContext$f,on:{HIDE_TOAST:{actions:[(0,_xstate.assign)(function(ctx,event){return{items:ctx.items.filter(function(_ref179){var id=_ref179.id;return id!==event.messageId;})};})]},SHOW_TOAST:{actions:[(0,_xstate.assign)(function(ctx,event){var id=(0,_uuid.v4)();return{items:[].concat(_toConsumableArray(ctx.items),[{id:id,message:event.message,level:event.level,ref:(0,_xstate.spawn)(createToastMachine(id,event.visibilityTimeMs||DEFAULT_HIDE_TIME))}])};})]}},states:{idle:{}}});var setNotificationsPosition=function 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';}};var ToastsContainer=function ToastsContainer(_ref180){var children=_ref180.children;var el=(0,_react.useRef)(null);var _useState27=(0,_react.useState)(false),_useState28=_slicedToArray(_useState27,2),isMounted=_useState28[0],setMounted=_useState28[1];var _useMachine=(0,_react2.useMachine)(toasts),_useMachine2=_slicedToArray(_useMachine,2),state=_useMachine2[0],send=_useMachine2[1];var _useDeviceInfo2=useDeviceInfo(),device=_useDeviceInfo2.device;(0,_react.useEffect)(function(){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 function(){el.current.remove();};},[]);(0,_react.useEffect)(function(){if(el.current){setNotificationsPosition(el.current,device);}},[device]);var toastService=(0,_react.useMemo)(function(){return{show:function show(_ref181){var message=_ref181.message,level=_ref181.level,hideAfterTimeMs=_ref181.hideAfterTimeMs;send('SHOW_TOAST',{message:message,level:level,hideAfterTimeMs:hideAfterTimeMs});}};},[]);var toastNotifications=device==='mobile'?_toConsumableArray(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(function(_ref182){var id=_ref182.id,message=_ref182.message,level=_ref182.level;return/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,_objectSpread(_objectSpread({},toastMessageMotion),{},{key:id,layout:true}),/*#__PURE__*/_react.default.createElement(ToastMessage,{type:level,message:message}));}))),el.current):null);};var useToastMessages=function useToastMessages(){var _useContext=(0,_react.useContext)(ToastMessagesContext),service=_useContext.service;return service;};var SessionContext=/*#__PURE__*/_react.default.createContext({sessionInitialized:false});var SessionGuard=function SessionGuard(_ref183){var children=_ref183.children,sessionManager=_ref183.sessionManager;var _useState29=(0,_react.useState)(sessionManager.isManagerInitialized),_useState30=_slicedToArray(_useState29,2),sessionInitialized=_useState30[0],setSessionInitialize=_useState30[1];(0,_react.useEffect)(function(){var dispose=sessionManager.subscribe(function(_ref184){var isInitialized=_ref184.isInitialized;setSessionInitialize(isInitialized);});return function(){return dispose();};},[]);return/*#__PURE__*/_react.default.createElement(SessionContext.Provider,{value:{sessionInitialized:sessionInitialized}},children);};var useSettings=function useSettings(clientSettings){var _useState31=(0,_react.useState)(null),_useState32=_slicedToArray(_useState31,2),settings=_useState32[0],setSettings=_useState32[1];var _useContext2=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext2.dataAccess;var _useContext3=(0,_react.useContext)(SessionContext),sessionInitialized=_useContext3.sessionInitialized;(0,_react.useEffect)(function(){function getSettings(){return _getSettings.apply(this,arguments);}function _getSettings(){_getSettings=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee38(){var data,dataWithBillingHistory,mergedSettingsObject;return _regeneratorRuntime().wrap(function _callee38$(_context38){while(1){switch(_context38.prev=_context38.next){case 0:_context38.next=2;return dataAccess.getBillingPortalSettings();case 2:data=_context38.sent;dataWithBillingHistory=_objectSpread(_objectSpread({},data),{},{billingHistory:{}});mergedSettingsObject=Object.keys(dataWithBillingHistory).reduce(function(acc,key){return _objectSpread(_objectSpread({},acc),{},_defineProperty({},key,_objectSpread(_objectSpread({},clientSettings[key]),dataWithBillingHistory[key])));},dataWithBillingHistory);setSettings(mergedSettingsObject);case 6:case"end":return _context38.stop();}}},_callee38);}));return _getSettings.apply(this,arguments);}if(sessionInitialized)getSettings();},[clientSettings,dataAccess,sessionInitialized]);return settings;};var DefaultLoader=function DefaultLoader(){return/*#__PURE__*/_react.default.createElement("p",null,"Session loading...");};var ComponentLoader=function ComponentLoader(_ref185){var component=_ref185.component,loader=_ref185.loader,clientSettings=_ref185.clientSettings;var _useContext4=(0,_react.useContext)(SessionContext),sessionInitialized=_useContext4.sessionInitialized;var settings=useSettings(clientSettings);var componentToRender;if(sessionInitialized&&settings){return/*#__PURE__*/_react.default.createElement(component,_objectSpread({},settings));}else if(loader){componentToRender=loader;}else{componentToRender=DefaultLoader;}return/*#__PURE__*/_react.default.createElement(componentToRender);};var EmbeddableComponent=/*#__PURE__*/function(){function EmbeddableComponent(_ref186){var i18n=_ref186.i18n,componentsTheme=_ref186.componentsTheme,dataAccess=_ref186.dataAccess,sessionManager=_ref186.sessionManager;_classCallCheck(this,EmbeddableComponent);_defineProperty(this,"i18n",void 0);_defineProperty(this,"componentsTheme",void 0);_defineProperty(this,"rootNode",null);_defineProperty(this,"sessionManager",null);_defineProperty(this,"dataAccess",null);this.componentsTheme=componentsTheme;this.sessionManager=sessionManager;this.dataAccess=dataAccess;this.i18n=i18n;}_createClass(EmbeddableComponent,[{key:"getMountNode",value:function getMountNode(container){var node=typeof container==='string'?document.querySelector(container):container;return node;}},{key:"destroy",value:function destroy(){this.rootNode.unmount();}},{key:"renderComponent",value:function renderComponent(container,component,settings,loader){var mountNode=this.getMountNode(container);this.rootNode=(0,_client.createRoot)(mountNode);var _this$componentsTheme=_slicedToArray(this.componentsTheme.breakpoints,2),tabletBreakpoint=_this$componentsTheme[0],desktopBreakpoint=_this$componentsTheme[1];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}))))))));}}]);return EmbeddableComponent;}();var defaultSettings$2={customerProfile:{editAllowed:null,customerDataVisibleFields:['address','address2','city','state','zip','firstName','lastName','email','ccEmails','organization','vatNumber','phoneNumber','country','state']}};var ConfigContext$2=/*#__PURE__*/(0,_react.createContext)(defaultSettings$2);var GlobalStateContext$2=/*#__PURE__*/(0,_react.createContext)({customerDataService:null,customFieldsService:null});var 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)(function(_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)(function(_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)(function(_ctx,event){return{initialData:event.data};}),'onSuccessUpdate']},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#contactDetails.idle'},SAVE:{target:'saving'}}}}}}}}});var renderField=function renderField(_ref187){var id=_ref187.id,name=_ref187.name,value=_ref187.value,fieldType=_ref187.fieldType,options=_ref187.options,onChange=_ref187.onChange,maxLength=_ref187.maxLength,portalContainer=_ref187.portalContainer;var onValueChange=function onValueChange(newValue){return onChange(id,newValue);};switch(fieldType){case'text':return/*#__PURE__*/_react.default.createElement(Input$1,{value:value,onChange:function onChange(e){return onValueChange(e.target.value);},name:name,maxLength:maxLength,id:"".concat(id)});case'dropdown':var selectOptions=options.map(function(option){return{label:option,value:option};});return/*#__PURE__*/_react.default.createElement(Select,{portalContainer:portalContainer,options:selectOptions,selectedValue:value,onSelect:function onSelect(item){return onValueChange(item.value);}});case'radio':var radioOptions=options.map(function(option){return{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);}};var updateCustomFields=function updateCustomFields(customFields,updatedValues){return customFields.map(function(field){var updatedField=updatedValues.find(function(updatedField){return updatedField.id===field.id;});return _objectSpread(_objectSpread({},field),{},{value:updatedField?updatedField.value:field.value});});};var 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)(function(_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)(function(ctx,event){return{customFields:updateCustomFields(ctx.customFields,event.data.fields)};}),'onSuccessUpdate']},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#customFields'},SAVE:{target:'saving'}}}}}}});var GlobalStateProvider$2=function GlobalStateProvider$2(_ref188){var children=_ref188.children;var _useTranslation2=(0,_reactI18next.useTranslation)(),t=_useTranslation2.t;var toastsService=useToastMessages();var _useContext5=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext5.dataAccess;var customerDataService=(0,_react2.useInterpret)(customerData,{services:{getCustomerData:function getCustomerData(){return dataAccess.getCustomerDetails();},saveCustomerData:function saveCustomerData(_event,payload){return dataAccess.updateCustomerDetails(payload.addressData);}},actions:{onSuccessUpdate:function onSuccessUpdate(){toastsService.show({level:'success',message:t('changes_saved')});}}});var customFieldsService=(0,_react2.useInterpret)(customFields,{services:{getCustomerCustomFields:function getCustomerCustomFields(){return dataAccess.getCustomerCustomFields();},saveCustomerCustomFields:function saveCustomerCustomFields(_event,payload){return dataAccess.updateCustomerCustomFields(payload.fields);}},actions:{onSuccessUpdate:function onSuccessUpdate(){toastsService.show({level:'success',message:t('changes_saved')});}}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext$2.Provider,{value:{customerDataService:customerDataService,customFieldsService:customFieldsService}},children);};var MessageContainer=_styledComponents.default.div.withConfig({displayName:"maxio__MessageContainer",componentId:"maxio-components__sc-lo74t2-139"})(["&&&{",";",";}"],function(_ref189){var theme=_ref189.theme,type=_ref189.type;return(0,_styledComponents.css)(["min-height:",";"],theme.lineHeights[theme.components.InputMessage.componentVariants.type.variants[type].lineHeight]);},_styledSystem.margin);var SelectField=function SelectField(_ref190){var value=_ref190.value,label=_ref190.label,name=_ref190.name,options=_ref190.options,error=_ref190.error,required=_ref190.required,placeholder=_ref190.placeholder,onChange=_ref190.onChange,onValidateField=_ref190.onValidateField,selectOptionLabel=_ref190.selectOptionLabel,searchLabel=_ref190.searchLabel,isLoadingOptions=_ref190.isLoadingOptions;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:function onSelect(_ref191){var value=_ref191.value;return onChange(value);},onBlur:function onBlur(_ref192){var value=_ref192.value;return onValidateField(value);},options:options,filterable:true,placeholder:placeholder,hasError:!!error,optionsLoading:isLoadingOptions,searchLabel:searchLabel,selectOptionLabel:selectOptionLabel}),/*#__PURE__*/_react.default.createElement(MessageContainer,{type:"error",marginTop:2},error&&/*#__PURE__*/_react.default.createElement(InputMessage,{message:error,type:"error"})));};var NO_STATE_OPTION={name:'No state',code:'NO_STATE'};var initialContext$e={countries:[],subdivisions:[]};var addressMachine=(0,_xstate.createMachine)({id:'addressMachine',predictableActionArguments:true,context:initialContext$e,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)(function(_ctx,event){return{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)(function(_ctx,event){return{subdivisions:event.data.items};})]},onError:{target:'idle',actions:[(0,_xstate.assign)(function(_ctx,event){return{subdivisions:[NO_STATE_OPTION]};})]}}},error:{}}}}});var getCountries=function getCountries(machineState){return{items:machineState.context.countries||[],isLoading:machineState.matches('country.fetching')};};var getSubdivisions=function getSubdivisions(machineState){return{items:machineState.context.subdivisions||[],isLoading:machineState.matches('subdivision.fetching')};};var addressSelectors={getCountries:getCountries,getSubdivisions:getSubdivisions};var formatOptions=function formatOptions(options){return options.map(function(_ref193){var code=_ref193.code,name=_ref193.name;return{label:name,value:code};});};var 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'}};var Address=function Address(_ref194){var values=_ref194.values,_ref194$requiredField=_ref194.requiredFields,requiredFields=_ref194$requiredField===void 0?['address','address2','city','country','zip','state']:_ref194$requiredField,_ref194$errors=_ref194.errors,errors=_ref194$errors===void 0?{}:_ref194$errors,_ref194$translations=_ref194.translations,translations=_ref194$translations===void 0?defaultTranslations$1:_ref194$translations,_ref194$format=_ref194.format,format=_ref194$format===void 0?'us':_ref194$format,_onChange3=_ref194.onChange,onValidateField=_ref194.onValidateField;var _useContext6=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext6.dataAccess;var address=values.address,address2=values.address2,city=values.city,state=values.state,country=values.country,zip=values.zip;var addressTranslation=translations.address,address2Translation=translations.address2,cityTranslation=translations.city,stateTranslation=translations.state,countryTranslation=translations.country,zipTranslation=translations.zip,postalCodeTranslation=translations.postalCode,regionTranslation=translations.region,inputTranslations=translations.input,_translations$error=translations.error,errorInvalidLabel=_translations$error.invalid,errorRequiredLabel=_translations$error.required;var onValidate=function onValidate(fieldName,value){onValidateField&&onValidateField(fieldName,value);};var _useDeviceInfo3=useDeviceInfo(),device=_useDeviceInfo3.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var _useMachine3=(0,_react2.useMachine)(addressMachine,{services:{getCountries:function getCountries(){return dataAccess.getCountries();},getSubdivisions:function getSubdivisions(_ctx,event){if(event.type==='FETCH_SUBDIVISION')return dataAccess.getCountrySubdivisions(event.country);}}}),_useMachine4=_slicedToArray(_useMachine3,3),sendToMachine=_useMachine4[1],service=_useMachine4[2];var countries=(0,_react2.useSelector)(service,addressSelectors.getCountries);var subdivisions=(0,_react2.useSelector)(service,addressSelectors.getSubdivisions);var handleErrorMessage=function handleErrorMessage(error){if(error==='required')return errorRequiredLabel;if(error==='invalid')return errorInvalidLabel;return null;};(0,_react.useEffect)(function(){sendToMachine({type:'FETCH_COUNTRY'});if(country){sendToMachine({type:'FETCH_SUBDIVISION',country: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:function onChange(updatedCountry){_onChange3('country',updatedCountry);if(updatedCountry!==country){_onChange3('state','');sendToMachine({type:'FETCH_SUBDIVISION',country:updatedCountry});}},onValidateField:function onValidateField(value){return onValidate('country',value);},isLoadingOptions:countries.isLoading})),/*#__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",value:address,placeholder:addressTranslation.placeholder,fullWidth:true,hasError:!!errors.address,onBlur:function onBlur(){return onValidate('address',address);},onChange:function onChange(e){return _onChange3('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,placeholder:address2Translation.placeholder,fullWidth:true,hasError:!!errors.address2,onBlur:function onBlur(){return onValidate('address2',address2);},onChange:function onChange(e){return _onChange3('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",value:city,placeholder:cityTranslation.placeholder,fullWidth:true,hasError:!!errors.city,onBlur:function onBlur(){return onValidate('city',city);},onChange:function onChange(e){return _onChange3('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:function onChange(state){return _onChange3('state',state);},onValidateField:function onValidateField(value){return 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:function onBlur(){return onValidate('zip',zip);},onChange:function onChange(e){return _onChange3('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:function onBlur(){return onValidate('zip',zip);},onChange:function onChange(e){return _onChange3('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:function onBlur(){return onValidate('city',city);},onChange:function onChange(e){return _onChange3('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:function onChange(state){return _onChange3('state',state);},onValidateField:function onValidateField(value){return onValidate('state',value);},isLoadingOptions:subdivisions.isLoading}))));};var createAddressValidationSchema=function createAddressValidationSchema(){var requiredFields=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var schema={address:yup.string(),address2:yup.string(),city:yup.string(),country:yup.string(),state:yup.string(),zip:yup.string()};requiredFields.forEach(function(fieldName){if(schema[fieldName]){schema[fieldName]=schema[fieldName].required('required');}});var schemaValidator=yup.object(schema);return schemaValidator;};var useFormatAddress=function useFormatAddress(address){var _address$address,_address$address2,_address$city,_address$country,_address$state,_address$zip;var address1=(_address$address=address.address)!==null&&_address$address!==void 0?_address$address:'';var address2=(_address$address2=address.address2)!==null&&_address$address2!==void 0?_address$address2:'';var city=(_address$city=address.city)!==null&&_address$city!==void 0?_address$city:'';var country=(_address$country=address.country)!==null&&_address$country!==void 0?_address$country:'';var state=(_address$state=address.state)!==null&&_address$state!==void 0?_address$state:'';var zip=(_address$zip=address.zip)!==null&&_address$zip!==void 0?_address$zip:'';return{address:address1,address2:address2,city:city,country:country,state:state,zip:zip};};var getContactDataLoading=function getContactDataLoading(machineState){return{isLoading:machineState.matches('loading')};};var getShippingAddressStatus=function getShippingAddressStatus(machineState){return{isSaving:machineState.matches('shippingAddress.edit.saving'),isEdit:machineState.matches('shippingAddress.edit.idle'),isError:machineState.matches('shippingAddress.edit.error')};};var getContactDetailsStatus=function getContactDetailsStatus(machineState){return{isSaving:machineState.matches('contactDetails.edit.saving'),isEdit:machineState.matches('contactDetails.edit.idle'),isError:machineState.matches('contactDetails.edit.error')};};var getCustomerDetailsData=function getCustomerDetailsData(machineState){return{data:machineState.context.initialData};};var customerDataSelectors={getCustomerDetailsData:getCustomerDetailsData,getShippingAddressStatus:getShippingAddressStatus,getContactDetailsStatus:getContactDetailsStatus,getContactDataLoading:getContactDataLoading};var DetailRow$3=function DetailRow$3(_ref195){var label=_ref195.label,value=_ref195.value,hint=_ref195.hint;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))));};var getFullNameLabel=function 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;};var getFullName=function getFullName(firstName,lastName){if(!firstName&&!lastName){return null;}return"".concat(firstName||''," ").concat(lastName||'').trim();};var getVisibleContactDetailsFields=function getVisibleContactDetailsFields(contactDetails,visibleFields){return Object.keys(contactDetails).filter(function(field){return visibleFields.includes(field);}).reduce(function(acc,field){return _objectSpread(_objectSpread({},acc),{},_defineProperty({},field,contactDetails[field]));},{});};var ContactDetails=function ContactDetails(_ref196){var contactDetails=_ref196.contactDetails,onEdit=_ref196.onEdit,editAllowed=_ref196.editAllowed;var _useTranslation3=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation3.t;var _useContext7=(0,_react.useContext)(ConfigContext$2),customerProfile=_useContext7.customerProfile;var customerDataVisibleFields=customerProfile.customerDataVisibleFields;var _useMemo=(0,_react.useMemo)(function(){return getVisibleContactDetailsFields(contactDetails,customerDataVisibleFields);},[contactDetails,customerDataVisibleFields]),firstName=_useMemo.firstName,lastName=_useMemo.lastName,email=_useMemo.email,phoneNumber=_useMemo.phoneNumber,ccEmails=_useMemo.ccEmails,organization=_useMemo.organization,vatNumber=_useMemo.vatNumber;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===null||ccEmails===void 0?void 0: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)));};var 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,}))$/;var CodeBlock=_styledComponents.default.code.withConfig({displayName:"maxio__CodeBlock",componentId:"maxio-components__sc-lo74t2-140"})(["&&&{box-sizing:border-box;border-radius:","px;border:1px solid ",";",";",";",";",";}"],function(_ref197){var theme=_ref197.theme;return theme.radii[1];},function(_ref198){var theme=_ref198.theme;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.color,_styledSystem.borderRadius,_styledSystem.padding);var InputHint=_styledComponents.default.div.withConfig({displayName:"maxio__InputHint",componentId:"maxio-components__sc-lo74t2-141"})(["&&&{display:flex;flex-direction:column;row-gap:","px;",";}"],function(_ref199){var theme=_ref199.theme;return theme.space[2];},_styledSystem.margin);_styledComponents.default.div.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-142"})(["&&&{display:flex;gap:","px;}"],function(_ref200){var theme=_ref200.theme;return theme.space[5];});var ContactDetailsForm=function ContactDetailsForm(_ref201){var values=_ref201.values,onCancel=_ref201.onCancel,_onSubmit=_ref201.onSubmit,isSaving=_ref201.isSaving;var _useTranslation4=(0,_reactI18next.useTranslation)('customer-details'),t=_useTranslation4.t;var _useState33=(0,_react.useState)(values),_useState34=_slicedToArray(_useState33,2),formValue=_useState34[0],setFormValue=_useState34[1];var handleChange=function handleChange(name,value){setFormValue(_objectSpread(_objectSpread({},formValue),{},_defineProperty({},name,value)));};return/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement("form",{onSubmit:function 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:function onChange(e){return 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:function onChange(e){return 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:function onChange(e){return 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:function onChange(e){return 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:function onChange(e){return 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:function onPaste(v){return handleChange('ccEmails',[].concat(_toConsumableArray(formValue.ccEmails),_toConsumableArray(v)));},onCreate:function onCreate(v){return handleChange('ccEmails',[].concat(_toConsumableArray(formValue.ccEmails),[v]));},onRemove:function onRemove(v,i){return handleChange('ccEmails',formValue.ccEmails.filter(function(_,index){return index!==i;}));},validationFn:function validationFn(v){return 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:function onChange(e){return 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}))))));};var ShippingAddress=function ShippingAddress(_ref202){var shippingAddress=_ref202.shippingAddress,onEdit=_ref202.onEdit,editAllowed=_ref202.editAllowed;var _useTranslation5=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation5.t;var _useContext8=(0,_react.useContext)(ConfigContext$2),customerProfile=_useContext8.customerProfile;var customerDataVisibleFields=customerProfile.customerDataVisibleFields;var _useFormatAddress=useFormatAddress(shippingAddress),address=_useFormatAddress.address,address2=_useFormatAddress.address2,city=_useFormatAddress.city,state=_useFormatAddress.state,zip=_useFormatAddress.zip,country=_useFormatAddress.country;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)));};var US_FORMAT_ADDRESS_FORM$1=['US'];var ShippingAddressForm=function ShippingAddressForm(_ref203){var shippingAddress=_ref203.shippingAddress,onSubmit=_ref203.onSubmit,onCancel=_ref203.onCancel,isSaving=_ref203.isSaving;var _useTranslation6=(0,_reactI18next.useTranslation)('customer-details'),t=_useTranslation6.t;var _useState35=(0,_react.useState)(shippingAddress),_useState36=_slicedToArray(_useState35,2),address=_useState36[0],setAddress=_useState36[1];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:function onChange(fieldName,value){setAddress(function(prevState){return _objectSpread(_objectSpread({},prevState),{},_defineProperty({},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:function onClick(){return onSubmit(address);},isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:onCancel})));};var DetailsSectionLoadingSkeleton=function 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})));};var SectionDivider=_styledComponents.default.div.withConfig({displayName:"maxio__SectionDivider",componentId:"maxio-components__sc-lo74t2-143"})(["&&&{border-bottom:1px solid ",";",";",";}"],function(_ref204){var theme=_ref204.theme;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.padding);var CustomerDetailsLoader=function CustomerDetailsLoader(){return/*#__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)))));};var getCustomFieldsState=function getCustomFieldsState(machineState){return{isFetchError:machineState.matches('error'),isEdit:machineState.matches('customFieldsEdit'),isSaving:machineState.matches('customFieldsEdit.saving'),isSaveError:machineState.matches('customFieldsEdit.error')};};var getCustomFields=function getCustomFields(machineState){return{customFields:machineState.context.customFields};};var customFieldsSelectors$1={getCustomFieldsState:getCustomFieldsState,getCustomFields:getCustomFields};var CustomFields$1=function CustomFields$1(_ref205){var customFields=_ref205.customFields,onEdit=_ref205.onEdit;var _useTranslation7=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation7.t;return/*#__PURE__*/_react.default.createElement(Row$4,null,customFields.map(function(customField){return/*#__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')})));};var CustomFieldsForm$1=function CustomFieldsForm$1(_ref206){var customFields=_ref206.customFields,onChange=_ref206.onChange,onSave=_ref206.onSave,onCancel=_ref206.onCancel,isSaving=_ref206.isSaving,isError=_ref206.isError,portalContainer=_ref206.portalContainer;var _useTranslation8=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation8.t;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(function(_ref207){var name=_ref207.name,id=_ref207.id,fieldType=_ref207.fieldType,value=_ref207.value,options=_ref207.enum;return/*#__PURE__*/_react.default.createElement(FormField,{label:name,name:name,key:id,fullWidth:true},renderField({portalContainer:portalContainer,id:id,name:name,fieldType:fieldType,value:value||'',options:options,onChange: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}))));};var SectionWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SectionWrapper",componentId:"maxio-components__sc-lo74t2-144"})(["&&&{border-top:1px solid ",";",";",";}"],function(_ref208){var theme=_ref208.theme;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.padding);var CustomFieldsContainer$1=function CustomFieldsContainer$1(){var _useContext9=(0,_react.useContext)(GlobalStateContext$2),customFieldsService=_useContext9.customFieldsService;var _useSelector=(0,_react2.useSelector)(customFieldsService,customFieldsSelectors$1.getCustomFieldsState),isFetchError=_useSelector.isFetchError,isEdit=_useSelector.isEdit,isSaving=_useSelector.isSaving,isSaveError=_useSelector.isSaveError;var _useSelector2=(0,_react2.useSelector)(customFieldsService,customFieldsSelectors$1.getCustomFields),customFields=_useSelector2.customFields;var _useTranslation9=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation9.t;var _useState37=(0,_react.useState)(null),_useState38=_slicedToArray(_useState37,2),editedFields=_useState38[0],setEditedFields=_useState38[1];(0,_react.useEffect)(function(){setEditedFields(customFields);},[customFields]);var onFieldValueChange=function onFieldValueChange(id,value){var fields=_toConsumableArray(editedFields);var index=fields.findIndex(function(field){return field.id===id;});fields[index]=_objectSpread(_objectSpread({},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:function onSave(){return customFieldsService.send('SAVE',{fields:editedFields.map(function(_ref209){var id=_ref209.id,value=_ref209.value;return{id:id,value:value};})});},onCancel:function onCancel(){return customFieldsService.send('CANCEL');},isSaving:isSaving,isError:isSaveError}):/*#__PURE__*/_react.default.createElement(CustomFields$1,{customFields:customFields,onEdit:function onEdit(){return customFieldsService.send('EDIT_CUSTOM_FIELDS');}})))));};var useDataWithNames=function useDataWithNames(_ref210){var countries=_ref210.countries,subdivisions=_ref210.subdivisions,data=_ref210.data;var dataWithNames=(0,_react.useMemo)(function(){var _countries$items$find,_subdivisions$items$f;var countryName=countries&&data!==null&&data!==void 0&&data.country?(_countries$items$find=countries.items.find(function(_ref211){var code=_ref211.code;return code===data.country;}))===null||_countries$items$find===void 0?void 0:_countries$items$find.name:null;var subdivisionName=subdivisions&&data!==null&&data!==void 0&&data.state?(_subdivisions$items$f=subdivisions.items.find(function(_ref212){var code=_ref212.code;return code===data.state;}))===null||_subdivisions$items$f===void 0?void 0:_subdivisions$items$f.name:null;return _objectSpread(_objectSpread(_objectSpread({},data),countryName&&{country:countryName}),subdivisionName&&{state:subdivisionName});},[data,countries,subdivisions]);return dataWithNames;};var CustomerDetailsContainer=function CustomerDetailsContainer(_ref213){_objectDestructuringEmpty(_ref213);var _useContext10=(0,_react.useContext)(GlobalStateContext$2),customerDataService=_useContext10.customerDataService,customFieldsService=_useContext10.customFieldsService;var _useTranslation10=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation10.t;var _useContext11=(0,_react.useContext)(ConfigContext$2),editAllowed=_useContext11.customerProfile.editAllowed;var _useContext12=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext12.dataAccess;var _useMachine5=(0,_react2.useMachine)(addressMachine,{services:{getCountries:function getCountries(){return dataAccess.getCountries();},getSubdivisions:function getSubdivisions(_ctx,event){if(event.type==='FETCH_SUBDIVISION')return dataAccess.getCountrySubdivisions(event.country);}}}),_useMachine6=_slicedToArray(_useMachine5,3),sendToMachine=_useMachine6[1],service=_useMachine6[2];var countries=(0,_react2.useSelector)(service,addressSelectors.getCountries);var subdivisions=(0,_react2.useSelector)(service,addressSelectors.getSubdivisions);var _useSelector3=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getContactDataLoading),contactDetailsLoading=_useSelector3.isLoading;var contactDetails=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getContactDetailsStatus);var shippingAddress=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getShippingAddressStatus);var _useSelector4=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getCustomerDetailsData),data=_useSelector4.data;(0,_react.useEffect)(function(){customFieldsService.send('INITIALIZE');customerDataService.send('INITIALIZE');},[customerDataService,customFieldsService]);var dataWithNames=useDataWithNames({countries:countries,subdivisions:subdivisions,data:data});(0,_react.useEffect)(function(){sendToMachine({type:'FETCH_COUNTRY'});if(data!==null&&data!==void 0&&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:function onCancel(){return customerDataService.send('CANCEL');},values:data,onSubmit:function onSubmit(data){customerDataService.send('SAVE',{addressData:data});},isSaving:contactDetails.isSaving}):data&&/*#__PURE__*/_react.default.createElement(ContactDetails,{editAllowed:editAllowed,contactDetails:data,onEdit:function onEdit(){return 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:function onCancel(){return customerDataService.send('CANCEL');},onSubmit:function 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:function onEdit(){return customerDataService.send('EDIT_SHIPPING_ADDRESS');}}))),/*#__PURE__*/_react.default.createElement(CustomFieldsContainer$1,null))));};var App$2=function App$2(_ref214){var customerProfile=_ref214.customerProfile;return/*#__PURE__*/_react.default.createElement(ConfigContext$2.Provider,{value:{customerProfile:customerProfile}},/*#__PURE__*/_react.default.createElement(GlobalStateProvider$2,null,/*#__PURE__*/_react.default.createElement(CustomerDetailsContainer,null)));};var SubscriptionsManager$1=/*#__PURE__*/function(_EmbeddableComponent){_inherits(SubscriptionsManager$1,_EmbeddableComponent);var _super=_createSuper(SubscriptionsManager$1);function SubscriptionsManager$1(_ref215){var i18n=_ref215.i18n,componentsTheme=_ref215.componentsTheme,sessionManager=_ref215.sessionManager,dataAccess=_ref215.dataAccess;_classCallCheck(this,SubscriptionsManager$1);return _super.call(this,{i18n:i18n,componentsTheme:componentsTheme,sessionManager:sessionManager,dataAccess:dataAccess});}_createClass(SubscriptionsManager$1,[{key:"render",value:function render(container,componentSettings){var settings=componentSettings||defaultSettings$2;_get(_getPrototypeOf(SubscriptionsManager$1.prototype),"renderComponent",this).call(this,container,App$2,settings,CustomerDetailsLoader);}}]);return SubscriptionsManager$1;}(EmbeddableComponent);var defaultSettings$1={billingHistory:{enableFiltering:true,paginationVariant:'simple',itemsPerPage:12,visibleColumns:['invoice_number','issue_date','total_amount','amount_due','status']}};var ConfigContext$1=/*#__PURE__*/(0,_react.createContext)(defaultSettings$1);var GlobalStateContext$1=/*#__PURE__*/(0,_react.createContext)({billingHistoryDataService:null,billingFiltersService:null,filtersOptionsService:null});var cancel=_xstate.actions.cancel,send=_xstate.actions.send;var sendDebouncedSortByEvent=send('DEBOUNCED_SORT_BY',{delay:200,id:'debounced-sortBy'});var cancelDebouncedSortByEvent=cancel('debounced-sortBy');var defaultSortingParams={sortBy:'issueDate',sortDirection:'desc'};var INITIAL_SECTIONS={status:false,invoiceNumber:false,productIds:false,date:false};var INITIAL_FILTERS={date:{type:'timeRange',dateField:'issue_date'},status:[],invoiceNumber:'',productIds:[]};var INITIAL_RELATIVE_DATE_FILTERS={unit:'day',value:0};var INITIAL_ABSOLUTE_DATE_FILTERS={startDate:null,endDate:null};var isDateFilter=function isDateFilter(name,value){return name==='date';};var areSomeFiltersActive=function areSomeFiltersActive(obj){return Object.keys(obj).some(function(key){return!isFilterEmpty(key,obj[key]);});};var areFiltersEmpty=function areFiltersEmpty(obj){return!areSomeFiltersActive(obj);};var isFilterEmpty=function isFilterEmpty(filterName,filterValue){if(isDateFilter(filterName)){if(filterValue.type==='relative'){return filterValue.value===0;}else{return!filterValue.endDate&&!filterValue.startDate;}}return filterValue.length===0;};var choose=_xstate.actions.choose;var setFilterSections=choose([{cond:function cond(ctx){return!!ctx.activeFilters;},actions:(0,_xstate.assign)(function(ctx){return{sections:Object.keys(ctx.sections).reduce(function(acc,sectionName){return _objectSpread(_objectSpread({},acc),{},_defineProperty({},sectionName,!isFilterEmpty(sectionName,ctx.activeFilters[sectionName])));},{})};})},{cond:function cond(ctx){return ctx.activeFilters===null;},actions:(0,_xstate.assign)(function(){return{sections:INITIAL_SECTIONS};})}]);var setFilterOrClear=choose([{cond:function cond(ctx){return ctx.activeFilters===null&&areFiltersEmpty(ctx.inlineFilters);},actions:[]},{cond:function cond(ctx){return areSomeFiltersActive(ctx.inlineFilters);},actions:[(0,_xstate.assign)(function(ctx){return{activeFilters:ctx.inlineFilters};}),'applyFilters']},{cond:function cond(ctx){return areFiltersEmpty(ctx.inlineFilters)&&ctx.activeFilters!==null;},actions:[(0,_xstate.assign)(function(){return{activeFilters:null,inlineFilters:INITIAL_FILTERS};}),'clearFilters']}]);var setFilterClear=choose([{cond:function cond(ctx){return areFiltersEmpty(ctx.inlineFilters)&&ctx.activeFilters===null;},actions:[]},{cond:function cond(ctx){return ctx.activeFilters!==null;},actions:[(0,_xstate.assign)(function(){return{activeFilters:null,inlineFilters:INITIAL_FILTERS,sections:INITIAL_SECTIONS};}),'clearFilters']}]);var setDateTabEmpty=choose([{cond:function cond(ctx){return ctx.inlineFilters.date.type==='relative';},actions:(0,_xstate.assign)(function(ctx){return{inlineFilters:_objectSpread(_objectSpread({},ctx.inlineFilters),{},{date:_objectSpread(_objectSpread({},ctx.inlineFilters.date),INITIAL_RELATIVE_DATE_FILTERS)})};})},{cond:function cond(ctx){return ctx.inlineFilters.date.type==='timeRange';},actions:(0,_xstate.assign)(function(ctx){return{inlineFilters:_objectSpread(_objectSpread({},ctx.inlineFilters),{},{date:_objectSpread(_objectSpread({},INITIAL_ABSOLUTE_DATE_FILTERS),ctx.inlineFilters.date)})};})}]);var initialContext$d={activeFilters:null,inlineFilters:INITIAL_FILTERS,sections:INITIAL_SECTIONS};var billingFilters=(0,_xstate.createMachine)({id:'billingFilters',predictableActionArguments:true,initial:'close',context:initialContext$d,states:{open:{on:{TOGGLE_SECTION:{actions:(0,_xstate.assign)(function(ctx,event){return{sections:_objectSpread(_objectSpread({},ctx.sections),{},_defineProperty({},event.sectionName,!ctx.sections[event.sectionName]))};})},CLOSE_FILTERS:{target:'close',actions:[(0,_xstate.assign)(function(ctx){return{inlineFilters:ctx.activeFilters||INITIAL_FILTERS};}),setFilterSections]},APPLY_FILTERS:{target:'close',actions:[setFilterOrClear,setFilterSections]},CHANGE_DATE_TAB:{actions:[(0,_xstate.assign)(function(ctx,e){return{inlineFilters:_objectSpread(_objectSpread({},ctx.inlineFilters),{},{date:{dateField:ctx.inlineFilters.date.dateField,type:e.tabType}})};}),'setDateTabEmpty']},CLEAR_FILTERS:{target:'close',actions:setFilterClear},UPDATE_FILTER:{actions:(0,_xstate.assign)(function(ctx,event){return{inlineFilters:_objectSpread(_objectSpread({},ctx.inlineFilters),{},_defineProperty({},event.filter,event.value))};})}}},close:{on:{OPEN_FILTERS:{target:'open'}}}}},{actions:setDateTabEmpty});var isFilteringApplied=function isFilteringApplied(machineState){var filters=machineState.context.activeFilters;return filters&&areSomeFiltersActive(filters);};var getFiltersSections=function getFiltersSections(machineState){return machineState.context.sections;};var getFiltersVisibility=function getFiltersVisibility(machineState){return machineState.matches('open');};var getInlineFiltersValues=function getInlineFiltersValues(machineState){return machineState.context.inlineFilters;};var billingFiltersSelectors={isFilteringApplied:isFilteringApplied,getFiltersSections:getFiltersSections,getFiltersVisibility:getFiltersVisibility,getInlineFiltersValues:getInlineFiltersValues};var date=INITIAL_FILTERS.date,restFilters=_objectWithoutProperties(INITIAL_FILTERS,["date"]);var initialFilters=_objectSpread(_objectSpread({},restFilters),{},{dateField:null,startDate:null,endDate:null});var initialBillingHistoryContext={sorting:_objectSpread({page:null,limit:null},defaultSortingParams),filters:initialFilters,pagination:null,items:[]};var 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)(function(ctx,event){return{sorting:_objectSpread(_objectSpread({},ctx.sorting),{},{page:event.page,limit:event.limit})};})},DEBOUNCED_SORT_BY:{target:'.loading'},CHANGE_FILTERS:{target:'.loading',actions:(0,_xstate.assign)(function(_ctx,event){return{filters:_objectSpread({},event.filters)};})},CLEAR_FILTERS:{target:'.loading',actions:(0,_xstate.assign)(function(ctx){return _objectSpread(_objectSpread({},ctx),{},{filters:initialFilters});})},CHANGE_PAGE:{target:'.loading',actions:[(0,_xstate.assign)(function(ctx,event){return{sorting:_objectSpread(_objectSpread({},ctx.sorting),{},{page:event.page})};})]},CHANGE_ITEMS_PER_PAGE:{target:'.loading',actions:[(0,_xstate.assign)(function(ctx,event){return{sorting:_objectSpread(_objectSpread({},ctx.sorting),{},{page:1,limit:event.itemsPerPage,pagination:_objectSpread(_objectSpread({},ctx.pagination),{},{itemsPerPage:event.itemsPerPage})})};})]},LOAD_MORE:{target:'.loading',actions:(0,_xstate.assign)(function(ctx,event){return{sorting:_objectSpread(_objectSpread({},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)(function(_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)(function(ctx,event){return{sorting:_objectSpread(_objectSpread({},ctx.sorting),{},{sortDirection:event.sortDirection,sortBy:event.sortBy})};}),cancelDebouncedSortByEvent,sendDebouncedSortByEvent]}}}}}}});var getBillingHistoryData=function getBillingHistoryData(machineState){return{items:machineState.context.items,sorting:machineState.context.sorting,pagination:machineState.context.pagination,filters:machineState.context.filters};};var getBillingHistoryState=function getBillingHistoryState(machineState){return{isLoading:machineState.matches('apiClient.loading'),isFiltering:machineState.context.filters&&Object.values(machineState.context.filters).some(function(value){return value&&value.length>0;})};};var getBillingItemById=function getBillingItemById(itemId){return function(machineState){return machineState.context.items.filter(function(item){return item.id===itemId;});};};var billingHistorySelectors={getBillingHistoryData:getBillingHistoryData,getBillingHistoryState:getBillingHistoryState,getBillingItemById:getBillingItemById};var getProducts$1=function getProducts$1(machineState){return{products:machineState.context.products};};var filtersOptionsSelectors={getProducts:getProducts$1};var 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)(function(_ctx,event){return{products:event.data.productNames};})},onError:{target:'error'}}}}});var getAbsoluteDate=function getAbsoluteDate(date){return{startDate:formatDate(manipulateDate({date:new Date(),method:'subtract',unit:date.unit,value:date.value})),endDate:formatDate(new Date())};};var getDatesFilter=function getDatesFilter(date){if(date.type==='timeRange'&&(date.startDate||date.endDate)){var dateField=date.dateField,startDate=date.startDate,endDate=date.endDate;return{startDate:startDate?formatDate(startDate):null,endDate:endDate?formatDate(endDate):null,dateField:dateField};}else if(date.type==='relative'&&date.value){return _objectSpread(_objectSpread({},getAbsoluteDate(date)),{},{dateField:date.dateField});}};var GlobalStateProvider$1=function GlobalStateProvider$1(_ref216){var children=_ref216.children;var _useContext13=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext13.dataAccess;var _useContext14=(0,_react.useContext)(ConfigContext$1),billingHistory=_useContext14.billingHistory;var itemsPerPage=billingHistory.itemsPerPage;var billingHistoryDataService=(0,_react2.useInterpret)(billingHistoryData,{context:_objectSpread(_objectSpread({},initialBillingHistoryContext),{},{pagination:_objectSpread(_objectSpread({},initialBillingHistoryContext.pagination),{},{itemsPerPage:itemsPerPage})}),services:{getInvoices:function getInvoices(ctx){var _ctx$sorting=ctx.sorting,sortBy=_ctx$sorting.sortBy,sortSettings=_objectWithoutProperties(_ctx$sorting,_excluded14);return dataAccess.getInvoices(_objectSpread(_objectSpread({sortBy:camelToUnderscore(sortBy)},ctx.filters),sortSettings));}}});var billingFiltersService=(0,_react2.useInterpret)(billingFilters,{actions:{applyFilters:function applyFilters(ctx){var _ctx$activeFilters=ctx.activeFilters,date=_ctx$activeFilters.date,filters=_objectWithoutProperties(_ctx$activeFilters,_excluded15);var datesFilters=getDatesFilter(date);billingHistoryDataService.send({type:'CHANGE_FILTERS',filters:_objectSpread(_objectSpread({},filters),datesFilters)});},clearFilters:function clearFilters(){billingHistoryDataService.send({type:'CLEAR_FILTERS'});}}});var filtersOptionsService=(0,_react2.useInterpret)(filtersOptions,{services:{getFiltersOptions:function getFiltersOptions(){return dataAccess.getInvoiceFilters();}}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext$1.Provider,{value:{billingHistoryDataService:billingHistoryDataService,billingFiltersService:billingFiltersService,filtersOptionsService:filtersOptionsService}},children);};var useServices$1=function useServices$1(){return(0,_react.useContext)(GlobalStateContext$1);};var INITIAL_PAGE=1;var Status$1=function Status$1(_ref217){var status=_ref217.status;var _useTranslation11=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation11.t;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;}};var SkeletonWrapper$1=_styledComponents.default.td.withConfig({displayName:"maxio__SkeletonWrapper1",componentId:"maxio-components__sc-lo74t2-145"})(["&&&{flex:1;",";}"],_styledSystem.padding);SkeletonWrapper$1.defaultProps={paddingY:4};var IconWIthTooltip=function IconWIthTooltip(_ref218){var consolidationLevel=_ref218.consolidationLevel;var _useTranslation12=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation12.t;switch(consolidationLevel){case'none':return/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:function renderContent(){return/*#__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:function renderContent(){return/*#__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:function renderContent(){return/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:t('consolidated_invoice_segment')});}},/*#__PURE__*/_react.default.createElement(Icon,{fill:'gray.light',type:'fileSolid',size:16}));}};var ITEMS_PER_PAGE=[6,12,24,36];var getItemsPerPageOptions=function getItemsPerPageOptions(t){return ITEMS_PER_PAGE.map(function(itemsPerPage){return{label:t('items_per_page',{items:itemsPerPage}),value:itemsPerPage};});};var SelectWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SelectWrapper",componentId:"maxio-components__sc-lo74t2-146"})(["&&&{width:120px;}"]);var PaginationWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PaginationWrapper",componentId:"maxio-components__sc-lo74t2-147"})(["&&&{",";}"],function(props){return props.isMobile&&(0,_styledComponents.css)(["width:100%;order:-1;justify-content:center;display:flex;"]);});var PagesPagination=function PagesPagination(_ref219){var page=_ref219.page,totalPages=_ref219.totalPages,onPageChange=_ref219.onPageChange,onItemsPerPageChange=_ref219.onItemsPerPageChange,totalInvoices=_ref219.totalInvoices,itemsPerPage=_ref219.itemsPerPage;var _useTranslation13=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation13.t;var _useDeviceInfo4=useDeviceInfo(),device=_useDeviceInfo4.device;var 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:function onSelect(selectedItem){onItemsPerPageChange(Number(selectedItem.value));},selectSize:"small"})));};var getHiddenColumns=function getHiddenColumns(visibleColumns){if(visibleColumns.length===0){return defaultSettings$1.billingHistory.visibleColumns.filter(function(c){return c!=='invoice_number';}).map(function(c){return(0,_camelcase.default)(c);});}return defaultSettings$1.billingHistory.visibleColumns.filter(function(x){return!visibleColumns.includes(x);}).map(function(c){return(0,_camelcase.default)(c);});};var 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;}"],function(_ref220){var theme=_ref220.theme;return theme.colors.primary.extraLight;},function(_ref221){var theme=_ref221.theme;return theme.radii[3];},function(_ref222){var theme=_ref222.theme;return theme.space[3];});FilterBoxList.defaultProps={padding:4,display:'flex'};var FilterBox=function FilterBox(_ref223){var children=_ref223.children,isExpanded=_ref223.isExpanded,onClick=_ref223.onClick,header=_ref223.header;return/*#__PURE__*/_react.default.createElement(Accordion,{header:header,onClick:onClick,isExpanded:isExpanded,variant:'small'},/*#__PURE__*/_react.default.createElement(FilterBoxList,null,children));};var statuses=['paid','voided','pending','draft','open','canceled'];var FILTERS_WIDTH=220;var StatusFilter=function StatusFilter(_ref224){var _onChange4=_ref224.onChange,values=_ref224.values,onClick=_ref224.onClick,header=_ref224.header,isExpanded=_ref224.isExpanded;var _useTranslation14=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation14.t;var statusesWithLabels=statuses.map(function(status){return{label:t(status),name:status};});return/*#__PURE__*/_react.default.createElement(FilterBox,{onClick:onClick,isExpanded:isExpanded,header:header},statusesWithLabels.map(function(_ref225){var label=_ref225.label,name=_ref225.name;return/*#__PURE__*/_react.default.createElement(Checkbox,{onChange:function onChange(){if(!values.includes(name)){_onChange4([].concat(_toConsumableArray(values),[name]));}else{_onChange4(values.filter(function(status){return status!==name;}));}},key:name,label:label,name:name,value:values.includes(name),id:name});}));};var 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;}"],function(_ref226){var theme=_ref226.theme;return theme.space[5];});var InvoiceNumberFilter=function InvoiceNumberFilter(_ref227){var _onChange5=_ref227.onChange,placeholder=_ref227.placeholder,value=_ref227.value,rest=_objectWithoutProperties(_ref227,_excluded16);return/*#__PURE__*/_react.default.createElement(FilterBox,_objectSpread({},rest),/*#__PURE__*/_react.default.createElement(Input$1,{placeholder:placeholder,onChange:function onChange(e){return _onChange5(e.target.value);},iconRight:'search',value:value,inputSize:'small'}));};var ProductNameFilter=function ProductNameFilter(_ref228){var _onChange6=_ref228.onChange,placeholder=_ref228.placeholder,values=_ref228.values,showSearch=_ref228.showSearch,products=_ref228.products,rest=_objectWithoutProperties(_ref228,_excluded17);var _React$useState=_react.default.useState(''),_React$useState2=_slicedToArray(_React$useState,2),searchValue=_React$useState2[0],setSearchValue=_React$useState2[1];var filteredProductNames=products===null||products===void 0?void 0:products.filter(function(_ref229){var name=_ref229.name;return name.toLowerCase().includes(searchValue.toLowerCase());});return/*#__PURE__*/_react.default.createElement(FilterBox,_objectSpread({},rest),showSearch?/*#__PURE__*/_react.default.createElement(Input$1,{placeholder:placeholder,onChange:function onChange(e){return setSearchValue(e.target.value);},iconRight:'search',value:searchValue,inputSize:'small'}):null,filteredProductNames===null||filteredProductNames===void 0?void 0:filteredProductNames.map(function(_ref230){var name=_ref230.name,id=_ref230.id;return/*#__PURE__*/_react.default.createElement(Checkbox,{key:id,onChange:function onChange(){if(!values.includes(id)){_onChange6([].concat(_toConsumableArray(values),[id]));}else{_onChange6(values.filter(function(status){return status!==id;}));}},label:name,name:name,value:values===null||values===void 0?void 0:values.includes(id),id:name});}));};var CalendarContainer=_styledComponents.default.div.withConfig({displayName:"maxio__CalendarContainer",componentId:"maxio-components__sc-lo74t2-150"})(["&&&{display:grid;",";}"],_styledSystem.grid);var tabs=[{label:'time_range',id:'timeRange'},{label:'relative',id:'relative'}];var options=[{label:'due_date',value:'due_date'},{label:'issue_date',value:'issue_date'},{label:'paid_date',value:'paid_date'}];var DateFilter=function DateFilter(_ref231){var _onChange7=_ref231.onChange,values=_ref231.values,onClick=_ref231.onClick,header=_ref231.header,isExpanded=_ref231.isExpanded,portalContainer=_ref231.portalContainer,onTabChange=_ref231.onTabChange;var _useTranslation15=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation15.t;var dateField=values.dateField,type=values.type;var startDate=type==='timeRange'&&(values===null||values===void 0?void 0:values.startDate);var endDate=type==='timeRange'&&(values===null||values===void 0?void 0:values.endDate);var translatedTabs=tabs.map(function(_ref232){var label=_ref232.label,id=_ref232.id;return{label:t(label),id:id};});var translatedOptions=options.map(function(_ref233){var label=_ref233.label,value=_ref233.value;return{label:t(label),value:value};});return/*#__PURE__*/_react.default.createElement(FilterBox,{onClick:onClick,isExpanded:isExpanded,header:header},/*#__PURE__*/_react.default.createElement(Select,{options:translatedOptions,onSelect:function onSelect(option){return _onChange7(_objectSpread(_objectSpread({},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:function onChange(timeframe){return _onChange7(_objectSpread(_objectSpread({},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:function onChange(date){return _onChange7(_objectSpread(_objectSpread({},values),{},{startDate:date}));},translations:{placeholder:t('from')},value:values===null||values===void 0?void 0:values.startDate}),/*#__PURE__*/_react.default.createElement(DatePicker,{portalContainer:portalContainer,calendarAlignment:"right",minDate:startDate,onChange:function onChange(date){return _onChange7(_objectSpread(_objectSpread({},values),{},{endDate:date}));},translations:{placeholder:t('to')},value:values===null||values===void 0?void 0:values.endDate})));};var 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;}"],function(props){return props.theme.space[2];});var PRODUCT_SEARCH_THRESHOLD=6;var ProductsContainer=function ProductsContainer(_ref234){var children=_ref234.children;var _useServices$=useServices$1(),filtersOptionsService=_useServices$.filtersOptionsService;var _useSelector5=(0,_react2.useSelector)(filtersOptionsService,filtersOptionsSelectors.getProducts),products=_useSelector5.products;if(!products||products.length<=1){return null;}var showSearch=products.length>PRODUCT_SEARCH_THRESHOLD;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,children({products:products,showSearch:showSearch}));};var Filters=function Filters(_ref235){var filtersSettings=_ref235.filtersSettings,filtersSections=_ref235.filtersSections,isOpen=_ref235.isOpen,isFilteringApplied=_ref235.isFilteringApplied,onUpdateFilter=_ref235.onUpdateFilter,onToggleFilters=_ref235.onToggleFilters,onToggleSection=_ref235.onToggleSection,onApply=_ref235.onApply,onClear=_ref235.onClear,onDateTypeChange=_ref235.onDateTypeChange,onCloseFilters=_ref235.onCloseFilters;var _useTranslation16=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation16.t;var containerRef=(0,_react.useRef)(null);var dropdownRef=(0,_react.useRef)(null);var portalContainerRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){return function(){return onCloseFilters();};},[]);useOnClickOutside([containerRef,dropdownRef,portalContainerRef],onCloseFilters);var calculateDropdownPosition=(0,_react.useCallback)(function(){var element=containerRef.current;var _element$getBoundingC3=element.getBoundingClientRect(),top=_element$getBoundingC3.top,left=_element$getBoundingC3.left,width=_element$getBoundingC3.width,height=_element$getBoundingC3.height;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:_objectSpread({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:function onClick(){return onToggleSection('date');},isExpanded:filtersSections.date,onChange:function onChange(date){return onUpdateFilter('date',date);},values:filtersSettings.date,onTabChange:onDateTypeChange}),/*#__PURE__*/_react.default.createElement(StatusFilter,{header:t('status'),onClick:function onClick(){return onToggleSection('status');},isExpanded:filtersSections.status,values:filtersSettings.status,onChange:function onChange(status){return onUpdateFilter('status',status);}}),/*#__PURE__*/_react.default.createElement(ProductsContainer,null,function(_ref236){var products=_ref236.products,showSearch=_ref236.showSearch;return/*#__PURE__*/_react.default.createElement(ProductNameFilter,{placeholder:t('search_product'),showSearch:showSearch,values:filtersSettings.productIds,onChange:function onChange(v){return onUpdateFilter('productIds',v);},products:products,isExpanded:filtersSections.productIds,onClick:function onClick(){return onToggleSection('productIds');},header:t('product_name')});}),/*#__PURE__*/_react.default.createElement(InvoiceNumberFilter,{placeholder:t('search_invoice'),value:filtersSettings.invoiceNumber,onChange:function onChange(v){return onUpdateFilter('invoiceNumber',v);},isExpanded:filtersSections.invoiceNumber,onClick:function onClick(){return 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}})));};var FiltersContainer=function FiltersContainer(){var _useServices$2=useServices$1(),billingFiltersService=_useServices$2.billingFiltersService;var isOpen=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getFiltersVisibility);var filtersSettings=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getInlineFiltersValues);var filtersSections=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getFiltersSections);var isFilteringApplied=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.isFilteringApplied);var toggleFilters=(0,_react.useCallback)(function(){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:function onDateTypeChange(tabType){return billingFiltersService.send('CHANGE_DATE_TAB',{tabType:tabType});},onCloseFilters:function onCloseFilters(){if(isOpen){billingFiltersService.send('CLOSE_FILTERS');}},onToggleSection:function onToggleSection(sectionName){return billingFiltersService.send('TOGGLE_SECTION',{sectionName:sectionName});},onUpdateFilter:function onUpdateFilter(filter,value){return billingFiltersService.send('UPDATE_FILTER',{filter:filter,value:value});},onClear:function onClear(){return billingFiltersService.send('CLEAR_FILTERS');},onApply:function onApply(){return billingFiltersService.send('APPLY_FILTERS');}}));};var NoInvoicesMsg=function NoInvoicesMsg(_ref237){var message=_ref237.message;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)));};var InvoicesTable=function InvoicesTable(_ref238){var invoices=_ref238.invoices,onSortChange=_ref238.onSortChange,sortMode=_ref238.sortMode,onPageChange=_ref238.onPageChange,page=_ref238.page,onLoadMore=_ref238.onLoadMore,totalPages=_ref238.totalPages,totalInvoices=_ref238.totalInvoices,_ref238$paginationVar=_ref238.paginationVariant,paginationVariant=_ref238$paginationVar===void 0?'simple':_ref238$paginationVar,itemsPerPage=_ref238.itemsPerPage,onItemsPerPageChange=_ref238.onItemsPerPageChange,isLoading=_ref238.isLoading,isFiltering=_ref238.isFiltering;var _useContext15=(0,_react.useContext)(ConfigContext$1),_useContext15$billing=_useContext15.billingHistory,visibleColumns=_useContext15$billing.visibleColumns,enableFiltering=_useContext15$billing.enableFiltering;var _useContext16=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext16.dataAccess;var _useState39=(0,_react.useState)(null),_useState40=_slicedToArray(_useState39,2),saveInvoiceLoading=_useState40[0],setSaveInvoiceLoading=_useState40[1];var _useTranslation17=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation17.t;var navigate=(0,_reactRouterDom.useNavigate)();var renderFooter=function 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});}};var getHeaderProps=function getHeaderProps(column){return{onClick:function onClick(){onSortChange(column.id);},sortMode:sortMode.sortBy===column.id?sortMode.sortDirection:null,align:column.align,minWidth:160};};var columns=_react.default.useMemo(function(){return[{Header:function Header(_ref239){var column=_ref239.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread({},getHeaderProps(column)),t('invoice'));},id:'invoiceNumber',accessor:'number',Cell:function Cell(_ref240){var cell=_ref240.cell,row=_ref240.row;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:function Header(_ref241){var column=_ref241.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread({},getHeaderProps(column)),t('issue_date'));},Cell:function Cell(_ref242){var cell=_ref242.cell;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},accessor:'issueDate'},{Header:function Header(_ref243){var column=_ref243.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread({},getHeaderProps(column)),t('status'));},Cell:function Cell(_ref244){var cell=_ref244.cell;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:function Header(_ref245){var column=_ref245.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread({},getHeaderProps(column)),t('total_amount'));},accessor:'totalAmount',Cell:function Cell(_ref246){var cell=_ref246.cell;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},align:'right'},{Header:function Header(_ref247){var column=_ref247.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread({},getHeaderProps(column)),t('amount_due'));},Cell:function Cell(_ref248){var cell=_ref248.cell;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},accessor:'amountDue',align:'right'},{Header:function Header(_ref249){var column=_ref249.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread(_objectSpread({},getHeaderProps(column)),{},{paddingY:5,disableSort:true,"data-testid":'table-filter'}),enableFiltering&&/*#__PURE__*/_react.default.createElement(FiltersContainer,null));},Cell:function Cell(_ref250){var cell=_ref250.cell;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:function onClick(e){e.stopPropagation();setSaveInvoiceLoading(cell.value);dataAccess.getInvoicePDF(cell.value).then(function(blob){var fileURL=URL.createObjectURL(new Blob([blob],{type:'application/pdf'}));(0,_fileSaver.saveAs)(fileURL,cell.value);}).finally(function(){return setSaveInvoiceLoading(null);});}}));},accessor:'id',align:'right'}];},[sortMode,saveInvoiceLoading]);var _useTable=(0,_reactTable.useTable)({data:invoices,columns:columns,initialState:{hiddenColumns:_toConsumableArray(getHiddenColumns(visibleColumns))}}),headerGroups=_useTable.headerGroups,rows=_useTable.rows,prepareRow=_useTable.prepareRow;return/*#__PURE__*/_react.default.createElement(Table$1,{renderFooter:renderFooter},/*#__PURE__*/_react.default.createElement(Table$1.Head,{variant:'primary'},headerGroups.map(function(headerGroup,i){return/*#__PURE__*/_react.default.createElement(Table$1.Row,{disableBorder:true,variant:'head',key:headerGroup.id+i},headerGroup.headers.map(function(column){return/*#__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(function(row){prepareRow(row);return/*#__PURE__*/_react.default.createElement(Table$1.Row,{key:row.original.number,onClick:function onClick(){return navigate("invoices/".concat(row.original.id));}},row.cells.map(function(cell,index){return/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{key:cell.value+index},cell.render('Cell'));}));}),isLoading&&Array.from(Array(itemsPerPage).keys()).map(function(k){return/*#__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')})));};var BillingHistoryContainer=function BillingHistoryContainer(){var _useTranslation18=(0,_reactI18next.useTranslation)(),i18n=_useTranslation18.i18n;var _useServices$3=useServices$1(),billingHistoryDataService=_useServices$3.billingHistoryDataService,filtersOptionsService=_useServices$3.filtersOptionsService;var _useContext17=(0,_react.useContext)(ConfigContext$1),billingHistory=_useContext17.billingHistory;var itemsPerPage=billingHistory.itemsPerPage,paginationVariant=billingHistory.paginationVariant;(0,_react.useEffect)(function(){if(billingHistoryDataService.getSnapshot().matches('machineStatus.idle')){billingHistoryDataService.send('INITIALIZE',{page:INITIAL_PAGE,limit:itemsPerPage});}if(filtersOptionsService.getSnapshot().matches('idle')){filtersOptionsService.send('INITIALIZE');}},[]);var _useSelector6=(0,_react2.useSelector)(billingHistoryDataService,billingHistorySelectors.getBillingHistoryData),items=_useSelector6.items,sorting=_useSelector6.sorting,pagination=_useSelector6.pagination;var _useSelector7=(0,_react2.useSelector)(billingHistoryDataService,billingHistorySelectors.getBillingHistoryState),isLoading=_useSelector7.isLoading,isFiltering=_useSelector7.isFiltering;var sendSortEvent=function sendSortEvent(sortBy,sortDirection){billingHistoryDataService.send('SORT_BY',{sortBy:sortBy,sortDirection:sortDirection});};var onSortChange=function 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');}};var onPageChange=function onPageChange(page){billingHistoryDataService.send('CHANGE_PAGE',{page:page});};var onLoadMore=function onLoadMore(){billingHistoryDataService.send('LOAD_MORE',{limit:itemsPerPage});};var onItemsPerPageChange=function onItemsPerPageChange(itemsPerPage){billingHistoryDataService.send('CHANGE_ITEMS_PER_PAGE',{itemsPerPage:itemsPerPage});};var formattedData=items===null||items===void 0?void 0:items.map(function(_ref251){var currency=_ref251.currency,amountDueInCents=_ref251.amountDueInCents,totalAmountInCents=_ref251.totalAmountInCents,rest=_objectWithoutProperties(_ref251,_excluded18);return _objectSpread(_objectSpread({},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===null||pagination===void 0?void 0:pagination.totalPages,onLoadMore:onLoadMore,totalInvoices:pagination===null||pagination===void 0?void 0:pagination.totalItems,paginationVariant:paginationVariant,page:sorting.page,onPageChange:onPageChange,invoices:formattedData||[],onSortChange:onSortChange,sortMode:sorting,itemsPerPage:pagination===null||pagination===void 0?void 0:pagination.itemsPerPage,onItemsPerPageChange:onItemsPerPageChange});};var 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;}"]);var 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;}"]);var 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;}"]);var 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;}"],function(_ref252){var theme=_ref252.theme;return theme.space[4];});var ActionButtonsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ActionButtonsWrapper",componentId:"maxio-components__sc-lo74t2-157"})(["&&&{display:flex;gap:","px;flex-wrap:wrap;}"],function(_ref253){var theme=_ref253.theme;return theme.space[4];});var InvoiceDetails=function InvoiceDetails(){var _useTranslation19=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation19.t;var toastsService=useToastMessages();var navigate=(0,_reactRouterDom.useNavigate)();var _useParams=(0,_reactRouterDom.useParams)(),invoiceId=_useParams.invoiceId;var _useContext18=(0,_react.useContext)(GlobalStateContext$1),billingHistoryDataService=_useContext18.billingHistoryDataService;var _useContext19=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext19.dataAccess;var _useState41=(0,_react.useState)(false),_useState42=_slicedToArray(_useState41,2),iframeLoaded=_useState42[0],setIframeLoaded=_useState42[1];var _useState43=(0,_react.useState)(false),_useState44=_slicedToArray(_useState43,2),printInvoiceLoading=_useState44[0],setPrintInvoiceLoading=_useState44[1];var _useState45=(0,_react.useState)(false),_useState46=_slicedToArray(_useState45,2),saveInvoiceLoading=_useState46[0],setSaveInvoiceLoading=_useState46[1];var showErrorToast=function showErrorToast(){toastsService.show({level:'warning',message:t('invoice_details.an_error_occurred_please_try_again_later')});};var _useSelector8=(0,_react2.useSelector)(billingHistoryDataService,(0,_react.useCallback)(billingHistorySelectors.getBillingItemById(invoiceId),[])),_useSelector9=_slicedToArray(_useSelector8,1),invoice=_useSelector9[0];var printInvoice=function printInvoice(){setPrintInvoiceLoading(true);dataAccess.getInvoicePDF(invoice.id).then(function(blob){var fileURL=URL.createObjectURL(new Blob([blob],{type:'application/pdf'}));(0,_printJs.default)(fileURL);}).catch(function(_e){return showErrorToast();}).finally(function(){return setPrintInvoiceLoading(false);});};var saveInvoice=function saveInvoice(){setSaveInvoiceLoading(true);dataAccess.getInvoicePDF(invoice.id).then(function(blob){var fileURL=URL.createObjectURL(new Blob([blob],{type:'application/pdf'}));(0,_fileSaver.saveAs)(fileURL,invoice.id);}).catch(function(_e){return showErrorToast();}).finally(function(){return setSaveInvoiceLoading(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:function onClick(){return navigate('/');}}),/*#__PURE__*/_react.default.createElement(ActionButtonsWrapper,null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",iconLeft:"filePdf",label:t('invoice_details.download_pdf'),onClick:saveInvoice,isLoading:saveInvoiceLoading}),/*#__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+'&hide_actions=true',onLoad:function onLoad(){return setIframeLoaded(true);}}))));};var App$1=function App$1(_ref254){var billingHistory=_ref254.billingHistory;return/*#__PURE__*/_react.default.createElement(ConfigContext$1.Provider,{value:{billingHistory: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)})))));};var 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};var TableFooter=function TableFooter(){return/*#__PURE__*/_react.default.createElement(Table$1.Footer,{justifyContent:"center",paddingY:4,paddingX:7},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:200}));};var BillingHistoryLoader=function BillingHistoryLoader(){return/*#__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})))));};var BillingHistory=/*#__PURE__*/function(_EmbeddableComponent2){_inherits(BillingHistory,_EmbeddableComponent2);var _super2=_createSuper(BillingHistory);function BillingHistory(_ref255){var i18n=_ref255.i18n,componentsTheme=_ref255.componentsTheme,sessionManager=_ref255.sessionManager,dataAccess=_ref255.dataAccess;_classCallCheck(this,BillingHistory);return _super2.call(this,{i18n:i18n,componentsTheme:componentsTheme,sessionManager:sessionManager,dataAccess:dataAccess});}_createClass(BillingHistory,[{key:"render",value:function render(container,componentSettings){var settings=componentSettings||defaultSettings$1;_get(_getPrototypeOf(BillingHistory.prototype),"renderComponent",this).call(this,container,App$1,settings,BillingHistoryLoader);}}]);return BillingHistory;}(EmbeddableComponent);var setCatalogExpandState=(0,_xstate.assign)({expandedCatalogItems:function expandedCatalogItems(context,event){var catalogId=event.catalogId,isExpanded=event.isExpanded;return isExpanded?[].concat(_toConsumableArray(context.expandedCatalogItems),[catalogId]):context.expandedCatalogItems.filter(function(id){return id!==catalogId;});}});var 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)(function(_ctx,event){return{items:event.data.items,expandedCatalogItems:event.data.items.map(function(_ref256){var id=_ref256.id;return id;})};})]},onError:{target:'error'}}},error:{on:{RETRY_FETCH_PRODUCT_CATALOG:{target:'loading'}}},ready:{on:{SET_CATALOG_EXPAND:{actions:'setCatalogExpandState'}}}}},{actions:{setCatalogExpandState:setCatalogExpandState}});var getProductCatalogItems=function getProductCatalogItems(machineState){return machineState.context.items;};var getProductCatalogById=function getProductCatalogById(catalogId){return function(machineState){return machineState.context.items.find(function(_ref257){var id=_ref257.id;return id===catalogId;});};};var getProductCatalogFetchStatus=function getProductCatalogFetchStatus(machineState){return{isLoading:machineState.matches('loading'),error:machineState.matches('error'),ready:machineState.matches('ready')};};var getExpandedCatalogItems=function getExpandedCatalogItems(machineState){return machineState.context.expandedCatalogItems;};var productCatalogSelectors={getExpandedCatalogItems:getExpandedCatalogItems,getProductCatalogById:getProductCatalogById,getProductCatalogItems:getProductCatalogItems,getProductCatalogFetchStatus:getProductCatalogFetchStatus};var subscriptionModel=(0,_model.createModel)({id:null,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}}},{events:{UPDATE_SUBSCRIPTION:function UPDATE_SUBSCRIPTION(event){return event;}}});var SUBSCRIPTION_STATES={trialing:'trial',trial_ended:'trial_expired',on_hold:'on_hold',canceled:'canceled',expired:'expired',past_due:'past_due',unpaid:'unpaid',paused:'paused'};var setStatus=function setStatus(state,scheduledCancellationAt,nextProductId){var status=SUBSCRIPTION_STATES[state]||'active';if(status==='active'&&scheduledCancellationAt)return'cancellation_scheduled';if(['active','trial'].includes(status)&&nextProductId)return'plan_change_scheduled';return status;};var serializeSubscription=function serializeSubscription(subscription){var state=subscription.state,model=_objectWithoutProperties(subscription,_excluded19);return _objectSpread(_objectSpread({},model),{},{status:setStatus(state,model.scheduledCancellationAt,model.nextProductId)});};var 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}});var createSubscriptionMachine=function createSubscriptionMachine(){var defaultContext=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return subscriptionModel.createMachine({predictableActionArguments:true,context:_objectSpread(_objectSpread({},subscriptionModel.initialContext),defaultContext),initial:'idle',states:{idle:{}},on:{UPDATE_SUBSCRIPTION:{actions:(0,_xstate.assign)(function(ctx,event){return _objectSpread(_objectSpread({},ctx),event.data);})}}});};var getSubscriptionState=function getSubscriptionState(machineState){return machineState.context.status;};var getSubscriptionDetails=function getSubscriptionDetails(machineState){var _machineState$context=machineState.context,id=_machineState$context.id,status=_machineState$context.status,currency=_machineState$context.currency,productFamilyId=_machineState$context.productFamilyId,currentBillingAmountInCents=_machineState$context.currentBillingAmountInCents,currentPeriodEndsAt=_machineState$context.currentPeriodEndsAt,scheduledCancellationAt=_machineState$context.scheduledCancellationAt,nextAssessmentAt=_machineState$context.nextAssessmentAt,canceledAt=_machineState$context.canceledAt,expiresAt=_machineState$context.expiresAt,trialEndedAt=_machineState$context.trialEndedAt,balanceInCents=_machineState$context.balanceInCents,automaticallyResumeAt=_machineState$context.automaticallyResumeAt,product=_machineState$context.product,billing=_machineState$context.billing,components=_machineState$context.components,customFields=_machineState$context.customFields,referralCode=_machineState$context.referralCode,threeDsActionLink=_machineState$context.threeDsActionLink;return{id:id,status:status,productFamilyId:productFamilyId,currency:currency,currentBillingAmountInCents:currentBillingAmountInCents,currentPeriodEndsAt:currentPeriodEndsAt,scheduledCancellationAt:scheduledCancellationAt,nextAssessmentAt:nextAssessmentAt,canceledAt:canceledAt,expiresAt:expiresAt,trialEndedAt:trialEndedAt,balanceInCents:balanceInCents,automaticallyResumeAt:automaticallyResumeAt,product:product,billing:billing,components:components,customFields:customFields,referralCode:referralCode,threeDsActionLink:threeDsActionLink};};var subscriptionSelectors={getSubscriptionState:getSubscriptionState,getSubscriptionDetails:getSubscriptionDetails};var updateSubscription=(0,_xstate.assign)({items:function items(context,event){var catalogId=event.catalogId,subscriptionId=event.subscriptionId,type=event.type,subscriptionDetails=_objectWithoutProperties(event,_excluded20);var subscriptions=context.items[catalogId].map(function(item){if(item.subscription.id===subscriptionId){return _objectSpread(_objectSpread({},item),{},{subscription:_objectSpread(_objectSpread({},item.subscription),subscriptionDetails)});}return item;});return _objectSpread(_objectSpread({},context.items),{},_defineProperty({},catalogId,subscriptions));}});var toggleSubscriptionDetailsVisibility=(0,_xstate.assign)({itemsWithVisibleDetails:function itemsWithVisibleDetails(context,event){var subscriptionId=event.subscriptionId;var detailsVisible=context.itemsWithVisibleDetails.includes(subscriptionId);return!detailsVisible?[].concat(_toConsumableArray(context.itemsWithVisibleDetails),[subscriptionId]):context.itemsWithVisibleDetails.filter(function(id){return id!==subscriptionId;});}});var setListExpandedState=(0,_xstate.assign)({catalogs:function catalogs(context,event){var catalogId=event.catalogId,status=event.status;return _objectSpread(_objectSpread({},context.catalogs),{},_defineProperty({},catalogId,_objectSpread(_objectSpread({},context.catalogs[catalogId]),{},{isListExpanded:status})));}});var createComponentMachine=function createComponentMachine(){var defaultContext=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return componentModel.createMachine({predictableActionArguments:true,context:_objectSpread(_objectSpread({},componentModel.initialContext),defaultContext)});};var getComponent=function getComponent(machineState){return machineState.context;};var componentSelectors={getComponent:getComponent};var createComponentsMachine=function createComponentsMachine(subscriptionId){return(0,_xstate.createMachine)({initial:'idle',predictableActionArguments:true,context:{subscriptionId: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)(function(_ctx,event){var components=event.data.items.map(function(item){return{component:item,ref:(0,_xstate.spawn)(createComponentMachine(item))};});return{items:components};})},onError:{target:'error'}}}}});};var checkIfComponentIsUsedForBilling=function 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;};var getComponentsUsedInBilling=function getComponentsUsedInBilling(machineState){var categorizedComponents={};var productCatalogItems=machineState.context.items;productCatalogItems.forEach(function(component){if(!checkIfComponentIsUsedForBilling(component.component))return;var componentType=component.component.type;var categorizedComponent={id:component.component.id,componentMachineRef:component.ref};if(categorizedComponents.hasOwnProperty(componentType)){return categorizedComponents[componentType].push(categorizedComponent);}categorizedComponents[componentType]=[categorizedComponent];});return categorizedComponents;};var getComponentsUpdatesAllowed=function getComponentsUpdatesAllowed(machineState){var productCatalogItems=machineState.context.items;return productCatalogItems.some(function(item){return item.component.updatesAllowed;});};var componentsSelectors={getComponentsUsedInBilling:getComponentsUsedInBilling,getComponentsUpdatesAllowed:getComponentsUpdatesAllowed};var DEFAULT_VISIBLE_SUBSCRIPTIONS=5;var createCustomFieldsMachine=function createCustomFieldsMachine(subscriptionId){return(0,_xstate.createMachine)({id:'customFields',predictableActionArguments:true,context:{subscriptionId:subscriptionId,customFields:null},initial:'idle',states:{idle:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{src:'getSubscriptionCustomFields',onDone:{target:'ready',actions:(0,_xstate.assign)(function(_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)(function(ctx,event){return{customFields:updateCustomFields(ctx.customFields,event.data.fields)};})},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#customFields'},SAVE:{target:'saving'}}}}}}});};var serializeSubscriptions=function serializeSubscriptions(items,dataAccess){var subscriptions={};items.forEach(function(subscription){var serializedSubscription=serializeSubscription(subscription);var subscriptionId=serializedSubscription.id;var componentsMachine=createComponentsMachine(subscriptionId).withConfig({services:{getComponents:function getComponents(_ref258){var subscriptionId=_ref258.subscriptionId;return dataAccess.getComponents(subscriptionId);}}});var subscriptionMachine=createSubscriptionMachine(serializedSubscription);var customFieldsMachine=createCustomFieldsMachine(subscriptionId).withConfig({services:{getSubscriptionCustomFields:function getSubscriptionCustomFields(_ref259){var subscriptionId=_ref259.subscriptionId;return dataAccess.getSubscriptionCustomFields(subscriptionId);},saveCustomerCustomFields:function saveCustomerCustomFields(_ref260,_ref261){var subscriptionId=_ref260.subscriptionId;var fields=_ref261.payload;return dataAccess.updateSubscriptionCustomFields(subscriptionId,fields);}}});var entity={subscription:serializedSubscription,componentsRef:(0,_xstate.spawn)(componentsMachine,"subscription-components-".concat(subscriptionId)),subscriptionRef:(0,_xstate.spawn)(subscriptionMachine,"subscription-".concat(serializedSubscription.id)),customFieldsRef:(0,_xstate.spawn)(customFieldsMachine,"custom-fields-".concat(subscriptionId))};if(subscriptions[subscription.productFamilyId]){subscriptions[subscription.productFamilyId].push(entity);}else{subscriptions[subscription.productFamilyId]=[entity];}});return subscriptions;};var serializeCatalogs=function serializeCatalogs(subscriptions){return Object.keys(subscriptions).reduce(function(acc,catalogId){acc[Number(catalogId)]={isPaginated:subscriptions[Number(catalogId)].length>DEFAULT_VISIBLE_SUBSCRIPTIONS,isListExpanded:false};return acc;},{});};var createSubscriptionsMachine=function createSubscriptionsMachine(dataAccess){return(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:function to(_ctx,event){return"subscription-components-".concat(event.subscriptionId);}})]}},states:{idle:{on:{FETCH_SUBSCRIPTIONS:{target:'loading'}}},loading:{invoke:{id:'subscriptionsFetch',src:'getSubscriptions',onDone:{target:'ready',actions:(0,_xstate.assign)(function(_ctx,event){var 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)(function(_ctx,event){return{type:'UPDATE_SUBSCRIPTION',data:event};},{to:function to(_ctx,event){return"subscription-".concat(event.subscriptionId);}})]}}}}},{actions:{updateSubscription:updateSubscription,toggleSubscriptionDetailsVisibility:toggleSubscriptionDetailsVisibility,setListExpandedState:setListExpandedState}});};var getSubscriptionsByCategoryId=function getSubscriptionsByCategoryId(catalogId){return function(machineState){return machineState.context.items[catalogId]||[];};};var getSubscriptionById=function getSubscriptionById(catalogId,subscriptionId){return function(machineState){var subscriptions=machineState.context.items[catalogId];return subscriptions.find(function(_ref262){var subscription=_ref262.subscription;return subscription.id===subscriptionId;});};};var getSubscriptionsCount=function getSubscriptionsCount(machineState){var subscriptionsCatalogIds=Object.keys(machineState.context.items);var totalCount=subscriptionsCatalogIds.reduce(function(acc,catalogId){var subscriptionsInCatalog=machineState.context.items[Number(catalogId)];return acc+subscriptionsInCatalog.length;},0);return totalCount;};var getSubscriptionsWithVisibleDetails=function getSubscriptionsWithVisibleDetails(machineState){return machineState.context.itemsWithVisibleDetails;};var getSubscriptionsFetchStatus=function getSubscriptionsFetchStatus(machineState){return{isLoading:machineState.matches('loading'),error:machineState.matches('error'),ready:machineState.matches('ready')};};var getCatalogById=function getCatalogById(catalogId){return function(machineState){return machineState.context.catalogs[catalogId];};};var subscriptionsSelectors={getSubscriptionsByCategoryId:getSubscriptionsByCategoryId,getSubscriptionsFetchStatus:getSubscriptionsFetchStatus,getSubscriptionsCount:getSubscriptionsCount,getSubscriptionById:getSubscriptionById,getCatalogById:getCatalogById,getSubscriptionsWithVisibleDetails:getSubscriptionsWithVisibleDetails};var initialContext$c={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,couponService:null,currency:null}};var modals=(0,_xstate.createMachine)({id:'modals',predictableActionArguments:true,initial:'idle',context:initialContext$c,on:{CLOSE_MODAL:{target:'idle',actions:[(0,_xstate.assign)(function(){return _objectSpread({},initialContext$c);})]}},states:{idle:{on:{SHOW_CREATE_PAYMENT_PROFILE:{target:'createPaymentProfile',actions:[(0,_xstate.assign)(function(_ctx,_ref263){var catalogId=_ref263.catalogId,subscriptionId=_ref263.subscriptionId,paymentMethod=_ref263.paymentMethod,activePaymentProfileId=_ref263.activePaymentProfileId;return{createPaymentProfile:{catalogId:catalogId,subscriptionId:subscriptionId,paymentMethod:paymentMethod,activePaymentProfileId:activePaymentProfileId}};})]},SHOW_ADDONS_CONFIGURATION:{target:'addonsConfiguration',actions:[(0,_xstate.assign)(function(ctx,_ref264){var catalogId=_ref264.catalogId,subscriptionId=_ref264.subscriptionId;return{componentsAllocation:_objectSpread(_objectSpread({},ctx.componentsAllocation),{},{catalogId:catalogId,subscriptionId:subscriptionId})};})]},SHOW_RESUME_SUBSCRIPTION:{target:'resumeSubscription',actions:[(0,_xstate.assign)(function(_ctx,_ref265){var subscriptionId=_ref265.subscriptionId,catalogId=_ref265.catalogId;return{resumeSubscription:{subscriptionId:subscriptionId,catalogId:catalogId}};})]},SHOW_PAUSE_SUBSCRIPTION:{target:'pauseSubscription',actions:[(0,_xstate.assign)(function(_ctx,_ref266){var catalogId=_ref266.catalogId,subscriptionId=_ref266.subscriptionId;return{pauseSubscription:{catalogId:catalogId,subscriptionId:subscriptionId}};})]},SHOW_CANCEL_SUBSCRIPTION:{target:'cancelSubscription',actions:[(0,_xstate.assign)(function(_ctx,_ref267){var catalogId=_ref267.catalogId,subscriptionId=_ref267.subscriptionId;return{cancelSubscription:{catalogId:catalogId,subscriptionId:subscriptionId}};})]},SHOW_DELETE_PAYMENT_PROFILE:{target:'deletePaymentProfile',actions:[(0,_xstate.assign)(function(_ctx,_ref268){var catalogId=_ref268.catalogId,subscriptionId=_ref268.subscriptionId,paymentProfileId=_ref268.paymentProfileId;return{deletePaymentProfile:{catalogId:catalogId,subscriptionId:subscriptionId,paymentProfileId:paymentProfileId}};})]},SHOW_CHANGE_PAYMENT_PROFILE:{target:'changePaymentProfile',actions:[(0,_xstate.assign)(function(_ctx,_ref269){var catalogId=_ref269.catalogId,subscriptionId=_ref269.subscriptionId,paymentProfileId=_ref269.paymentProfileId;return{changePaymentProfile:{catalogId:catalogId,subscriptionId:subscriptionId,paymentProfileId:paymentProfileId}};})]},SHOW_PREVIEW_PAYMENT_PROFILE:{target:'previewPaymentProfile',actions:[(0,_xstate.assign)(function(_ctx,_ref270){var catalogId=_ref270.catalogId,subscriptionId=_ref270.subscriptionId,paymentProfileId=_ref270.paymentProfileId;return{previewPaymentProfile:{catalogId:catalogId,subscriptionId:subscriptionId,paymentProfileId:paymentProfileId}};})]},SHOW_UNDO_CANCELATION:{target:'undoCancelation',actions:[(0,_xstate.assign)(function(_ctx,_ref271){var catalogId=_ref271.catalogId,subscriptionId=_ref271.subscriptionId;return{undoCancelation:{catalogId:catalogId,subscriptionId:subscriptionId}};})]},SHOW_REACTIVATE_SUBSCRIPTION:{target:'reactivateSubscription',actions:[(0,_xstate.assign)(function(_ctx,_ref272){var catalogId=_ref272.catalogId,subscriptionId=_ref272.subscriptionId;return{reactivateSubscription:{catalogId:catalogId,subscriptionId:subscriptionId}};})]},SHOW_SUBSCRIPTION_PLAN_CHANGE:{target:'changeSubscriptionPlan',actions:[(0,_xstate.assign)(function(_ctx,_ref273){var catalogId=_ref273.catalogId,subscriptionId=_ref273.subscriptionId;return{changeSubscriptionPlan:{catalogId:catalogId,subscriptionId:subscriptionId}};})]},SHOW_THREE_D_SECURE:{target:'threeDSecure',actions:[(0,_xstate.assign)(function(_ctx,_ref274){var subscriptionId=_ref274.subscriptionId,threeDsActionLink=_ref274.threeDsActionLink,catalogId=_ref274.catalogId,onSuccess=_ref274.onSuccess;return{threeDSecure:{subscriptionId:subscriptionId,threeDsActionLink:threeDsActionLink,catalogId:catalogId,onSuccess:onSuccess}};})]},SHOW_ADD_COUPON:{target:'addCoupon',actions:[(0,_xstate.assign)(function(_ctx,_ref275){var subscriptionId=_ref275.subscriptionId,catalogId=_ref275.catalogId,couponService=_ref275.couponService,currency=_ref275.currency;return{addCoupon:{subscriptionId:subscriptionId,catalogId:catalogId,couponService:couponService,currency:currency}};})]}}},addCoupon:{},createPaymentProfile:{},previewPaymentProfile:{},changePaymentProfile:{},deletePaymentProfile:{},reactivateSubscription:{},paymentProfile:{},addonsConfiguration:{},pauseSubscription:{},resumeSubscription:{},cancelSubscription:{},undoCancelation:{},changeSubscriptionPlan:{},threeDSecure:{}}});var getCreatePaymentProfile=function getCreatePaymentProfile(machineState){return{isOpen:machineState.matches('createPaymentProfile'),meta:machineState.context.createPaymentProfile};};var getAddonsConfiguration=function getAddonsConfiguration(machineState){return{isOpen:machineState.matches('addonsConfiguration'),meta:machineState.context.componentsAllocation};};var getResumeSubscription=function getResumeSubscription(machineState){return{isOpen:machineState.matches('resumeSubscription'),meta:machineState.context.resumeSubscription};};var getPauseSubscription=function getPauseSubscription(machineState){return{isOpen:machineState.matches('pauseSubscription'),meta:machineState.context.pauseSubscription};};var getCancelSubscription=function getCancelSubscription(machineState){return{isOpen:machineState.matches('cancelSubscription'),meta:machineState.context.cancelSubscription};};var getDeletePaymentMethod=function getDeletePaymentMethod(machineState){return{isOpen:machineState.matches('deletePaymentProfile'),meta:machineState.context.deletePaymentProfile};};var getChangePaymentMethod=function getChangePaymentMethod(machineState){return{isOpen:machineState.matches('changePaymentProfile'),meta:machineState.context.changePaymentProfile};};var getPreviewPaymentMethod=function getPreviewPaymentMethod(machineState){return{isOpen:machineState.matches('previewPaymentProfile'),meta:machineState.context.previewPaymentProfile};};var getUndoCancelation=function getUndoCancelation(machineState){return{isOpen:machineState.matches('undoCancelation'),meta:machineState.context.undoCancelation};};var getReactivateSubscription=function getReactivateSubscription(machineState){return{isOpen:machineState.matches('reactivateSubscription'),meta:machineState.context.reactivateSubscription};};var getChangeSubscriptionPlan=function getChangeSubscriptionPlan(machineState){return{isOpen:machineState.matches('changeSubscriptionPlan'),meta:machineState.context.changeSubscriptionPlan};};var getThreeDsConfirmation=function getThreeDsConfirmation(machineState){return{isOpen:machineState.matches('threeDSecure'),meta:machineState.context.threeDSecure};};var getAddCoupon=function getAddCoupon(machineState){return{isOpen:machineState.matches('addCoupon'),meta:machineState.context.addCoupon};};var modalsSelectors={getAddCoupon:getAddCoupon,getCreatePaymentProfile:getCreatePaymentProfile,getAddonsConfiguration:getAddonsConfiguration,getResumeSubscription:getResumeSubscription,getPauseSubscription:getPauseSubscription,getCancelSubscription:getCancelSubscription,getUndoCancelation:getUndoCancelation,getDeletePaymentMethod:getDeletePaymentMethod,getChangePaymentMethod:getChangePaymentMethod,getPreviewPaymentMethod:getPreviewPaymentMethod,getReactivateSubscription:getReactivateSubscription,getChangeSubscriptionPlan:getChangeSubscriptionPlan,getThreeDsConfirmation:getThreeDsConfirmation};var resetFieldError=(0,_xstate.assign)({billingAddress:function billingAddress(context,event){var form=event.form,field=event.field;if(form==='billingAddress'){var _context$billingAddre=context.billingAddress.errors,_error=_context$billingAddre[field],restErrors=_objectWithoutProperties(_context$billingAddre,[field].map(_toPropertyKey));return _objectSpread(_objectSpread({},context.billingAddress),{},{errors:restErrors});}return context.billingAddress;},paymentMethod:function paymentMethod(context,event){var form=event.form,field=event.field;if(form==='paymentMethod'){var _context$paymentMetho=context.paymentMethod.errors,_error=_context$paymentMetho[field],restErrors=_objectWithoutProperties(_context$paymentMetho,[field].map(_toPropertyKey));return _objectSpread(_objectSpread({},context.paymentMethod),{},{errors:restErrors});}return context.paymentMethod;}});var setPaymentProfileIdForReplacement=(0,_xstate.assign)({paymentProfiles:function paymentProfiles(ctx,event){var _ctx$paymentProfiles$;var paymentProfileId=event.paymentProfileId;if((_ctx$paymentProfiles$=ctx.paymentProfiles.idsForReplacement)!==null&&_ctx$paymentProfiles$!==void 0&&_ctx$paymentProfiles$.includes(paymentProfileId)){return _objectSpread(_objectSpread({},ctx.paymentProfiles),{},{idsForReplacement:ctx.paymentProfiles.idsForReplacement.filter(function(id){return id!==paymentProfileId;})});}return _objectSpread(_objectSpread({},ctx.paymentProfiles),{},{idsForReplacement:[].concat(_toConsumableArray(ctx.paymentProfiles.idsForReplacement),[paymentProfileId])});}});var assignCreatedProfile=(0,_xstate.assign)({createdProfile:function createdProfile(ctx,event){return event.data;}});var serializePaymentProfilesSubscriptions=(0,_xstate.assign)(function(ctx,event){return _objectSpread(_objectSpread({},ctx),{},{paymentProfiles:{idsForReplacement:event.data.subscriptions.failed.map(function(i){return i.id;}),subscriptions:{failed:event.data.subscriptions.failed,success:event.data.subscriptions.success}}});});var initialContext$b={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}}};var createPaymentProfile=(0,_xstate.createMachine)({context:initialContext$b,initial:'idle',predictableActionArguments:true,on:{UPDATE_FIELD:{actions:[(0,_xstate.assign)(function(ctx,event){return _defineProperty({},event.form,_objectSpread(_objectSpread({},ctx[event.form]),{},{values:_objectSpread(_objectSpread({},ctx[event.form].values),{},_defineProperty({},event.field,event.value))}));})]},RESET_FIELD_ERROR:{actions:['resetFieldError']},SET_FIELD_ERROR:{actions:[(0,_xstate.assign)(function(ctx,event){var error=event.error,field=event.field,form=event.form;return _defineProperty({},form,_objectSpread(_objectSpread({},ctx[form]),{},{errors:_objectSpread(_objectSpread({},ctx[form].errors),{},_defineProperty({},field,error))}));})]}},states:{idle:{on:{SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT:{actions:'setPaymentProfileIdForReplacement'},SAVE_PAYMENT_METHOD:{target:'validatePaymentMethod'}}},validatePaymentMethod:{entry:[(0,_xstate.assign)(function(ctx){return{tokenizationError:null,billingAddress:_objectSpread(_objectSpread({},ctx.billingAddress),{},{errors:{}})};})],invoke:{id:'validatePaymentMethod',src:'validatePaymentMethod',onDone:{target:'tokenizePaymentMethod'},onError:{target:'validationError',actions:[(0,_xstate.assign)(function(ctx,event){return{billingAddress:_objectSpread(_objectSpread({},ctx.billingAddress),{},{errors:event.data.errors.billingAddress}),paymentMethod:_objectSpread(_objectSpread({},ctx.paymentMethod),{},{errors:event.data.errors.paymentMethod})};})]}}},tokenizePaymentMethod:{invoke:{id:'tokenizePaymentMethod',src:'tokenizePaymentMethod',onDone:{target:'createPaymentProfile',actions:[(0,_xstate.assign)(function(_ctx,event){return{token:event.data};})]},onError:{target:'tokenizationError',actions:[(0,_xstate.assign)(function(_ctx,event){return{tokenizationError:event.data};})]}}},createPaymentProfile:{invoke:{id:'createProfile',src:'createPaymentProfile',onDone:[{cond:'hasPaymentProfilesIdsForReplacement',target:'replacePaymentProfiles',actions:'assignCreatedProfile'},{target:'success',actions:['assignCreatedProfile','onCreateProfileSuccess']}],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:serializePaymentProfilesSubscriptions,setPaymentProfileIdForReplacement:setPaymentProfileIdForReplacement,resetFieldError:resetFieldError,assignCreatedProfile:assignCreatedProfile},guards:{hasPaymentProfilesIdsForReplacement:function hasPaymentProfilesIdsForReplacement(ctx){return ctx.paymentProfiles.idsForReplacement.length>0;}}});var getPaymentProfile=function getPaymentProfile(machineState){var _machineState$context2=machineState.context,paymentMethod=_machineState$context2.paymentMethod,billingAddress=_machineState$context2.billingAddress,validationSchema=_machineState$context2.validationSchema,tokenizationError=_machineState$context2.tokenizationError;return{paymentMethod:_objectSpread(_objectSpread({},paymentMethod),{},{hostedFieldsErrors:(tokenizationError===null||tokenizationError===void 0?void 0:tokenizationError.invalidFields)||[]}),billingAddress:billingAddress,validationSchema:validationSchema};};var getPaymentProfileProcessing=function getPaymentProfileProcessing(machineState){return['validatePaymentMethod','tokenizePaymentMethod','createPaymentProfile','connectProfileWithSubscription','replacePaymentProfiles'].some(function(state){return machineState.matches(state);});};var getProfileConnectionError=function getProfileConnectionError(machineState){return machineState.matches('connectProfileError');};var getRequiredFields=function getRequiredFields(machineState){return machineState.context.requiredFields;};var getPaymentProfileErrors=function getPaymentProfileErrors(machineState){return{tokenization:machineState.context.tokenizationError};};var getPaymentProfilesReplacementError=function getPaymentProfilesReplacementError(machineState){return machineState.matches('replacePaymentProfilesError');};var getPaymentProfilesIdsForReplacement=function getPaymentProfilesIdsForReplacement(machineState){return machineState.context.paymentProfiles.idsForReplacement;};var getPaymentProfilesSubscriptions=function getPaymentProfilesSubscriptions(machineState){return machineState.context.paymentProfiles.subscriptions;};var getPaymentProfilesReplacementProcessing=function getPaymentProfilesReplacementProcessing(machineState){return machineState.matches('replacePaymentProfiles');};var paymentProfileSelectors={getProfileConnectionError:getProfileConnectionError,getRequiredFields:getRequiredFields,getPaymentProfileErrors:getPaymentProfileErrors,getPaymentProfileProcessing:getPaymentProfileProcessing,getPaymentProfile:getPaymentProfile,getPaymentProfilesIdsForReplacement:getPaymentProfilesIdsForReplacement,getPaymentProfilesSubscriptions:getPaymentProfilesSubscriptions,getPaymentProfilesReplacementError:getPaymentProfilesReplacementError,getPaymentProfilesReplacementProcessing:getPaymentProfilesReplacementProcessing};var Container$5=_styledComponents.default.div.withConfig({displayName:"maxio__Container5",componentId:"maxio-components__sc-lo74t2-159"})(["&&&{width:100%;display:flex;flex-direction:column;",";}"],_styledSystem.grid);var HostedField=function HostedField(_ref278){var label=_ref278.label,required=_ref278.required,tooltip=_ref278.tooltip,children=_ref278.children;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);};var 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);var InputSocket=function InputSocket(_ref279){var id=_ref279.id,children=_ref279.children,hasError=_ref279.hasError;return/*#__PURE__*/_react.default.createElement(Container$4,{id:id,borderRadius:1,backgroundColor:"white.main",borderColor:hasError?'danger.main':'white.main',"data-testid":id},children);};var CreditCardPCIFields;(function(CreditCardPCIFields){CreditCardPCIFields["Number"]="number";CreditCardPCIFields["SecurityCode"]="cvv";CreditCardPCIFields["ExpirationMonth"]="month";CreditCardPCIFields["ExpirationYear"]="year";})(CreditCardPCIFields||(CreditCardPCIFields={}));var CardNumber=function CardNumber(_ref280){var _ref280$htmlElementId=_ref280.htmlElementId,htmlElementId=_ref280$htmlElementId===void 0?CreditCardPCIFields.Number:_ref280$htmlElementId,label=_ref280.label,required=_ref280.required,hasError=_ref280.hasError;return/*#__PURE__*/_react.default.createElement(HostedField,{label:label,hasError:hasError,required:required},/*#__PURE__*/_react.default.createElement(InputSocket,{hasError:hasError,id:htmlElementId}));};var SecurityCode=function SecurityCode(_ref281){var label=_ref281.label,required=_ref281.required,_ref281$htmlElementId=_ref281.htmlElementId,htmlElementId=_ref281$htmlElementId===void 0?CreditCardPCIFields.SecurityCode:_ref281$htmlElementId,hasError=_ref281.hasError,tooltip=_ref281.tooltip;return/*#__PURE__*/_react.default.createElement(HostedField,{label:label,hasError:hasError,required:required,tooltip:tooltip},/*#__PURE__*/_react.default.createElement(InputSocket,{id:htmlElementId,hasError:hasError}));};var Container$3=_styledComponents.default.div.withConfig({displayName:"maxio__Container3",componentId:"maxio-components__sc-lo74t2-161"})(["&&&{width:100%;}"]);var Socket=_styledComponents.default.div.withConfig({displayName:"maxio__Socket",componentId:"maxio-components__sc-lo74t2-162"})(["&&&{",";height:100%;}"],_styledSystem.width);var MONTH_FIELD_WIDTH='35px';var YEAR_FIELD_WITH='60px';var CardExpiration=function CardExpiration(_ref282){var label=_ref282.label,hasError=_ref282.hasError,required=_ref282.required,_ref282$monthHtmlElem=_ref282.monthHtmlElementId,monthHtmlElementId=_ref282$monthHtmlElem===void 0?CreditCardPCIFields.ExpirationMonth:_ref282$monthHtmlElem,_ref282$yearHtmlEleme=_ref282.yearHtmlElementId,yearHtmlElementId=_ref282$yearHtmlEleme===void 0?CreditCardPCIFields.ExpirationYear:_ref282$yearHtmlEleme;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}))));};var ThreeDigit=function ThreeDigit(){return/*#__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"}));};var FourDigit=function FourDigit(){return/*#__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"}));};var Row$1=_styledComponents.default.div.withConfig({displayName:"maxio__Row1",componentId:"maxio-components__sc-lo74t2-163"})(["&&&{display:flex;",";",";}"],_styledSystem.flexDirection,_styledSystem.grid);var Separator$2=_styledComponents.default.div.withConfig({displayName:"maxio__Separator2",componentId:"maxio-components__sc-lo74t2-164"})(["&&&{width:1px;flex-shrink:0;",";",";}"],_styledSystem.margin,function(_ref283){var theme=_ref283.theme;return(0,_styledComponents.css)(["background-color:",";"],theme.colors.gray.extraLight);});var TooltipContent=function TooltipContent(_ref284){var labels=_ref284.labels;var threeDigitTooltip=labels.threeDigitTooltip,fourDigitTooltip=labels.fourDigitTooltip;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)));};var 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,function(props){return props.size==='regular'&&(0,_styledComponents.css)(["padding:14px 16px 12px 16px;width:320px;height:180px;"]);},function(props){return props.size==='small'&&(0,_styledComponents.css)(["padding:10px 12px 8px 12px;width:260px;height:170px;"]);});var Row=_styledComponents.default.div.withConfig({displayName:"maxio__Row",componentId:"maxio-components__sc-lo74t2-166"})(["&&&{display:grid;",";}"],_styledSystem.grid);var Column=_styledComponents.default.div.withConfig({displayName:"maxio__Column",componentId:"maxio-components__sc-lo74t2-167"})(["&&&{min-width:0;",";",";}"],function(_ref285){var placeSelf=_ref285.placeSelf;return placeSelf?(0,_styledComponents.css)(["place-self:",";"],placeSelf):null;},_styledSystem.grid);var CreditCard=function CreditCard(_ref286){var _ref286$requiredField=_ref286.requiredFields,requiredFields=_ref286$requiredField===void 0?[]:_ref286$requiredField,_ref286$errors=_ref286.errors,errors=_ref286$errors===void 0?[]:_ref286$errors,labels=_ref286.labels,_ref286$size=_ref286.size,size=_ref286$size===void 0?'regular':_ref286$size,type=_ref286.type;var cardNumber=labels.cardNumber,securityCode=labels.securityCode,expirationDate=labels.expirationDate,threeDigitTooltip=labels.threeDigitTooltip,fourDigitTooltip=labels.fourDigitTooltip;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:function renderContent(){return/*#__PURE__*/_react.default.createElement(TooltipContent,{labels:{threeDigitTooltip:threeDigitTooltip,fourDigitTooltip: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}));};var PaymentProfileSkeleton=function PaymentProfileSkeleton(){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:"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"}))));};var PaymentsContext=/*#__PURE__*/(0,_react.createContext)({paymentsSDK:null});var usePaymentsForm=function usePaymentsForm(){var _useContext20=(0,_react.useContext)(PaymentsContext),paymentsSDK=_useContext20.paymentsSDK;return paymentsSDK;};var usePaymentProfileTranslations=function usePaymentProfileTranslations(){var _useTranslation20=(0,_reactI18next.useTranslation)(['payment-profile']),t=_useTranslation20.t;var translate=function translate(key){return t(key,{ns:'payment-profile'});};var 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')}};var 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:addressTranslations,creditCardTranslations:creditCardTranslations};};var createFieldsConfig=function createFieldsConfig(requiredFields,translations,fieldsStyles){var _config;var config=(_config={},_defineProperty(_config,CreditCardPCIFields.Number,{selector:'#number',required:requiredFields.includes(CreditCardPCIFields.Number),placeholder:translations.creditCardNumber.placeholder,next_focus:'month'}),_defineProperty(_config,CreditCardPCIFields.SecurityCode,{selector:'#cvv',required:requiredFields.includes(CreditCardPCIFields.Number),placeholder:translations.securityCode.placeholder}),_defineProperty(_config,CreditCardPCIFields.ExpirationYear,{selector:'#year',required:requiredFields.includes(CreditCardPCIFields.Number),style:fieldsStyles[CreditCardPCIFields.ExpirationYear],next_focus:'cvv'}),_defineProperty(_config,CreditCardPCIFields.ExpirationMonth,{selector:'#month',required:requiredFields.includes(CreditCardPCIFields.Number),style:fieldsStyles[CreditCardPCIFields.ExpirationMonth],next_focus:'year'}),_config);return config;};var INPUT_HEIGHT='28px';var createFieldsStyles=function createFieldsStyles(theme){var _fieldsStyles;var fonts=theme.fonts;var inputStyles={background:'none','box-shadow':'none',height:INPUT_HEIGHT,'font-family':fonts.secondary,'line-height':1,padding:'0 8px',border:'none','border-radius':0};var commonStyles={field:{margin:0,padding:0,background:'none'},message:{display:'none'},label:{display:'none'}};var fieldsStyles=(_fieldsStyles={},_defineProperty(_fieldsStyles,CreditCardPCIFields.ExpirationMonth,_objectSpread({input:_objectSpread(_objectSpread({},inputStyles),{},{padding:'0 4px 0 8px'})},commonStyles)),_defineProperty(_fieldsStyles,CreditCardPCIFields.ExpirationYear,_objectSpread({input:_objectSpread(_objectSpread({},inputStyles),{},{padding:'0 8px 0 4px'})},commonStyles)),_fieldsStyles);var globalStyles=_objectSpread({input:inputStyles},commonStyles);return{fieldsStyles:fieldsStyles,globalStyles:globalStyles};};var createCreditCardValidationSchema=function createCreditCardValidationSchema(){var requiredFields=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var schema={firstName:yup.string(),lastName:yup.string()};requiredFields.forEach(function(fieldName){if(schema[fieldName]){schema[fieldName]=schema[fieldName].required('required');}});var schemaValidator=yup.object(schema);return schemaValidator;};var mapDetectedCreditCardType=function 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;};var 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'}};var CreditCardForm=function CreditCardForm(_ref287){var values=_ref287.values,onValidateField=_ref287.onValidateField,_onChange8=_ref287.onChange,useThreeDSecure=_ref287.useThreeDSecure,errors=_ref287.errors,config=_ref287.config,creditCardSize=_ref287.creditCardSize,isOnMobileDevice=_ref287.isOnMobileDevice,_ref287$requiredField=_ref287.requiredFields,requiredFields=_ref287$requiredField===void 0?[]:_ref287$requiredField,_ref287$hostedFieldsE=_ref287.hostedFieldsErrors,hostedFieldsErrors=_ref287$hostedFieldsE===void 0?[]:_ref287$hostedFieldsE,_ref287$translations=_ref287.translations,translations=_ref287$translations===void 0?defaultTranslations:_ref287$translations;var paymentsForm=usePaymentsForm();var theme=(0,_styledComponents.useTheme)();var firstName=values.firstName,lastName=values.lastName;var handleErrorMessage=function handleErrorMessage(error){if(error==='required')return translations.error.required;return translations.error.invalid;};var _useState47=(0,_react.useState)(),_useState48=_slicedToArray(_useState47,2),type=_useState48[0],setType=_useState48[1];(0,_react.useEffect)(function(){var securityToken=config.securityToken,publicKey=config.publicKey,serverHost=config.serverHost;var _createFieldsStyles=createFieldsStyles(theme),globalStyles=_createFieldsStyles.globalStyles,fieldsStyles=_createFieldsStyles.fieldsStyles;paymentsForm.load({type:'card',publicKey:publicKey,serverHost:serverHost,securityToken:securityToken,threeDSecure:useThreeDSecure,hideCardImage:true,fields:createFieldsConfig(requiredFields,translations,fieldsStyles),style:globalStyles},{onCardTypeDetected:function onCardTypeDetected(cardType){return setType(mapDetectedCreditCardType(cardType));}});return function(){return paymentsForm.unload();};},[]);var creditCardNumber=translations.creditCardNumber,expirationDate=translations.expirationDate,securityCode=translations.securityCode,tooltip=translations.tooltip;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",fullWidth:true,value:firstName,placeholder:translations.firstName.placeholder,hasError:!!errors.firstName,onBlur:function onBlur(){return onValidateField('firstName',firstName);},onChange:function onChange(e){return _onChange8('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",fullWidth:true,value:lastName,placeholder:translations.lastName.placeholder,hasError:!!errors.lastName,onBlur:function onBlur(){return onValidateField('lastName',lastName);},onChange:function onChange(e){return _onChange8('lastName',e.currentTarget.value);}})),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-testid":"lastNameMeta","data-chargify":"lastName",value:lastName}))));};var FORM_ELEMENT_ID$1='payment-profile-form';var US_FORMAT_ADDRESS_FORM=['US'];var PaymentProfile$1=function PaymentProfile$1(_ref288){var _ref288$paymentMethod=_ref288.paymentMethodType,paymentMethodType=_ref288$paymentMethod===void 0?'creditCard':_ref288$paymentMethod,_ref288$requiredField=_ref288.requiredFields,requiredFields=_ref288$requiredField===void 0?[]:_ref288$requiredField,_ref288$useThreeDSecu=_ref288.useThreeDSecure,useThreeDSecure=_ref288$useThreeDSecu===void 0?false:_ref288$useThreeDSecu,_ref288$formElementId=_ref288.formElementId,formElementId=_ref288$formElementId===void 0?FORM_ELEMENT_ID$1:_ref288$formElementId,onUpdateField=_ref288.onUpdateField,_onValidateField=_ref288.onValidateField,billingAddress=_ref288.billingAddress,paymentMethod=_ref288.paymentMethod,config=_ref288.config;var _useDeviceInfo5=useDeviceInfo(),device=_useDeviceInfo5.device;var _useTranslation21=(0,_reactI18next.useTranslation)(['payment-profile']),t=_useTranslation21.t;var _usePaymentProfileTra=usePaymentProfileTranslations(),creditCardTranslations=_usePaymentProfileTra.creditCardTranslations;var _billingAddress$value=billingAddress.values,address=_billingAddress$value.address,address2=_billingAddress$value.address2,city=_billingAddress$value.city,state=_billingAddress$value.state,country=_billingAddress$value.country,zip=_billingAddress$value.zip;var hostedFieldsErrors=paymentMethod.hostedFieldsErrors;var 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:function onValidateField(fieldName,value){return _onValidateField(fieldName,'paymentMethod',value);},onChange:function onChange(fieldName,value){return 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:function onValidateField(fieldName,value){return _onValidateField(fieldName,'billingAddress',value);},onChange:function onChange(fieldName,value){return onUpdateField(fieldName,'billingAddress',value);}})))),/*#__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;var waitForGlobalVariable=function waitForGlobalVariable(name,callback){if(typeof window!=='undefined'){var interval=setInterval(function(){if(name in window){var ref=window[name];callback(null,ref);clearInterval(interval);}},100);}else{callback(true);}};var CDN_URL='https://js.chargify.com/latest/chargify.js';var SDK_VARIABLE='Chargify';var PaymentsContainer=function PaymentsContainer(_ref289){var children=_ref289.children,_ref289$bundleUrl=_ref289.bundleUrl,bundleUrl=_ref289$bundleUrl===void 0?CDN_URL:_ref289$bundleUrl;var _useTranslation22=(0,_reactI18next.useTranslation)(),i18n=_useTranslation22.i18n;var _useState49=(0,_react.useState)(false),_useState50=_slicedToArray(_useState49,2),isLoaded=_useState50[0],setLoaded=_useState50[1];var paymentsSDK=(0,_react.useRef)(null);(0,_react.useEffect)(function(){i18n.loadNamespaces(['payment-profile']);waitForGlobalVariable(SDK_VARIABLE,function(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})));};var serializeValidationSchema=function serializeValidationSchema(requiredFields){return yup.object({paymentMethod:createCreditCardValidationSchema(requiredFields),billingAddress:createAddressValidationSchema(requiredFields)});};var initialContext$a={serverHost:'',publicKey:null,securityToken:null,vaultCurrencies:null,defaultVaults:{creditCard:null},requiredFields:{creditCard:[],bankAccount:[]},threeDSecure:{enabled:false}};var paymentGateway=(0,_xstate.createMachine)({context:initialContext$a,predictableActionArguments:true,initial:'initialization',states:{initialization:{invoke:{id:'fetchConfig',src:'getGatewayConfig',onDone:{target:'ready',actions:(0,_xstate.assign)(function(_ctx,event){return event.data;})},onError:{target:'error'}}},error:{},ready:{}}});var getGatewayConfig=function getGatewayConfig(machineState){var _machineState$context3=machineState.context,publicKey=_machineState$context3.publicKey,securityToken=_machineState$context3.securityToken,serverHost=_machineState$context3.serverHost;return{serverHost:serverHost,securityToken:securityToken,publicKey:publicKey};};var getThreeDSecure=function getThreeDSecure(machineState){var enabled=machineState.context.threeDSecure.enabled;return enabled;};var getRequiredFieldsConfig=function getRequiredFieldsConfig(machineState){return machineState.context.requiredFields;};var getVaultCurrencies=function getVaultCurrencies(machineState){return machineState.context.vaultCurrencies;};var getDefaultVaults=function getDefaultVaults(machineState){return machineState.context.defaultVaults;};var paymentGatewaySelectors={getGatewayConfig:getGatewayConfig,getThreeDSecure:getThreeDSecure,getVaultCurrencies:getVaultCurrencies,getRequiredFieldsConfig:getRequiredFieldsConfig,getDefaultVaults:getDefaultVaults};var setActivePaymentProfile=(0,_xstate.assign)(function(context,event){return{paymentProfiles:context.paymentProfiles.map(function(profile){if(profile.status==="active"){return _objectSpread(_objectSpread({},profile),{},{status:"normal"});}if(profile.id===event.paymentProfileId){return _objectSpread(_objectSpread({},profile),{},{status:"active"});}return profile;})};});var addPaymentProfile=(0,_xstate.assign)(function(context,event){return{paymentProfiles:[].concat(_toConsumableArray(context.paymentProfiles),[_objectSpread(_objectSpread({},event.paymentProfile),{},{status:"normal"})])};});var deletePaymentProfile$1=(0,_xstate.assign)(function(context,event){return{paymentProfiles:context.paymentProfiles.filter(function(profile){return profile.id!==event.paymentProfileId;})};});var getPaymentProfileStatus=function getPaymentProfileStatus(paymentProfile,vaultCurrency,subscriptionCurrency,subscriptionPaymentProfileId){if(!vaultCurrency||!vaultCurrency.includes(subscriptionCurrency)){return"unavailable";}if(paymentProfile.creditCard.expired)return"expired";if(paymentProfile.id===subscriptionPaymentProfileId){return"active";}return"normal";};var serializePaymentProfiles=function serializePaymentProfiles(items,vaultCurrencies,subscriptionCurrency,subscriptionPaymentProfileId){return items.map(function(paymentProfile){return _objectSpread(_objectSpread({},paymentProfile),{},{status:getPaymentProfileStatus(paymentProfile,vaultCurrencies[paymentProfile.vault],subscriptionCurrency,subscriptionPaymentProfileId)});});};var initialContext$9={vaultCurrencies:null,subscriptionCurrency:null,error:null,subscriptionPaymentProfileId:null,paymentProfiles:[]};var paymentProfiles=(0,_xstate.createMachine)({predictableActionArguments:true,context:initialContext$9,initial:'idle',states:{idle:{on:{INITIALIZE:{target:'fetchingProfiles'}}},fetchingProfiles:{invoke:{id:'paymentProfilesFetch',src:'getPaymentProfiles',onDone:{target:'ready',actions:(0,_xstate.assign)(function(ctx,event){return{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:setActivePaymentProfile,addPaymentProfile:addPaymentProfile}});var getPaymentProfiles=function getPaymentProfiles(machineState){return machineState.context.paymentProfiles;};var getPaymentProfilesById=function getPaymentProfilesById(paymentProfileId){return function(machineState){return machineState.context.paymentProfiles.find(function(paymentProfile){return paymentProfile.id===paymentProfileId;});};};var getPaymentProfilesState=function getPaymentProfilesState(machineState){return{isLoading:machineState.matches('fetchingProfiles'),isError:machineState.matches('error')};};var paymentProfilesSelectors={getPaymentProfilesState:getPaymentProfilesState,getPaymentProfilesById:getPaymentProfilesById,getPaymentProfiles:getPaymentProfiles};var getPriceRange=function getPriceRange(pricePointType,prices,currency){if(!pricePointType||pricePointType==='per_unit'){return{value:prices[0].priceInCents,currency:currency};}var pricesInCents=prices.map(function(price){return price.priceInCents;});var min=Math.min.apply(Math,_toConsumableArray(pricesInCents));var max=Math.max.apply(Math,_toConsumableArray(pricesInCents));return{value:[min,max],currency:currency};};var serializeComponents=function serializeComponents(components){return components.filter(function(component){return!['metered','prepaid'].includes(component.type)&&component.updatesAllowed;}).map(function(component){var id=component.id,name=component.name,type=component.type,allocatedQuantity=component.allocatedQuantity,description=component.description,currency=component.currency,pricePoint=component.pricePoint,unit=component.unit,recurring=component.recurring,allowFractionalQuantities=component.allowFractionalQuantities,updatesAllowed=component.updatesAllowed;var serializedComponent={id:id,name:name,type:type,description:description,recurring:recurring,unitName:unit.name,allocatedQuantity:allocatedQuantity,allowFractionalQuantities:allowFractionalQuantities,memo:'',updatesAllowed:updatesAllowed,price:getPriceRange(pricePoint.type,pricePoint.prices,currency)};return serializedComponent;});};var updateAllocationsList=(0,_xstate.assign)({allocations:function allocations(context,event){var allocation=event.allocation,id=event.allocation.id;var index=context.allocations.findIndex(function(a){return a.id===id;});if(index>-1){return context.allocations.map(function(a){return a.id===id?allocation:a;});}return[].concat(_toConsumableArray(context.allocations),[allocation]);}});var setError=(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});});var initialContext$8={subscriptionId:null,components:[],allocations:[],allocationsPreview:null,error:null};var addOnsConfiguration=(0,_xstate.createMachine)({id:'addOnsConfiguration',predictableActionArguments:true,context:initialContext$8,initial:'configureAllocationsStep',states:{configureAllocationsStep:{id:'configureAllocationsStep',initial:'idle',states:{idle:{on:{INITIALIZE:{target:'initialize',actions:(0,_xstate.assign)(function(ctx,event){return _objectSpread(_objectSpread({},ctx),{},{subscriptionId:event.subscriptionId});})}}},initialize:{invoke:{src:'getComponents',onDone:{target:'ready',actions:(0,_xstate.assign)(function(ctx,event){var serializedComponents=serializeComponents(event.data.items);return _objectSpread(_objectSpread({},ctx),{},{components:serializedComponents});})},onError:{actions:'setError',target:'initializationError'}}},ready:{on:{PREVIEW_ALLOCATIONS:{target:'previewAllocations',actions:(0,_xstate.assign)(function(ctx,event){return _objectSpread(_objectSpread({},ctx),{},{allocations:event.allocations,error:null});})},UPDATE_ALLOCATIONS_LIST:{actions:'updateAllocationsList'}}},initializationError:{},previewAllocations:{invoke:{src:'previewComponentAllocations',onDone:{target:'#previewAllocationsStep',actions:(0,_xstate.assign)(function(ctx,event){return _objectSpread(_objectSpread({},ctx),{},{allocationsPreview:_objectSpread({},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:updateAllocationsList,setError:setError}});var getAddonsState=function getAddonsState(machineState){return{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')};};var getAddonsComponents=function getAddonsComponents(machineState){return{components:machineState.context.components};};var getAllocationsPreview=function getAllocationsPreview(machineState){return{allocationsPreview:machineState.context.allocationsPreview};};var getAllocations=function getAllocations(machineState){return machineState.context.allocations;};var getAllocationError=function getAllocationError(machineState){return{error:machineState.context.error};};var addConfigurationSelectors={getAddonsState:getAddonsState,getAddonsComponents:getAddonsComponents,getAllocationsPreview:getAllocationsPreview,getAllocations:getAllocations,getAllocationError:getAllocationError};var initialContext$7={products:null,selectedPlan:null,changePlanPreview:null,threeDsActionLink:null,error:null};var changePlan=(0,_xstate.createMachine)({id:'changePlan',predictableActionArguments:true,initial:'configurePlanStep',context:_objectSpread({},initialContext$7),states:{configurePlanStep:{id:'configurePlanStep',initial:'idle',states:{idle:{on:{GET_PRODUCTS:'getProducts'}},getProducts:{invoke:{src:'getProducts',onDone:{actions:function actions(ctx,event){return ctx.products=event.data.items;},target:'ready'},onError:{target:'error'}}},ready:{on:{SELECT_PLAN:{actions:(0,_xstate.assign)(function(context,event){return{selectedPlan:event.planId};})},GET_PREVIEW_PRODUCT_MIGRATION:'getPreviewProductMigration'}},getPreviewProductMigration:{invoke:{src:'previewProductMigration',onDone:{actions:function actions(ctx,event){return 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)(function(context,event){return{threeDsActionLink:event.data.threeDsActionLink,error:event.data.errorCode};}),'onThreeDsConfirmation'],cond:function cond(c,e){return e.data.threeDsActionLink&&e.data.errorCode==='3DSecureAuthentication';}},{target:'error',actions:(0,_xstate.assign)(function(context,event){return{error:event.data.errorCode};}),cond:function cond(c,e){return e.data.errorCode==='CardDeclined';}},{target:'error',actions:(0,_xstate.assign)(function(){return{error:'Generic'};})}]}},success:{type:'final'},error:{type:'final'},threeDsConfirmation:{type:'final'}}}}});var getChangePlanStatus=function getChangePlanStatus(machineState){return{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')};};var getError$2=function getError$2(machineState){return machineState.context.error;};var getProducts=function getProducts(machineState){return machineState.context.products;};var getSelectedPlan=function getSelectedPlan(machineState){return machineState.context.selectedPlan;};var getChangePlanPreview=function getChangePlanPreview(machineState){return machineState.context.changePlanPreview;};var changePlanSelectors={getError:getError$2,getChangePlanPreview:getChangePlanPreview,getProducts:getProducts,getSelectedPlan:getSelectedPlan,getChangePlanStatus:getChangePlanStatus};var 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'}}});var getUniqueCoupons=function getUniqueCoupons(coupons){return _toConsumableArray(new Map(coupons.map(function(item){return[item.code,item];})).values());};var initialContext$6={coupons:null,error:null,addedCoupon:null};var coupons=(0,_xstate.createMachine)({predictableActionArguments:true,id:'coupons',initial:'idle',context:initialContext$6,states:{idle:{on:{GET_COUPONS:'loading'}},loading:{invoke:{src:'getCoupons',onDone:{target:'ready',actions:(0,_xstate.assign)({coupons:function coupons(_,event){return event.data.coupons;}})},onError:{target:'error',actions:'setError'}}},ready:{on:{ADD_COUPON:'addingCoupon'}},addingCoupon:{invoke:{src:'addCoupon',onDone:{target:'couponAdded',actions:(0,_xstate.assign)({coupons:function coupons(ctx,event){return getUniqueCoupons([].concat(_toConsumableArray(ctx.coupons),[event.data]));},addedCoupon:function addedCoupon(_,event){return event.data;}})},onError:{actions:(0,_xstate.assign)({error:function error(_,event){return event.data.errorCode;}}),target:'error'}}},couponAdded:{on:{ADD_ANOTHER_COUPON:{target:'ready',actions:(0,_xstate.assign)({addedCoupon:function addedCoupon(){return null;}})}}},error:{on:{ADD_COUPON:{target:'addingCoupon',actions:(0,_xstate.assign)({error:function error(){return null;}})}}}}});var getCoupons=function getCoupons(state){return state.context.coupons;};var getAddedCoupon=function getAddedCoupon(state){return state.context.addedCoupon;};var getError$1=function getError$1(state){return state.context.error;};var getCouponsStatus=function getCouponsStatus(state){return{isError:state.matches('error'),isLoading:state.matches('loading'),isAddingCoupon:state.matches('addingCoupon'),isCouponAdded:state.matches('couponAdded')};};var couponsSelectors={getError:getError$1,getCoupons:getCoupons,getCouponsStatus:getCouponsStatus,getAddedCoupon:getAddedCoupon};var GlobalStateContext=/*#__PURE__*/(0,_react.createContext)({paymentGatewayService:null,subscriptionsService:null,productCatalogService:null,modalsService:null});var ConfigContext=/*#__PURE__*/(0,_react.createContext)(null);var ComponentsContext=/*#__PURE__*/(0,_react.createContext)({subscriptionIsActive:false});var PaymentProfilesContext=/*#__PURE__*/(0,_react.createContext)({paymentProfilesService:null,subscriptionCurrency:null});var GlobalStateProvider=function GlobalStateProvider(_ref290){var children=_ref290.children;var _useContext21=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext21.dataAccess;var subscriptionsMachine=(0,_react.useMemo)(function(){return createSubscriptionsMachine(dataAccess);},[]);var modalsService=(0,_react2.useInterpret)(modals);var subscriptionsService=(0,_react2.useInterpret)(subscriptionsMachine,{services:{getSubscriptions:function getSubscriptions(){return dataAccess.getSubscriptions();}}});var productCatalogService=(0,_react2.useInterpret)(productCatalog,{services:{getProductsCatalog:function getProductsCatalog(){return dataAccess.getProductsCatalog();}}});var paymentGatewayService=(0,_react2.useInterpret)(paymentGateway,{services:{getGatewayConfig:function getGatewayConfig(){return dataAccess.getGatewayConfig();}}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext.Provider,{value:{modalsService:modalsService,subscriptionsService:subscriptionsService,productCatalogService:productCatalogService,paymentGatewayService:paymentGatewayService}},children);};var STATUS_TAG={active:null,cancellation_scheduled:{label:'Cancelation Scheduled',color:'primary'},canceled:{label:'Canceled',color:'danger'},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'}};var useSubscriptionStatus=function useSubscriptionStatus(status){return STATUS_TAG[status];};var useFormatSubscriptionDetails=function useFormatSubscriptionDetails(subscriptionDetails){var status=subscriptionDetails.status,currency=subscriptionDetails.currency,currentBillingAmountInCents=subscriptionDetails.currentBillingAmountInCents,currentPeriodEndsAt=subscriptionDetails.currentPeriodEndsAt,_subscriptionDetails$=subscriptionDetails.product,priceInCents=_subscriptionDetails$.priceInCents,trialPriceInCents=_subscriptionDetails$.trialPriceInCents,interval=_subscriptionDetails$.interval,intervalUnit=_subscriptionDetails$.intervalUnit,canceledAt=subscriptionDetails.canceledAt,expiresAt=subscriptionDetails.expiresAt,trialEndedAt=subscriptionDetails.trialEndedAt,balanceInCents=subscriptionDetails.balanceInCents,nextAssessmentAt=subscriptionDetails.nextAssessmentAt,automaticallyResumeAt=subscriptionDetails.automaticallyResumeAt,locale=subscriptionDetails.locale,scheduledCancellationAt=subscriptionDetails.scheduledCancellationAt,t=subscriptionDetails.t;var format=function 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);}};var nextBillingAmount=status==='cancellation_scheduled'||status==='active'?balanceInCents+currentBillingAmountInCents:currentBillingAmountInCents;return{totalPrice:format(currentBillingAmountInCents,'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={}));var usePaymentProfileAvailableActions=function usePaymentProfileAvailableActions(status){var availableActions=[PaymentProfileActions.PREVIEW,PaymentProfileActions.DELETE];if(status==="normal"){return[PaymentProfileActions.USE_FOR_SUBSCRIPTION_BILLING].concat(availableActions);}return availableActions;};var useComponentSettings=function useComponentSettings(){return(0,_react.useContext)(ConfigContext);};var useServices=function useServices(){return(0,_react.useContext)(GlobalStateContext);};var serializeErrors=function serializeErrors(error){var errors={paymentMethod:{},billingAddress:{}};error.inner.forEach(function(fieldError){var _fieldError$path$spli=fieldError.path.split('.'),_fieldError$path$spli2=_slicedToArray(_fieldError$path$spli,2),form=_fieldError$path$spli2[0],field=_fieldError$path$spli2[1];errors[form][field]=fieldError.message;});return errors;};var useCreatePaymentProfile=function useCreatePaymentProfile(_ref291){var _paymentProfileConfig;var formElementId=_ref291.formElementId,_ref291$paymentMethod=_ref291.paymentMethodType,paymentMethodType=_ref291$paymentMethod===void 0?'creditCard':_ref291$paymentMethod,onCreateSuccess=_ref291.onCreateSuccess,activePaymentProfileId=_ref291.activePaymentProfileId;var _useComponentSettings=useComponentSettings(),paymentProfileConfig=_useComponentSettings.paymentProfile;var paymentsForm=usePaymentsForm();var _useServices=useServices(),paymentGatewayService=_useServices.paymentGatewayService,subscriptionsService=_useServices.subscriptionsService;var _useContext22=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext22.paymentProfilesService;var _useContext23=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext23.dataAccess;var gatewayRequiredFields=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getRequiredFieldsConfig);var requiredFields=(_paymentProfileConfig=paymentProfileConfig.requiredFields)!==null&&_paymentProfileConfig!==void 0?_paymentProfileConfig:gatewayRequiredFields[paymentMethodType];var _useMachine7=(0,_react2.useMachine)(createPaymentProfile,{context:{requiredFields:requiredFields,validationSchema:serializeValidationSchema(requiredFields)},actions:{onCreateProfileSuccess:function onCreateProfileSuccess(_ref292){var paymentProfiles=_ref292.paymentProfiles,createdProfile=_ref292.createdProfile;onCreateSuccess();paymentProfilesService.send({type:'ADD_PAYMENT_PROFILE',paymentProfileId:createdProfile.id,paymentProfile:createdProfile});if(paymentProfiles.idsForReplacement.includes(activePaymentProfileId)){paymentProfilesService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:createdProfile.id});}},onReplacePaymentProfilesSuccess:function onReplacePaymentProfilesSuccess(ctx,event){event.data.subscriptions.success.forEach(function(subscription){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscription.id,catalogId:subscription.product.productFamilyId,billing:_objectSpread({paymentProfileConnected:true},ctx.createdProfile)});});}},services:{validatePaymentMethod:function validatePaymentMethod(ctx){return new Promise(function(resolve,reject){var billingAddress=ctx.billingAddress,paymentMethod=ctx.paymentMethod,validationSchema=ctx.validationSchema;try{validationSchema.validateSync({billingAddress:billingAddress.values,paymentMethod:paymentMethod.values},{abortEarly:false});resolve({});}catch(error){var errors=serializeErrors(error);reject({errors:errors});}});},tokenizePaymentMethod:function tokenizePaymentMethod(){return new Promise(function(resolve,reject){paymentsForm.token(document.getElementById(formElementId),function(token){return resolve(token);},function(error){return reject(error);});});},createPaymentProfile:function createPaymentProfile(ctx){return dataAccess.createPaymentProfile(ctx.token);},replacePaymentProfiles:function replacePaymentProfiles(ctx){var paymentProfileId=ctx.createdProfile.id;return dataAccess.replacePaymentProfiles(ctx.paymentProfiles.idsForReplacement,paymentProfileId);}}}),_useMachine8=_slicedToArray(_useMachine7,3),sendToMachine=_useMachine8[1],service=_useMachine8[2];var isProcessing=(0,_react2.useSelector)(service,paymentProfileSelectors.getPaymentProfileProcessing);var isProfileConnectionError=(0,_react2.useSelector)(service,paymentProfileSelectors.getProfileConnectionError);return{isProcessing:isProcessing,isProfileConnectionError:isProfileConnectionError,savePaymentMethod:function savePaymentMethod(){return sendToMachine({type:'SAVE_PAYMENT_METHOD'});},service:service};};var useDataAccess=function useDataAccess(){return(0,_react.useContext)(DataAccessContext);};var useAddonsConfigurationService=function useAddonsConfigurationService(catalogId){var _useContext24=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext24.dataAccess;var _useServices2=useServices(),subscriptionsService=_useServices2.subscriptionsService;return(0,_react2.useInterpret)(addOnsConfiguration,{services:{getComponents:function getComponents(context){return dataAccess.getComponents(context.subscriptionId);},previewComponentAllocations:function previewComponentAllocations(context){return dataAccess.previewComponentAllocations(context.subscriptionId,{allocations:context.allocations.map(function(a){return _objectSpread(_objectSpread({},a),{},{quantity:+a.quantity});})});},updateComponentAllocations:function updateComponentAllocations(context){return dataAccess.updateComponentAllocations(context.subscriptionId,{allocations:context.allocations.map(function(a){return _objectSpread(_objectSpread({},a),{},{quantity:+a.quantity});})});}},actions:{updateSubscriptionBalance:function updateSubscriptionBalance(context,event){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:Number(context.subscriptionId),currentBillingAmountInCents:event.data.subscription.currentBillingAmountInCents,balanceInCents:event.data.subscription.balanceInCents,catalogId:catalogId});}}});};var initialContext$5={automaticallyResumeAt:null,error:null,resumptionCharge:null};var 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:function resumptionCharge(_ctx,event){return 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'}}});var getResumeSubscriptionStatus=function getResumeSubscriptionStatus(machineState){return{resumeSubscriptionLoading:machineState.matches('resumeSubscription'),resumeSubscriptionSuccess:machineState.matches('success'),resumeSubscriptionError:machineState.matches('error')};};var getErrorCode$5=function getErrorCode$5(machineState){return machineState.context.error;};var getResumptionConfig=function getResumptionConfig(machineState){return machineState.context.resumptionCharge;};var resumeSubscriptionSelectors={getResumeSubscriptionStatus:getResumeSubscriptionStatus,getErrorCode:getErrorCode$5,getResumptionConfig:getResumptionConfig};var useSubscriptionResumeService=function useSubscriptionResumeService(catalogId,subscriptionId){var _useContext25=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext25.dataAccess;var _useServices3=useServices(),subscriptionsService=_useServices3.subscriptionsService;return(0,_react2.useInterpret)(resumeSubscription,{services:{resumeSubscription:function resumeSubscription(){return dataAccess.resumeSubscription(subscriptionId);},getSubscriptionResumptionConfig:function getSubscriptionResumptionConfig(){return dataAccess.getSubscriptionResumptionConfig();},updateSubscriptionAutoResumption:function updateSubscriptionAutoResumption(_ctx,event){return dataAccess.updateSubscriptionResumptionDate(subscriptionId,event.resumeDate);}},actions:{updateSubscription:function updateSubscription(context,event){subscriptionsService.send(_objectSpread({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId},event.data));},setSubscriptionActive:function setSubscriptionActive(){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId,status:'active'});},setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});})}});};var getCancelSubscriptionStatus=function getCancelSubscriptionStatus(machineState){return{idle:machineState.matches('idle'),cancelSubscriptionLoading:machineState.matches('cancelSubscription'),cancelSubscriptionSuccess:machineState.matches('success'),cancelSubscriptionError:machineState.matches('error')};};var getErrorCode$4=function getErrorCode$4(machineState){return machineState.context.error;};var cancelSubscriptionSelectors={getCancelSubscriptionStatus:getCancelSubscriptionStatus,getErrorCode:getErrorCode$4};var initialContext$4={error:null};var 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'}}});var useCancelSubscriptionService=function useCancelSubscriptionService(catalogId,subscriptionId){var _useContext26=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext26.dataAccess;var _useContext27=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext27.subscriptionsService;return(0,_react2.useInterpret)(cancelSubscription,{services:{cancelSubscription:function cancelSubscription(context,_ref293){var type=_ref293.type,payload=_objectWithoutProperties(_ref293,_excluded21);return dataAccess.cancelSubscription(_objectSpread(_objectSpread({},payload),{},{subscriptionId:subscriptionId}));}},actions:{updateSubscription:function updateSubscription(context,payload){var _payload$data=payload.data,state=_payload$data.state,scheduledCancellationAt=_payload$data.scheduledCancellationAt,subscriptionDetails=_objectWithoutProperties(_payload$data,_excluded22);subscriptionsService.send(_objectSpread(_objectSpread({type:'UPDATE_SUBSCRIPTION',catalogId:catalogId,scheduledCancellationAt:scheduledCancellationAt},subscriptionDetails),{},{status:scheduledCancellationAt?'cancellation_scheduled':state}));},setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});})}});};var getUndoCancelationStatus=function getUndoCancelationStatus(machineState){return{idle:machineState.matches('idle'),undoCancelationLoading:machineState.matches('undoCancelation'),undoCancelationSuccess:machineState.matches('success'),undoCancelationError:machineState.matches('error')};};var getErrorCode$3=function getErrorCode$3(machineState){return machineState.context.error;};var undoCancelationSelectors={getUndoCancelationStatus:getUndoCancelationStatus,getErrorCode:getErrorCode$3};var initialContext$3={error:null};var 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'}}});var useUndoCancelationService=function useUndoCancelationService(catalogId,subscriptionId){var _useContext28=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext28.dataAccess;var _useContext29=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext29.subscriptionsService;return(0,_react2.useInterpret)(undoCancelation,{services:{undoCancelation:function undoCancelation(){return dataAccess.undoCancelation(subscriptionId);}},actions:{updateSubscription:function updateSubscription(){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId:catalogId,subscriptionId:subscriptionId,scheduledCancellationAt:null,status:'active'});},setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});})}});};var getReactivateSubscriptionStatus=function getReactivateSubscriptionStatus(machineState){return{idle:machineState.matches('idle'),reactivateSubscriptionLoading:machineState.matches('reactivateSubscription'),reactivateSubscriptionSuccess:machineState.matches('success'),reactivateSubscriptionError:machineState.matches('error')};};var getErrorCode$2=function getErrorCode$2(machineState){return machineState.context.error;};var reactivateSubscriptionSelectors={getReactivateSubscriptionStatus:getReactivateSubscriptionStatus,getErrorCode:getErrorCode$2};var initialContext$2={error:null};var 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'}}});var useReactivateSubscription=function useReactivateSubscription(catalogId,subscriptionId){var _useContext30=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext30.dataAccess;var _useContext31=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext31.subscriptionsService;return(0,_react2.useInterpret)(reactivateSubscription,{services:{reactivateSubscription:function reactivateSubscription(){return dataAccess.reactivateSubscription(subscriptionId);}},actions:{updateSubscription:function updateSubscription(_ctx,_ref294){var _ref294$data=_ref294.data,nextAssessmentAt=_ref294$data.nextAssessmentAt,currentBillingAmountInCents=_ref294$data.currentBillingAmountInCents,currentPeriodEndsAt=_ref294$data.currentPeriodEndsAt;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId:catalogId,subscriptionId:subscriptionId,nextAssessmentAt:nextAssessmentAt,currentPeriodEndsAt:currentPeriodEndsAt,currentBillingAmountInCents:currentBillingAmountInCents,scheduledCancellationAt:null,status:'active'});},setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});})}});};var useAvailablePaymentMethods=function useAvailablePaymentMethods(){var _vaultCurrencies$cred;var availablePaymentMethods=[];var _useContext32=(0,_react.useContext)(PaymentProfilesContext),subscriptionCurrency=_useContext32.subscriptionCurrency;var _useServices4=useServices(),paymentGatewayService=_useServices4.paymentGatewayService;var gateways=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getDefaultVaults);var vaultCurrencies=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getVaultCurrencies);var creditCardGateway=gateways['creditCard'];if(creditCardGateway&&(_vaultCurrencies$cred=vaultCurrencies[creditCardGateway])!==null&&_vaultCurrencies$cred!==void 0&&_vaultCurrencies$cred.includes(subscriptionCurrency)){availablePaymentMethods.push('credit_card');}return availablePaymentMethods;};var initialContext$1={error:null};var 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'}}});var getChangePaymentProfileStatus=function getChangePaymentProfileStatus(machineState){return{isLoading:machineState.matches('changePaymentProfile'),isError:machineState.matches('error')};};var getErrorCode$1=function getErrorCode$1(machineState){return machineState.context.error;};var changePaymentProfileSelectors={getChangePaymentProfileStatus:getChangePaymentProfileStatus,getErrorCode:getErrorCode$1};var useChangePaymentProfile=function useChangePaymentProfile(_ref295){var subscriptionId=_ref295.subscriptionId,paymentProfileId=_ref295.paymentProfileId,catalogId=_ref295.catalogId,onChangeSuccess=_ref295.onChangeSuccess;var _useContext33=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext33.dataAccess;var _useContext34=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext34.paymentProfilesService;var _useServices5=useServices(),subscriptionsService=_useServices5.subscriptionsService;var paymentProfile=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesById(paymentProfileId));return(0,_react2.useInterpret)(changePaymentProfile,{actions:{setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});}),onChangeProfileSuccess:function onChangeProfileSuccess(){paymentProfilesService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:paymentProfileId});subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId,billing:_objectSpread({paymentProfileConnected:true,paymentProfileId:paymentProfile.id},paymentProfile)});onChangeSuccess();}},services:{changePaymentProfile:function changePaymentProfile(){return dataAccess.updateSubscriptionPaymentProfile(paymentProfileId,subscriptionId);}}});};var STATUS_ORDER={active:0,normal:1,expired:2,unavailable:3};var TYPE_ODER={credit_card:0,bank_account:1};var SORT_WEIGHT=10;var useSortPaymentProfiles=function useSortPaymentProfiles(paymentProfiles){var sortPaymentProfiles=function sortPaymentProfiles(a,b){var aWeight=TYPE_ODER[a.type]*SORT_WEIGHT+STATUS_ORDER[a.status];var bWeight=TYPE_ODER[b.type]*SORT_WEIGHT+STATUS_ORDER[b.status];return aWeight-bWeight;};var active=paymentProfiles.find(function(profile){return profile.status==="active";});var rest=paymentProfiles.filter(function(profile){return profile.status!=="active";});return{active:active,inactive:rest.sort(sortPaymentProfiles)};};var 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)(function(_ctx,event){var _event$data,_event$data2;return{error:{errorCode:(_event$data=event.data)===null||_event$data===void 0?void 0:_event$data.errorCode,subscriptions:(_event$data2=event.data)===null||_event$data2===void 0?void 0:_event$data2.subscriptions}};})}}},success:{type:'final'},error:{type:'final'}}});var getDeletePaymentProfileStatus=function getDeletePaymentProfileStatus(machineState){return{isLoading:machineState.matches('loading'),hasError:machineState.matches('error')};};var getError=function getError(machineState){var _machineState$context4,_machineState$context5;return{errorCode:(_machineState$context4=machineState.context.error)===null||_machineState$context4===void 0?void 0:_machineState$context4.errorCode,subscriptions:(_machineState$context5=machineState.context.error)===null||_machineState$context5===void 0?void 0:_machineState$context5.subscriptions};};var deletePaymentProfileSelectors={getDeletePaymentProfileStatus:getDeletePaymentProfileStatus,getError:getError};var useDeletePaymentProfile=function useDeletePaymentProfile(_ref296){var paymentProfileId=_ref296.paymentProfileId,onDeleteSuccess=_ref296.onDeleteSuccess;var _useContext35=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext35.dataAccess;var _useContext36=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext36.paymentProfilesService;return(0,_react2.useInterpret)(deletePaymentProfile,{actions:{onDeleteProfileSuccess:function onDeleteProfileSuccess(){paymentProfilesService.send({type:'DELETE_PAYMENT_PROFILE',paymentProfileId:paymentProfileId});onDeleteSuccess();}},services:{deletePaymentProfile:function deletePaymentProfile(){return dataAccess.deletePaymentProfile(paymentProfileId);}}});};var useChangePlan=function useChangePlan(catalogId,subscriptionId,currentPlanId,onSuccess,_onThreeDsConfirmation){var _useContext37=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext37.dataAccess;var _useContext38=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext38.subscriptionsService;return(0,_react2.useInterpret)(changePlan,{services:{getProducts:function getProducts(){return dataAccess.getProducts(catalogId);},previewProductMigration:function previewProductMigration(_ref297){var selectedPlan=_ref297.selectedPlan;return dataAccess.previewProductMigration(subscriptionId,selectedPlan);},confirmProductMigration:function confirmProductMigration(_ref298){var selectedPlan=_ref298.selectedPlan;return dataAccess.migrateProduct(subscriptionId,selectedPlan);}},actions:{onSuccess:onSuccess,updateSubscription:function updateSubscription(context,payload){var subscription=payload.data;subscriptionsService.send(_objectSpread({type:'UPDATE_SUBSCRIPTION',catalogId:catalogId,subscriptionId:subscriptionId},subscription));},onThreeDsConfirmation:function onThreeDsConfirmation(c){return _onThreeDsConfirmation(c.threeDsActionLink);}},context:{selectedPlan:currentPlanId}});};var useThreeDs=function useThreeDs(_ref299){var subscriptionId=_ref299.subscriptionId,catalogId=_ref299.catalogId,onSuccess=_ref299.onSuccess;var _useContext39=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext39.dataAccess;var _useServices6=useServices(),subscriptionsService=_useServices6.subscriptionsService;return(0,_react2.useInterpret)(threeDs,{services:{getSubscriptionDetails:function getSubscriptionDetails(){return dataAccess.getSubscriptionDetails(subscriptionId);}},actions:{updateSubscriptions:function updateSubscriptions(context,event){subscriptionsService.send(_objectSpread(_objectSpread({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId},event.data),{},{status:'active'}));onSuccess();}}});};var useCoupons=function useCoupons(_ref300){var subscriptionId=_ref300.subscriptionId,catalogId=_ref300.catalogId;var _useDataAccess=useDataAccess(),dataAccess=_useDataAccess.dataAccess;var _useServices7=useServices(),subscriptionsService=_useServices7.subscriptionsService;return(0,_react2.useInterpret)(coupons,{services:{addCoupon:function addCoupon(_ctx,event){return dataAccess.addCoupon(subscriptionId,event.couponCode);},getCoupons:function getCoupons(){return dataAccess.getSubscriptionDetails(subscriptionId);}},actions:{updateSubscription:function updateSubscription(context,event){subscriptionsService.send(_objectSpread({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId},event.data.coupons));}}});};var PaymentProfilesProvider=function PaymentProfilesProvider(_ref301){var children=_ref301.children;var _useContext40=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext40.dataAccess;var _useServices8=useServices(),paymentGatewayService=_useServices8.paymentGatewayService;var _useServices9=useServices(),subscriptionsService=_useServices9.subscriptionsService;var _useParams2=(0,_reactRouterDom.useParams)(),catalogId=_useParams2.catalogId,subscriptionId=_useParams2.subscriptionId;var _useSelector10=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[])),subscription=_useSelector10.subscription;var vaultCurrencies=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getVaultCurrencies);var paymentProfilesService=(0,_react2.useInterpret)(paymentProfiles,{context:{vaultCurrencies:vaultCurrencies,subscriptionCurrency:subscription.currency,subscriptionPaymentProfileId:subscription.billing.paymentProfileId},services:{getPaymentProfiles:function getPaymentProfiles(){return dataAccess.getPaymentProfiles();}}});(0,_react.useEffect)(function(){paymentProfilesService.send({type:'INITIALIZE'});},[paymentProfilesService]);return/*#__PURE__*/_react.default.createElement(PaymentProfilesContext.Provider,{value:{paymentProfilesService:paymentProfilesService,subscriptionCurrency:subscription.currency}},children);};var TextAlign=_styledComponents.default.div.withConfig({displayName:"maxio__TextAlign",componentId:"maxio-components__sc-lo74t2-168"})(["&&&{",";}"],_styledSystem.textAlign);var DetailRow$2=function DetailRow$2(_ref302){var label=_ref302.label,value=_ref302.value;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))))));};var Active=function Active(_ref303){var basePlanPrice=_ref303.basePlanPrice,nextBillingAmount=_ref303.nextBillingAmount,nextBillingDate=_ref303.nextBillingDate;var _useTranslation23=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation23.t;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}}));};var CancellationScheduled=function CancellationScheduled(_ref304){var basePlanPrice=_ref304.basePlanPrice,nextBillingAmount=_ref304.nextBillingAmount,nextBillingDate=_ref304.nextBillingDate,scheduledCancellationDate=_ref304.scheduledCancellationDate;var _useTranslation24=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation24.t;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}}));};var Canceled=function Canceled(_ref305){var basePrice=_ref305.basePrice,cancellationDate=_ref305.cancellationDate;var _useTranslation25=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation25.t;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}}));};var Expired=function Expired(_ref306){var basePlanPrice=_ref306.basePlanPrice,expirationDate=_ref306.expirationDate;var _useTranslation26=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation26.t;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}}));};var PastDue=function PastDue(_ref307){var basePlanPrice=_ref307.basePlanPrice,currentBalance=_ref307.currentBalance,nextBillingAttempt=_ref307.nextBillingAttempt;var _useTranslation27=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation27.t;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}}));};var OnHold=function OnHold(_ref308){var basePlanPrice=_ref308.basePlanPrice,autoResumeDate=_ref308.autoResumeDate;var _useTranslation28=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation28.t;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!==null&&autoResumeDate!==void 0?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}}));};var Trial=function Trial(_ref309){var trialExpirationDate=_ref309.trialExpirationDate,nextBillingDate=_ref309.nextBillingDate,priceAfterTrial=_ref309.priceAfterTrial,trialPrice=_ref309.trialPrice;var _useTranslation29=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation29.t;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}}));};var TrialExpired=function TrialExpired(_ref310){var trialExpirationDate=_ref310.trialExpirationDate;var _useTranslation30=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation30.t;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}}));};var Unpaid=function Unpaid(_ref311){var basePlanPrice=_ref311.basePlanPrice,currentBalance=_ref311.currentBalance;var _useTranslation31=(0,_reactI18next.useTranslation)('subscriptions-manager'),t=_useTranslation31.t;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}}));};var PlanChangeScheduled=function PlanChangeScheduled(_ref312){var basePlanPrice=_ref312.basePlanPrice,nextBillingAmount=_ref312.nextBillingAmount,nextBillingDate=_ref312.nextBillingDate;var _useTranslation32=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation32.t;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}}));};var renderDetails=function renderDetails(_ref313){var subscriptionStatus=_ref313.subscriptionStatus,nextBillingAmount=_ref313.nextBillingAmount,nextBillingDate=_ref313.nextBillingDate,basePlanPrice=_ref313.basePlanPrice,cancellationDate=_ref313.cancellationDate,expirationDate=_ref313.expirationDate,autoResumeDate=_ref313.autoResumeDate,trialExpirationDate=_ref313.trialExpirationDate,priceAfterTrial=_ref313.priceAfterTrial,trialPrice=_ref313.trialPrice,currentBalance=_ref313.currentBalance,nextBillingAttempt=_ref313.nextBillingAttempt,scheduledCancellationDate=_ref313.scheduledCancellationDate;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);}};var SubscriptionDetails=function SubscriptionDetails(_ref314){var subscriptionStatus=_ref314.subscriptionStatus,nextBillingAmount=_ref314.nextBillingAmount,nextBillingDate=_ref314.nextBillingDate,basePlanPrice=_ref314.basePlanPrice,cancellationDate=_ref314.cancellationDate,expirationDate=_ref314.expirationDate,trialExpirationDate=_ref314.trialExpirationDate,priceAfterTrial=_ref314.priceAfterTrial,trialPrice=_ref314.trialPrice,currentBalance=_ref314.currentBalance,nextBillingAttempt=_ref314.nextBillingAttempt,autoResumeDate=_ref314.autoResumeDate,scheduledCancellationDate=_ref314.scheduledCancellationDate;return renderDetails({scheduledCancellationDate:scheduledCancellationDate,subscriptionStatus:subscriptionStatus,nextBillingAmount:nextBillingAmount,nextBillingDate:nextBillingDate,basePlanPrice:basePlanPrice,cancellationDate:cancellationDate,expirationDate:expirationDate,autoResumeDate:autoResumeDate,trialExpirationDate:trialExpirationDate,priceAfterTrial:priceAfterTrial,trialPrice:trialPrice,currentBalance:currentBalance,nextBillingAttempt:nextBillingAttempt});};var PAYMENT_ISSUES=['past_due','unpaid'];var INACTIVE_STATE=['canceled','expired','on_hold','trial_expired','paused'];var useSubscriptionIsActive=function useSubscriptionIsActive(subscriptionStatus){return!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={}));var useSubscriptionAvailableActions=function useSubscriptionAvailableActions(subscription,subscriptionScopes){var 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;};var hasCancelDelayedOrImmediateAction=function hasCancelDelayedOrImmediateAction(scopes){return scopes.includes('subscription:cancel-delayed')||scopes.includes('subscription:cancel-immediate');};var renderComponent=function renderComponent(type,data,cardVariant,translations){switch(type){case'metered':var meteredData=data;return/*#__PURE__*/_react.default.createElement(MeteredComponent,{name:meteredData.name,value:meteredData.unit.balance+' '+data.unit.name,description:meteredData.description});case'quantity':var quantityData=data;return/*#__PURE__*/_react.default.createElement(QuantityComponent,{name:quantityData.name,value:quantityData.allocatedQuantity+' '+quantityData.unit.name,description:quantityData.description});case'prepaid':var 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':var 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);}};var ComponentContainer=function ComponentContainer(_ref315){var componentMachineRef=_ref315.componentMachineRef,cardVariant=_ref315.cardVariant;var _useSelector11=(0,_react2.useSelector)(componentMachineRef,componentSelectors.getComponent),type=_useSelector11.type,componentData=_objectWithoutProperties(_useSelector11,_excluded23);var _useTranslation33=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation33.t;var 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);};var renderComponentContainer=function renderComponentContainer(components,distanceBetweenComponents,cardVariant){return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,components.map(function(_ref316){var id=_ref316.id,componentMachineRef=_ref316.componentMachineRef;return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:distanceBetweenComponents,key:id},/*#__PURE__*/_react.default.createElement(ComponentContainer,{id:id,key:id,componentMachineRef:componentMachineRef,cardVariant:cardVariant}));}));};var ComponentGroup=function ComponentGroup(_ref317){var components=_ref317.components,_ref317$renderInCard=_ref317.renderInCard,renderInCard=_ref317$renderInCard===void 0?true:_ref317$renderInCard;var _useContext41=(0,_react.useContext)(ComponentsContext),subscriptionIsActive=_useContext41.subscriptionIsActive;var 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));};var ComponentLoadingSkeleton=function ComponentLoadingSkeleton(_ref318){var variant=_ref318.variant;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}))));};var SubscriptionComponents=function SubscriptionComponents(_ref319){var prepaid=_ref319.prepaid,metered=_ref319.metered,onOff=_ref319.onOff,quantity=_ref319.quantity,selfServiceEnabled=_ref319.selfServiceEnabled,onEditAddons=_ref319.onEditAddons;var _useTranslation34=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation34.t;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;var SubscriptionComponentsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SubscriptionComponentsWrapper",componentId:"maxio-components__sc-lo74t2-169"})(["&&&{",";",";",";}"],_styledSystem.margin,_styledSystem.padding,function(_ref320){var theme=_ref320.theme;return theme&&(0,_styledComponents.css)(["border-top:1px solid ",";"],theme.colors.gray.light);});var ComponentsContainer=function ComponentsContainer(_ref321){var subscriptionId=_ref321.subscriptionId,catalogId=_ref321.catalogId;var _useTranslation35=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation35.t;var navigate=(0,_reactRouterDom.useNavigate)();var _useContext42=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext42.subscriptionsService,modalsService=_useContext42.modalsService;var _useSelector12=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),componentsRef=_useSelector12.componentsRef,subscription=_useSelector12.subscription;var subscriptionIsActive=useSubscriptionIsActive(subscription.status);var _useActor=(0,_react2.useActor)(componentsRef),_useActor2=_slicedToArray(_useActor,2),componentsState=_useActor2[0],sendToMachine=_useActor2[1];(0,_react.useEffect)(function(){if(componentsState.matches('idle')){sendToMachine({type:'FETCH_COMPONENTS'});}},[]);var _useSelector13=(0,_react2.useSelector)(componentsRef,componentsSelectors.getComponentsUsedInBilling),prepaid=_useSelector13.prepaid,metered=_useSelector13.metered,onOff=_useSelector13.on_off,quantity=_useSelector13.quantity;var componentUpdatesAllowed=(0,_react2.useSelector)(componentsRef,componentsSelectors.getComponentsUpdatesAllowed);var _useComponentSettings2=useComponentSettings(),_useComponentSettings3=_useComponentSettings2.componentsAllocation,allocationFlow=_useComponentSettings3.allocationFlow,customerSelfService=_useComponentSettings3.editAllowed;var onEditAddons=(0,_react.useCallback)(function(){if(allocationFlow==='page'){navigate("/componentsAllocation/".concat(catalogId,"/").concat(subscriptionId));}else{modalsService.send({type:'SHOW_ADDONS_CONFIGURATION',catalogId:catalogId,subscriptionId: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')))));};var Container$1=_styledComponents.default.div.withConfig({displayName:"maxio__Container1",componentId:"maxio-components__sc-lo74t2-170"})(["&&&{display:flex;flex-direction:column;}"]);var BillingDetailsContainer=function BillingDetailsContainer(_ref322){var catalogId=_ref322.catalogId,subscriptionId=_ref322.subscriptionId,billingDetails=_ref322.billingDetails;var _useDeviceInfo6=useDeviceInfo(),device=_useDeviceInfo6.device;var navigate=(0,_reactRouterDom.useNavigate)();var _useComponentSettings4=useComponentSettings(),_useComponentSettings5=_useComponentSettings4.paymentProfile,paymentProfileEnabled=_useComponentSettings5.visible,addressFields=_useComponentSettings5.addressFields,editAllowed=_useComponentSettings5.editAllowed;var _useTranslation36=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation36.t;var creditCard=billingDetails.creditCard,bankAccount=billingDetails.bankAccount,address=billingDetails.address,paymentProfileConnected=billingDetails.paymentProfileConnected;var filteredAddressFields=address&&addressFields.reduce(function(obj,key){return _objectSpread(_objectSpread({},obj),{},_defineProperty({},key,address[key]));},{});var creditCardDetails=_objectSpread(_objectSpread({},creditCard),{},{type:creditCard===null||creditCard===void 0?void 0:creditCard.cardType,number:creditCard===null||creditCard===void 0?void 0:creditCard.maskedNumber});var accountDetails=_objectSpread(_objectSpread({},bankAccount),{},{accountNumber:bankAccount===null||bankAccount===void 0?void 0:bankAccount.maskedAccountNumber,routingNumber:bankAccount===null||bankAccount===void 0?void 0:bankAccount.maskedRoutingNumber});var cardSize=device==='mobile'?'small':'regular';var onUpdatePaymentProfile=(0,_react.useCallback)(function(){navigate("/paymentProfiles/".concat(catalogId,"/").concat(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}),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"}))));};var SubscriptionItem=_styledComponents.default.div.withConfig({displayName:"maxio__SubscriptionItem",componentId:"maxio-components__sc-lo74t2-171"})(["&&&{",";}"],_styledSystem.margin);var ToggleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper",componentId:"maxio-components__sc-lo74t2-172"})(["&&&{cursor:pointer;",";",";}"],_styledSystem.display,_styledSystem.margin);var FooterContentWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__FooterContentWrapper",componentId:"maxio-components__sc-lo74t2-173"})(["&&&{text-align:center;}"]);var RowWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper",componentId:"maxio-components__sc-lo74t2-174"})(["&&&{",";",";",";}"],_styledSystem.margin,_styledSystem.padding,function(_ref323){var theme=_ref323.theme;return theme&&(0,_styledComponents.css)(["border-top:1px solid ",";"],theme.colors.gray.light);});var bodyMotion={initial:{height:0},animate:{height:'auto'},exit:{height:0},transition:{type:'tween'}};var Notification=function Notification(_ref324){var status=_ref324.status,show3DSModal=_ref324.show3DSModal,existingBalance=_ref324.existingBalance,rest=_objectWithoutProperties(_ref324,_excluded24);var _useTranslation37=(0,_reactI18next.useTranslation)('subscriptions-manager'),t=_useTranslation37.t;var renderAlert=function 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;}};var alert=renderAlert(status);return alert?/*#__PURE__*/_react.default.createElement(Box,_objectSpread({},rest),alert):null;};var getSubscriptionCustomFields=function getSubscriptionCustomFields(machineState){return machineState.context.customFields;};var getSubscriptionCustomFieldsState=function getSubscriptionCustomFieldsState(machineState){return{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')};};var customFieldsSelectors={getSubscriptionCustomFields:getSubscriptionCustomFields,getSubscriptionCustomFieldsState:getSubscriptionCustomFieldsState};var DetailRow$1=function DetailRow$1(_ref325){var label=_ref325.label,value=_ref325.value;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))));};var CustomFieldsLoadingSkeleton=function CustomFieldsLoadingSkeleton(){return/*#__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})));};var CustomFieldsPreview=function CustomFieldsPreview(_ref326){var customFields=_ref326.customFields,onEdit=_ref326.onEdit;var _useTranslation38=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation38.t;return/*#__PURE__*/_react.default.createElement(Row$4,null,customFields&&customFields.map(function(customField){return/*#__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;var CustomFieldsContainer=function CustomFieldsContainer(_ref327){var catalogId=_ref327.catalogId,subscriptionId=_ref327.subscriptionId;var _useContext43=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext43.subscriptionsService;var _useTranslation39=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation39.t;var navigate=(0,_reactRouterDom.useNavigate)();var _useSelector14=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),customFieldsRef=_useSelector14.customFieldsRef;var _useActor3=(0,_react2.useActor)(customFieldsRef),_useActor4=_slicedToArray(_useActor3,2),customFieldsState=_useActor4[0],sendToMachine=_useActor4[1];(0,_react.useEffect)(function(){if(customFieldsState.matches('idle')){sendToMachine({type:'INITIALIZE'});}},[]);var customFields=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFields);var _useSelector15=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFieldsState),isFetchLoading=_useSelector15.isFetchLoading,isFetchError=_useSelector15.isFetchError;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:function onEdit(){sendToMachine({type:'EDIT_CUSTOM_FIELDS'});navigate("/customFields/".concat(catalogId,"/").concat(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'))))));};var SubscriptionReferalCode=function SubscriptionReferalCode(_ref328){var label=_ref328.label,referalCode=_ref328.referalCode;return/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:label},value:{value:referalCode,color:'black.main',fontWeight:0}});};var 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;}"],function(_ref329){var theme=_ref329.theme;return theme.space[5];},function(_ref330){var theme=_ref330.theme;return theme.space[3];});var CouponListItem=function CouponListItem(_ref331){var code=_ref331.code,value=_ref331.value,description=_ref331.description;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))));};var CouponsList=function CouponsList(_ref332){var coupons=_ref332.coupons;return/*#__PURE__*/_react.default.createElement(ListWrapper,null,coupons===null||coupons===void 0?void 0:coupons.map(function(_ref333){var code=_ref333.code,value=_ref333.value,description=_ref333.description;return/*#__PURE__*/_react.default.createElement(CouponListItem,{key:code,code:code,value:value,description:description});}));};function formatCouponValue(_ref334,currency){var percentage=_ref334.percentage,amountInCents=_ref334.amountInCents;return percentage?"-".concat(percentage,"%"):"-".concat(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');}var CouponsContainer=function CouponsContainer(_ref335){var subscriptionId=_ref335.subscriptionId,catalogId=_ref335.catalogId,currency=_ref335.currency;var _useTranslation40=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation40.t;var couponService=useCoupons({subscriptionId:subscriptionId,catalogId:catalogId});var _useServices10=useServices(),modalsService=_useServices10.modalsService;var _useComponentSettings6=useComponentSettings(),subscription=_useComponentSettings6.subscription;var allowAddCoupon=subscription.coupons;(0,_react.useEffect)(function(){couponService.send({type:'GET_COUPONS'});},[couponService]);var coupons=(0,_react2.useSelector)(couponService,couponsSelectors.getCoupons);var _useSelector16=(0,_react2.useSelector)(couponService,couponsSelectors.getCouponsStatus),isLoading=_useSelector16.isLoading;var formattedCoupons=coupons===null||coupons===void 0?void 0:coupons.map(function(coupon){return{code:coupon.code,value:formatCouponValue(coupon,currency),description:getCouponDescription(coupon,t)};});var handleAddCouponClick=function handleAddCouponClick(){modalsService.send({type:'SHOW_ADD_COUPON',subscriptionId:subscriptionId,catalogId:catalogId,couponService:couponService,currency:currency});};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('coupons.discounts'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},isLoading?/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:120}):null,(formattedCoupons===null||formattedCoupons===void 0?void 0: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)));};var Subscription$1=function Subscription$1(_ref336){var id=_ref336.id,catalogId=_ref336.catalogId,name=_ref336.name,price=_ref336.price,statusTag=_ref336.statusTag,description=_ref336.description,status=_ref336.status,onShowDetails=_ref336.onShowDetails,detailsVisible=_ref336.detailsVisible,_ref336$cardColor=_ref336.cardColor,cardColor=_ref336$cardColor===void 0?'white':_ref336$cardColor,nextBillingAmount=_ref336.nextBillingAmount,nextBillingDate=_ref336.nextBillingDate,basePlanPrice=_ref336.basePlanPrice,cancellationDate=_ref336.cancellationDate,expirationDate=_ref336.expirationDate,_ref336$layout=_ref336.layout,layout=_ref336$layout===void 0?'expandable-card':_ref336$layout,autoResumeDate=_ref336.autoResumeDate,trialExpirationDate=_ref336.trialExpirationDate,priceAfterTrial=_ref336.priceAfterTrial,trialPrice=_ref336.trialPrice,currentBalance=_ref336.currentBalance,nextBillingAttempt=_ref336.nextBillingAttempt,interval=_ref336.interval,billingDetails=_ref336.billingDetails,renderComponentsSection=_ref336.renderComponentsSection,renderCustomFieldsSection=_ref336.renderCustomFieldsSection,scheduledCancellationDate=_ref336.scheduledCancellationDate,availableActions=_ref336.availableActions,referralCode=_ref336.referralCode,threeDsActionLink=_ref336.threeDsActionLink,currency=_ref336.currency;var _useTranslation41=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation41.t;var _useServices11=useServices(),modalsService=_useServices11.modalsService;var _useDeviceInfo7=useDeviceInfo(),device=_useDeviceInfo7.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var showPauseSubscriptionModal=function showPauseSubscriptionModal(){modalsService.send({type:'SHOW_PAUSE_SUBSCRIPTION',catalogId:catalogId,subscriptionId:id});};var showPlanChangeModal=function showPlanChangeModal(){modalsService.send({type:'SHOW_SUBSCRIPTION_PLAN_CHANGE',catalogId:catalogId,subscriptionId:id});};var show3DSModal=function show3DSModal(){modalsService.send({type:'SHOW_THREE_D_SECURE',subscriptionId:id,catalogId:catalogId,threeDsActionLink:threeDsActionLink});};return/*#__PURE__*/_react.default.createElement(SubscriptionItem,{marginBottom:5,"data-testid":"subscription-".concat(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,_objectSpread(_objectSpread({},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:function onClick(){modalsService.send({type:'SHOW_RESUME_SUBSCRIPTION',subscriptionId:id,catalogId:catalogId});}}),availableActions.includes(SubscriptionActions.CANCEL)&&/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.cancel'),onClick:function onClick(){modalsService.send({type:'SHOW_CANCEL_SUBSCRIPTION',subscriptionId:id,catalogId:catalogId});}}),availableActions.includes(SubscriptionActions.UNDO_CANCELATION)&&/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.undo_cancelation_button'),onClick:function onClick(){modalsService.send({type:'SHOW_UNDO_CANCELATION',subscriptionId:id,catalogId:catalogId});}}),availableActions.includes(SubscriptionActions.REACTIVATE)&&/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",label:t('reactivate_subscription.reactivate'),onClick:function onClick(){modalsService.send({type:'SHOW_REACTIVATE_SUBSCRIPTION',subscriptionId:id,catalogId:catalogId});}}))))),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})))),renderCustomFieldsSection&&/*#__PURE__*/_react.default.createElement(RowWrapper,{marginTop:5,paddingTop:5},/*#__PURE__*/_react.default.createElement(CustomFieldsContainer,{subscriptionId:id,catalogId:catalogId})),/*#__PURE__*/_react.default.createElement(RowWrapper,{marginTop:5,paddingTop:5},/*#__PURE__*/_react.default.createElement(CouponsContainer,{subscriptionId:id,catalogId:catalogId,currency:currency}))))),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'})}))))));};var 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);var RetryButton=_styledComponents.default.div.withConfig({displayName:"maxio__RetryButton",componentId:"maxio-components__sc-lo74t2-177"})(["&&&{",";}"],_styledSystem.margin);var SubscriptionsManagerLoader=function SubscriptionsManagerLoader(){var _useDeviceInfo8=useDeviceInfo(),device=_useDeviceInfo8.device;var 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})))));};var ContentLoader=function ContentLoader(_ref337){var isLoading=_ref337.isLoading,loadingError=_ref337.loadingError,contentReady=_ref337.contentReady,errorMessage=_ref337.errorMessage,onReinitialize=_ref337.onReinitialize,children=_ref337.children;var _useTranslation42=(0,_reactI18next.useTranslation)(),t=_useTranslation42.t;var _useDeviceInfo9=useDeviceInfo(),device=_useDeviceInfo9.device;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;};var Wrapper$a=_styledComponents.default.div.withConfig({displayName:"maxio__Wrappera",componentId:"maxio-components__sc-lo74t2-178"})(["&&&{display:flex;place-content:center;",";}"],_styledSystem.padding);var ShowMore=function ShowMore(_ref338){var isExpanded=_ref338.isExpanded,items=_ref338.items,onClick=_ref338.onClick;var _useTranslation43=(0,_reactI18next.useTranslation)(),t=_useTranslation43.t;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}));};var Wrapper$9=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper9",componentId:"maxio-components__sc-lo74t2-179"})(["&&&{display:flex;justify-content:space-between;align-items:center;}"]);var PaymentsProfilesHeader=function PaymentsProfilesHeader(_ref339){var _ref$current;var dropdownOptions=_ref339.dropdownOptions,onDropdownSelection=_ref339.onDropdownSelection;var _useTranslation44=(0,_reactI18next.useTranslation)('subscriptions-manager'),t=_useTranslation44.t;var _React$useState3=_react.default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),isDropdownOpen=_React$useState4[0],setIsDropdownOpen=_React$useState4[1];var 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:function onOptionSelect(e){onDropdownSelection(e);setIsDropdownOpen(false);},onClose:function onClose(){return setIsDropdownOpen(false);},maxWidth:(_ref$current=ref.current)===null||_ref$current===void 0?void 0:_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:function onClick(){return setIsDropdownOpen(true);}}))));};var getPaymentMethodTranslation=function getPaymentMethodTranslation(type,t){return t("payment_profile.".concat(type));};var getPaymentMethodOptions=function getPaymentMethodOptions(type,t,availableActions){var typeTranslation=getPaymentMethodTranslation(type,t);var 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;};var PAYMENT_PROFILE_STATUS={active:'active',expired:'error',unavailable:'unavailable',normal:null};var PaymentProfileContainer=function PaymentProfileContainer(_ref340){var paymentProfile=_ref340.paymentProfile,portalContainerRef=_ref340.portalContainerRef,_ref340$isDropdownOpe=_ref340.isDropdownOpen,isDropdownOpen=_ref340$isDropdownOpe===void 0?false:_ref340$isDropdownOpe,onToggleDropdown=_ref340.onToggleDropdown,onSelectOption=_ref340.onSelectOption,componentSize=_ref340.componentSize;var _useTranslation45=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation45.t;var availableActions=usePaymentProfileAvailableActions(paymentProfile.status);var id=paymentProfile.id,type=paymentProfile.type,creditCard=paymentProfile.creditCard,address=paymentProfile.address;var slot=function slot(){return paymentProfile.status!=="unavailable"?/*#__PURE__*/_react.default.createElement(Dropdown,{maxWidth:215,isOpen:isDropdownOpen,onOptionSelect:function onOptionSelect(option){return onSelectOption(option,id);},options:getPaymentMethodOptions(type,t,availableActions),onClose:function onClose(){return onToggleDropdown(null);},portalContainer:portalContainerRef,alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{onClick:function onClick(){return onToggleDropdown(isDropdownOpen?null:id);},label:"",iconLeft:"ellipsis",fill:"outline",color:"secondary"})):null;};var renderPaymentProfile=function 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:_objectSpread(_objectSpread({},creditCard),{},{type:creditCard===null||creditCard===void 0?void 0:creditCard.cardType}),addressDetails:address});default:return null;}};return renderPaymentProfile();};var Wrapper$8=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper8",componentId:"maxio-components__sc-lo74t2-180"})(["&&&{display:flex;justify-content:start;}"]);var 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);var PaymentProfilesSkeletonLoader=function PaymentProfilesSkeletonLoader(){return/*#__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})))));};var PaymentProfiles$1=function PaymentProfiles$1(_ref341){var onRetry=_ref341.onRetry,onSelectPaymentProfileOption=_ref341.onSelectPaymentProfileOption,onCreatePaymentProfile=_ref341.onCreatePaymentProfile,availablePaymentMethods=_ref341.availablePaymentMethods,goBack=_ref341.goBack,isLoading=_ref341.isLoading,activePaymentProfile=_ref341.activePaymentProfile,paymentProfiles=_ref341.paymentProfiles,isError=_ref341.isError;var _useTranslation46=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profiles']),t=_useTranslation46.t;var _useDeviceInfo10=useDeviceInfo(),device=_useDeviceInfo10.device;var portalContainerRef=(0,_react.useRef)(null);var _useState51=(0,_react.useState)(null),_useState52=_slicedToArray(_useState51,2),paymentProfileDropdown=_useState52[0],setPaymentProfileDropdown=_useState52[1];var componentSize=device==='mobile'?'small':'regular';var hasPaymentProfiles=(paymentProfiles===null||paymentProfiles===void 0?void 0:paymentProfiles.length)>0||activePaymentProfile;var 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:function onToggleDropdown(id){return 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===null||paymentProfiles===void 0?void 0: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(function(paymentProfile){return/*#__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:function onToggleDropdown(id){return 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}}));};var Separator$1=_styledComponents.default.div.withConfig({displayName:"maxio__Separator1",componentId:"maxio-components__sc-lo74t2-182"})(["&&&{width:100%;height:1px;",";",";}"],function(_ref342){var theme=_ref342.theme;return(0,_styledComponents.css)(["background-color:",";"],theme.colors.white.main);},_styledSystem.margin);var Container=_styledComponents.default.div.withConfig({displayName:"maxio__Container",componentId:"maxio-components__sc-lo74t2-183"})(["&&&{",";}"],function(_ref343){var theme=_ref343.theme;return(0,_styledComponents.css)(["background-color:",";border-radius:","px;"],theme.colors.primary.extraLight,theme.radii[3]);});var FlexRow=_styledComponents.default.div.withConfig({displayName:"maxio__FlexRow",componentId:"maxio-components__sc-lo74t2-184"})(["&&&{display:flex;",";",";",";}"],_styledSystem.flexbox,_styledSystem.grid,_styledSystem.display);var Memo=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Memo",componentId:"maxio-components__sc-lo74t2-185"})(["&&&{width:100%;",";}"],_styledSystem.margin);var ComponentsPreviewRow=function ComponentsPreviewRow(_ref344){var row=_ref344.row;var name=row.name,description=row.description,_row$disableMemo=row.disableMemo,disableMemo=_row$disableMemo===void 0?false:_row$disableMemo,_row$memo=row.memo,memo=_row$memo===void 0?'':_row$memo,renderPrice=row.renderPrice,renderControl=row.renderControl,onMemoChange=row.onMemoChange;var _useDeviceInfo11=useDeviceInfo(),device=_useDeviceInfo11.device;var _useState53=(0,_react.useState)(!!memo),_useState54=_slicedToArray(_useState53,2),showMemo=_useState54[0],setShowMemo=_useState54[1];var _useState55=(0,_react.useState)(memo),_useState56=_slicedToArray(_useState55,2),inputMemo=_useState56[0],setInputMemo=_useState56[1];var handleMemoChange=function handleMemoChange(e){var _e$target;setInputMemo(e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value);onMemoChange(e);};var isOnMobileDevice=['tablet','mobile'].includes(device);var _useTranslation47=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation47.t;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:function renderContent(){return/*#__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:function onClick(){setShowMemo(false);handleMemoChange(null);}}):/*#__PURE__*/_react.default.createElement(Anchor,{label:t('components_allocations.add_memo'),iconLeft:"edit",size:"small",onClick:function onClick(){return 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}))));};var ComponentsPreview=function ComponentsPreview(_ref345){var rows=_ref345.rows;return/*#__PURE__*/_react.default.createElement(Container,null,/*#__PURE__*/_react.default.createElement(Box,{paddingTop:5,paddingBottom:5,paddingLeft:6,paddingRight:6},rows.map(function(row,idx){return/*#__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}));})));};var _renderPrice=function 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));};var createOnOffRow=function createOnOffRow(component,onUpdateAllocation,locale){return _objectSpread({name:component.name,description:component.description,memo:component.memo,renderPrice:function renderPrice(){return _renderPrice(component.price,locale);},renderControl:function renderControl(){return/*#__PURE__*/_react.default.createElement(Toggle,{isDisabled:!component.updatesAllowed,variant:"reversed",isOn:!!component.allocatedQuantity,onChange:function onChange(value){return onUpdateAllocation({id:component.id,quantity:value?1:0,memo:component.memo});}});},disableMemo:!component.updatesAllowed},component.updatesAllowed&&{onMemoChange:function onMemoChange(e){var _e$target2;return onUpdateAllocation({id:component.id,quantity:component.allocatedQuantity?1:0,memo:(e===null||e===void 0?void 0:(_e$target2=e.target)===null||_e$target2===void 0?void 0:_e$target2.value)||''});}});};var createQuantityRow=function createQuantityRow(component,onUpdateAllocation,locale,hasError){return _objectSpread({name:component.name,description:component.description,memo:component.memo,renderPrice:function renderPrice(){return _renderPrice(component.price,locale);},renderControl:function renderControl(){return/*#__PURE__*/_react.default.createElement("div",{style:{maxWidth:80}},/*#__PURE__*/_react.default.createElement(Input$1,{value:component.allocatedQuantity.toString(),hasError:hasError,onChange:function onChange(e){var value=e.target.value;var regex=component!==null&&component!==void 0&&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:function onMemoChange(e){var _e$target3;return onUpdateAllocation({id:component.id,quantity:component.allocatedQuantity,memo:(e===null||e===void 0?void 0:(_e$target3=e.target)===null||_e$target3===void 0?void 0:_e$target3.value)||''});}});};var createComponentsPreviewRow=function createComponentsPreviewRow(components,onUpdateAllocation,locale,errors){var rows={recurring:{onOff:[],quantity:[]},oneTime:{quantity:[]}};var _iterator=_createForOfIteratorHelper(components),_step;try{var _loop=function _loop(){var component=_step.value;if(component.type==='quantity'){var hasError=(errors===null||errors===void 0?void 0:errors.findIndex(function(error){return error.id===component.id;}))>-1;var 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'){var _row=createOnOffRow(component,onUpdateAllocation,locale);if(component.recurring){rows.recurring['onOff'].push(_row);}}};for(_iterator.s();!(_step=_iterator.n()).done;){_loop();}}catch(err){_iterator.e(err);}finally{_iterator.f();}return rows;};var Wrapper$7=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper7",componentId:"maxio-components__sc-lo74t2-186"})(["&&&{display:flex;flex-direction:column;",";}"],_styledSystem.grid);var Header=_styledComponents.default.div.withConfig({displayName:"maxio__Header",componentId:"maxio-components__sc-lo74t2-187"})(["&&&{display:flex;column-gap:1ch;align-items:center;}"]);var ComponentsAllocationEditSkeleton=function ComponentsAllocationEditSkeleton(){var _useTranslation48=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation48.t;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})));};var ComponentsAllocationEdit=function ComponentsAllocationEdit(_ref346){var components=_ref346.components,errors=_ref346.errors,onUpdateAllocation=_ref346.onUpdateAllocation;var _useTranslation49=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation49.t,i18n=_useTranslation49.i18n;var _useMemo2=(0,_react.useMemo)(function(){return createComponentsPreviewRow(components,onUpdateAllocation,i18n.language,errors);},[components,i18n.language,errors,onUpdateAllocation]),_useMemo2$recurring=_useMemo2.recurring,onOffRecurringRows=_useMemo2$recurring.onOff,quantityRecurringRows=_useMemo2$recurring.quantity,quantityOneTimeRows=_useMemo2.oneTime.quantity;var renderRecurringSection=!!(onOffRecurringRows!==null&&onOffRecurringRows!==void 0&&onOffRecurringRows.length)||!!(quantityRecurringRows!==null&&quantityRecurringRows!==void 0&&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!==null&&onOffRecurringRows!==void 0&&onOffRecurringRows.length?/*#__PURE__*/_react.default.createElement(ComponentsPreview,{rows:onOffRecurringRows}):null,quantityRecurringRows!==null&&quantityRecurringRows!==void 0&&quantityRecurringRows.length?/*#__PURE__*/_react.default.createElement(ComponentsPreview,{rows:quantityRecurringRows}):null))),(quantityOneTimeRows===null||quantityOneTimeRows===void 0?void 0: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;var getAllocationSummaryPaymentMessage=function getAllocationSummaryPaymentMessage(_ref347){var accrueCharge=_ref347.accrueCharge,t=_ref347.t,currency=_ref347.currency,language=_ref347.language,totalAmountInCents=_ref347.totalAmountInCents;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')};};var mapAllocationsToTable=function mapAllocationsToTable(_ref348){var componentsAllocations=_ref348.componentsAllocations,t=_ref348.t,language=_ref348.language,currency=_ref348.currency;var parsedAllocations=[];componentsAllocations.map(function(allocation){var nameColumn={value:allocation===null||allocation===void 0?void 0:allocation.name};var 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="(".concat(allocationDescription,")");if(allocation.memo){allocationDescription+='\n"'+allocation.memo+'"';}var descriptionColumn={value:allocationDescription,color:'gray.dark'};var priceColumn={value:formatCurrency(currency,allocation.amountInCents,language),textAlign:'right',color:allocation.amountInCents===0?'gray.main':'black.main'};var allocationRow=[nameColumn,descriptionColumn,priceColumn];parsedAllocations.push(allocationRow);});return parsedAllocations;};var mapChargeSummaryToTable$1=function mapChargeSummaryToTable$1(_ref349){var allocationsPreview=_ref349.allocationsPreview,t=_ref349.t,language=_ref349.language;var formatAmount=function formatAmount(amount){return formatCurrency(allocationsPreview.currency,amount,language);};var 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;};var sortComponentAllocations=function sortComponentAllocations(componentsAllocations,components){var sortedAllocations={recurringAllocations:[],oneTimeAllocations:[]};componentsAllocations.forEach(function(allocation){var component=components.find(function(component){return component.id===allocation.id;});if(component){var recurring=component.recurring,name=component.name,type=component.type,unitName=component.unitName;if(recurring){sortedAllocations.recurringAllocations.push(_objectSpread(_objectSpread({},allocation),{},{unitName:unitName,name:name,type:type}));return;}sortedAllocations.oneTimeAllocations.push(_objectSpread(_objectSpread({},allocation),{},{unitName:unitName,name:name,type:type}));}});return sortedAllocations;};var AllocationsTable=function AllocationsTable(_ref350){var heading=_ref350.heading,componentsAllocations=_ref350.componentsAllocations,currency=_ref350.currency;var _useTranslation50=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation50.t,i18n=_useTranslation50.i18n;var _useDeviceInfo12=useDeviceInfo(),device=_useDeviceInfo12.device;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:componentsAllocations,t:t,language:i18n.language,currency:currency}),columnSpans:device==='mobile'?[24,16,8]:[8,8,8]}));};var Summary=_styledComponents.default.div.withConfig({displayName:"maxio__Summary",componentId:"maxio-components__sc-lo74t2-188"})(["&&&{",";box-sizing:border-box;border-radius:8px;",";",";}"],function(_ref351){var theme=_ref351.theme;return(0,_styledComponents.css)(["border:1px solid ",";"],theme.colors.gray.extraLight);},_styledSystem.margin,_styledSystem.padding);var TotalCharge=_styledComponents.default.div.withConfig({displayName:"maxio__TotalCharge",componentId:"maxio-components__sc-lo74t2-189"})(["&&&{",";}"],function(_ref352){var theme=_ref352.theme;return(0,_styledComponents.css)(["border-bottom:1px solid ",";"],theme.colors.gray.extraLight);});var ComponentsAllocationPreview=function ComponentsAllocationPreview(_ref353){var allocationsPreview=_ref353.allocationsPreview,components=_ref353.components;var _useTranslation51=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation51.t,i18n=_useTranslation51.i18n;var paymentSummaryMessage=getAllocationSummaryPaymentMessage({accrueCharge:allocationsPreview.accrueCharge,totalAmountInCents:allocationsPreview.totalInCents,currency:allocationsPreview.currency,t:t,language:i18n.language});var 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:allocationsPreview,t: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)));};var PlanChangeAlerts=function PlanChangeAlerts(_ref354){var basePlanPrice=_ref354.basePlanPrice,productChangeStrategy=_ref354.productChangeStrategy,nextBillingDate=_ref354.nextBillingDate,totalCharge=_ref354.totalCharge,creditBalance=_ref354.creditBalance;var _useTranslation52=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation52.t;var commonAlertProps={color:'success',icon:'receipt'};switch(productChangeStrategy){case'prorated':return/*#__PURE__*/_react.default.createElement(Alert,_objectSpread({},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,_objectSpread({},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,_objectSpread(_objectSpread({},commonAlertProps),{},{title:t('plan_change.delayed_title',{date:nextBillingDate,basePlanPrice:basePlanPrice})}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'success.main'},t('plan_change.delayed_description')));}};var mapChargeSummaryToTable=function mapChargeSummaryToTable(_ref355){var changePlanPreview=_ref355.changePlanPreview,t=_ref355.t,language=_ref355.language,currency=_ref355.currency;var formatAmount=function formatAmount(amount){return formatCurrency(currency,amount,language);};var positiveCreditBalance=changePlanPreview.totalInCents>0;var 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:"".concat(positiveCreditBalance?'':'+').concat(formatAmount(Math.abs(changePlanPreview.totalInCents))),fontWeight:3,fontSize:1,textAlign:'right'}]);}return chargesSummary;};var PlanChangeSummaryCharges=function PlanChangeSummaryCharges(_ref356){var changePlanPreview=_ref356.changePlanPreview,currency=_ref356.currency;var _useTranslation53=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation53.t;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:changePlanPreview,t:t,language:_i18next.default.language,currency: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))))));};var SubscriptionContainer=function SubscriptionContainer(_ref357){var id=_ref357.id,_onShowDetails=_ref357.onShowDetails,subscriptionRef=_ref357.subscriptionRef,_ref357$layout=_ref357.layout,layout=_ref357$layout===void 0?'expandable-card':_ref357$layout,detailsVisible=_ref357.detailsVisible;var _useComponentSettings7=useComponentSettings(),customerSelfService=_useComponentSettings7.componentsAllocation.editAllowed;var _useTranslation54=(0,_reactI18next.useTranslation)(['common']),t=_useTranslation54.t,i18n=_useTranslation54.i18n;var _useSelector17=(0,_react2.useSelector)(subscriptionRef,subscriptionSelectors.getSubscriptionDetails),status=_useSelector17.status,product=_useSelector17.product,productFamilyId=_useSelector17.productFamilyId,billing=_useSelector17.billing,components=_useSelector17.components,customFields=_useSelector17.customFields,referralCode=_useSelector17.referralCode,threeDsActionLink=_useSelector17.threeDsActionLink,subscriptionDetails=_objectWithoutProperties(_useSelector17,_excluded25);var subscriptionTag=useSubscriptionStatus(status);var getCardColor=(0,_react.useCallback)(function(state){return INACTIVE_STATE.includes(state)?'gray':'white';},[]);var formattedSubscriptionDetails=useFormatSubscriptionDetails(_objectSpread(_objectSpread({product:product,status:status},subscriptionDetails),{},{locale:i18n.language,t:t}));var totalPrice=(0,_react.useMemo)(function(){var 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]);var renderComponentsSection=components.updatesAllowed&&customerSelfService||components.usedInBilling;var _useComponentSettings8=useComponentSettings(),subscription=_useComponentSettings8.subscription;var availableActions=useSubscriptionAvailableActions({status:status},subscription.scopes);return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Subscription$1,_objectSpread({id:id,name:product.name,catalogId:productFamilyId,description:product.description,statusTag:subscriptionTag,status:status,layout:layout,price:totalPrice,detailsVisible:detailsVisible,onShowDetails:function onShowDetails(){return _onShowDetails&&_onShowDetails(id);},cardColor:getCardColor(status),billingDetails:billing,renderComponentsSection:renderComponentsSection,renderCustomFieldsSection:customFields===null||customFields===void 0?void 0:customFields.visible,availableActions:availableActions,referralCode:referralCode,threeDsActionLink:threeDsActionLink,currency:subscriptionDetails.currency},formattedSubscriptionDetails)));};var ItemsContainer=_styledComponents.default.div.withConfig({displayName:"maxio__ItemsContainer",componentId:"maxio-components__sc-lo74t2-190"})(["&&&{",";}"],_styledSystem.padding);var getErrorDescription=function 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');}};var mergeComponentsWithAllocations=function mergeComponentsWithAllocations(components){var allocations=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];return components.map(function(component){var _ref358=allocations.find(function(a){return a.id===component.id;})||{},memo=_ref358.memo,quantity=_ref358.quantity;if(memo){component.memo=memo;}if(typeof quantity==='number'||typeof quantity==='string'){component.allocatedQuantity=quantity;}return component;});};var 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};var sortByStatus=function sortByStatus(a,b){if(subscriptionStatusPriority[a]===subscriptionStatusPriority[b]){return 0;}return subscriptionStatusPriority[a]<subscriptionStatusPriority[b]?1:-1;};var sortByDate=function sortByDate(a,b){if(a===null)return 1;if(b===null)return-1;return new Date(a).getTime()-new Date(b).getTime();};var sortAlphabetically=function sortAlphabetically(a,b){return a.localeCompare(b);};var sortSubscriptions=function sortSubscriptions(subA,subB){var 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);};var SubscriptionsContainer=function SubscriptionsContainer(_ref359){var catalogId=_ref359.catalogId,catalogName=_ref359.catalogName,_ref359$useExpandable=_ref359.useExpandableLayout,useExpandableLayout=_ref359$useExpandable===void 0?false:_ref359$useExpandable;var _useContext44=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext44.subscriptionsService,productCatalogService=_useContext44.productCatalogService;var _useContext45=(0,_react.useContext)(ConfigContext),subscription=_useContext45.subscription;var navigate=(0,_reactRouterDom.useNavigate)();var expandedCatalogItems=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getExpandedCatalogItems);var subscriptionsWithVisibleDetails=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsWithVisibleDetails);var totalSubscriptions=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsCount);var subscriptions=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionsByCategoryId(catalogId),[]));var _useSelector18=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getCatalogById(catalogId),[])),isListExpanded=_useSelector18.isListExpanded,isPaginated=_useSelector18.isPaginated;var subscriptionLayout=totalSubscriptions>1?'expandable-card':'all-details';var onShowSubscriptionDetails=(0,_react.useCallback)(function(subscriptionId){if(totalSubscriptions>1){if(subscription.details==='page')navigate("subscription/".concat(catalogId,"/").concat(subscriptionId));else{subscriptionsService.send('TOGGLE_SUBSCRIPTION_DETAILS_VISIBILITY',{subscriptionId:subscriptionId});}}},[subscription.details]);var items=subscriptions.sort(function(a,b){return sortSubscriptions(a.subscription,b.subscription);}).filter(function(item,idx){return(isListExpanded||idx<DEFAULT_VISIBLE_SUBSCRIPTIONS)&&item;}).map(function(_ref360){var subscription=_ref360.subscription,subscriptionRef=_ref360.subscriptionRef;return/*#__PURE__*/_react.default.createElement(SubscriptionContainer,{key:subscription.id,id:subscription.id,layout:subscriptionLayout,detailsVisible:subscriptionLayout==='all-details'||subscriptionsWithVisibleDetails.includes(subscription.id),onShowDetails:function onShowDetails(subscriptionId){return onShowSubscriptionDetails(subscriptionId);},subscriptionRef:subscriptionRef});});var renderShowMoreBtn=isPaginated&&/*#__PURE__*/_react.default.createElement(ShowMore,{isExpanded:isListExpanded,items:subscriptions.length,onClick:function onClick(){return subscriptionsService.send('SET_LIST_EXPANDED',{catalogId: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:function onClick(isExpanded){productCatalogService.send('SET_CATALOG_EXPAND',{catalogId:catalogId,isExpanded:isExpanded});}},/*#__PURE__*/_react.default.createElement(ItemsContainer,{paddingBottom:5},items,renderShowMoreBtn)):/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,items,renderShowMoreBtn));};var PaymentProfilesContainer=function PaymentProfilesContainer(meta){var _useTranslation55=(0,_reactI18next.useTranslation)('subscriptions-manager'),t=_useTranslation55.t;var _useServices12=useServices(),modalsService=_useServices12.modalsService;var navigate=(0,_reactRouterDom.useNavigate)();var _useComponentSettings9=useComponentSettings(),details=_useComponentSettings9.subscription.details;var _useContext46=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext46.paymentProfilesService;var profiles=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfiles);var _useSelector19=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesState),isLoading=_useSelector19.isLoading,isError=_useSelector19.isError;var _useSortPaymentProfil=useSortPaymentProfiles(profiles),active=_useSortPaymentProfil.active,inactive=_useSortPaymentProfil.inactive;var availablePaymentMethods=useAvailablePaymentMethods();var handleOptionSelection=function handleOptionSelection(option,paymentProfileId){switch(option.value){case'select_payment_method':return modalsService.send(_objectSpread(_objectSpread({type:'SHOW_CHANGE_PAYMENT_PROFILE'},meta),{},{paymentProfileId:paymentProfileId}));case'view_details':return modalsService.send(_objectSpread(_objectSpread({type:'SHOW_PREVIEW_PAYMENT_PROFILE'},meta),{},{paymentProfileId:paymentProfileId}));case'delete_payment_method':return modalsService.send(_objectSpread(_objectSpread({type:'SHOW_DELETE_PAYMENT_PROFILE'},meta),{},{paymentProfileId:paymentProfileId}));default:return console.log('default');}};var options=[{label:t('payment_profile.credit_card'),value:'credit_card'}];var paymentMethodsOptions=(0,_react.useMemo)(function(){return options.filter(function(_ref361){var value=_ref361.value;return availablePaymentMethods.includes(value);});},[availablePaymentMethods]);var handlePaymentProfileCreation=(0,_react.useCallback)(function(option){switch(option.value){case'credit_card':return modalsService.send(_objectSpread(_objectSpread({type:'SHOW_CREATE_PAYMENT_PROFILE'},meta),{},{activePaymentProfileId:active===null||active===void 0?void 0: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===null||active===void 0?void 0:active.id]);var goBack=function goBack(){if(details==='page'){return navigate("/subscription/".concat(meta.catalogId,"/").concat(meta.subscriptionId));}return navigate("/");};return/*#__PURE__*/_react.default.createElement(PaymentProfiles$1,{onRetry:function onRetry(){return paymentProfilesService.send({type:'RETRY_FETCH'});},isError:isError,isLoading:isLoading,goBack:goBack,activePaymentProfile:active,paymentProfiles:inactive,onSelectPaymentProfileOption:handleOptionSelection,onCreatePaymentProfile:handlePaymentProfileCreation,availablePaymentMethods:paymentMethodsOptions});};var CreatePaymentProfileContainer=function CreatePaymentProfileContainer(_ref362){var formElementId=_ref362.formElementId,paymentProfileRef=_ref362.paymentProfileRef;var _useActor5=(0,_react2.useActor)(paymentProfileRef),_useActor6=_slicedToArray(_useActor5,2),sendToMachine=_useActor6[1];var _useServices13=useServices(),paymentGatewayService=_useServices13.paymentGatewayService;var useThreeDSecure=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getThreeDSecure);var gatewayConfig=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getGatewayConfig);var requiredFields=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getRequiredFields);var _useSelector20=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfile),validationSchema=_useSelector20.validationSchema,billingAddress=_useSelector20.billingAddress,paymentMethod=_useSelector20.paymentMethod;var validateField=function validateField(fieldName,form,value){var fieldSchema=(0,yup.reach)(validationSchema,"".concat(form,".").concat(fieldName));fieldSchema.validate(value).then(function(){sendToMachine({type:'RESET_FIELD_ERROR',field:fieldName,form:form});}).catch(function(error){sendToMachine({type:'SET_FIELD_ERROR',error:error.message,field:fieldName,form:form});});};return/*#__PURE__*/_react.default.createElement(PaymentProfile$1,{formElementId:formElementId,config:gatewayConfig,requiredFields:requiredFields,useThreeDSecure:useThreeDSecure,paymentMethod:paymentMethod,billingAddress:billingAddress,onValidateField:validateField,onUpdateField:function onUpdateField(field,form,value){sendToMachine({type:'UPDATE_FIELD',form:form,field:field,value:value});}});};var Errors;(function(Errors){Errors["Tokenization"]="tokenizationError";Errors["CreateProfile"]="createProfileError";Errors["ConnectProfileWithSubscription"]="connectProfileError";})(Errors||(Errors={}));var CreatePaymentProfileErrorContainer=function CreatePaymentProfileErrorContainer(_ref363){var paymentProfileRef=_ref363.paymentProfileRef;var _useTranslation56=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation56.t;var _useActor7=(0,_react2.useActor)(paymentProfileRef),_useActor8=_slicedToArray(_useActor7,1),state=_useActor8[0];var _useSelector21=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfileErrors),tokenization=_useSelector21.tokenization;var translate=function translate(key){return t(key,{ns:'subscriptions-manager'});};var getTokenizationErrorMessage=(0,_react.useCallback)(function(error){var invalidFields=error.invalidFields,errors=error.errors;if(invalidFields)return null;return Array.isArray(errors)?errors.join(' '):errors;},[]);var errorRef=(0,_react.useCallback)(function(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){var 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;};var ComponentsAllocationContainer=function ComponentsAllocationContainer(_ref364){var addOnsConfigurationService=_ref364.addOnsConfigurationService,subscriptionId=_ref364.subscriptionId,onClose=_ref364.onClose;var _useTranslation57=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation57.t;var _useContext47=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext47.subscriptionsService;var toastService=useToastMessages();var _useSelector22=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState),configureAllocationsStep=_useSelector22.configureAllocationsStep,previewAllocationsStep=_useSelector22.previewAllocationsStep,configureAllocationsStepLoading=_useSelector22.configureAllocationsStepLoading,updateSuccess=_useSelector22.updateSuccess;var _useSelector23=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsComponents),components=_useSelector23.components;var allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);var mergedComponents=mergeComponentsWithAllocations(components,allocations);var _useSelector24=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocationError),error=_useSelector24.error;var _useSelector25=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocationsPreview),allocationsPreview=_useSelector25.allocationsPreview;(0,_react.useEffect)(function(){if(updateSuccess){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION_COMPONENTS',subscriptionId: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===null||error===void 0?void 0:error.errors,onUpdateAllocation:function onUpdateAllocation(allocation){return addOnsConfigurationService.send('UPDATE_ALLOCATIONS_LIST',{allocation:allocation});}}),previewAllocationsStep&&allocationsPreview&&/*#__PURE__*/_react.default.createElement(ComponentsAllocationPreview,{components:components,allocationsPreview:allocationsPreview}));};var Content$c=function Content$c(_ref365){var onClose=_ref365.onClose,displayMode=_ref365.displayMode,subscriptionId=_ref365.subscriptionId,catalogId=_ref365.catalogId;var _useTranslation58=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation58.t;var addOnsConfigurationService=useAddonsConfigurationService(catalogId);var _useSelector26=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState),configureAllocationsStep=_useSelector26.configureAllocationsStep,previewAllocationsStep=_useSelector26.previewAllocationsStep,previewAllocationsLoading=_useSelector26.previewAllocationsLoading,updateAllocationsLoading=_useSelector26.updateAllocationsLoading;var allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);var getCurrentStep=function getCurrentStep(){return previewAllocationsStep?1:0;};(0,_react.useEffect)(function(){addOnsConfigurationService.send('INITIALIZE',{subscriptionId: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:function 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:function onClick(){return addOnsConfigurationService.send('PREVIEW_ALLOCATIONS',{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:function onClick(){addOnsConfigurationService.send('UPDATE_ALLOCATIONS',{allocations:allocations});}}))));};var ComponentsAllocation$1=function ComponentsAllocation$1(){var _useServices14=useServices(),modalsService=_useServices14.modalsService;var modalVariant=useModalVariant();var _useSelector27=(0,_react2.useSelector)(modalsService,modalsSelectors.getAddonsConfiguration),isOpen=_useSelector27.isOpen,meta=_useSelector27.meta;var closeHandler=function closeHandler(){return 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,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var getSubscriptionResumeAlertKeys=function getSubscriptionResumeAlertKeys(_ref366){var isPastRenewalDate=_ref366.isPastRenewalDate,resumeOption=_ref366.resumeOption,resumptionConfig=_ref366.resumptionConfig;var accessDateInfo=resumeOption==='immediate'?'resume_subscription.regain_access':'resume_subscription.regain_access_on_selected_date';var chargeInfo=getChargeInfoKey(resumptionConfig,isPastRenewalDate);return{accessDateInfo:accessDateInfo,chargeInfo:chargeInfo};};var getChargeInfoKey=function 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';}};var OptionsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__OptionsWrapper",componentId:"maxio-components__sc-lo74t2-191"})(["&&&{display:flex;flex-direction:column;row-gap:","px;}"],function(_ref367){var theme=_ref367.theme;return theme.space[5];});var AutomaticResumeOption=_styledComponents.default.div.withConfig({displayName:"maxio__AutomaticResumeOption",componentId:"maxio-components__sc-lo74t2-192"})(["&&&{display:flex;flex-direction:row;flex-wrap:wrap;gap:","px;}"],function(_ref368){var theme=_ref368.theme;return theme.space[5];});var ResumeOptions$1={IMMEDIATE:'immediate',AUTOMATIC_RESUME:'automatic_resume'};var Content$b=function Content$b(_ref369){var onClose=_ref369.onClose,displayMode=_ref369.displayMode,subscriptionId=_ref369.subscriptionId,catalogId=_ref369.catalogId,_ref369$autoResumeDef=_ref369.autoResumeDefaultDate,autoResumeDefaultDate=_ref369$autoResumeDef===void 0?(0,_dayjs.default)().add(7,'day').toISOString():_ref369$autoResumeDef;var _useServices15=useServices(),subscriptionsService=_useServices15.subscriptionsService;var _useSelector28=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId)),subscription=_useSelector28.subscription;var _useState57=(0,_react.useState)(subscription.automaticallyResumeAt?ResumeOptions$1.AUTOMATIC_RESUME:ResumeOptions$1.IMMEDIATE),_useState58=_slicedToArray(_useState57,2),selectedResumeOption=_useState58[0],setSelectedResumeOption=_useState58[1];var _useState59=(0,_react.useState)(subscription.automaticallyResumeAt||autoResumeDefaultDate),_useState60=_slicedToArray(_useState59,2),resumeDate=_useState60[0],setResumeDate=_useState60[1];var _useTranslation59=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation59.t;var resumeService=useSubscriptionResumeService(catalogId,subscriptionId);var toastService=useToastMessages();var modalRef=(0,_react.useRef)(null);var portalContainer=(0,_react.useRef)(null);var resumptionConfig=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getResumptionConfig);var error=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getErrorCode);var _useSelector29=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getResumeSubscriptionStatus),resumeSubscriptionSuccess=_useSelector29.resumeSubscriptionSuccess,resumeSubscriptionLoading=_useSelector29.resumeSubscriptionLoading;var name=subscription.product.name;(0,_react.useEffect)(function(){if(subscription.snapDay){resumeService.send('GET_RESUMPTION_CONFIG');}},[subscription.snapDay,resumeService]);(0,_react.useEffect)(function(){if(resumeSubscriptionSuccess){onClose();var 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]);var onResume=function onResume(){if(selectedResumeOption===ResumeOptions$1.IMMEDIATE){return resumeService.send('RESUME_SUBSCRIPTION');}return resumeService.send({type:'RESUME_SUBSCRIPTION_AT',resumeDate:resumeDate});};var isSubscriptionResumable=(0,_dayjs.default)(subscription.automaticallyResumeAt).isAfter(new Date());var alertMessageTitle=function alertMessageTitle(){return selectedResumeOption==='immediate'?t('resume_subscription.plan_will_be_active',{subscriptionName:name}):t('resume_subscription.plan_will_be_activated',{subscriptionName:name});};var alertMessageDescription=getSubscriptionResumeAlertKeys({isPastRenewalDate:isSubscriptionResumable,resumeOption:selectedResumeOption,resumptionConfig: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:function onValueChange(){return 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:function onValueChange(){return setSelectedResumeOption(ResumeOptions$1.AUTOMATIC_RESUME);},isSelected:selectedResumeOption===ResumeOptions$1.AUTOMATIC_RESUME}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:function onChange(date){return 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})));};var ResumeSubscription=function ResumeSubscription(){var _useServices16=useServices(),modalsService=_useServices16.modalsService;var modalVariant=useModalVariant();var _useSelector30=(0,_react2.useSelector)(modalsService,modalsSelectors.getResumeSubscription),isOpen=_useSelector30.isOpen,meta=_useSelector30.meta;var closeHandler=function closeHandler(){return 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,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var initialContext={error:null,status:null};var 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'}}});var getPauseSubscriptionStatus=function getPauseSubscriptionStatus(machineState){return{idle:machineState.matches('idle'),pauseSubscriptionLoading:machineState.matches('pauseSubscription'),pauseSubscriptionSuccess:machineState.matches('success'),pauseSubscriptionError:machineState.matches('error')};};var getErrorCode=function getErrorCode(machineState){return machineState.context.error;};var pauseSubscriptionSelectors={getPauseSubscriptionStatus:getPauseSubscriptionStatus,getErrorCode:getErrorCode};var usePauseSubscriptionService=function usePauseSubscriptionService(catalogId,subscriptionId){var _useContext48=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext48.dataAccess;var _useContext49=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext49.subscriptionsService;return(0,_react2.useInterpret)(pauseSubscription,{services:{pauseSubscription:function pauseSubscription(_ctx,payload){return dataAccess.pauseSubscription(payload.subscriptionId,payload.automaticallyResumeAt);}},actions:{updateSubscription:function updateSubscription(_ctx,payload){var _payload$data2=payload.data,automaticallyResumeAt=_payload$data2.automaticallyResumeAt,state=_payload$data2.state;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId,automaticallyResumeAt:automaticallyResumeAt,status:state});},setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});})}});};var ResumeOptions={MANUAL_RESUME:'manual_resume',AUTOMATIC_RESUME:'automatic_resume'};var defaultDate=(0,_dayjs.default)().add(7,'day');var Content$a=function Content$a(_ref370){var onClose=_ref370.onClose,displayMode=_ref370.displayMode,catalogId=_ref370.catalogId,subscriptionId=_ref370.subscriptionId;var _useTranslation60=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation60.t;var modalRef=(0,_react.useRef)(null);var portalContainer=(0,_react.useRef)(null);var _useContext50=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext50.subscriptionsService;var toastService=useToastMessages();var _useSelector31=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),subscription=_useSelector31.subscription;var pauseSubscriptionService=usePauseSubscriptionService(catalogId,subscriptionId);var _useState61=(0,_react.useState)(subscription.automaticallyResumeAt?ResumeOptions.AUTOMATIC_RESUME:ResumeOptions.MANUAL_RESUME),_useState62=_slicedToArray(_useState61,2),selectedResumeOption=_useState62[0],setSelectedResumeOption=_useState62[1];var pauseSubscription=function pauseSubscription(){var payload={subscriptionId:subscriptionId};if(selectedResumeOption===ResumeOptions.AUTOMATIC_RESUME){payload.automaticallyResumeAt=selectedDateTime.toISOString();}pauseSubscriptionService.send('PAUSE_SUBSCRIPTION',payload);};var alertMessage=function alertMessage(){return selectedResumeOption==='manual_resume'?t('pause_subscription.manual_resume_description'):t('pause_subscription.automatic_resume_description',{date:formatDate(selectedDateTime)});};var _useSelector32=(0,_react2.useSelector)(pauseSubscriptionService,pauseSubscriptionSelectors.getPauseSubscriptionStatus),pauseSubscriptionLoading=_useSelector32.pauseSubscriptionLoading,pauseSubscriptionError=_useSelector32.pauseSubscriptionError,pauseSubscriptionSuccess=_useSelector32.pauseSubscriptionSuccess;var error=(0,_react2.useSelector)(pauseSubscriptionService,pauseSubscriptionSelectors.getErrorCode);var _useState63=(0,_react.useState)(subscription.automaticallyResumeAt?(0,_dayjs.default)(subscription.automaticallyResumeAt):defaultDate),_useState64=_slicedToArray(_useState63,2),selectedDateTime=_useState64[0],setSelectedDateTime=_useState64[1];(0,_react.useEffect)(function(){if(pauseSubscriptionSuccess){onClose();var 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:function onValueChange(value){return 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:function onValueChange(value){return setSelectedResumeOption(value);},isSelected:selectedResumeOption===ResumeOptions.AUTOMATIC_RESUME}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:function onChange(dateTime){return 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})));};var PauseSubscription=function PauseSubscription(){var _useServices17=useServices(),modalsService=_useServices17.modalsService;var modalVariant=useModalVariant();var _useSelector33=(0,_react2.useSelector)(modalsService,modalsSelectors.getPauseSubscription),isOpen=_useSelector33.isOpen,meta=_useSelector33.meta;var closeHandler=function closeHandler(){return 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,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var CancelOptions;(function(CancelOptions){CancelOptions["IMMEDIATE_CANCEL"]="immediate";CancelOptions["SCHEDULED_CANCEL"]="scheduled";CancelOptions["DELAYED_CANCEL"]="delayed";})(CancelOptions||(CancelOptions={}));var 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)(function(ctx,e){return _defineProperty({},e.name,e.value);})},GET_CHURN_REASON_CODES:{target:'loading'}}},loading:{invoke:{src:'getChurnReasonCodes',onDone:{target:'idle',actions:(0,_xstate.assign)({churnReasons:function churnReasons(_,event){return event.data.items;},cancellationChurnReasonCode:function cancellationChurnReasonCode(_,_ref372){var data=_ref372.data;return data.items.length===1?data.items[0].code:null;}})},onError:{target:'error'}}},error:{}}});var useCancelForm=function useCancelForm(enabledChurnReasonCodes,availableCancelType){var defaultDate=(0,_dayjs.default)().add(7,'day');var _useContext51=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext51.dataAccess;var _useMachine9=(0,_react2.useMachine)(cancelForm,{context:{cancellationType:availableCancelType[0],cancellationDate:defaultDate.toISOString()},services:{getChurnReasonCodes:function getChurnReasonCodes(){return dataAccess.getChurnReasonCodes();}}}),_useMachine10=_slicedToArray(_useMachine9,2),_useMachine10$=_useMachine10[0],context=_useMachine10$.context,value=_useMachine10$.value,send=_useMachine10[1];(0,_react.useEffect)(function(){if(enabledChurnReasonCodes){send({type:'GET_CHURN_REASON_CODES'});}},[enabledChurnReasonCodes,send]);var isLoading=value==='loading';var hasError=value==='error';var isFormValid=function isFormValid(){if(context.cancellationConfirmation!=='cancel'){return false;}if(enabledChurnReasonCodes&&context.churnReasons.length>0){return context.cancellationChurnReasonCode!==null;}return true;};return{context:context,send:send,isValid:isFormValid(),isLoading:isLoading,hasError:hasError};};var Separator=_styledComponents.default.div.withConfig({displayName:"maxio__Separator",componentId:"maxio-components__sc-lo74t2-193"})(["&&&{margin:","px 0;border-top:1px solid ",";}"],function(props){return props.theme.space[6];},function(props){return props.theme.colors.gray.extraLight;});var InputsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__InputsWrapper",componentId:"maxio-components__sc-lo74t2-194"})(["&&&{display:flex;flex-direction:column;}"]);var RequiredStar=_styledComponents.default.span.withConfig({displayName:"maxio__RequiredStar",componentId:"maxio-components__sc-lo74t2-195"})(["&&&{color:",";}"],function(_ref373){var theme=_ref373.theme;return theme.colors.danger.main;});var ChurnReasonCodes=function ChurnReasonCodes(_ref374){var items=_ref374.items,onChange=_ref374.onChange,selectedValue=_ref374.selectedValue;var _useTranslation61=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation61.t;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(function(a,b){return a.position-b.position;}).map(function(_ref375){var id=_ref375.id,code=_ref375.code,description=_ref375.description;return/*#__PURE__*/_react.default.createElement(RadioButton,{key:id,label:description,value:code,onValueChange:onChange,isSelected:code===selectedValue});})));};var Form=function Form(_ref376){var _values$churnReasons;var _onChange9=_ref376.onChange,availableCancelOptions=_ref376.availableCancelOptions,values=_ref376.values,modalRef=_ref376.modalRef,portalContainer=_ref376.portalContainer,subscriptionNextAssessmentDate=_ref376.subscriptionNextAssessmentDate,isLoading=_ref376.isLoading;var _useTranslation62=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation62.t;var cancellationType=values.cancellationType,cancellationChurnReasonCode=values.cancellationChurnReasonCode,cancellationDate=values.cancellationDate,churnReasons=values.churnReasons;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:function onValueChange(value){return _onChange9('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:function onValueChange(value){return _onChange9('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:function onValueChange(value){return _onChange9('cancellationType',value);},isSelected:cancellationType===CancelOptions.SCHEDULED_CANCEL}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:function onChange(dateTime){return _onChange9('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=values.churnReasons)===null||_values$churnReasons===void 0?void 0:_values$churnReasons.length)>0&&/*#__PURE__*/_react.default.createElement(ChurnReasonCodes,{selectedValue:cancellationChurnReasonCode,onChange:function onChange(value){return _onChange9('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:function onChange(e){_onChange9('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:function onChange(e){return _onChange9('cancellationConfirmation',e.target.value);}})))));};var Content$9=function Content$9(_ref377){var onClose=_ref377.onClose,displayMode=_ref377.displayMode,catalogId=_ref377.catalogId,subscriptionId=_ref377.subscriptionId,availableCancelOptions=_ref377.availableCancelOptions,enabledChurnReasonCodes=_ref377.enabledChurnReasonCodes;var _useTranslation63=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation63.t;var modalRef=(0,_react.useRef)(null);var portalContainer=(0,_react.useRef)(null);var _useContext52=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext52.subscriptionsService;var _useSelector34=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),subscription=_useSelector34.subscription;var cancelService=useCancelSubscriptionService(catalogId,subscriptionId);var _useSelector35=(0,_react2.useSelector)(cancelService,cancelSubscriptionSelectors.getCancelSubscriptionStatus),cancelSubscriptionSuccess=_useSelector35.cancelSubscriptionSuccess,cancelSubscriptionError=_useSelector35.cancelSubscriptionError,cancelSubscriptionLoading=_useSelector35.cancelSubscriptionLoading;var _useCancelForm=useCancelForm(enabledChurnReasonCodes,availableCancelOptions),context=_useCancelForm.context,send=_useCancelForm.send,isFormValid=_useCancelForm.isValid,isFormLoading=_useCancelForm.isLoading,hasFormError=_useCancelForm.hasError;var cancellationType=context.cancellationType,cancellationDate=context.cancellationDate,cancellationMessage=context.cancellationMessage,cancellationChurnReasonCode=context.cancellationChurnReasonCode;var toastService=useToastMessages();var cancelDateTime=cancellationType===CancelOptions.SCHEDULED_CANCEL?cancellationDate:subscription.nextAssessmentAt;(0,_react.useEffect)(function(){if(cancelSubscriptionSuccess){onClose();var 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]);var alertMsg=function 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)});};var onCancelSubscription=function onCancelSubscription(){if(cancellationType===CancelOptions.IMMEDIATE_CANCEL){return cancelService.send({type:'CANCEL_SUBSCRIPTION',cancellationMessage:cancellationMessage,churnReasonCode:cancellationChurnReasonCode});}if(cancellationType===CancelOptions.DELAYED_CANCEL){return cancelService.send({type:'CANCEL_SUBSCRIPTION',cancelAtEndOfPeriod:true,cancellationMessage:cancellationMessage,churnReasonCode:cancellationChurnReasonCode});}return cancelService.send({type:'CANCEL_SUBSCRIPTION',scheduledCancellationAt:cancelDateTime,cancellationMessage: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:function onChange(name,value){return 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:function onClick(){return onCancelSubscription();}}))))),/*#__PURE__*/_react.default.createElement(Portal,null,/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer})));};var useCancelAvailableOptions=function useCancelAvailableOptions(subscriptionScopes){var 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;};var CancelSubscription=function CancelSubscription(){var _useServices18=useServices(),modalsService=_useServices18.modalsService;var _useComponentSettings10=useComponentSettings(),subscription=_useComponentSettings10.subscription;var modalVariant=useModalVariant();var _useSelector36=(0,_react2.useSelector)(modalsService,modalsSelectors.getCancelSubscription),isOpen=_useSelector36.isOpen,meta=_useSelector36.meta;var availableCancelOptions=useCancelAvailableOptions(subscription.scopes);var closeHandler=function closeHandler(){return 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$9,_objectSpread(_objectSpread({},meta),{},{enabledChurnReasonCodes:subscription.churnReasonCodes,displayMode:modalVariant,onClose:closeHandler,availableCancelOptions:availableCancelOptions})));};var Content$8=function Content$8(_ref378){var subscriptionId=_ref378.subscriptionId,catalogId=_ref378.catalogId,onClose=_ref378.onClose,displayMode=_ref378.displayMode,paymentProfileId=_ref378.paymentProfileId;var _useTranslation64=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']),t=_useTranslation64.t;var toastService=useToastMessages();var onSuccessfulChange=function onSuccessfulChange(){toastService.show({message:t('payment_profile.success_payment_method_change'),level:'success'});onClose(true);};var changePaymentProfileService=useChangePaymentProfile({subscriptionId:subscriptionId,catalogId:catalogId,paymentProfileId:paymentProfileId,onChangeSuccess:onSuccessfulChange});var _useSelector37=(0,_react2.useSelector)(changePaymentProfileService,changePaymentProfileSelectors.getChangePaymentProfileStatus),isError=_useSelector37.isError,isLoading=_useSelector37.isLoading;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:function onClick(){return 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:function onClick(){return changePaymentProfileService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:paymentProfileId});}}))));};var ChangePaymentMethod=function ChangePaymentMethod(){var _useServices19=useServices(),modalsService=_useServices19.modalsService;var _useDeviceInfo13=useDeviceInfo(),device=_useDeviceInfo13.device;var _useSelector38=(0,_react2.useSelector)(modalsService,modalsSelectors.getChangePaymentMethod),isOpen=_useSelector38.isOpen,meta=_useSelector38.meta;var closeHandler=function closeHandler(){modalsService.send({type:'CLOSE_MODAL'});};var 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,_objectSpread(_objectSpread({},meta),{},{displayMode:'window',onClose:closeHandler})));};var DetailRow=function DetailRow(_ref379){var label=_ref379.label,value=_ref379.value;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))));};var BillingAddress=function BillingAddress(_ref380){var billingAddress=_ref380.billingAddress;var _useTranslation65=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation65.t;var _useFormatAddress2=useFormatAddress(billingAddress),address=_useFormatAddress2.address,address2=_useFormatAddress2.address2,city=_useFormatAddress2.city,state=_useFormatAddress2.state,zip=_useFormatAddress2.zip,country=_useFormatAddress2.country;var addresses=(address||address2)&&"".concat(address," ").concat(address2);var stateAndZip=(state||zip)&&"".concat(state," ").concat(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})));};var Content$7=function Content$7(_ref381){var subscriptionId=_ref381.subscriptionId,catalogId=_ref381.catalogId,onClose=_ref381.onClose,displayMode=_ref381.displayMode,paymentProfileId=_ref381.paymentProfileId;var _useTranslation66=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']),t=_useTranslation66.t;var toastService=useToastMessages();var _useServices20=useServices(),modalsService=_useServices20.modalsService;var _useContext53=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext53.paymentProfilesService;var _useSelector39=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesById(paymentProfileId)),creditCard=_useSelector39.creditCard,address=_useSelector39.address,type=_useSelector39.type,status=_useSelector39.status;var paymentProfileActions=usePaymentProfileAvailableActions(status);var onDeletePaymentProfile=function onDeletePaymentProfile(){onClose(true);modalsService.send({type:'SHOW_DELETE_PAYMENT_PROFILE',paymentProfileId:paymentProfileId,subscriptionId:subscriptionId,catalogId:catalogId});};var onSuccessfulChange=function onSuccessfulChange(){toastService.show({message:t('payment_profile.success_payment_method_change'),level:'success'});onClose(true);};var changePaymentProfileService=useChangePaymentProfile({subscriptionId:subscriptionId,catalogId:catalogId,paymentProfileId:paymentProfileId,onChangeSuccess:onSuccessfulChange});var _useSelector40=(0,_react2.useSelector)(changePaymentProfileService,changePaymentProfileSelectors.getChangePaymentProfileStatus),isError=_useSelector40.isError,isLoading=_useSelector40.isLoading;var isAddressEmpty=(0,_react.useMemo)(function(){return Object.values(address).every(function(value){return!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.".concat(type))}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,18]},/*#__PURE__*/_react.default.createElement(CreditCard$2,{status:PAYMENT_PROFILE_STATUS[status],card:_objectSpread(_objectSpread({},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.".concat(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:function onClick(){return 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:function onClick(){return changePaymentProfileService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:paymentProfileId});}})))));};var PreviewPaymentMethod=function PreviewPaymentMethod(){var _useServices21=useServices(),modalsService=_useServices21.modalsService;var _useDeviceInfo14=useDeviceInfo(),device=_useDeviceInfo14.device;var _useSelector41=(0,_react2.useSelector)(modalsService,modalsSelectors.getPreviewPaymentMethod),isOpen=_useSelector41.isOpen,meta=_useSelector41.meta;var closeHandler=function closeHandler(){modalsService.send({type:'CLOSE_MODAL'});};var 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$7,_objectSpread(_objectSpread({},meta),{},{displayMode:'window',onClose:closeHandler})));};var Content$6=function Content$6(_ref382){var onClose=_ref382.onClose,displayMode=_ref382.displayMode,catalogId=_ref382.catalogId,subscriptionId=_ref382.subscriptionId;var _useTranslation67=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation67.t;var modalRef=(0,_react.useRef)(null);var toastService=useToastMessages();var reactivateService=useReactivateSubscription(catalogId,subscriptionId);var _useContext54=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext54.subscriptionsService;var _useSelector42=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),subscription=_useSelector42.subscription;var _useSelector43=(0,_react2.useSelector)(reactivateService,reactivateSubscriptionSelectors.getReactivateSubscriptionStatus),reactivateSubscriptionSuccess=_useSelector43.reactivateSubscriptionSuccess,reactivateSubscriptionError=_useSelector43.reactivateSubscriptionError,reactivateSubscriptionLoading=_useSelector43.reactivateSubscriptionLoading;var reactivationError=(0,_react2.useSelector)(reactivateService,reactivateSubscriptionSelectors.getErrorCode);(0,_react.useEffect)(function(){if(reactivateSubscriptionSuccess){onClose();var toastMessage=t('reactivate_subscription.reactivate_success');toastService.show({level:'success',message:toastMessage});}},[reactivateSubscriptionSuccess,onClose,toastService,t]);var onReactivation=function onReactivation(){reactivateService.send({type:'REACTIVATE_SUBSCRIPTION'});};var getErrorMsgTitle=function getErrorMsgTitle(){return(reactivationError===null||reactivationError===void 0?void 0:reactivationError.errorCode)==='NotEligible'?t('reactivate_subscription.no_payment_method_title'):t('reactivate_subscription.unexpected_problem');};var getErrorMsgDescription=function getErrorMsgDescription(){return(reactivationError===null||reactivationError===void 0?void 0:reactivationError.errorCode)==='NotEligible'?t('reactivate_subscription.no_payment_method_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:'success'},/*#__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})))));};var ReactivateSubscription=function ReactivateSubscription(){var _useServices22=useServices(),modalsService=_useServices22.modalsService;var modalVariant=useModalVariant();var _useSelector44=(0,_react2.useSelector)(modalsService,modalsSelectors.getReactivateSubscription),isOpen=_useSelector44.isOpen,meta=_useSelector44.meta;var closeHandler=function closeHandler(){return 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,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var Content$5=function Content$5(_ref383){var onClose=_ref383.onClose,displayMode=_ref383.displayMode,catalogId=_ref383.catalogId,subscriptionId=_ref383.subscriptionId;var _useTranslation68=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation68.t;var modalRef=(0,_react.useRef)(null);var toastService=useToastMessages();var undoCancelationService=useUndoCancelationService(catalogId,subscriptionId);var _useContext55=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext55.subscriptionsService;var _useSelector45=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),subscription=_useSelector45.subscription;var _useSelector46=(0,_react2.useSelector)(undoCancelationService,undoCancelationSelectors.getUndoCancelationStatus),undoCancelationError=_useSelector46.undoCancelationError,undoCancelationLoading=_useSelector46.undoCancelationLoading,undoCancelationSuccess=_useSelector46.undoCancelationSuccess;(0,_react.useEffect)(function(){if(undoCancelationSuccess){onClose();var toastMessage=t('cancel_subscription.cancelation_stopped');toastService.show({level:'success',message:toastMessage});}},[undoCancelationSuccess,onClose,toastService,t]);var onUndoCancelation=function 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})))));};var UndoCancelation=function UndoCancelation(){var _useServices23=useServices(),modalsService=_useServices23.modalsService;var modalVariant=useModalVariant();var _useSelector47=(0,_react2.useSelector)(modalsService,modalsSelectors.getUndoCancelation),isOpen=_useSelector47.isOpen,meta=_useSelector47.meta;var closeHandler=function closeHandler(){return 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$5,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var SubscriptionNamesList=_styledComponents.default.ul.withConfig({displayName:"maxio__SubscriptionNamesList",componentId:"maxio-components__sc-lo74t2-196"})(["&&&{color:inherit;margin:","px 0;padding-left:","px;}"],function(_ref384){var theme=_ref384.theme;return theme.space[2];},function(_ref385){var theme=_ref385.theme;return theme.space[7];});var ErrorList=function ErrorList(_ref386){var listTitle=_ref386.listTitle,items=_ref386.items,bottomText=_ref386.bottomText,listDescription=_ref386.listDescription;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(function(_ref387){var id=_ref387.id,product=_ref387.product;return/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{as:'li',key:id},product.name);})),/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{fontWeight:700},bottomText)));};var Content$4=function Content$4(_ref388){var onClose=_ref388.onClose,displayMode=_ref388.displayMode,paymentProfileId=_ref388.paymentProfileId;var _useTranslation69=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']),t=_useTranslation69.t;var toastService=useToastMessages();var onDeleteSuccess=function onDeleteSuccess(){toastService.show({message:t('payment_profile.delete_payment_method_success'),level:'info'});onClose(true);};var deletePaymentProfileService=useDeletePaymentProfile({paymentProfileId:paymentProfileId,onDeleteSuccess:onDeleteSuccess});var _useSelector48=(0,_react2.useSelector)(deletePaymentProfileService,deletePaymentProfileSelectors.getError),usedSubscriptions=_useSelector48.subscriptions,errorCode=_useSelector48.errorCode;var _useSelector49=(0,_react2.useSelector)(deletePaymentProfileService,deletePaymentProfileSelectors.getDeletePaymentProfileStatus),isLoading=_useSelector49.isLoading,hasError=_useSelector49.hasError;var 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:function onClick(){return onClose(false);}}),!hasError&&/*#__PURE__*/_react.default.createElement(Button$1,{disabled:hasError,color:"danger",isLoading:isLoading,label:t('payment_profile.delete_it'),onClick:function onClick(){return deletePaymentProfileService.send({type:'DELETE_PAYMENT_PROFILE'});}}))));};var DeletePaymentMethod=function DeletePaymentMethod(){var _useState65=(0,_react.useState)(false),_useState66=_slicedToArray(_useState65,1),closeDisable=_useState66[0];var _useServices24=useServices(),modalsService=_useServices24.modalsService;var _useDeviceInfo15=useDeviceInfo(),device=_useDeviceInfo15.device;var _useSelector50=(0,_react2.useSelector)(modalsService,modalsSelectors.getDeletePaymentMethod),isOpen=_useSelector50.isOpen,meta=_useSelector50.meta;var closeHandler=function closeHandler(successUpdate){if(!closeDisable||successUpdate)modalsService.send({type:'CLOSE_MODAL'});};var 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$4,_objectSpread(_objectSpread({},meta),{},{displayMode:'window',onClose:closeHandler})));};var 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;}"],function(_ref389){var theme=_ref389.theme;return theme.space[10];});var ExpiredStatus=function ExpiredStatus(_ref390){var text=_ref390.text;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));};var formatCardNumber=function formatCardNumber(cardNumber){return cardNumber.slice(-9).replace('-',' ').replace(/X/g,'*');};var LabelWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__LabelWrapper",componentId:"maxio-components__sc-lo74t2-198"})(["&&&{display:flex;flex-direction:column;margin-left:","px;}"],function(_ref391){var theme=_ref391.theme;return theme.space[3];});var Label=function Label(_ref392){var maskedNumber=_ref392.maskedNumber,expirationYear=_ref392.expirationYear,expirationMonth=_ref392.expirationMonth;var _useTranslation70=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation70.t;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:expirationMonth,expirationYear:expirationYear})));};var 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;}"],function(_ref393){var theme=_ref393.theme;return theme.space[6];},function(_ref394){var theme=_ref394.theme;return theme.colors.gray.extraLight;},function(_ref395){var theme=_ref395.theme;return theme.space[6];});var PaymentProfileItem=function PaymentProfileItem(_ref396){var paymentProfile=_ref396.paymentProfile,onPaymentProfileSelected=_ref396.onPaymentProfileSelected,isChecked=_ref396.isChecked;var creditCard=paymentProfile.creditCard;var _useTranslation71=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation71.t;return/*#__PURE__*/_react.default.createElement(Wrapper$5,null,/*#__PURE__*/_react.default.createElement(Checkbox,{onChange:function onChange(){return onPaymentProfileSelected(paymentProfile.id);},value:isChecked,label:function label(){return 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})));};var Wrapper$4=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper4",componentId:"maxio-components__sc-lo74t2-200"})(["&&&{border-top:1px solid ",";padding-top:","px;}"],function(_ref397){var theme=_ref397.theme;return theme.colors.gray.light;},function(_ref398){var theme=_ref398.theme;return theme.space[5];});var 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 ",";",";}"],function(_ref399){var theme=_ref399.theme;return theme.space[6];},function(_ref400){var theme=_ref400.theme;return theme.radii[3];},function(_ref401){var theme=_ref401.theme;return theme.colors.gray.extraLight;},function(_ref402){var _theme$colors2,_theme$colors2$black;var theme=_ref402.theme;return(0,_styledComponents.css)(["box-shadow:0 8px 16px ",";"],(0,_polished.transparentize)(0.85,theme===null||theme===void 0?void 0:(_theme$colors2=theme.colors)===null||_theme$colors2===void 0?void 0:(_theme$colors2$black=_theme$colors2.black)===null||_theme$colors2$black===void 0?void 0:_theme$colors2$black.dark));});var PaymentProfilesReplace=function PaymentProfilesReplace(_ref403){var paymentProfiles=_ref403.paymentProfiles,selectedPaymentProfilesIds=_ref403.selectedPaymentProfilesIds,_onPaymentProfileSelected=_ref403.onPaymentProfileSelected;var _useTranslation72=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation72.t;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===null||paymentProfiles===void 0?void 0:paymentProfiles.map(function(paymentProfile){return/*#__PURE__*/_react.default.createElement(PaymentProfileItem,{isChecked:selectedPaymentProfilesIds===null||selectedPaymentProfilesIds===void 0?void 0:selectedPaymentProfilesIds.includes(paymentProfile.id),key:paymentProfile.id,paymentProfile:paymentProfile,onPaymentProfileSelected:function onPaymentProfileSelected(){return _onPaymentProfileSelected(paymentProfile.id);}});})));};_styledComponents.default.div.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-202"})(["&&&{border-top:1px solid ",";padding-top:","px;}"],function(_ref404){var theme=_ref404.theme;return theme.colors.gray.light;},function(_ref405){var theme=_ref405.theme;return theme.space[5];});var List=_styledComponents.default.ul.withConfig({displayName:"maxio__List",componentId:"maxio-components__sc-lo74t2-203"})(["&&&{",";font-size:","px;font-family:",";padding-left:","px;}"],_styledSystem.space,function(_ref406){var theme=_ref406.theme;return theme.fontSizes[1];},function(_ref407){var theme=_ref407.theme;return theme.fonts.secondary;},function(_ref408){var theme=_ref408.theme;return theme.space[6];});var PaymentProfilesReplaceAlerts=function PaymentProfilesReplaceAlerts(_ref409){var subscriptions=_ref409.subscriptions,onRetry=_ref409.onRetry;var success=subscriptions.success,failed=subscriptions.failed;var _useTranslation73=(0,_reactI18next.useTranslation)(['subscriptions-manager','common']),t=_useTranslation73.t;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(function(subscription){return/*#__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(function(subscription){return/*#__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'))));};var ReplacePaymentProfilesContainer=function ReplacePaymentProfilesContainer(_ref410){var paymentProfileRef=_ref410.paymentProfileRef;var _useContext56=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext56.paymentProfilesService;var paymentProfiles=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfiles);var selectedPaymentProfilesIds=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesIdsForReplacement);var subscriptions=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesSubscriptions);var isPaymentProfilesReplacementError=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesReplacementError);var 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:function onRetry(){return paymentProfileRef.send({type:'RETRY_REPLACE_PAYMENT_PROFILES'});}}):/*#__PURE__*/_react.default.createElement(PaymentProfilesReplace,{paymentProfiles:paymentProfiles,onPaymentProfileSelected:function onPaymentProfileSelected(id){return paymentProfileRef.send({type:'SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT',paymentProfileId:id});},selectedPaymentProfilesIds:selectedPaymentProfilesIds});};var FORM_ELEMENT_ID='page-payment-profile';var Content$3=function Content$3(_ref411){var activePaymentProfileId=_ref411.activePaymentProfileId,onClose=_ref411.onClose,onProcessingUpdate=_ref411.onProcessingUpdate,paymentMethod=_ref411.paymentMethod,subscriptionId=_ref411.subscriptionId,displayMode=_ref411.displayMode,catalogId=_ref411.catalogId;var toastService=useToastMessages();var _useTranslation74=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']),t=_useTranslation74.t;var onCreateProfileSuccess=function onCreateProfileSuccess(){onClose(true);toastService.show({level:'success',message:t('success_payment_method_save',{ns:'payment-profile'})});};var _useCreatePaymentProf=useCreatePaymentProfile({activePaymentProfileId:activePaymentProfileId,catalogId:catalogId,subscriptionId:subscriptionId,formElementId:FORM_ELEMENT_ID,paymentMethodType:paymentMethod,onCreateSuccess:onCreateProfileSuccess}),isProcessing=_useCreatePaymentProf.isProcessing,isProfileConnectionError=_useCreatePaymentProf.isProfileConnectionError,savePaymentMethod=_useCreatePaymentProf.savePaymentMethod,service=_useCreatePaymentProf.service;(0,_react.useEffect)(function(){onProcessingUpdate(isProcessing);},[isProcessing]);var paymentMethodsTranslations={creditCard:t('payment_profile.card'),bankAccount:t('payment_profile.bank_account')};var isPaymentProfilesReplacementError=(0,_react2.useSelector)(service,paymentProfileSelectors.getPaymentProfilesReplacementError);var isError=isProfileConnectionError||isPaymentProfilesReplacementError;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.new_payment_method_title',{paymentMethod:paymentMethodsTranslations[paymentMethod]})})),/*#__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}),/*#__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(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:function onClick(){return 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:function onClick(){return savePaymentMethod();}}))));};var PaymentProfile=function PaymentProfile(){var _useState67=(0,_react.useState)(false),_useState68=_slicedToArray(_useState67,2),closeDisable=_useState68[0],setCloseDisable=_useState68[1];var _useServices25=useServices(),modalsService=_useServices25.modalsService;var modalVariant=useModalVariant();var _useSelector51=(0,_react2.useSelector)(modalsService,modalsSelectors.getCreatePaymentProfile),isOpen=_useSelector51.isOpen,meta=_useSelector51.meta;var closeHandler=function 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$3,_objectSpread(_objectSpread({paymentMethod:'creditCard'},meta),{},{displayMode:modalVariant,onProcessingUpdate:function onProcessingUpdate(isProcessing){return setCloseDisable(isProcessing);},onClose:closeHandler}))));};var 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);",";}"],function(_ref412){var theme=_ref412.theme,selected=_ref412.selected;return selected?theme.colors.success.main:theme.colors.gray.extraLight;},function(_ref413){var theme=_ref413.theme;return theme.radii[3];},_styledSystem.space);var Wrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper2",componentId:"maxio-components__sc-lo74t2-205"})(["&&&{display:flex;align-items:center;gap:","px;}"],function(_ref414){var theme=_ref414.theme;return theme.space[2];});var Status=function Status(_ref415){var text=_ref415.text;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));};var 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;}"],function(_ref416){var theme=_ref416.theme;return theme.space[2];});var Price=function Price(_ref417){var intervalUnit=_ref417.intervalUnit,price=_ref417.price;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,")"));};var PlanRadio=function PlanRadio(_ref418){var selected=_ref418.selected,onClick=_ref418.onClick,name=_ref418.name,id=_ref418.id,isCurrentPlan=_ref418.isCurrentPlan,price=_ref418.price,intervalUnit=_ref418.intervalUnit;var _useTranslation75=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation75.t;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:function onChange(){return 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}));};var Wrapper=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper",componentId:"maxio-components__sc-lo74t2-207"})(["&&&{display:flex;flex-direction:column;gap:","px;}"],function(_ref419){var theme=_ref419.theme;return theme.space[5];});var ChangePlanContainer=function ChangePlanContainer(_ref420){var currentPlanId=_ref420.currentPlanId,currency=_ref420.currency,changePlanService=_ref420.changePlanService;var _useTranslation76=(0,_reactI18next.useTranslation)(['common']),t=_useTranslation76.t;var products=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getProducts);var selectedPlan=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getSelectedPlan);var onPlanChange=function onPlanChange(planId){changePlanService.send({type:'SELECT_PLAN',planId:planId});};return/*#__PURE__*/_react.default.createElement(Wrapper,null,products===null||products===void 0?void 0:products.map(function(_ref421){var priceInCents=_ref421.priceInCents,name=_ref421.name,id=_ref421.id,interval=_ref421.interval,intervalUnit=_ref421.intervalUnit;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});}));};var ProratedColumns=function ProratedColumns(_ref422){var proratedCreditAmount=_ref422.proratedCreditAmount,productName=_ref422.productName,billingEndDate=_ref422.billingEndDate;var _useTranslation77=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation77.t;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)));};var NonProratedColumns=function NonProratedColumns(_ref423){var existingBalance=_ref423.existingBalance,productName=_ref423.productName,billingEndDate=_ref423.billingEndDate,nextBillingAmount=_ref423.nextBillingAmount,isImmediate=_ref423.isImmediate;var _useTranslation78=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation78.t;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)));};var PlanChangeSummary=function PlanChangeSummary(_ref424){var productName=_ref424.productName,basePlanPrice=_ref424.basePlanPrice,productChangeStrategy=_ref424.productChangeStrategy,existingBalance=_ref424.existingBalance,billingEndDate=_ref424.billingEndDate,nextBillingAmount=_ref424.nextBillingAmount,currentProductName=_ref424.currentProductName,proratedCreditAmount=_ref424.proratedCreditAmount;var _useTranslation79=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation79.t;var isProrated=productChangeStrategy==='prorated';var 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}))));};var PreviewProductMigrationContainer=function PreviewProductMigrationContainer(_ref425){var changePlanService=_ref425.changePlanService,currency=_ref425.currency,currentProductName=_ref425.currentProductName;var planPreview=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getChangePlanPreview);var productChangeStrategy=planPreview.productChangeStrategy,product=planPreview.product,existingBalanceInCents=planPreview.existingBalanceInCents,billingEndDate=planPreview.billingEndDate,totalInCents=planPreview.totalInCents,proratedAdjustmentInCents=planPreview.proratedAdjustmentInCents;var formatAmount=function formatAmount(amount){return formatCurrency(currency,amount,_i18next.default.language);};var nextBillingAmountInCents=product.priceInCents-existingBalanceInCents;var isNotDelayed=productChangeStrategy!=='delayed';var basePlanPrice=formatAmount(product.priceInCents);var totalCharge=formatAmount(totalInCents>0?totalInCents:0);var nextBillingDate=formatDate(billingEndDate,_i18next.default.language);var existingBalance=formatAmount(existingBalanceInCents);var nextBillingAmount=formatAmount(nextBillingAmountInCents);var proratedCreditAmount=formatAmount(proratedAdjustmentInCents);var 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}));};var ErrorAlert=function ErrorAlert(_ref426){var error=_ref426.error;var _useTranslation80=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation80.t;var description=error==='CardDeclined'?t('plan_change.credit_card_declined'):t('plan_change.unexpected_error_description');var 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));};var Content$2=function Content$2(_ref427){var onClose=_ref427.onClose,catalogId=_ref427.catalogId,subscriptionId=_ref427.subscriptionId,displayMode=_ref427.displayMode,onProcessingUpdate=_ref427.onProcessingUpdate;var toastService=useToastMessages();var _useTranslation81=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation81.t;var _useContext57=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext57.subscriptionsService;var _useServices26=useServices(),modalsService=_useServices26.modalsService;var _useSelector52=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId)),subscription=_useSelector52.subscription;var showToast=function showToast(){toastService.show({level:'success',message:t('plan_change.success_plan_change')});};var onPlanChangeSuccess=function onPlanChangeSuccess(){onClose(true);showToast();};var onThreeDsConfirmation=function onThreeDsConfirmation(threeDsActionLink){onClose(true);modalsService.send({type:'SHOW_THREE_D_SECURE',catalogId:catalogId,subscriptionId:subscriptionId,threeDsActionLink:threeDsActionLink,onSuccess:function onSuccess(){showToast();}});};var changePlanService=useChangePlan(catalogId,subscriptionId,subscription.product.id,onPlanChangeSuccess,onThreeDsConfirmation);var currentPlanId=subscription.product.id;var _useSelector53=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getChangePlanStatus),configurePlanStep=_useSelector53.configurePlanStep,previewPlanStep=_useSelector53.previewPlanStep,configurePlanStepLoading=_useSelector53.configurePlanStepLoading,updatePlanLoading=_useSelector53.updatePlanLoading,previewPlanLoading=_useSelector53.previewPlanLoading,isError=_useSelector53.isError;var selectedPlan=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getSelectedPlan);var error=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getError);(0,_react.useEffect)(function(){changePlanService.send({type:'GET_PRODUCTS'});},[]);(0,_react.useEffect)(function(){onProcessingUpdate(updatePlanLoading);},[updatePlanLoading,onProcessingUpdate]);var 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:function onClick(){return changePlanService.send({type:'GO_BACK'});},iconLeft:'chevronLeft'})):null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close',{ns:'common'}),onClick:function onClick(){return 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:function onClick(){return 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:function onClick(){return changePlanService.send({type:'CONFIRM_CHANGE_PLAN'});}}):null)));};var ChangeSubscriptionPlan=function ChangeSubscriptionPlan(){var _useState69=(0,_react.useState)(false),_useState70=_slicedToArray(_useState69,2),closeDisable=_useState70[0],setCloseDisable=_useState70[1];var _useServices27=useServices(),modalsService=_useServices27.modalsService;var modalVariant=useModalVariant();var _useSelector54=(0,_react2.useSelector)(modalsService,modalsSelectors.getChangeSubscriptionPlan),isOpen=_useSelector54.isOpen,meta=_useSelector54.meta;var closeHandler=function closeHandler(successUpdate){if(!closeDisable||successUpdate)modalsService.send({type:'CLOSE_MODAL'});};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:function onClose(){return closeHandler();},variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$2,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onProcessingUpdate:function onProcessingUpdate(isProcessing){return setCloseDisable(isProcessing);},onClose:closeHandler})));};var Content$1=function Content$1(_ref428){var onClose=_ref428.onClose,catalogId=_ref428.catalogId,subscriptionId=_ref428.subscriptionId,threeDsActionLink=_ref428.threeDsActionLink,onSuccess=_ref428.onSuccess;var threeDsService=useThreeDs({catalogId:catalogId,subscriptionId:subscriptionId,onSuccess:onSuccess});(0,_react.useEffect)(function(){window.addEventListener('message',function(event){var _event$data3,_event$data4;if((_event$data3=event.data)!==null&&_event$data3!==void 0&&_event$data3.THREE_DS_STATUS){threeDsService.send('THREE_DS_SUCCESS');}if(((_event$data4=event.data)===null||_event$data4===void 0?void 0:_event$data4.THREE_DS_STATUS)===false){onClose();}});return function(){return window.removeEventListener('message',function(){});};},[threeDsActionLink]);return/*#__PURE__*/_react.default.createElement("iframe",{title:'3ds-confirmation',src:threeDsActionLink,style:{width:'700px',height:'700px',border:'none'}});};var ThreeDsConfirmation=function ThreeDsConfirmation(){var _useServices28=useServices(),modalsService=_useServices28.modalsService;var modalVariant=useModalVariant();var _useSelector55=(0,_react2.useSelector)(modalsService,modalsSelectors.getThreeDsConfirmation),isOpen=_useSelector55.isOpen,meta=_useSelector55.meta;var closeHandler=function closeHandler(){modalsService.send({type:'CLOSE_MODAL'});};var onSuccess=function onSuccess(){meta.onSuccess();closeHandler();};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$1,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler,onSuccess:onSuccess})));};var getAlertTitle=function getAlertTitle(_ref429,t,currency){var code=_ref429.code,percentage=_ref429.percentage,recurring=_ref429.recurring,amountInCents=_ref429.amountInCents;var amount=amountInCents&&formatCurrency(currency,amountInCents,currency);if(recurring){return percentage?t('coupons.recurring_percent',{percentage:percentage,code:code}):t('coupons.recurring_amount',{code:code,amount:amount});}return percentage?t('coupons.one_time_percent',{percentage:percentage,code:code}):t('coupons.one_time_amount',{code:code,amount:amount});};var getAlertMsg=function getAlertMsg(_ref430,t,currency){var percentage=_ref430.percentage,amountInCents=_ref430.amountInCents,expiresAt=_ref430.expiresAt;var amount=amountInCents&&formatCurrency(currency,amountInCents,currency);var date=expiresAt&&formatDate(expiresAt);if(expiresAt){return percentage?t('coupons.recurring_description_till',{value:"".concat(percentage,"%"),date:date}):t('coupons.recurring_description_till',{value:"-".concat(amount),date:date});}return percentage?t('coupons.recurring_description',{value:"".concat(percentage,"%")}):t('coupons.recurring_description',{value:"-".concat(amount)});};var getCouponErrorMsg=function 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');}};var CouponSummary=function CouponSummary(_ref431){var onClick=_ref431.onClick,coupon=_ref431.coupon,currency=_ref431.currency;var _useTranslation82=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation82.t;var alertTitle=getAlertTitle(coupon,t,currency);var 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')})));};var Content=function Content(_ref432){var onClose=_ref432.onClose,displayMode=_ref432.displayMode,couponService=_ref432.couponService,currency=_ref432.currency;var _useTranslation83=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation83.t;var coupons=(0,_react2.useSelector)(couponService,couponsSelectors.getCoupons);var couponError=(0,_react2.useSelector)(couponService,couponsSelectors.getError);var addedCoupon=(0,_react2.useSelector)(couponService,couponsSelectors.getAddedCoupon);var _useSelector56=(0,_react2.useSelector)(couponService,couponsSelectors.getCouponsStatus),isAddingCoupon=_useSelector56.isAddingCoupon,isCouponAdded=_useSelector56.isCouponAdded;var _React$useState5=_react.default.useState(''),_React$useState6=_slicedToArray(_React$useState5,2),couponCode=_React$useState6[0],setCouponCode=_React$useState6[1];var formattedCoupons=(0,_react.useMemo)(function(){return coupons===null||coupons===void 0?void 0:coupons.map(function(coupon){return{code:coupon.code,value:formatCouponValue(coupon,currency),description:getCouponDescription(coupon,t)};});},[]);var handleAddCoupon=function handleAddCoupon(){couponService.send({type:'ADD_COUPON',couponCode:couponCode});};var handleAddAnotherCoupon=function handleAddAnotherCoupon(){setCouponCode('');couponService.send({type:'ADD_ANOTHER_COUPON'});};var modalTitle=isCouponAdded?'coupon_summary_title':'add_coupon_title';var 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.".concat(modalTitle))})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,!isCouponAdded?/*#__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:function onChange(e){return setCouponCode(e.target.value);},name:'couponCode',value:couponCode})))):null,isCouponAdded?/*#__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('cancel_subscription.keep_active'),onClick:onClose}),!isCouponAdded?/*#__PURE__*/_react.default.createElement(Button$1,{disabled:isAddingCoupon||!couponCode,isLoading:isAddingCoupon,color:"primary",label:t('coupons.apply_coupon'),onClick:handleAddCoupon}):null))));};var AddCoupon=function AddCoupon(){var _useServices29=useServices(),modalsService=_useServices29.modalsService;var modalVariant=useModalVariant();var _useSelector57=(0,_react2.useSelector)(modalsService,modalsSelectors.getAddCoupon),isOpen=_useSelector57.isOpen,meta=_useSelector57.meta;var closeHandler=function 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,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var ModalsContainer=function 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));};var useProductCatalog=function useProductCatalog(){var _useContext58=(0,_react.useContext)(GlobalStateContext),productCatalogService=_useContext58.productCatalogService;var items=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getProductCatalogItems);var _useSelector58=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getProductCatalogFetchStatus),isLoading=_useSelector58.isLoading,error=_useSelector58.error,ready=_useSelector58.ready;var initialize=(0,_react.useCallback)(function(){if(error)productCatalogService.send('RETRY_FETCH_PRODUCT_CATALOG');else productCatalogService.send('INITIALIZE');},[error]);return{items:items,error:error,ready:ready,isLoading:isLoading,initialize:initialize};};var useSubscriptions=function useSubscriptions(){var _useContext59=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext59.subscriptionsService;var _useSelector59=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsFetchStatus),isLoading=_useSelector59.isLoading,error=_useSelector59.error,ready=_useSelector59.ready;var initialize=(0,_react.useCallback)(function(){if(error)subscriptionsService.send('RETRY_FETCH_SUBSCRIPTIONS');else subscriptionsService.send('FETCH_SUBSCRIPTIONS');},[error]);return{isLoading:isLoading,initialize:initialize,ready:ready,error:error};};var SubscriptionsList=function SubscriptionsList(){var _useTranslation84=(0,_reactI18next.useTranslation)(['common','subscriptions-manager']),t=_useTranslation84.t;var subscriptions=useSubscriptions();var productCatalog=useProductCatalog();(0,_react.useEffect)(function(){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:function onReinitialize(){productCatalog.initialize();subscriptions.initialize();}},/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,productCatalog.items.map(function(_ref433){var id=_ref433.id,name=_ref433.name;return/*#__PURE__*/_react.default.createElement(SubscriptionsContainer,{key:id,catalogId:id,catalogName:name,useExpandableLayout:productCatalog.items.length>1});})));};var Subscription=function Subscription(){var _useTranslation85=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation85.t;var navigate=(0,_reactRouterDom.useNavigate)();var _useDeviceInfo16=useDeviceInfo(),device=_useDeviceInfo16.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var _useParams3=(0,_reactRouterDom.useParams)(),catalogId=_useParams3.catalogId,subscriptionId=_useParams3.subscriptionId;var _useContext60=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext60.subscriptionsService,productCatalogService=_useContext60.productCatalogService;var productCatalog=(0,_react2.useSelector)(productCatalogService,(0,_react.useCallback)(productCatalogSelectors.getProductCatalogById(Number(catalogId)),[]));var _useSelector60=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[])),subscription=_useSelector60.subscription,subscriptionRef=_useSelector60.subscriptionRef;var id=subscription.id,name=subscription.product.name;return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:(productCatalog===null||productCatalog===void 0?void 0:productCatalog.name)&&"".concat(productCatalog.name,":"),subtitle:name,size:isOnMobileDevice?'small':'medium',previousPageLabel:t('back_to_subscriptions_list',{ns:'subscriptions-manager'}),onBack:function onBack(){return 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,subscriptionRef:subscriptionRef,layout:"all-details"})));};var ComponentsAllocation=function ComponentsAllocation(){var _useTranslation86=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']),t=_useTranslation86.t;var navigate=(0,_reactRouterDom.useNavigate)();var _useContext61=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext61.subscriptionsService;var _useComponentSettings11=useComponentSettings(),subscriptionConfig=_useComponentSettings11.subscription;var _useParams4=(0,_reactRouterDom.useParams)(),subscriptionId=_useParams4.subscriptionId,catalogId=_useParams4.catalogId;var addOnsConfigurationService=useAddonsConfigurationService(Number(catalogId));var _useSelector61=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[])),subscription=_useSelector61.subscription;var name=subscription.product.name;var _useDeviceInfo17=useDeviceInfo(),device=_useDeviceInfo17.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var onFinishConfiguration=(0,_react.useCallback)(function(){if(subscriptionConfig.details==='page'){navigate("/subscription/".concat(catalogId,"/").concat(subscriptionId));}else{navigate('/');}},[subscriptionConfig.details]);(0,_react.useEffect)(function(){addOnsConfigurationService.send('INITIALIZE',{subscriptionId:subscriptionId});},[]);var allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);var _useSelector62=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState),configureAllocationsStep=_useSelector62.configureAllocationsStep,previewAllocationsStep=_useSelector62.previewAllocationsStep,previewAllocationsLoading=_useSelector62.previewAllocationsLoading,updateAllocationsLoading=_useSelector62.updateAllocationsLoading;var getCurrentStep=function getCurrentStep(){return previewAllocationsStep?1:0;};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:"".concat(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:function onClick(){if(configureAllocationsStep){addOnsConfigurationService.send('PREVIEW_ALLOCATIONS',{allocations:allocations});}else{addOnsConfigurationService.send('UPDATE_ALLOCATIONS',{allocations:allocations});}}}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel',{ns:'common'}),onClick:onFinishConfiguration})))));};var CustomFieldsForm=function CustomFieldsForm(_ref434){var customFields=_ref434.customFields,onChange=_ref434.onChange,isError=_ref434.isError,portalContainer=_ref434.portalContainer;var _useTranslation87=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation87.t;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(function(_ref435){var name=_ref435.name,id=_ref435.id,fieldType=_ref435.fieldType,value=_ref435.value,options=_ref435.enum;return/*#__PURE__*/_react.default.createElement(FormField,{label:name,name:name,key:id,fullWidth:true},renderField({portalContainer:portalContainer,id:id,name:name,fieldType:fieldType,value:value||'',options:options,onChange:onChange,maxLength:2048}));})));};var CustomFields=function CustomFields(){var navigate=(0,_reactRouterDom.useNavigate)();var _useTranslation88=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation88.t;var _useContext62=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext62.subscriptionsService;var _useParams5=(0,_reactRouterDom.useParams)(),subscriptionId=_useParams5.subscriptionId,catalogId=_useParams5.catalogId;var toastsService=useToastMessages();var _useDeviceInfo18=useDeviceInfo(),device=_useDeviceInfo18.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var portalContainer=(0,_react.useRef)(null);var _useSelector63=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[])),customFieldsRef=_useSelector63.customFieldsRef,subscription=_useSelector63.subscription;var name=subscription.product.name;var _useState71=(0,_react.useState)(null),_useState72=_slicedToArray(_useState71,2),editedFields=_useState72[0],setEditedFields=_useState72[1];var _useActor9=(0,_react2.useActor)(customFieldsRef),_useActor10=_slicedToArray(_useActor9,2),_=_useActor10[0],sendToMachine=_useActor10[1];var _useSelector64=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFieldsState),isReady=_useSelector64.isReady,isSaving=_useSelector64.isSaving,isSaveError=_useSelector64.isSaveError;(0,_react.useEffect)(function(){if(isReady){toastsService.show({level:'success',message:t('changes_saved',{ns:'common'})});navigate('/');}},[isReady]);var customFields=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFields);var onFieldValueChange=function onFieldValueChange(id,value){var fields=_toConsumableArray(editedFields);var index=fields.findIndex(function(field){return field.id===id;});fields[index]=_objectSpread(_objectSpread({},fields[index]),{},{value:value});setEditedFields(fields);};(0,_react.useEffect)(function(){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:function onClick(){sendToMachine({type:'SAVE',payload:editedFields.map(function(_ref436){var id=_ref436.id,value=_ref436.value;return{id:id,value:value};})});},isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:function onClick(){return navigate('/');}})))),/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer,style:{position:'absolute',top:0,left:0}}));};var PaymentProfiles=function PaymentProfiles(){var _useTranslation89=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation89.t;var _useParams6=(0,_reactRouterDom.useParams)(),subscriptionId=_useParams6.subscriptionId,catalogId=_useParams6.catalogId;var _useServices30=useServices(),subscriptionsService=_useServices30.subscriptionsService;var _useDeviceInfo19=useDeviceInfo(),device=_useDeviceInfo19.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var _useSelector65=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[])),subscription=_useSelector65.subscription;return/*#__PURE__*/_react.default.createElement(PaymentProfilesProvider,null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:t('payment_profile.billing_info'),subtitle:subscription===null||subscription===void 0?void 0: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));};var App=function App(_ref437){var subscription=_ref437.subscription,paymentProfile=_ref437.paymentProfile,componentsAllocation=_ref437.componentsAllocation;return/*#__PURE__*/_react.default.createElement(ConfigContext.Provider,{value:{subscription:subscription,paymentProfile:paymentProfile,componentsAllocation: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))));};var defaultSettings={componentsAllocation:{allocationFlow:'modal'},subscription:{details:'page'},paymentProfile:{editFlow:'modal',requiredFields:[],addressFields:['address','address2','city','state','zip','country']}};var SubscriptionsManager=/*#__PURE__*/function(_EmbeddableComponent3){_inherits(SubscriptionsManager,_EmbeddableComponent3);var _super3=_createSuper(SubscriptionsManager);function SubscriptionsManager(_ref438){var i18n=_ref438.i18n,componentsTheme=_ref438.componentsTheme,sessionManager=_ref438.sessionManager,dataAccess=_ref438.dataAccess;_classCallCheck(this,SubscriptionsManager);return _super3.call(this,{i18n:i18n,componentsTheme:componentsTheme,sessionManager:sessionManager,dataAccess:dataAccess});}_createClass(SubscriptionsManager,[{key:"render",value:function render(container,componentSettings){var settings=componentSettings||defaultSettings;_get(_getPrototypeOf(SubscriptionsManager.prototype),"renderComponent",this).call(this,container,App,settings,SubscriptionsManagerLoader);}}]);return SubscriptionsManager;}(EmbeddableComponent);var DEFAULT_LANGUAGE='en';var API_URL='https://selfservice.maxio.com/api';var defaultI18NSettings={loadPath:''};var ComponentsSDK=/*#__PURE__*/function(){function ComponentsSDK(_ref439){var _theme=_ref439.theme,accessTokenUrl=_ref439.accessTokenUrl,onAuthenticationRequest=_ref439.onAuthenticationRequest,i18nSettings=_ref439.i18nSettings,apiUrl=_ref439.apiUrl;_classCallCheck(this,ComponentsSDK);_defineProperty(this,"theme",theme);_defineProperty(this,"i18n",void 0);_defineProperty(this,"sessionManager",void 0);_defineProperty(this,"dataAccess",void 0);_defineProperty(this,"logger",void 0);_defineProperty(this,"apiUrl",API_URL);this.i18n=this.createI18NInstance(i18nSettings||defaultI18NSettings);if(_theme)this.theme=ThemeUtilities.createTheme(_theme);if(apiUrl)this.apiUrl=apiUrl;this.sessionManager=new SessionManager({accessTokenUrl:accessTokenUrl,onAuthenticationRequest:onAuthenticationRequest});this.dataAccess=new DataAccess({sessionManager:this.sessionManager,baseUrl:this.apiUrl});this.logger=_jsLogger.default.get('@components-factory');}_createClass(ComponentsSDK,[{key:"createI18NInstance",value:function createI18NInstance(_ref440){var loadPath=_ref440.loadPath,language=_ref440.language;var initialLanguage=language||DEFAULT_LANGUAGE;return _i18next.default.createInstance({lng:initialLanguage,fallbackLng:'en',defaultNS:'common',backend:{loadPath:loadPath},react:{useSuspense:false},interpolation:{escapeValue:false}}).use(_reactI18next.initReactI18next).use(_i18nextHttpBackend.default);}},{key:"initI18N",value:function initI18N(){if(!this.i18n.isInitialized){this.logger.info('Initializing i18n instance');this.i18n.init({ns:['common']});}}},{key:"i18nInstance",get:function get(){return this.i18n;}},{key:"create",value:function create(component){this.initI18N();this.sessionManager.initialize();var 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);}}}]);return ComponentsSDK;}();exports.Components=ComponentsSDK;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj;}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;},_typeof(obj);}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 _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");var _excluded=["label","size","iconLeft","iconRight","disabled","onClick"],_excluded2=["label","color","size","fill","disabled","iconLeft","iconRight","isLoading","loadingText","onClick"],_excluded3=["value","inputSize","disabled","iconLeft","iconRight","hasError","variant","fullWidth","onChange"],_excluded4=["children","gutter","rowGap"],_excluded5=["value","onChange","label","isDisabled"],_excluded6=["label","value","onValueChange","isSelected","isDisabled"],_excluded7=["size","status","fullWidth","variant"],_excluded8=["children"],_excluded9=["separator","placeholder","validationFn","tags","tagProps","onCreate","onRemove","onPaste","blinkTime","fullWidth","maxTags"],_excluded10=["children","align"],_excluded11=["sortMode","children","align","onClick","minWidth","disableSort"],_excluded12=["address2"],_excluded13=["subscriptionId"],_excluded14=["sortBy"],_excluded15=["date"],_excluded16=["onChange","placeholder","value"],_excluded17=["onChange","placeholder","values","showSearch","products"],_excluded18=["currency","amountDueInCents","totalAmountInCents"],_excluded19=["state"],_excluded20=["catalogId","subscriptionId","type"],_excluded21=["type"],_excluded22=["state","scheduledCancellationAt"],_excluded23=["type"],_excluded24=["status","show3DSModal","existingBalance"],_excluded25=["status","product","productFamilyId","billing","components","customFields","referralCode","threeDsActionLink"];function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||_typeof(obj)!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};}function _createForOfIteratorHelper(o,allowArrayLike){var it=typeof Symbol!=="undefined"&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&typeof o.length==="number"){if(it)o=it;var i=0;var F=function F(){};return{s:F,n:function n(){if(i>=o.length)return{done:true};return{done:false,value:o[i++]};},e:function e(_e2){throw _e2;},f:F};}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}var normalCompletion=true,didErr=false,err;return{s:function s(){it=it.call(o);},n:function n(){var step=it.next();normalCompletion=step.done;return step;},e:function e(_e3){didErr=true;err=_e3;},f:function f(){try{if(!normalCompletion&&it.return!=null)it.return();}finally{if(didErr)throw err;}}};}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return _typeof(key)==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(_typeof(input)!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(_typeof(res)!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _objectDestructuringEmpty(obj){if(obj==null)throw new TypeError("Cannot destructure undefined");}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return exports;};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";function define(obj,key,value){return Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}),obj[key];}try{define({},"");}catch(err){define=function define(obj,key,value){return obj[key]=value;};}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return generator._invoke=function(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"===state)throw new Error("Generator is already running");if("completed"===state){if("throw"===method)throw arg;return doneResult();}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult;}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"===state)throw state="completed",context.arg;context.dispatchException(context.arg);}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done};}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg);}};}(innerFn,self,context),generator;}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)};}catch(err){return{type:"throw",arg:err};}}exports.wrap=wrap;var ContinueSentinel={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,function(){return this;});var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);function defineIteratorMethods(prototype){["next","throw","return"].forEach(function(method){define(prototype,method,function(arg){return this._invoke(method,arg);});});}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==_typeof(value)&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then(function(value){invoke("next",value,resolve,reject);},function(err){invoke("throw",err,resolve,reject);}):PromiseImpl.resolve(value).then(function(unwrapped){result.value=unwrapped,resolve(result);},function(error){return invoke("throw",error,resolve,reject);});}reject(record.arg);}var previousPromise;this._invoke=function(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl(function(resolve,reject){invoke(method,arg,resolve,reject);});}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();};}function maybeInvokeDelegate(delegate,context){var method=delegate.iterator[context.method];if(undefined===method){if(context.delegate=null,"throw"===context.method){if(delegate.iterator.return&&(context.method="return",context.arg=undefined,maybeInvokeDelegate(delegate,context),"throw"===context.method))return ContinueSentinel;context.method="throw",context.arg=new TypeError("The iterator does not provide a 'throw' method");}return ContinueSentinel;}var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=undefined),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel);}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry);}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record;}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0);}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;){if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;}return next.value=undefined,next.done=!0,next;};return next.next=next;}}return{next:doneResult};}function doneResult(){return{value:undefined,done:!0};}return GeneratorFunction.prototype=GeneratorFunctionPrototype,define(Gp,"constructor",GeneratorFunctionPrototype),define(GeneratorFunctionPrototype,"constructor",GeneratorFunction),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name));},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun;},exports.awrap=function(arg){return{__await:arg};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,function(){return this;}),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then(function(result){return result.done?result.value:iter.next();});},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,function(){return this;}),define(Gp,"toString",function(){return"[object Generator]";}),exports.keys=function(object){var keys=[];for(var key in object){keys.push(key);}return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next;}return next.done=!0,next;};},exports.values=values,Context.prototype={constructor:Context,reset:function reset(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=undefined,this.done=!1,this.delegate=null,this.method="next",this.arg=undefined,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this){"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=undefined);}},stop:function stop(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval;},dispatchException:function dispatchException(exception){if(this.done)throw exception;var context=this;function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=undefined),!!caught;}for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc);}else if(hasCatch){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);}else{if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc);}}}},abrupt:function abrupt(type,arg){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break;}}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record);},complete:function complete(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel;},finish:function finish(finallyLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel;}},catch:function _catch(tryLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry);}return thrown;}}throw new Error("illegal catch attempt");},delegateYield:function delegateYield(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName:resultName,nextLoc:nextLoc},"next"===this.method&&(this.arg=undefined),ContinueSentinel;}},exports;}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++){arr2[i]=arr[i];}return arr2;}function _iterableToArrayLimit(arr,i){var _i=arr==null?null:typeof Symbol!=="undefined"&&arr[Symbol.iterator]||arr["@@iterator"];if(_i==null)return;var _arr=[];var _n=true;var _d=false;var _s,_e;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable;})),keys.push.apply(keys,symbols);}return keys;}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key]);}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key));});}return target;}function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}var 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,function(_ref){var size=_ref.size;return size?"".concat(size,"px"):'100%';},function(_ref2){var size=_ref2.size;return size?"".concat(size,"px"):'100%';});var getIcon=function 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;}};var Icon=function Icon(_ref3){var _ref3$fill=_ref3.fill,fill=_ref3$fill===void 0?'black':_ref3$fill,type=_ref3.type,size=_ref3.size,onClick=_ref3.onClick;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"}));};var commonSettings$6={fontWeight:2,fontFamily:'secondary',borderRadius:3,lineHeight:'100%',boxShadow:function boxShadow(props){return props.boxShadows.input;},'&:focus-visible':{boxShadow:function boxShadow(props){return"0 0 0 3px ".concat(props.colors.primary.light);}}};var 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:_objectSpread({paddingTop:'2',paddingBottom:'2',paddingLeft:'3',paddingRight:'3',fontSize:'0',lineHeight:'0'},commonSettings$6),medium:_objectSpread({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'}}}}};var commonSettings$5={fontWeight:2,fontFamily:'secondary',color:'primary.main',borderRadius:1,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'3px'},'&:hover':{color:'primary.dark'}};var anchorSettings={componentVariants:{size:{prop:'size',variants:{small:_objectSpread({fontSize:'0',lineHeight:'0',columnGap:'2'},commonSettings$5),medium:_objectSpread({fontSize:'1',lineHeight:'1',columnGap:'3'},commonSettings$5)}},iconSize:{prop:'iconSize',variants:{small:{width:'0',height:'0'},medium:{width:'1',height:'1'}}}}};var bodyTextSettings={componentVariants:{variant:{prop:'variant',variants:{body1:{fontSize:2,lineHeight:2},body2:{fontSize:1,lineHeight:1},body3:{fontSize:0,lineHeight:0}}}}};var 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}}}}};var commonSettings$4={fontWeight:1,fontFamily:'secondary',fontSize:'0',lineHeight:'0'};var inputMessageSettings={componentVariants:{type:{prop:'type',variants:{normal:_objectSpread({color:'gray.dark'},commonSettings$4),error:_objectSpread({color:'danger.main'},commonSettings$4)}}}};var inputSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',borderColor:'gray.light',backgroundColor:'white.main',borderRadius:3,boxShadow:function boxShadow(props){return 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'}}}}};var tooltipSettings={componentVariants:{size:{prop:'size',variants:{regular:{borderRadius:1,paddingTop:4,paddingRight:5,paddingBottom:4,paddingLeft:5,maxWidth:'300px',boxShadow:function boxShadow(props){return"0px 12px 24px ".concat((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}}}}};var 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'}}}}};var switcherBase={width:4,height:4,borderRadius:4,backgroundColor:'white.main',borderWidth:1,borderStyle:'solid'};var 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':_objectSpread({borderColor:'success.dark'},switcherBase),'primary-active-off':_objectSpread({borderColor:'success.dark'},switcherBase),'primary-disabled-on':_objectSpread({borderColor:'success.light'},switcherBase),'primary-disabled-off':_objectSpread({borderColor:'gray.light'},switcherBase),'reversed-active-on':_objectSpread({borderColor:'success.dark'},switcherBase),'reversed-active-off':_objectSpread({borderColor:'success.dark'},switcherBase),'reversed-disabled-on':_objectSpread({borderColor:'success.light'},switcherBase),'reversed-disabled-off':_objectSpread({borderColor:'gray.light'},switcherBase)}}}};var commonSettings$3={borderWidth:1,borderStyle:'solid'};var labelCommonSettings$1={fontFamily:'secondary',fontSize:1,lineHeight:1,fontWeight:2,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'2px'}};var checkboxSettings={componentVariants:{variant:{prop:'variant',variants:{'checked-disabled':_objectSpread({backgroundColor:'success.light',borderColor:'success.light'},commonSettings$3),'checked-active':_objectSpread({backgroundColor:'success.main',borderColor:'success.main'},commonSettings$3),'unchecked-disabled':_objectSpread({backgroundColor:'white.dark',borderColor:'gray.main'},commonSettings$3),'unchecked-active':_objectSpread(_objectSpread({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:_objectSpread(_objectSpread({},labelCommonSettings$1),{},{color:'gray.main'}),active:_objectSpread(_objectSpread({},labelCommonSettings$1),{},{color:'primary.extraDark'})}}}};var subscriptionComponentCardSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{backgroundColor:'primary.extraLight'},secondary:{backgroundColor:'white.main'}}}}};var selectSettings={componentVariants:{selectVariant:{prop:'selectVariant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:function boxShadow(props){return 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'}}}}}};var radioCommonSettings={boxShadow:function boxShadow(props){return"inset ".concat(props.boxShadows.input);},width:2,minWidth:2,height:2};var dotCommonSettings={width:0,height:0};var labelCommonSettings={fontFamily:'secondary',fontSize:1,lineHeight:1,fontWeight:2,gap:2,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'2px'}};var radioButtonSettings={componentVariants:{variant:{prop:'variant',variants:{'selected-active':_objectSpread(_objectSpread({borderColor:'success.main',borderWidth:'2px',borderStyle:'solid',cursor:'pointer'},radioCommonSettings),{},{'&:before':_objectSpread({visibility:'visible',backgroundColor:'success.main'},dotCommonSettings)}),'selected-disabled':_objectSpread(_objectSpread({borderColor:'success.light',borderWidth:'2px',borderStyle:'solid'},radioCommonSettings),{},{'&:before':_objectSpread({visibility:'visible',backgroundColor:'success.light'},dotCommonSettings)}),'unselected-active':_objectSpread({borderColor:'gray.main',borderWidth:'1px',borderStyle:'solid',backgroundColor:'white.main',cursor:'pointer','&:before':_objectSpread({visibility:'hidden'},dotCommonSettings)},radioCommonSettings),'unselected-disabled':_objectSpread({borderColor:'gray.main',borderWidth:'1px',borderStyle:'solid',backgroundColor:'white.dark','&:before':_objectSpread({visibility:'hidden'},dotCommonSettings)},radioCommonSettings)}},labelVariant:{prop:'labelVariant',variants:{active:_objectSpread(_objectSpread({},labelCommonSettings),{},{color:'primary.extraDark',cursor:'pointer'}),disabled:_objectSpread(_objectSpread({},labelCommonSettings),{},{color:'gray.main'})}}}};var optionsSettings={componentVariants:{selectVariant:{prop:'selectVariant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',backgroundColor:'white.main',boxShadow:function boxShadow(props){return 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'}}}}};var textAreaSettings={componentVariants:{variant:{prop:'variant',variants:{primary:{fontWeight:0,fontFamily:'secondary',color:'black.main',borderColor:'gray.light',backgroundColor:'white.main',borderRadius:3,boxShadow:function boxShadow(props){return 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'}}}}}};var 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};var 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'}}}}};var cardSettings={componentVariants:{variant:{prop:'variant',variants:{small:{borderWidth:'1px',borderStyle:'solid',borderColor:'gray.extraLight',boxShadow:function boxShadow(props){return"0 12px 24px ".concat((0,_polished.transparentize)(0.85,props.colors.black.dark));}},regular:{borderWidth:'1px',borderStyle:'solid',borderColor:'gray.extraLight',boxShadow:function boxShadow(props){return"0 8px 16px ".concat((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}}}}};var commonSettings$2={paddingTop:3,paddingRight:5,paddingBottom:3,paddingLeft:5,'&:focus-visible':{outlineColor:'primary.light',outlineStyle:'solid',outlineWidth:'3px',zIndex:1}};var 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:_objectSpread({},commonSettings$2),regular:_objectSpread({},commonSettings$2)}}}};var 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'}}}}};var formFieldSettings={componentVariants:{labelPosition:{prop:'labelPosition',variants:{left:{columnGap:4,flexDirection:'row'},top:{rowGap:2,flexDirection:'column'}}}}};var 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:function boxShadow(props){return props.boxShadows.input;}}}},inputSize:{prop:'inputSize',variants:{regular:{fontSize:1,padding:2,paddingLeft:3,fontFamily:'secondary',lineHeight:1,width:'100%','&::placeholder':{color:'gray.main'}}}}}};var commonSettings$1={fontWeight:2,fontFamily:'secondary',gap:'1'};var inputLabelSettings={componentVariants:{size:{prop:'size',variants:{small:_objectSpread({fontSize:'0',lineHeight:'0'},commonSettings$1),medium:_objectSpread({fontSize:'1',lineHeight:'1'},commonSettings$1)}},color:{prop:'color',variants:{primary:{color:'primary.extraDark'},danger:{color:'danger.main'},gray:{color:'gray.main'}}}}};var commonTextSettings={transform:'translateX(-50%) translateY(8px)',left:'50%',top:'100%'};var 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:_objectSpread(_objectSpread({},commonTextSettings),{},{color:'gray.main'}),active:_objectSpread(_objectSpread({},commonTextSettings),{},{color:'success.main'}),completed:_objectSpread(_objectSpread({},commonTextSettings),{},{color:'success.light'})}}}};var 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'}}}}};var 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:function background(props){return(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}}}}};var 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'}}}}};var creditCardNumberSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};var creditCardAddressSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'gray.dark'}}}}};var creditCardHolderDetailsSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};var accordionSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};var pageHeaderTitleSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'gray.dark'}}}}};var pageHeaderSubtitleSettings={componentVariants:{variant:{prop:'variant',variants:{regular:{color:'black.main'}}}}};var 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};var commonSettings={borderWidth:'1px',borderStyle:'solid',borderColor:'gray.light'};var creditCardSettings={componentVariants:{size:{prop:'size',variants:{regular:_objectSpread({width:'320px',height:'180px',borderRadius:3,padding:6},commonSettings),small:_objectSpread({width:'250px',height:'140px',borderRadius:3,padding:4},commonSettings)}},variant:{prop:'variant',variants:{primary:{background:function background(props){return"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%), ".concat(props.colors.primary.extraLight,";");}},secondary:{background:function background(props){return"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%), ".concat(props.colors.primary.extraLight,";");}}}},status:{prop:'status',variants:{active:{borderColor:'success.main'},error:{borderColor:'danger.main'},unavailable:{borderColor:'danger.main',opacity:0.65},normal:{}}}}};var 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)'}}}}};var 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'}}}}};var commonRowSettings={paddingLeft:7,paddingRight:7,border:0,borderTop:1,borderColor:'gray.extraLight',borderStyle:'solid',background:'white.main'};var 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:_objectSpread(_objectSpread({},commonRowSettings),{},{'&:hover':{backgroundColor:'primary.extraLight'}}),head:_objectSpread({},commonRowSettings)}},footer:{prop:'variant',variants:{default:{background:'primary.extraLight'}}},wrapper:{prop:'wrapper',variants:{default:{borderRadius:3,boxShadow:function boxShadow(props){return"0px 12px 24px 0px ".concat(props.colors.gray.extraLight);}}}}}};var organismsSettings={CreditCard:creditCardSettings,Watermark:watermarkSettings,BankAccount:bankAccountSettings,Table:tableSettings};var componentsSettings=_objectSpread(_objectSpread(_objectSpread({},atomsSettings),moleculesSettings),organismsSettings);var 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'}};var 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 ".concat((0,_polished.transparentize)(0.85,palette.black.dark))},fonts:{primary:"'Montserrat', sans-serif",secondary:'"Open Sans", sans-serif'},components:componentsSettings};var ThemeUtilities=/*#__PURE__*/function(){function ThemeUtilities(){_classCallCheck(this,ThemeUtilities);}_createClass(ThemeUtilities,null,[{key:"createTheme",value:function createTheme(){var partialTheme=arguments.length>0&&arguments[0]!==undefined?arguments[0]:null;if(partialTheme)return(0,_deepmerge.default)(theme,partialTheme,{arrayMerge:function arrayMerge(destinationArray,sourceArray){return sourceArray;}});return theme;}},{key:"getComponentCSSOverrides",value:function getComponentCSSOverrides(_ref4,component){var _theme$components$com;var theme=_ref4.theme;return(_theme$components$com=theme.components[component])===null||_theme$components$com===void 0?void 0:_theme$components$com.cssOverrides;}},{key:"getComponentVariant",value:function getComponentVariant(_ref5,component,variant){var _components$component;var theme=_ref5.theme;var components=theme.components;var componentSettings=(_components$component=components[component])===null||_components$component===void 0?void 0:_components$component.componentVariants;return componentSettings[variant];}}]);return ThemeUtilities;}();var ThemeProvider=function ThemeProvider(_ref6){var children=_ref6.children,theme=_ref6.theme;return/*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider,{theme:theme},children);};(0,_styledSystem.system)({backgroundColor:{property:'background',scale:'colors'}});var fontSmoothing=(0,_styledComponents.css)(["-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Anchor','size'));},function(_ref7){var disabled=_ref7.disabled,theme=_ref7.theme;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)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Anchor');}));var IconContainer$3=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer3",componentId:"maxio-components__sc-lo74t2-2"})(["&&&{display:flex;justify-content:center;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Anchor','iconSize'));});var Anchor=function Anchor(_ref8){var label=_ref8.label,_ref8$size=_ref8.size,size=_ref8$size===void 0?'medium':_ref8$size,iconLeft=_ref8.iconLeft,iconRight=_ref8.iconRight,_ref8$disabled=_ref8.disabled,disabled=_ref8$disabled===void 0?false:_ref8$disabled,_onClick=_ref8.onClick,props=_objectWithoutProperties(_ref8,_excluded);return/*#__PURE__*/_react.default.createElement(StyledAnchor,_objectSpread({size:size,onClick:function onClick(){return!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})));};var 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,function(props){return props.whiteSpace&&(0,_styledComponents.css)(["white-space:",";"],props.whiteSpace);},function(props){return props.overflow==='truncate'&&(0,_styledComponents.css)(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"]);},function(props){return props.overflow==='break-word'&&(0,_styledComponents.css)(["overflow-wrap:break-word;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BodyText','variant'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'BodyText');}),_styledSystem.lineHeight);var BodyText=function BodyText(_ref9){var _ref9$variant=_ref9.variant,variant=_ref9$variant===void 0?'body1':_ref9$variant,_ref9$fontWeight=_ref9.fontWeight,fontWeight=_ref9$fontWeight===void 0?0:_ref9$fontWeight,_ref9$fontStyle=_ref9.fontStyle,fontStyle=_ref9$fontStyle===void 0?'normal':_ref9$fontStyle,_ref9$color=_ref9.color,color=_ref9$color===void 0?'black.main':_ref9$color,_ref9$textAlign=_ref9.textAlign,textAlign=_ref9$textAlign===void 0?'left':_ref9$textAlign,lineHeight=_ref9.lineHeight,overflow=_ref9.overflow,children=_ref9.children,_ref9$as=_ref9.as,as=_ref9$as===void 0?'p':_ref9$as,whiteSpace=_ref9.whiteSpace;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);};var Container$r=_styledComponents.default.div.withConfig({displayName:"maxio__Containerr",componentId:"maxio-components__sc-lo74t2-4"})(["&&&{display:inline-flex;width:100%;",";",";}"],_styledSystem.gridGap,_styledSystem.justifyContent);var ButtonGroup=function ButtonGroup(_ref10){var children=_ref10.children,_ref10$alignment=_ref10.alignment,alignment=_ref10$alignment===void 0?'left':_ref10$alignment;return/*#__PURE__*/_react.default.createElement(Container$r,{gridGap:"3",justifyContent:alignment==='left'?'flex-start':'flex-end'},children);};var rotate=(0,_styledComponents.keyframes)(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]);var 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);var StyledButton=_styledComponents.default.button.withConfig({displayName:"maxio__StyledButton",componentId:"maxio-components__sc-lo74t2-5"})(["&&&{",";",";",";",";",";",";}"],commonStyle,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','color'));},function(_ref11){var hasIconOnly=_ref11.hasIconOnly,theme=_ref11.theme,size=_ref11.size;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);},function(_ref12){var isLoading=_ref12.isLoading,disabled=_ref12.disabled,color=_ref12.color,theme=_ref12.theme;return isLoading&&!disabled&&(0,_styledComponents.css)(["color:",";pointer-events:none;"],color==='secondary'?theme.colors.gray.dark:theme.colors[color].light);},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Button');}));var Rotate=_styledComponents.default.div.withConfig({displayName:"maxio__Rotate",componentId:"maxio-components__sc-lo74t2-6"})(["&&&{display:flex;animation:"," 2s linear infinite;}"],rotate);var IconContainer$2=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer2",componentId:"maxio-components__sc-lo74t2-7"})(["&&&{display:flex;justify-content:center;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Button','iconSize'));});var Button=function Button(_ref13){var label=_ref13.label,_ref13$color=_ref13.color,color=_ref13$color===void 0?'primary':_ref13$color,_ref13$size=_ref13.size,size=_ref13$size===void 0?'medium':_ref13$size,_ref13$fill=_ref13.fill,fill=_ref13$fill===void 0?'solid':_ref13$fill,_ref13$disabled=_ref13.disabled,disabled=_ref13$disabled===void 0?false:_ref13$disabled,iconLeft=_ref13.iconLeft,iconRight=_ref13.iconRight,_ref13$isLoading=_ref13.isLoading,isLoading=_ref13$isLoading===void 0?false:_ref13$isLoading,_ref13$loadingText=_ref13.loadingText,loadingText=_ref13$loadingText===void 0?'Loading':_ref13$loadingText,onClick=_ref13.onClick,rest=_objectWithoutProperties(_ref13,_excluded2);return/*#__PURE__*/_react.default.createElement(StyledButton,_objectSpread({role:"button",tabIndex:0,colorVariant:"".concat(fill,"-").concat(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);var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Heading','variant'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Heading');}));var Heading=function Heading(_ref14){var _ref14$variant=_ref14.variant,variant=_ref14$variant===void 0?'h1':_ref14$variant,_ref14$color=_ref14.color,color=_ref14$color===void 0?'black.main':_ref14$color,children=_ref14.children;return/*#__PURE__*/_react.default.createElement(Text$1,{as:variant,color:color,variant:variant},children);};var getInputStatus=function getInputStatus(disabled,hasError){if(disabled)return'disabled';if(hasError)return'error';return'active';};var 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,function(_ref15){var fullWidth=_ref15.fullWidth;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','inputSize'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','variant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','status'));},function(_ref16){var hasIconLeft=_ref16.hasIconLeft,inputSize=_ref16.inputSize,theme=_ref16.theme;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]);},function(_ref17){var hasIconRight=_ref17.hasIconRight,inputSize=_ref17.inputSize,theme=_ref17.theme;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)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Input');}));var Container$q=_styledComponents.default.div.withConfig({displayName:"maxio__Containerq",componentId:"maxio-components__sc-lo74t2-11"})(["&&&{position:relative;}"]);var IconContainer$1=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer1",componentId:"maxio-components__sc-lo74t2-12"})(["&&&{display:flex;position:absolute;top:50%;transform:translateY(-50%);",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Input','iconSize'));},function(_ref18){var hasIconLeft=_ref18.hasIconLeft,iconSize=_ref18.iconSize,theme=_ref18.theme;return hasIconLeft&&(0,_styledComponents.css)(["left:","px;right:auto;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[iconSize].paddingLeft]);},function(_ref19){var hasIconRight=_ref19.hasIconRight,iconSize=_ref19.iconSize,theme=_ref19.theme;return hasIconRight&&(0,_styledComponents.css)(["right:","px;left:auto;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[iconSize].paddingRight]);});var Input$1=function Input$1(_ref20){var value=_ref20.value,_ref20$inputSize=_ref20.inputSize,inputSize=_ref20$inputSize===void 0?'medium':_ref20$inputSize,_ref20$disabled=_ref20.disabled,disabled=_ref20$disabled===void 0?false:_ref20$disabled,iconLeft=_ref20.iconLeft,iconRight=_ref20.iconRight,_ref20$hasError=_ref20.hasError,hasError=_ref20$hasError===void 0?false:_ref20$hasError,_ref20$variant=_ref20.variant,variant=_ref20$variant===void 0?'primary':_ref20$variant,_ref20$fullWidth=_ref20.fullWidth,fullWidth=_ref20$fullWidth===void 0?false:_ref20$fullWidth,onChange=_ref20.onChange,props=_objectWithoutProperties(_ref20,_excluded3);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,_objectSpread({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})));};var StyledMessage=_styledComponents.default.div.withConfig({displayName:"maxio__StyledMessage",componentId:"maxio-components__sc-lo74t2-13"})(["&&&{",";",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputMessage','type'));},function(_ref21){var disabled=_ref21.disabled,theme=_ref21.theme;return disabled&&(0,_styledComponents.css)(["cursor:not-allowed;color:",";"],theme.colors.gray.light);},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'InputMessage');}),fontSmoothing);var InputMessage=function InputMessage(_ref22){var message=_ref22.message,_ref22$type=_ref22.type,type=_ref22$type===void 0?'normal':_ref22$type,_ref22$disabled=_ref22.disabled,disabled=_ref22$disabled===void 0?false:_ref22$disabled;return/*#__PURE__*/_react.default.createElement(StyledMessage,{disabled:disabled,type:type},message);};var flexBasis=(0,_styledSystem.style)({prop:'span',alias:'columnWidth',cssProperty:'flex',transformValue:function transformValue(n){return"0 0 ".concat(n*(100/24),"%");}});var maxWidth=(0,_styledSystem.style)({prop:'span',alias:'maxWidth',cssProperty:'maxWidth',transformValue:function transformValue(n){return"".concat(n*(100/24),"%");}});var offset=(0,_styledSystem.style)({prop:'offset',alias:'columnOffset',cssProperty:'marginLeft',transformValue:function transformValue(n){return n?"".concat(n*(100/24),"%"):0;}});var gutter$1=(0,_styledSystem.system)({gutter:{property:'padding',scale:'space',transform:function transform(value,scale){var propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];var gutterDimension=propertyValue/2;return"0 ".concat(gutterDimension,"px 0 ").concat(gutterDimension,"px");}}});var 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);var Column$1=function Column$1(_ref23){var children=_ref23.children,span=_ref23.span,_ref23$offset=_ref23.offset,offset=_ref23$offset===void 0?0:_ref23$offset,_ref23$gutter=_ref23.gutter,gutter=_ref23$gutter===void 0?'5':_ref23$gutter,_ref23$display=_ref23.display,display=_ref23$display===void 0?['block']:_ref23$display;return/*#__PURE__*/_react.default.createElement(Container$p,{role:"cell",span:span,offset:offset,gutter:gutter,display:display},children);};var gutter=(0,_styledSystem.system)({gutter:{property:'margin',scale:'space',transform:function transform(value,scale){var propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];var gutterDimension=propertyValue/2;return"0 -".concat(gutterDimension,"px 0 -").concat(gutterDimension,"px");}}});var rowGap=(0,_styledSystem.system)({rowGap:{property:'rowGap',scale:'space',transform:function transform(value,scale){if(value){var propertyValue=value;if(typeof value==='string')propertyValue=scale[parseInt(value)];return propertyValue;}return 0;}}});var Container$o=_styledComponents.default.div.withConfig({displayName:"maxio__Containero",componentId:"maxio-components__sc-lo74t2-15"})(["&&&{flex-flow:row wrap;display:flex;",";",";}"],rowGap,gutter);var Row$4=function Row$4(_ref24){var children=_ref24.children,_ref24$gutter=_ref24.gutter,gutter=_ref24$gutter===void 0?'5':_ref24$gutter,_ref24$rowGap=_ref24.rowGap,rowGap=_ref24$rowGap===void 0?'5':_ref24$rowGap,rest=_objectWithoutProperties(_ref24,_excluded4);var columns=gutter?_react.default.Children.map(children,function(child){if(/*#__PURE__*/_react.default.isValidElement(child)){return/*#__PURE__*/_react.default.cloneElement(child,{gutter:gutter});}return child;}):children;return/*#__PURE__*/_react.default.createElement(Container$o,_objectSpread({role:"row",gutter:gutter,rowGap:rowGap},rest),columns);};var Box=_styledComponents.default.div.withConfig({displayName:"maxio__Box",componentId:"maxio-components__sc-lo74t2-16"})(["&&&{",";",";",";",";}"],_styledSystem.margin,_styledSystem.padding,_styledSystem.layout,_styledSystem.justifyContent);var Text=function Text(_ref25){var title=_ref25.title,message=_ref25.message;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));};var Container$n=_styledComponents.default.div.withConfig({displayName:"maxio__Containern",componentId:"maxio-components__sc-lo74t2-17"})(["&&&{box-sizing:border-box;display:inline-block;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tooltip','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tooltip','mode'));});var KEYBOARD_KEYS={UP:'ArrowUp',DOWN:'ArrowDown',ENTER:'Enter',ESCAPE:'Escape',SPACE:'Space',BACKSPACE:'Backspace',TAB:'Tab'};var Tooltip=function Tooltip(_ref26){var _ref26$mode=_ref26.mode,mode=_ref26$mode===void 0?'light':_ref26$mode,_ref26$followCursor=_ref26.followCursor,followCursor$1=_ref26$followCursor===void 0?false:_ref26$followCursor,_ref26$interactive=_ref26.interactive,interactive=_ref26$interactive===void 0?false:_ref26$interactive,_ref26$placement=_ref26.placement,placement=_ref26$placement===void 0?'top':_ref26$placement,children=_ref26.children,renderContent=_ref26.renderContent;var _useState=(0,_react.useState)(false),_useState2=_slicedToArray(_useState,2),visible=_useState2[0],setVisible=_useState2[1];(0,_react.useEffect)(function(){var handler=function handler(e){if(e.key===KEYBOARD_KEYS.ESCAPE&&visible){setVisible(false);}};document.addEventListener('keydown',handler);return function(){return document.removeEventListener('keydown',handler);};},[visible]);var Wrapper=/*#__PURE__*/(0,_react.forwardRef)(function(_props,ref){return/*#__PURE__*/_react.default.createElement("div",{ref:ref,onMouseEnter:function onMouseEnter(){return setVisible(true);},onMouseLeave:function onMouseLeave(){return setVisible(false);},onKeyDown:function 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:function render(attrs){return/*#__PURE__*/_react.default.createElement(Container$n,_objectSpread({mode:mode,size:"regular",role:"tooltip"},attrs),renderContent());}},/*#__PURE__*/_react.default.createElement(Wrapper,null));};var Tooltip$1=Object.assign(Tooltip,{Text:Text});var 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;",";",";}"],function(_ref27){var width=_ref27.width;return(0,_styledComponents.css)(["width:","%;"],width);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','color'));});var Container$m=_styledComponents.default.div.withConfig({displayName:"maxio__Containerm",componentId:"maxio-components__sc-lo74t2-19"})(["&&&{width:100%;position:relative;overflow:hidden;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ProgressBar','mode'));});var ProgressBar=function ProgressBar(_ref28){var max=_ref28.max,value=_ref28.value,_ref28$mode=_ref28.mode,mode=_ref28$mode===void 0?'dark':_ref28$mode,_ref28$size=_ref28.size,size=_ref28$size===void 0?'regular':_ref28$size;var isOverLimit=value>max;var percentage=isOverLimit?100:Math.floor(value/max*100);var controls=(0,_framerMotion.useAnimation)();var _useState3=(0,_react.useState)('success'),_useState4=_slicedToArray(_useState3,2),color=_useState4[0],setColor=_useState4[1];(0,_react.useEffect)(function(){controls.start({x:0,transition:{type:'easeInOut',duration:1,backgroundColor:{type:'easeIn',duration:5}}}).then(function(){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%'}}));};var ToggleWrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper2",componentId:"maxio-components__sc-lo74t2-20"})(["&&&{position:relative;cursor:pointer;display:inline-block;",";",";}"],function(_ref29){var isDisabled=_ref29.isDisabled;return isDisabled&&(0,_styledComponents.css)(["user-select:none;cursor:not-allowed;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size'));});var Track=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:function shouldForwardProp(prop){return!['baseColor'].includes(prop);}}).withConfig({displayName:"maxio__Track",componentId:"maxio-components__sc-lo74t2-21"})(["&&&{position:absolute;top:0;left:0;overflow:hidden;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','baseColor'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size'));});var TrackMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:function shouldForwardProp(prop){return!['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;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','color'));});var LabelMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:function shouldForwardProp(prop){return!['textVariant'].includes(prop);}}).withConfig({displayName:"maxio__LabelMotion",componentId:"maxio-components__sc-lo74t2-23"})(["&&&{position:relative;display:flex;align-items:center;text-transform:uppercase;",";",";",";}"],fontSmoothing,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','text'));});var SwitcherMotion=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:function shouldForwardProp(prop){return!['toggleState'].includes(prop);}}).withConfig({displayName:"maxio__SwitcherMotion",componentId:"maxio-components__sc-lo74t2-24"})(["&&&{box-sizing:border-box;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','switcher'));});var SwitcherWrapper=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({shouldForwardProp:function shouldForwardProp(prop){return!['size'].includes(prop);}}).withConfig({displayName:"maxio__SwitcherWrapper",componentId:"maxio-components__sc-lo74t2-25"})(["&&&{top:0;left:0;position:absolute;display:flex;",";padding:0;}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Toggle','size'));});var switcherTransition={ease:[0.69,-0.55,0.27,1.55],duration:0.3};var trackVariants={on:{scaleX:1},off:{scaleX:0}};var labelTransition={type:'tween',duration:0.3};var labelVariants={on:{justifyContent:'flex-start'},off:{justifyContent:'flex-end'}};var Toggle=function Toggle(_ref30){var isDisabled=_ref30.isDisabled,isOn=_ref30.isOn,_ref30$variant=_ref30.variant,variant=_ref30$variant===void 0?'primary':_ref30$variant,onChange=_ref30.onChange,_ref30$size=_ref30.size,size=_ref30$size===void 0?'medium':_ref30$size,_ref30$text=_ref30.text,text=_ref30$text===void 0?{on:'On',off:'Off'}:_ref30$text;var toggleStateVariant="".concat(variant,"-").concat(isDisabled?'disabled':'active',"-").concat(isOn?'on':'off');var theme=(0,_styledComponents.useTheme)();var switcherVariants=(0,_react.useMemo)(function(){var sizes=theme.sizes,_theme$components$Tog=theme.components.Toggle.componentVariants,sizeVariant=_theme$components$Tog.size,switcher=_theme$components$Tog.switcher;var trackWidth=sizes[sizeVariant.variants[size].width];var 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:function onClick(){if(!onChange||isDisabled)return;onChange(!isOn);},onKeyDown:function 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:"".concat(variant,"-").concat(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'}))));};var CheckboxWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CheckboxWrapper",componentId:"maxio-components__sc-lo74t2-26"})(["&&&{display:flex;box-sizing:border-box;",";",";",";}&&& svg{visibility:hidden;}"],function(_ref31){var isChecked=_ref31.isChecked;return isChecked&&(0,_styledComponents.css)(["&& svg{visibility:visible;}"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','variant'));});var 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,function(_ref32){var isDisabled=_ref32.isDisabled;return isDisabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Checkbox','label'));});var Checkbox=function Checkbox(_ref33){var value=_ref33.value,onChange=_ref33.onChange,label=_ref33.label,isDisabled=_ref33.isDisabled,rest=_objectWithoutProperties(_ref33,_excluded5);var state="".concat(value?'checked':'unchecked');var status="".concat(isDisabled?'disabled':'active');var variant="".concat(state,"-").concat(status);var handleChange=function handleChange(){if(!isDisabled&&onChange){onChange(!value);}};var handleKeyDown=function handleKeyDown(event){if(event.code===KEYBOARD_KEYS.SPACE){handleChange();}};var 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",_objectSpread({hidden:true,type:"checkbox",onChange:handleChange,checked:value},rest))),labelContent);};var Portal=function Portal(_ref34){var children=_ref34.children;var el=(0,_react.useRef)(null);var _useState5=(0,_react.useState)(false),_useState6=_slicedToArray(_useState5,2),setMounted=_useState6[1];(0,_react.useEffect)(function(){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 function(){el.current.remove();};},[]);return el.current?/*#__PURE__*/(0,_reactDom.createPortal)(children,el.current):null;};var 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;",";}"],function(_ref35){var _theme$colors,_theme$colors$black;var theme=_ref35.theme;return(0,_styledComponents.css)(["background-color:",";"],(0,_polished.transparentize)(0.8,(theme===null||theme===void 0?void 0:(_theme$colors=theme.colors)===null||_theme$colors===void 0?void 0:(_theme$colors$black=_theme$colors.black)===null||_theme$colors$black===void 0?void 0:_theme$colors$black.main)||'black'));});var Backdrop=function Backdrop(_ref36){var children=_ref36.children,onClick=_ref36.onClick;return/*#__PURE__*/_react.default.createElement(Container$l,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:onClick},children);};var Container$k=_styledComponents.default.div.withConfig({displayName:"maxio__Containerk",componentId:"maxio-components__sc-lo74t2-29"})(["&&&{display:flex;justify-content:space-between;align-items:center;}"]);var Close=_styledComponents.default.span.withConfig({displayName:"maxio__Close",componentId:"maxio-components__sc-lo74t2-30"})(["&&&{cursor:pointer;display:inline-flex;",";}"],function(_ref37){var theme=_ref37.theme;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);});var Title$2=function Title$2(_ref38){var title=_ref38.title,onClose=_ref38.onClose;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"})));};var 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,function(_ref39){var variant=_ref39.variant;if(variant==='layer')return(0,_styledComponents.css)(["width:100%;height:100%;"]);return(0,_styledComponents.css)(["min-width:600px;max-width:800px;"]);});var dropIn={hidden:{y:'-10px',opacity:0},visible:{y:'0',opacity:1,transition:{type:'tween'}},exit:{y:'-20px',opacity:0}};var Modal=function Modal(_ref40){var isOpen=_ref40.isOpen,children=_ref40.children,_ref40$variant=_ref40.variant,variant=_ref40$variant===void 0?'window':_ref40$variant,width=_ref40.width,onClose=_ref40.onClose;(0,_react.useEffect)(function(){if(isOpen){document.body.style.overflow='hidden';}return function(){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:function onClick(e){return e.stopPropagation();}},children))));};var Modal$1=Object.assign(Modal,{Title:Title$2});var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'SubscriptionComponentCard','variant'));});var SubscriptionComponentCard=function SubscriptionComponentCard(_ref41){var children=_ref41.children,_ref41$rowGap=_ref41.rowGap,rowGap=_ref41$rowGap===void 0?2:_ref41$rowGap,_ref41$variant=_ref41.variant,variant=_ref41$variant===void 0?'primary':_ref41$variant;return/*#__PURE__*/_react.default.createElement(CardWrapper,{borderRadius:3,padding:4,gridRowGap:rowGap,variant:variant,"data-testid":"card"},children);};var backgroundColor=(0,_styledSystem.system)({backgroundColor:{property:'background',scale:'colors',transform:function transform(value,scale){var hexColor=value.split('.').reduce(function(previous,current){return previous[current];},scale);if(!hexColor)return;return"linear-gradient(180deg, ".concat((0,_polished.transparentize)(0.5,hexColor)," 0%, ").concat((0,_polished.transparentize)(0.8,hexColor)," 100%)");}}});var 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,function(props){return props.width?props.width+'px':'100%';},function(props){return props.height?props.height+'px':'20px';},backgroundColor,function(_ref42){var theme=_ref42.theme;return(0,_styledComponents.css)(["&:before{background:linear-gradient( to right,transparent,",",transparent );}"],theme.colors.white.main);});var getBackgroundColor=function getBackgroundColor(variant){switch(variant){case'primary':return'gray.extraLight';case'secondary':return'gray.main';}};var SkeletonLoader=function SkeletonLoader(_ref43){var height=_ref43.height,width=_ref43.width,_ref43$variant=_ref43.variant,variant=_ref43$variant===void 0?'primary':_ref43$variant;return/*#__PURE__*/_react.default.createElement(StyledLoader,{borderRadius:2,height:height,width:width,backgroundColor:getBackgroundColor(variant)});};var AmericanExpress=function AmericanExpress(_ref44){var _ref44$width=_ref44.width,width=_ref44$width===void 0?31:_ref44$width,_ref44$height=_ref44.height,height=_ref44$height===void 0?24:_ref44$height,id=_ref44.id;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"}));};var Bogus=function Bogus(_ref45){var _ref45$width=_ref45.width,width=_ref45$width===void 0?52:_ref45$width,_ref45$height=_ref45.height,height=_ref45$height===void 0?20:_ref45$height,id=_ref45.id;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"}));};var Discover=function Discover(_ref46){var _ref46$width=_ref46.width,width=_ref46$width===void 0?60:_ref46$width,_ref46$height=_ref46.height,height=_ref46$height===void 0?10:_ref46$height,id=_ref46.id;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"}))));};var Master$1=function Master$1(_ref47){var _ref47$width=_ref47.width,width=_ref47$width===void 0?33:_ref47$width,_ref47$height=_ref47.height,height=_ref47$height===void 0?20:_ref47$height,id=_ref47.id;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"}));};var Visa$1=function Visa$1(_ref48){var _ref48$width=_ref48.width,width=_ref48$width===void 0?54:_ref48$width,_ref48$height=_ref48.height,height=_ref48$height===void 0?18:_ref48$height,id=_ref48.id;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"}));};var 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};var Logo=function Logo(_ref49){var type=_ref49.type,width=_ref49.width,height=_ref49.height;var Logo=LOGOS[type];if(Logo)return/*#__PURE__*/_react.default.createElement(Logo,{width:width,height:height,id:type});return null;};var useOnClickOutside=function useOnClickOutside(containerRefs,onClickOutside){var eventTarget=arguments.length>2&&arguments[2]!==undefined?arguments[2]:document;var outsideClick=(0,_react.useCallback)(function(e){var path=e.composedPath&&e.composedPath();var isOutsideEvent=containerRefs.filter(function(container){return!!container;}).every(function(_ref50){var current=_ref50.current;return current&&!(path!==null&&path!==void 0&&path.includes(current));});if(isOutsideEvent)onClickOutside();},[containerRefs,onClickOutside]);(0,_react.useEffect)(function(){eventTarget===null||eventTarget===void 0?void 0:eventTarget.addEventListener('click',outsideClick);return function(){return eventTarget===null||eventTarget===void 0?void 0:eventTarget.removeEventListener('click',outsideClick);};},[containerRefs,eventTarget]);};var useKeypress=function useKeypress(_ref51){var addEventListenerCondition=_ref51.addEventListenerCondition,eventListenerDependencies=_ref51.eventListenerDependencies,handledKeys=_ref51.handledKeys,keyboardAction=_ref51.keyboardAction;var keyboardHandler=function keyboardHandler(e){var keyCode=e.key;if(handledKeys.includes(keyCode))keyboardAction(e);};(0,_react.useEffect)(function(){if(addEventListenerCondition){document.addEventListener('keydown',keyboardHandler);}return function(){document.removeEventListener('keydown',keyboardHandler);};},[eventListenerDependencies]);};var DeviceContext=/*#__PURE__*/(0,_react.createContext)({device:'mobile'});var useDeviceInfo=function useDeviceInfo(){var deviceInfo=(0,_react.useContext)(DeviceContext);return deviceInfo;};var DeviceProvider=function DeviceProvider(_ref52){var children=_ref52.children,tabletMinWidth=_ref52.tabletMinWidth,desktopMinWidth=_ref52.desktopMinWidth;var getDeviceType=(0,_react.useCallback)(function(_ref53){var isTablet=_ref53.isTablet,isDesktop=_ref53.isDesktop;var device='mobile';if(isTablet)device='tablet';if(isDesktop)device='desktop';return device;},[]);var isTablet=(0,_reactResponsive.useMediaQuery)({query:"(min-width: ".concat(tabletMinWidth,") and (max-width: ").concat(desktopMinWidth,")")});var isDesktop=(0,_reactResponsive.useMediaQuery)({query:"(min-width: ".concat(desktopMinWidth,")")})&&!isTablet;return/*#__PURE__*/_react.default.createElement(DeviceContext.Provider,{value:{device:getDeviceType({isTablet:isTablet,isDesktop:isDesktop})}},children);};var useModalVariant=function useModalVariant(){var _useDeviceInfo=useDeviceInfo(),device=_useDeviceInfo.device;return device==='mobile'?'layer':'window';};var boxShadow=(0,_styledSystem.system)({boxShadow:{property:'boxShadow',scale:'colors',transform:function transform(value,scale){var color=(0,_polished.transparentize)(0.85,scale['black']['dark']);if(value==='top'){return"inset 0 6px 4px -4px ".concat(color);}if(value==='top-bottom'){return"inset 0 6px 4px -4px ".concat(color,", inset 0 -6px 4px -4px ").concat(color);}if(value==='bottom'){return"inset 0 -6px 4px -4px ".concat(color);}return'none';}}});var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','borderVariant'));});var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','selectVariant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','borderVariant'));});var getBoxShadow=function getBoxShadow(inViewTop,inViewBottom){if(!inViewTop&&!inViewBottom)return'top-bottom';if(!inViewTop)return'top';if(!inViewBottom)return'bottom';return'none';};var isEllipsisActive=function isEllipsisActive(ref){return ref.current&&ref.current.offsetWidth<ref.current.scrollWidth;};var 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;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','selectSize'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Options','optionVariant'));},_styledSystem.color,function(props){return props.divider&&(0,_styledComponents.css)({borderBottom:"1px solid ".concat(theme.colors.gray.extraLight)});});var Option=function Option(_ref54){var isSelected=_ref54.isSelected,onSelect=_ref54.onSelect,option=_ref54.option,selectSize=_ref54.selectSize,activeItemRef=_ref54.activeItemRef;var ref=(0,_react.useRef)();var optionRef=isSelected?activeItemRef:ref;return/*#__PURE__*/_react.default.createElement(SelectOption,{key:option.label,role:"option","aria-selected":isSelected,optionVariant:isSelected?'selected':'primary',onClick:function onClick(e){return onSelect(e,option);},selectSize:selectSize,color:option.color,divider:option.divider,ref:optionRef,title:isEllipsisActive(optionRef)?option.label:null},option.label);};var Options=function Options(_ref55){var selectionIndex=_ref55.selectionIndex,options=_ref55.options,_ref55$selectSize=_ref55.selectSize,selectSize=_ref55$selectSize===void 0?'medium':_ref55$selectSize,onSelect=_ref55.onSelect,_ref55$borderVariant=_ref55.borderVariant,borderVariant=_ref55$borderVariant===void 0?'primary':_ref55$borderVariant,_ref55$selectVariant=_ref55.selectVariant,selectVariant=_ref55$selectVariant===void 0?'primary':_ref55$selectVariant,_ref55$maxHeight=_ref55.maxHeight,maxHeight=_ref55$maxHeight===void 0?120:_ref55$maxHeight,maxWidth=_ref55.maxWidth,alignment=_ref55.alignment;var _useInView=(0,_reactIntersectionObserver.useInView)({initialInView:true}),_useInView2=_slicedToArray(_useInView,2),inViewRefTop=_useInView2[0],inViewTop=_useInView2[1];var _useInView3=(0,_reactIntersectionObserver.useInView)({initialInView:true}),_useInView4=_slicedToArray(_useInView3,2),inViewRefBottom=_useInView4[0],inViewBottom=_useInView4[1];var optionsRef=(0,_react.useRef)();var _useState7=(0,_react.useState)(null),_useState8=_slicedToArray(_useState7,2),optionsHeight=_useState8[0],setOptionsHeight=_useState8[1];var debounceRef=(0,_react.useRef)(null);var activeItemRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){if(debounceRef.current)clearTimeout(debounceRef.current);debounceRef.current=setTimeout(function(){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:_objectSpread({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(function(option,index){var 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}));};var arrowMotion={expanded:{rotate:-180},notExpanded:{rotate:0}};var iconSize=12;var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','selectSize'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','selectVariant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','borderVariant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Select','status'));},function(_ref56){var theme=_ref56.theme,selectSize=_ref56.selectSize;return theme.space[theme.components.Select.componentVariants.selectSize.variants[selectSize].paddingRight]+iconSize;});var SelectWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__SelectWrapper1",componentId:"maxio-components__sc-lo74t2-38"})(["&&&{position:relative;}"]);var FocusHandler=_styledComponents.default.div.withConfig({displayName:"maxio__FocusHandler",componentId:"maxio-components__sc-lo74t2-39"})(["&&&{width:0;height:0;}"]);var IconWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__IconWrapper1",componentId:"maxio-components__sc-lo74t2-40"})(["&&&{position:absolute;top:50%;cursor:pointer;",";transform:translateY(-50%);}"],function(_ref57){var theme=_ref57.theme;return(0,_styledComponents.css)(["right:","px;"],theme.sizes[2]);});var DropdownIcon=function DropdownIcon(_ref58){var isExpanded=_ref58.isExpanded,size=_ref58.size,onClick=_ref58.onClick,iconColor=_ref58.iconColor;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"})));};var showOptions=function showOptions(){return{type:'SHOW_OPTIONS'};};var hideOptions=function hideOptions(){return{type:'HIDE_OPTIONS'};};var setFilteredOptions=function setFilteredOptions(options){return{type:'SET_FILTERED_OPTIONS',payload:{options:options}};};var setSearchPhrase=function setSearchPhrase(searchPhrase){return{type:'SET_SEARCH_PHRASE',payload:{searchPhrase:searchPhrase}};};var setPlaceholder=function setPlaceholder(placeholder){return{type:'SET_PLACEHOLDER',payload:{placeholder:placeholder}};};var setSelectionIndex=function setSelectionIndex(index){return{type:'SET_SELECTION_INDEX',payload:{index:index}};};var toggleSelectionMode=function toggleSelectionMode(inSelectionMode){return{type:'SET_SELECTION_MODE',payload:{inSelectionMode:inSelectionMode}};};var selectActions={showOptions:showOptions,hideOptions:hideOptions,setPlaceholder:setPlaceholder,setSearchPhrase:setSearchPhrase,setFilteredOptions:setFilteredOptions,setSelectionIndex:setSelectionIndex,toggleSelectionMode:toggleSelectionMode};var initialState={optionsVisible:false,searchPhrase:'',placeholderContent:'',filteredOptions:[],inSelectionMode:false,selectionIndex:0};var selectReducer=function selectReducer(state,action){switch(action.type){case'SET_SELECTION_MODE':return _objectSpread(_objectSpread({},state),{},{inSelectionMode:action.payload.inSelectionMode});case'SET_SELECTION_INDEX':return _objectSpread(_objectSpread({},state),{},{selectionIndex:action.payload.index});case'SET_SEARCH_PHRASE':return _objectSpread(_objectSpread({},state),{},{searchPhrase:action.payload.searchPhrase});case'SET_PLACEHOLDER':return _objectSpread(_objectSpread({},state),{},{placeholderContent:action.payload.placeholder});case'SET_FILTERED_OPTIONS':return _objectSpread(_objectSpread({},state),{},{filteredOptions:action.payload.options});case'SHOW_OPTIONS':return _objectSpread(_objectSpread({},state),{},{optionsVisible:true});case'HIDE_OPTIONS':return _objectSpread(_objectSpread({},state),{},{optionsVisible:false,filteredOptions:[]});default:return state;}};var getStatus=function getStatus(disabled,hasError){if(disabled)return'disabled';if(hasError)return'error';return'active';};var Select=function Select(_ref59){var options=_ref59.options,onSelect=_ref59.onSelect,filterable=_ref59.filterable,placeholder=_ref59.placeholder,_ref59$variant=_ref59.variant,variant=_ref59$variant===void 0?'primary':_ref59$variant,_ref59$selectSize=_ref59.selectSize,selectSize=_ref59$selectSize===void 0?'medium':_ref59$selectSize,_ref59$borderVariant=_ref59.borderVariant,borderVariant=_ref59$borderVariant===void 0?'primary':_ref59$borderVariant,disabled=_ref59.disabled,hasError=_ref59.hasError,selectedValue=_ref59.selectedValue,_ref59$searchLabel=_ref59.searchLabel,searchLabel=_ref59$searchLabel===void 0?'Type to search':_ref59$searchLabel,_ref59$selectOptionLa=_ref59.selectOptionLabel,selectOptionLabel=_ref59$selectOptionLa===void 0?'Select value':_ref59$selectOptionLa,name=_ref59.name,id=_ref59.id,onBlur=_ref59.onBlur,portalContainer=_ref59.portalContainer,_ref59$dropdownVarian=_ref59.dropdownVariant,dropdownVariant=_ref59$dropdownVarian===void 0?'primary':_ref59$dropdownVarian,_ref59$dropdownAlignm=_ref59.dropdownAlignment,dropdownAlignment=_ref59$dropdownAlignm===void 0?'right':_ref59$dropdownAlignm;var _useReducer=(0,_react.useReducer)(selectReducer,_objectSpread(_objectSpread({},initialState),{},{placeholderContent:placeholder||selectOptionLabel})),_useReducer2=_slicedToArray(_useReducer,2),_useReducer2$=_useReducer2[0],optionsVisible=_useReducer2$.optionsVisible,filteredOptions=_useReducer2$.filteredOptions,searchPhrase=_useReducer2$.searchPhrase,placeholderContent=_useReducer2$.placeholderContent,selectionIndex=_useReducer2$.selectionIndex,inSelectionMode=_useReducer2$.inSelectionMode,dispatch=_useReducer2[1];var theme=(0,_styledComponents.useTheme)();var dropDownIconColor=(0,_react.useMemo)(function(){var component=theme.components.Select.componentVariants.dropdownVariant;return component.variants[dropdownVariant].color;},[theme,dropdownVariant]);var containerRef=(0,_react.useRef)(null);var inputRef=(0,_react.useRef)(null);var portalElement=portalContainer===null||portalContainer===void 0?void 0:portalContainer.current;var matchedIndex=selectedValue?options.findIndex(function(_ref60){var value=_ref60.value;return value===selectedValue;}):-1;var selectedItem=matchedIndex>-1?options[matchedIndex]:{label:selectedValue.toString()||'',value:selectedValue||''};var onFilterOptions=function onFilterOptions(e){var value=e.target.value;var filtered=options.filter(function(option){return option.label.toString().toLowerCase().startsWith(value.toLowerCase());});dispatch(selectActions.setSelectionIndex(null));dispatch(selectActions.setFilteredOptions(filtered));dispatch(selectActions.setSearchPhrase(value));};var onInputFocus=function onInputFocus(){if(filterable){dispatch(selectActions.setPlaceholder(searchLabel));}if(!optionsVisible){dispatch(selectActions.toggleSelectionMode(true));dispatch(selectActions.showOptions());}};var onInputBlur=function onInputBlur(item){dispatch(selectActions.setSearchPhrase(''));dispatch(selectActions.hideOptions());dispatch(selectActions.toggleSelectionMode(false));dispatch(selectActions.setSelectionIndex(null));if(onBlur)onBlur(item);};var onValueSelect=function onValueSelect(item){dispatch(selectActions.hideOptions());onSelect(item);onInputBlur(item);};useOnClickOutside([containerRef,portalContainer],function(){if(optionsVisible){dispatch(selectActions.setPlaceholder(placeholder));dispatch(selectActions.hideOptions());dispatch(selectActions.toggleSelectionMode(true));dispatch(selectActions.setSelectionIndex(null));onInputBlur(selectedItem);}});var selectOptions=searchPhrase?filteredOptions:options;var keyboardHandler=(0,_react.useCallback)(function(e){switch(e.key){case KEYBOARD_KEYS.ENTER:if(typeof selectionIndex==='number'){var 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)(function(){if(optionsVisible&&matchedIndex!==null&&matchedIndex>-1){dispatch(selectActions.setSelectionIndex(matchedIndex));}},[optionsVisible]);(0,_react.useEffect)(function(){var _containerRef$current;var scrollHandler=function scrollHandler(){if(optionsVisible)onInputBlur(selectedItem);};if(optionsVisible&&(_containerRef$current=containerRef.current)!==null&&_containerRef$current!==void 0&&_containerRef$current.offsetParent){containerRef.current.offsetParent.addEventListener('scroll',scrollHandler);}return function(){var _containerRef$current2;if((_containerRef$current2=containerRef.current)!==null&&_containerRef$current2!==void 0&&_containerRef$current2.offsetParent)containerRef.current.offsetParent.removeEventListener('scroll',scrollHandler);};},[optionsVisible,selectedItem]);var getSelectValue=function getSelectValue(){if(!inSelectionMode||!filterable)return selectedItem.label;return searchPhrase;};var renderOptions=function renderOptions(){return/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:selectOptions,selectionIndex:selectionIndex,onSelect:function onSelect(e,item){e.stopPropagation();onValueSelect(item);},selectVariant:variant,selectSize:selectSize,borderVariant:borderVariant});};var calculateDropdownPosition=(0,_react.useCallback)(function(){var _containerRef$current3=containerRef.current.getBoundingClientRect(),height=_containerRef$current3.height,width=_containerRef$current3.width,left=_containerRef$current3.left,top=_containerRef$current3.top;return{left:left+window.scrollX,top:top+height+window.scrollY,width:width};},[portalContainer]);return/*#__PURE__*/_react.default.createElement(SelectWrapper$1,{ref:containerRef},/*#__PURE__*/_react.default.createElement(StyledSelect,{type:"text",ref:inputRef,autoComplete:"off",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:function 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:_objectSpread({position:'absolute'},calculateDropdownPosition())},renderOptions()),portalElement):/*#__PURE__*/_react.default.createElement(_reactFit.default,null,renderOptions())):null);};var 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%;}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'RadioButton','variant'));});var RadioLabel=_styledComponents.default.label.withConfig({displayName:"maxio__RadioLabel",componentId:"maxio-components__sc-lo74t2-42"})(["&&&{display:inline-flex;align-items:center;",";",";}"],fontSmoothing,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'RadioButton','labelVariant'));});var RadioButton=function RadioButton(_ref61){var label=_ref61.label,value=_ref61.value,onValueChange=_ref61.onValueChange,isSelected=_ref61.isSelected,isDisabled=_ref61.isDisabled,rest=_objectWithoutProperties(_ref61,_excluded6);var state="".concat(isSelected?'selected':'unselected');var status="".concat(isDisabled?'disabled':'active');var variant="".concat(state,"-").concat(status);var handleChange=function handleChange(){!isDisabled&&onValueChange(value);};var handleKeyDown=function handleKeyDown(event){if(event.code===KEYBOARD_KEYS.SPACE){handleChange();}};return/*#__PURE__*/_react.default.createElement(RadioLabel,{htmlFor:"".concat(value),labelVariant:status,onKeyDown:handleKeyDown,tabIndex:0,"data-testid":"radio-label"},/*#__PURE__*/_react.default.createElement(RadioInput,_objectSpread({type:"radio",tabIndex:-1,value:value,onChange:handleChange,checked:isSelected,variant:variant,id:"".concat(value)},rest)),label);};var DropdownWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__DropdownWrapper",componentId:"maxio-components__sc-lo74t2-43"})(["&&&{position:relative;}"]);var Dropdown=function Dropdown(_ref62){var children=_ref62.children,isOpen=_ref62.isOpen,onOptionSelect=_ref62.onOptionSelect,options=_ref62.options,onClose=_ref62.onClose,maxWidth=_ref62.maxWidth,maxHeight=_ref62.maxHeight,_ref62$alignment=_ref62.alignment,alignment=_ref62$alignment===void 0?'left':_ref62$alignment,portalContainer=_ref62.portalContainer;var dropdownRef=(0,_react.useRef)(null);var portalElement=portalContainer===null||portalContainer===void 0?void 0:portalContainer.current;useOnClickOutside([dropdownRef],function(){if(isOpen)onClose();});var calculatePosition=(0,_react.useCallback)(function(){var _dropdownRef$current$=dropdownRef.current.getBoundingClientRect(),height=_dropdownRef$current$.height,width=_dropdownRef$current$.width,left=_dropdownRef$current$.left,top=_dropdownRef$current$.top;var _portalContainer$curr=portalContainer.current.getBoundingClientRect(),portalLeft=_portalContainer$curr.left,portalTop=_portalContainer$curr.top;return{left:left-portalLeft,top:top+height-portalTop,width:width};},[portalContainer]);var renderOptions=function renderOptions(){return/*#__PURE__*/_react.default.createElement(Options,{options:options,onSelect:function onSelect(_e,value){return 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:_objectSpread({position:'absolute'},calculatePosition())},renderOptions()),portalElement):/*#__PURE__*/_react.default.createElement(_reactFit.default,null,renderOptions())));};var spinTransition={repeat:Infinity,ease:'linear',duration:1};var Loader=function Loader(_ref63){var _ref63$size=_ref63.size,size=_ref63$size===void 0?24:_ref63$size,_ref63$fill=_ref63.fill,fill=_ref63$fill===void 0?'gray.main':_ref63$fill;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"}));};var 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,function(_ref64){var fullWidth=_ref64.fullWidth;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','variant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TextArea','status'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'TextArea');}));var TextArea=function TextArea(_ref65){var _ref65$size=_ref65.size,size=_ref65$size===void 0?'medium':_ref65$size,status=_ref65.status,_ref65$fullWidth=_ref65.fullWidth,fullWidth=_ref65$fullWidth===void 0?true:_ref65$fullWidth,_ref65$variant=_ref65.variant,variant=_ref65$variant===void 0?'primary':_ref65$variant,rest=_objectWithoutProperties(_ref65,_excluded7);return/*#__PURE__*/_react.default.createElement(StyledTextArea,_objectSpread({size:size,fullWidth:fullWidth,status:status,variant:variant},rest));};var Header$2=_styledComponents.default.div.withConfig({displayName:"maxio__Header2",componentId:"maxio-components__sc-lo74t2-45"})(["&&&{",";display:inline-flex;align-items:center;cursor:pointer;",";",";}"],function(_ref66){var theme=_ref66.theme;return(0,_styledComponents.css)(["gap:","px;"],theme.space[3]);},_styledSystem.padding,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Accordion','variant'));});var IconWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__IconWrapper",componentId:"maxio-components__sc-lo74t2-46"})(["&&&{will-change:transform;transform:",";transition:150ms transform ease-in-out;}"],function(props){return props.isExpanded?'rotate(0deg)':'rotate(-90deg)';});Header$2.defaultProps={variant:'regular'};var accordionMotion={initial:{height:0},animate:{height:'auto'},exit:{height:0},transition:{type:'tween'}};var Accordion=function Accordion(_ref67){var children=_ref67.children,header=_ref67.header,_onClick2=_ref67.onClick,_ref67$variant=_ref67.variant,variant=_ref67$variant===void 0?'regular':_ref67$variant,_ref67$isExpanded=_ref67.isExpanded,isExpanded=_ref67$isExpanded===void 0?true:_ref67$isExpanded;var isRegular=variant==='regular';return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Header$2,{"data-testid":"accordion-header",onClick:function onClick(){return _onClick2(!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,_objectSpread(_objectSpread({},accordionMotion),{},{style:{overflowY:'clip'}}),children)));};var Container$i=_styledComponents.default.div.withConfig({displayName:"maxio__Containeri",componentId:"maxio-components__sc-lo74t2-47"})(["&&&{box-sizing:border-box;",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Alert','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Alert','color'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Alert');}));var TextMessage=function TextMessage(_ref68){var children=_ref68.children,rest=_objectWithoutProperties(_ref68,_excluded8);return/*#__PURE__*/_react.default.createElement(BodyText,_objectSpread({variant:"body2",color:"inherit"},rest),children);};var TitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TitleWrapper",componentId:"maxio-components__sc-lo74t2-48"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.grid);var Title$1=function Title$1(_ref69){var text=_ref69.text,icon=_ref69.icon;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:600},text)));};var Alert=function Alert(_ref70){var title=_ref70.title,_ref70$color=_ref70.color,color=_ref70$color===void 0?'primary':_ref70$color,_ref70$size=_ref70.size,size=_ref70$size===void 0?'regular':_ref70$size,buttonLabel=_ref70.buttonLabel,icon=_ref70.icon,onClick=_ref70.onClick,children=_ref70.children;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;var Content$e=_styledComponents.default.div.withConfig({displayName:"maxio__Contente",componentId:"maxio-components__sc-lo74t2-49"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','bodyVariant'));});var Wrapper$g=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperg",componentId:"maxio-components__sc-lo74t2-50"})(["&&&{overflow:auto;position:relative;}"]);var 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,function(_ref71){var boxShadow=_ref71.boxShadow;return boxShadow==='top'&&(0,_styledComponents.css)(["top:0;"]);},function(_ref72){var boxShadow=_ref72.boxShadow;return boxShadow==='bottom'&&(0,_styledComponents.css)(["bottom:0;"]);});var Body=function Body(_ref73){var children=_ref73.children,_ref73$bodyVariant=_ref73.bodyVariant,bodyVariant=_ref73$bodyVariant===void 0?'regular':_ref73$bodyVariant;var _useInView5=(0,_reactIntersectionObserver.useInView)({initialInView:true}),_useInView6=_slicedToArray(_useInView5,2),inViewRefTop=_useInView6[0],inViewTop=_useInView6[1];var _useInView7=(0,_reactIntersectionObserver.useInView)({initialInView:true}),_useInView8=_slicedToArray(_useInView7,2),inViewRefBottom=_useInView8[0],inViewBottom=_useInView8[1];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}));};var Container$h=_styledComponents.default.div.withConfig({displayName:"maxio__Containerh",componentId:"maxio-components__sc-lo74t2-52"})(["&&&{display:flex;flex-direction:column;width:100%;",";",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','variant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','color'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','border'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Card');}));var Header$1=_styledComponents.default.div.withConfig({displayName:"maxio__Header1",componentId:"maxio-components__sc-lo74t2-53"})(["&&&{flex-shrink:0;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','headerVariant'));},function(_ref74){var enableBorder=_ref74.enableBorder;return!enableBorder&&(0,_styledComponents.css)(["border-bottom-width:0;"]);});Header$1.defaultProps={headerVariant:'regular',enableBorder:true};var Footer=_styledComponents.default.div.withConfig({displayName:"maxio__Footer",componentId:"maxio-components__sc-lo74t2-54"})(["&&&{flex-shrink:0;margin-top:auto;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Card','footerVariant'));});Footer.defaultProps={footerVariant:'regular'};var Card$2=/*#__PURE__*/(0,_react.forwardRef)(function(_ref75,ref){var _ref75$variant=_ref75.variant,variant=_ref75$variant===void 0?'regular':_ref75$variant,_ref75$color=_ref75.color,color=_ref75$color===void 0?'white':_ref75$color,_ref75$border=_ref75.border,border=_ref75$border===void 0?'rounded':_ref75$border,children=_ref75.children;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:Body,Footer:Footer});var getMessage=function getMessage(_ref76){var hint=_ref76.hint,error=_ref76.error,hasError=_ref76.hasError;var message;var messageType='normal';if(hint){message=hint;}if(hasError&&error){message=error;messageType='error';}return{messageType:messageType,message:message};};var StyledLabel=_styledComponents.default.label.withConfig({displayName:"maxio__StyledLabel",componentId:"maxio-components__sc-lo74t2-55"})(["&&&{cursor:pointer;",";",";",";",";",";}"],function(_ref77){var flexLabel=_ref77.flexLabel;return flexLabel&&(0,_styledComponents.css)(["display:inline-flex;align-items:center;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','color'));},function(_ref78){var disabled=_ref78.disabled;return disabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'InputLabel');}));var Marker=_styledComponents.default.span.withConfig({displayName:"maxio__Marker",componentId:"maxio-components__sc-lo74t2-56"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'InputLabel','color'));});var 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;}"]);var InputLabel=function InputLabel(_ref79){var label=_ref79.label,_ref79$size=_ref79.size,size=_ref79$size===void 0?'medium':_ref79$size,_ref79$disabled=_ref79.disabled,disabled=_ref79$disabled===void 0?false:_ref79$disabled,_ref79$required=_ref79.required,required=_ref79$required===void 0?false:_ref79$required,htmlFor=_ref79.htmlFor,tooltip=_ref79.tooltip,_ref79$textEllipsis=_ref79.textEllipsis,textEllipsis=_ref79$textEllipsis===void 0?false:_ref79$textEllipsis,_ref79$flexLabel=_ref79.flexLabel,flexLabel=_ref79$flexLabel===void 0?false:_ref79$flexLabel;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!==null&&tooltip!==void 0&&tooltip.renderContent?/*#__PURE__*/_react.default.createElement(Tooltip$1,_objectSpread({},tooltip),/*#__PURE__*/_react.default.createElement(Icon,{type:'questionCircle',fill:'currentColor',size:16})):null,' ',required?/*#__PURE__*/_react.default.createElement(Marker,{color:"danger"},"*"):null);};var Container$g=_styledComponents.default.div.withConfig({displayName:"maxio__Containerg",componentId:"maxio-components__sc-lo74t2-58"})(["&&&{display:",";width:100%;",";}"],function(_ref80){var fullWidth=_ref80.fullWidth;return fullWidth?'flex':'inline-flex';},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'FormField','labelPosition'));});var MessageContainer$1=_styledComponents.default.div.withConfig({displayName:"maxio__MessageContainer1",componentId:"maxio-components__sc-lo74t2-59"})(["&&&{",";}"],function(_ref81){var theme=_ref81.theme,type=_ref81.type;return(0,_styledComponents.css)(["min-height:",";margin-top:","px;"],theme.lineHeights[theme.components.InputMessage.componentVariants.type.variants[type].lineHeight],theme.space[2]);});var LabelContainer=_styledComponents.default.div.withConfig({displayName:"maxio__LabelContainer",componentId:"maxio-components__sc-lo74t2-60"})(["&&&{",";}"],function(_ref82){var labelPosition=_ref82.labelPosition,size=_ref82.size,theme=_ref82.theme;return labelPosition==='left'&&(0,_styledComponents.css)(["padding-top:","px;"],theme.space[theme.components.Input.componentVariants.inputSize.variants[size].paddingTop]);});var FormField=function FormField(_ref83){var label=_ref83.label,_ref83$labelPosition=_ref83.labelPosition,labelPosition=_ref83$labelPosition===void 0?'top':_ref83$labelPosition,name=_ref83.name,_ref83$size=_ref83.size,size=_ref83$size===void 0?'medium':_ref83$size,_ref83$disabled=_ref83.disabled,disabled=_ref83$disabled===void 0?false:_ref83$disabled,_ref83$hasError=_ref83.hasError,hasError=_ref83$hasError===void 0?false:_ref83$hasError,error=_ref83.error,hint=_ref83.hint,_ref83$fullWidth=_ref83.fullWidth,fullWidth=_ref83$fullWidth===void 0?false:_ref83$fullWidth,_ref83$required=_ref83.required,required=_ref83$required===void 0?false:_ref83$required,_ref83$disableMessage=_ref83.disableMessage,disableMessage=_ref83$disableMessage===void 0?false:_ref83$disableMessage,tooltip=_ref83.tooltip,children=_ref83.children;var _getMessage=getMessage({hint:hint,error:error,hasError:hasError}),messageType=_getMessage.messageType,message=_getMessage.message;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}))));};var Container$f=_styledComponents.default.div.withConfig({displayName:"maxio__Containerf",componentId:"maxio-components__sc-lo74t2-61"})(["&&&{display:flex;",";}"],_styledSystem.gridGap);var 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;}"],function(_ref84){var theme=_ref84.theme;return(0,_styledComponents.css)(["color:",";&:hover{color:",";}&:focus-visible{outline:1px solid ",";}"],theme.colors.gray.light,theme.colors.primary.dark,theme.colors.primary.main);},function(_ref85){var isDisabled=_ref85.isDisabled;return isDisabled&&(0,_styledComponents.css)(["cursor:not-allowed;"]);});var 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,function(_ref86){var theme=_ref86.theme,isActive=_ref86.isActive;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));});var OVERFLOW_PATTERN='...';var createPagination=function createPagination(_ref87){var currentPage=_ref87.currentPage,totalPages=_ref87.totalPages;var pagesLimit=arguments.length>1&&arguments[1]!==undefined?arguments[1]:8;if(totalPages<pagesLimit){return new Array(totalPages).fill(true).map(function(_,idx){return idx+1;});}var visiblePages=pagesLimit-1;var middlePage=Math.round(visiblePages/2);var isWithinEndRange=currentPage>totalPages-middlePage;var isWithinStartRange=currentPage<=middlePage;if(isWithinEndRange){return[1,OVERFLOW_PATTERN].concat(_toConsumableArray(new Array(visiblePages-2).fill(totalPages).map(function(page,idx){return page-idx;}).reverse()));}if(isWithinStartRange){return[].concat(_toConsumableArray(new Array(visiblePages-2).fill(true).map(function(_,idx){return idx+1;})),[OVERFLOW_PATTERN,totalPages]);}var values=new Array(visiblePages).fill(currentPage).map(function(_,idx){if(idx+1===middlePage)return currentPage;return currentPage-middlePage+idx+1;});return[1,OVERFLOW_PATTERN].concat(_toConsumableArray(values.slice(2,values.length-2)),[OVERFLOW_PATTERN,totalPages]);};var Pagination=function Pagination(_ref88){var _ref88$page=_ref88.page,page=_ref88$page===void 0?1:_ref88$page,totalPages=_ref88.totalPages,onChange=_ref88.onChange;var paginationItems=(0,_react.useMemo)(function(){return createPagination({currentPage:page,totalPages:totalPages});},[page,totalPages]);var backDisabled=page===1;var nextDisabled=page===totalPages;var onNavigateBack=function onNavigateBack(){return onChange(page-1);};var onNavigateNext=function onNavigateNext(){return 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:function onKeyDown(e){if(!backDisabled&&e.key===KEYBOARD_KEYS.ENTER){onNavigateBack();}},onClick:function onClick(){if(!backDisabled)onNavigateBack();}},/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronLeft",size:12,fill:"inherit"})),paginationItems.map(function(item,idx){return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,{key:"page-".concat(idx,"-").concat(item)},typeof item==='number'?/*#__PURE__*/_react.default.createElement(Page,{role:"button",isActive:item===page,tabIndex:0,display:"flex",minWidth:"4",height:"4",onClick:function onClick(){if(item!==page)onChange(item);},onKeyDown:function 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:function onKeyDown(e){if(!nextDisabled&&e.key===KEYBOARD_KEYS.ENTER){onNavigateNext();}},onClick:function onClick(){if(!nextDisabled)onNavigateNext();}},/*#__PURE__*/_react.default.createElement(Icon,{type:"chevronRight",size:12,fill:"inherit"})));};var StepTitle=_styledComponents.default.span.withConfig({displayName:"maxio__StepTitle",componentId:"maxio-components__sc-lo74t2-64"})(["&&&{position:absolute;transition:color 0.2s;will-change:color;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','text'));});var 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);var StepLine=_styledComponents.default.div.withConfig({displayName:"maxio__StepLine",componentId:"maxio-components__sc-lo74t2-66"})(["&&&{transition:background-color 0.2s;will-change:background-color;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','color'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','lineSize'));});var 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;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepHorizontal','color'));});var StepInlineWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepInlineWrapper",componentId:"maxio-components__sc-lo74t2-68"})(["&&&{position:relative;}"]);var 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;}"],function(_ref89){var width=_ref89.width;return width;});var StepHorizontal=function StepHorizontal(_ref90){var stepCount=_ref90.stepCount,title=_ref90.title,isActive=_ref90.isActive,isCompleted=_ref90.isCompleted;var stepState=isActive?'active':isCompleted?'completed':'disabled';var stepLineColor=isActive||isCompleted?'completed':'disabled';var _useState9=(0,_react.useState)(0),_useState10=_slicedToArray(_useState9,2),width=_useState10[0],setWidth=_useState10[1];var wrapperRef=(0,_react.useRef)();(0,_react.useEffect)(function(){if(wrapperRef!==null&&wrapperRef!==void 0&&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'}));};var 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:",";",";}"],function(_ref91){var verticalSingleLine=_ref91.verticalSingleLine,theme=_ref91.theme;return verticalSingleLine?(0,_styledComponents.css)(["flex-direction:row;column-gap:","px;align-items:center;"],theme.space[3]):(0,_styledComponents.css)(["flex-direction:column;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','text'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','size'));},function(_ref92){var isActive=_ref92.isActive;return isActive?'1':'0';},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'StepVertical','color'));});var StepTextWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepTextWrapper",componentId:"maxio-components__sc-lo74t2-71"})(["&&&{flex-shrink:0;}"]);var StepVertical=function StepVertical(_ref93){var stepCount=_ref93.stepCount,title=_ref93.title,isActive=_ref93.isActive,isCompleted=_ref93.isCompleted,_ref93$stepText=_ref93.stepText,stepText=_ref93$stepText===void 0?'Step':_ref93$stepText,verticalSingleLine=_ref93.verticalSingleLine;var 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));};var StepsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__StepsWrapper",componentId:"maxio-components__sc-lo74t2-72"})(["&&&{display:flex;padding:2px 0;box-sizing:border-box;",";}"],function(_ref94){var variant=_ref94.variant;return variant==='vertical'&&(0,_styledComponents.css)(["flex-direction:column;"]);});var Stepper=function Stepper(_ref95){var steps=_ref95.steps,currentStep=_ref95.currentStep,_ref95$variant=_ref95.variant,variant=_ref95$variant===void 0?'vertical':_ref95$variant,stepText=_ref95.stepText,_ref95$verticalSingle=_ref95.verticalSingleLine,verticalSingleLine=_ref95$verticalSingle===void 0?false:_ref95$verticalSingle;return/*#__PURE__*/_react.default.createElement(StepsWrapper,{variant:variant},variant==='horizontal'&&steps.map(function(step,i){return/*#__PURE__*/_react.default.createElement(StepHorizontal,{isActive:currentStep===i,isCompleted:currentStep>i,key:step,stepCount:i+1,title:step});}),variant==='vertical'&&steps.map(function(step,i){return/*#__PURE__*/_react.default.createElement(StepVertical,{stepText:stepText,stepCount:i+1,title:step,key:step,isActive:currentStep===i,isCompleted:currentStep>i,verticalSingleLine:verticalSingleLine});}));};var RowWrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper2",componentId:"maxio-components__sc-lo74t2-73"})(["&&&{",";}&&&:not(:last-child){",";}"],_styledSystem.padding,function(_ref96){var theme=_ref96.theme;return(0,_styledComponents.css)(["border-bottom:1px dashed ",";"],theme.colors.gray.extraLight);});var ColumnValue=_styledComponents.default.span.withConfig({displayName:"maxio__ColumnValue",componentId:"maxio-components__sc-lo74t2-74"})(["&&&{white-space:pre-wrap;",";}"],function(_ref97){var theme=_ref97.theme,fontSize=_ref97.fontSize;return(0,_styledComponents.css)(["font-size:","px;"],theme.fontSizes[fontSize]);});ColumnValue.defaultProps={fontSize:0};var SummaryTable=function SummaryTable(_ref98){var rows=_ref98.rows,columnSpans=_ref98.columnSpans;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,rows.map(function(row,index){return/*#__PURE__*/_react.default.createElement(RowWrapper$2,{key:index,paddingTop:3,paddingBottom:3},/*#__PURE__*/_react.default.createElement(Row$4,{rowGap:0},row.map(function(cell,index){return/*#__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)));})));}));};var 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;}"],function(_ref99){var theme=_ref99.theme;return theme.space[3];},function(props){return props.maxWidth&&(0,_styledComponents.css)(["max-width:","px;"],props.maxWidth);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tag','color'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tag','size'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'Tag');}));var Tag=function Tag(_ref100){var label=_ref100.label,_ref100$size=_ref100.size,size=_ref100$size===void 0?'regular':_ref100$size,_ref100$color=_ref100.color,color=_ref100$color===void 0?'primary':_ref100$color,overflow=_ref100.overflow,maxWidth=_ref100.maxWidth,onDelete=_ref100.onDelete;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"}));};var Title=_styledComponents.default.div.withConfig({displayName:"maxio__Title",componentId:"maxio-components__sc-lo74t2-76"})(["&&&{height:100%;display:flex;align-items:center;}"]);var 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);var Price$1=_styledComponents.default.div.withConfig({displayName:"maxio__Price1",componentId:"maxio-components__sc-lo74t2-78"})(["&&&{align-items:center;",";",";}"],_styledSystem.gridGap,_styledSystem.display);var SubscriptionHeader=function SubscriptionHeader(_ref101){var title=_ref101.title,tag=_ref101.tag,children=_ref101.children,price=_ref101.price,interval=_ref101.interval;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));};var 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;",";",";",";}"],function(_ref102){var fullWidth=_ref102.fullWidth;return fullWidth&&(0,_styledComponents.css)(["width:100%;"]);},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','status'));});var Input=_styledComponents.default.input.withConfig({displayName:"maxio__Input",componentId:"maxio-components__sc-lo74t2-80"})(["&&&{border:none;outline:none;background:none;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'TagInput','inputSize'));});var isRightKey=function isRightKey(key,separator){return key===separator||key===KEYBOARD_KEYS.ENTER;};var TagInput=function TagInput(_ref103){var _ref103$separator=_ref103.separator,separator=_ref103$separator===void 0?',':_ref103$separator,placeholder=_ref103.placeholder,validationFn=_ref103.validationFn,tags=_ref103.tags,tagProps=_ref103.tagProps,onCreate=_ref103.onCreate,onRemove=_ref103.onRemove,onPaste=_ref103.onPaste,_ref103$blinkTime=_ref103.blinkTime,blinkTime=_ref103$blinkTime===void 0?100:_ref103$blinkTime,_ref103$fullWidth=_ref103.fullWidth,fullWidth=_ref103$fullWidth===void 0?false:_ref103$fullWidth,maxTags=_ref103.maxTags,rest=_objectWithoutProperties(_ref103,_excluded9);var _useState11=(0,_react.useState)(true),_useState12=_slicedToArray(_useState11,2),isKeyReleased=_useState12[0],setIsKeyReleased=_useState12[1];var _useState13=(0,_react.useState)(''),_useState14=_slicedToArray(_useState13,2),inputValue=_useState14[0],setInputValue=_useState14[1];var _useState15=(0,_react.useState)(1),_useState16=_slicedToArray(_useState15,2),opacity=_useState16[0],setOpacity=_useState16[1];var _useState17=(0,_react.useState)(false),_useState18=_slicedToArray(_useState17,2),hasError=_useState18[0],setHasError=_useState18[1];var inputEl=_react.default.useRef(null);var onKeyDown=function onKeyDown(e){var key=e.key;var 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(function(){return setOpacity(1);},blinkTime);}}if(key===KEYBOARD_KEYS.BACKSPACE&&!tag.length&&tags.length&&isKeyReleased){e.preventDefault();var tagsCopy=_toConsumableArray(tags);var poppedTag=tagsCopy.pop();onRemove(poppedTag,tags.length-1);setInputValue(poppedTag);}setIsKeyReleased(false);};var handleOnPaste=function handleOnPaste(_ref104){var clipboardData=_ref104.clipboardData;var pastedText=clipboardData.getData('Text');var parsedText=pastedText.replace(/\s+/g,'');var pastedTags=new Set(parsedText.split(separator));var maxCountPasted=(maxTags||Infinity)-tags.length;var filteredTags=_toConsumableArray(pastedTags).filter(function(tag){return!tags.includes(tag)&&validationFn(tag);});onPaste(filteredTags.slice(0,maxCountPasted));setInputValue('');};var onKeyUp=function onKeyUp(){setIsKeyReleased(true);};var memoizedTags=(0,_react.useMemo)(function(){return tags.map(function(tag,index){return/*#__PURE__*/_react.default.createElement(Tag,_objectSpread({key:index,label:tag,onDelete:function onDelete(){return onRemove(tag,index);}},tagProps));});},[tags,tagProps,onRemove]);var isLimitReached=maxTags&&tags.length>=maxTags;return/*#__PURE__*/_react.default.createElement(InputWrapper,{fullWidth:fullWidth,status:hasError?'error':'default',size:'regular',onClick:function onClick(){var _inputEl$current;return inputEl===null||inputEl===void 0?void 0:(_inputEl$current=inputEl.current)===null||_inputEl$current===void 0?void 0:_inputEl$current.focus();},"data-testid":'tagInput-wrapper'},memoizedTags,/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,{animate:{opacity:opacity},transition:{duration:0.1}},/*#__PURE__*/_react.default.createElement(Input,_objectSpread({disabled:isLimitReached,onPaste:handleOnPaste,value:inputValue,inputSize:'regular',type:'text',ref:inputEl,onChange:function onChange(e){return setInputValue(e.target.value);},onKeyUp:onKeyUp,placeholder:isLimitReached?'':placeholder,hidden:isLimitReached,onKeyDown:onKeyDown},rest))));};var 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,function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','colorVariant'));},(0,_styledComponents.css)(function(props){return ThemeUtilities.getComponentCSSOverrides(props,'ToastMessage');}));var IconContainer=_styledComponents.default.div.withConfig({displayName:"maxio__IconContainer",componentId:"maxio-components__sc-lo74t2-82"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'ToastMessage','iconColor'));});var MESSAGE_ICON={success:'circleCheck',warning:'exclamationTriangle',info:'circleInfo'};var ToastMessage=function ToastMessage(_ref105){var _ref105$size=_ref105.size,size=_ref105$size===void 0?'regular':_ref105$size,_ref105$colorVariant=_ref105.colorVariant,colorVariant=_ref105$colorVariant===void 0?'dark':_ref105$colorVariant,_ref105$type=_ref105.type,type=_ref105$type===void 0?'info':_ref105$type,message=_ref105.message;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:"".concat(colorVariant,"-").concat(type)},/*#__PURE__*/_react.default.createElement(Icon,{fill:"inherit",type:MESSAGE_ICON[type],size:32})),/*#__PURE__*/_react.default.createElement(Heading,{variant:"h4",color:"inherit"},message));};var Container$c=_styledComponents.default.div.withConfig({displayName:"maxio__Containerc",componentId:"maxio-components__sc-lo74t2-83"})(["&&&{display:grid;align-items:center;",";}"],_styledSystem.grid);var getOptions=function getOptions(translations){var days=translations.days,months=translations.months,years=translations.years;return[{label:days,value:'day'},{label:months,value:'month'},{label:years,value:'year'}];};var defaultTranslations$6={label:'Last',days:'Days',months:'Months',years:'Years'};var RelativeTime=function RelativeTime(_ref106){var _ref106$unit=_ref106.unit,unit=_ref106$unit===void 0?'day':_ref106$unit,value=_ref106.value,_onChange=_ref106.onChange,portalContainer=_ref106.portalContainer,_ref106$translations=_ref106.translations,translations=_ref106$translations===void 0?defaultTranslations$6:_ref106$translations;var label=translations.label;var options=(0,_react.useMemo)(function(){return 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===null||value===void 0?void 0:value.toString())||'',placeholder:"0",onChange:function onChange(e){return _onChange({unit:unit,value:+e.target.value});},inputSize:"small"}),/*#__PURE__*/_react.default.createElement(Select,{options:options,selectedValue:unit,onSelect:function onSelect(item){return _onChange({unit:item.value,value:value});},variant:"secondary",selectSize:"small",portalContainer:portalContainer}));};var 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:",";}"],function(_ref107){var theme=_ref107.theme;return theme.colors.white.main;},function(_ref108){var theme=_ref108.theme;return theme.fonts.secondary;},function(_ref109){var theme=_ref109.theme;return theme.radii[3];},function(_ref110){var theme=_ref110.theme;return(0,_polished.transparentize)(0.85,theme.colors.black.dark);},fontSmoothing,function(_ref111){var theme=_ref111.theme;return theme.fonts.secondary;},function(_ref112){var theme=_ref112.theme;return theme.space[3];},function(_ref113){var theme=_ref113.theme;return theme.colors.white.main;},function(_ref114){var theme=_ref114.theme;return(0,_polished.transparentize)(0.3,theme.colors.black.dark);},function(_ref115){var theme=_ref115.theme;return theme.radii[3];},function(_ref116){var theme=_ref116.theme;return"2px solid ".concat(theme.colors.white.main);},function(_ref117){var theme=_ref117.theme;return theme.colors.primary.extraLight;},function(_ref118){var theme=_ref118.theme;return theme.sizes[5];},function(_ref119){var theme=_ref119.theme;return theme.sizes[5];},function(_ref120){var theme=_ref120.theme;return theme.space[3];},function(_ref121){var theme=_ref121.theme;return theme.colors.primary.extraLight;},function(_ref122){var theme=_ref122.theme;return theme.colors.white.main;},function(_ref123){var theme=_ref123.theme;return theme.colors.primary.main;},function(_ref124){var theme=_ref124.theme;return"2px solid ".concat(theme.colors.white.main);},function(_ref125){var theme=_ref125.theme;return theme.colors.primary.main;},function(_ref126){var theme=_ref126.theme;return"1px solid ".concat((0,_polished.transparentize)(0.5,theme.colors.primary.main));},function(_ref127){var theme=_ref127.theme;return theme.radii[3];},function(_ref128){var theme=_ref128.theme;return theme.space[3];},function(_ref129){var theme=_ref129.theme;return(0,_polished.transparentize)(0.9,theme.colors.primary.dark);},function(_ref130){var theme=_ref130.theme;return"1px solid ".concat((0,_polished.transparentize)(0.5,theme.colors.primary.main));},function(_ref131){var theme=_ref131.theme;return(0,_polished.transparentize)(0.9,theme.colors.primary.main);},function(_ref132){var theme=_ref132.theme;return"1px solid ".concat((0,_polished.transparentize)(0.5,theme.colors.primary.main));},function(_ref133){var theme=_ref133.theme;return(0,_polished.transparentize)(0.9,theme.colors.primary.main);},function(_ref134){var theme=_ref134.theme;return theme.colors.primary.main;},function(_ref135){var theme=_ref135.theme;return theme.colors.danger.main;},function(_ref136){var theme=_ref136.theme;return"1px solid ".concat(theme.colors.primary.main);},function(_ref137){var theme=_ref137.theme;return theme.colors.black.main;});var Container$b=_styledComponents.default.div.withConfig({displayName:"maxio__Containerb",componentId:"maxio-components__sc-lo74t2-84"})(["&&&{position:relative;}"]);var CALENDAR_WIDTH=300;var defaultTranslations$5={placeholder:'From'};var DatePicker=function DatePicker(_ref138){var value=_ref138.value,_ref138$translations=_ref138.translations,translations=_ref138$translations===void 0?defaultTranslations$5:_ref138$translations,_ref138$locale=_ref138.locale,locale=_ref138$locale===void 0?'en':_ref138$locale,minDate=_ref138.minDate,maxDate=_ref138.maxDate,portalContainer=_ref138.portalContainer,_ref138$calendarAlign=_ref138.calendarAlignment,calendarAlignment=_ref138$calendarAlign===void 0?'left':_ref138$calendarAlign,_onChange2=_ref138.onChange,modalRef=_ref138.modalRef,disabled=_ref138.disabled;var _useState19=(0,_react.useState)(false),_useState20=_slicedToArray(_useState19,2),showCalendar=_useState20[0],setCalendar=_useState20[1];var calendarContainerRef=(0,_react.useRef)(null);var inputRef=(0,_react.useRef)(null);var placeholder=translations.placeholder;var portalElement=portalContainer===null||portalContainer===void 0?void 0:portalContainer.current;useOnClickOutside([calendarContainerRef,portalContainer],function(){if(showCalendar){setCalendar(false);}},modalRef===null||modalRef===void 0?void 0:modalRef.current);var renderCalendar=function renderCalendar(){return/*#__PURE__*/_react.default.createElement(_reactCalendar.default,{onChange:function onChange(date){_onChange2(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});};var calculateDropdownPosition=(0,_react.useCallback)(function(){var element=calendarContainerRef.current;var _element$getBoundingC=element.getBoundingClientRect(),top=_element$getBoundingC.top,height=_element$getBoundingC.height,left=_element$getBoundingC.left,width=_element$getBoundingC.width;var alignmentPosition=calendarAlignment==='left'?left:left-(CALENDAR_WIDTH-width);return{top:top+height+window.scrollY,left:alignmentPosition+window.scrollX,width:CALENDAR_WIDTH};},[calendarAlignment]);var handleBackspace=function handleBackspace(e){if(e.key===KEYBOARD_KEYS.BACKSPACE){_onChange2(null);}};return/*#__PURE__*/_react.default.createElement(Container$b,{ref:calendarContainerRef},/*#__PURE__*/_react.default.createElement(DatePickerStyles,null),/*#__PURE__*/_react.default.createElement("div",{onClick:function onClick(){return!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:function onChange(){return false;},inputSize:"small",iconRight:"calendar",placeholder:placeholder,readOnly:true,onKeyDown:handleBackspace,value:(value===null||value===void 0?void 0: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:_objectSpread({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()))));};var 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;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','containerVariant'));});var Tab=(0,_styledComponents.default)(_framerMotion.motion.li).withConfig({displayName:"maxio__Tab",componentId:"maxio-components__sc-lo74t2-86"})(["&&&{user-select:none;cursor:pointer;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','size'));});var Wrapper$f=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperf",componentId:"maxio-components__sc-lo74t2-87"})(["&&&{position:relative;flex:1;min-width:0;}"]);var 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%;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Tabs','variant'));});var Tabs=function Tabs(_ref139){var tabs=_ref139.tabs,activeTabId=_ref139.activeTabId,_onClick3=_ref139.onClick;return/*#__PURE__*/_react.default.createElement(Container$a,{containerVariant:"primary"},/*#__PURE__*/_react.default.createElement(_framerMotion.LayoutGroup,null,tabs.map(function(_ref140){var label=_ref140.label,id=_ref140.id;return/*#__PURE__*/_react.default.createElement(Wrapper$f,{key:id},/*#__PURE__*/_react.default.createElement(Tab,{size:"regular",onClick:function onClick(){return _onClick3?_onClick3(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);})));};var RadioGroupWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__RadioGroupWrapper",componentId:"maxio-components__sc-lo74t2-89"})(["&&&{display:flex;",";",";}"],_styledSystem.flexDirection,_styledSystem.gridGap);var RadioGroup=function RadioGroup(_ref141){var options=_ref141.options,_onValueChange=_ref141.onValueChange,selectedValue=_ref141.selectedValue,_ref141$optionsDirect=_ref141.optionsDirection,optionsDirection=_ref141$optionsDirect===void 0?'row':_ref141$optionsDirect,_ref141$optionsGap=_ref141.optionsGap,optionsGap=_ref141$optionsGap===void 0?5:_ref141$optionsGap;return/*#__PURE__*/_react.default.createElement(RadioGroupWrapper,{gridGap:optionsGap,flexDirection:optionsDirection},options.map(function(option){return/*#__PURE__*/_react.default.createElement(RadioButton,{key:option.value,isSelected:selectedValue===option.value,label:option.label,value:option.value,onValueChange:function onValueChange(value){return _onValueChange(value);}});}));};var InputContainer=_styledComponents.default.div.withConfig({displayName:"maxio__InputContainer",componentId:"maxio-components__sc-lo74t2-90"})(["&&&{pointer-events:none;}"]);var Container$9=_styledComponents.default.div.withConfig({displayName:"maxio__Container9",componentId:"maxio-components__sc-lo74t2-91"})(["&&&{position:relative;}"]);var OptionsContainer=_styledComponents.default.div.withConfig({displayName:"maxio__OptionsContainer",componentId:"maxio-components__sc-lo74t2-92"})(["&&&{display:flex;}"]);var RelativeColumn=_styledComponents.default.div.withConfig({displayName:"maxio__RelativeColumn",componentId:"maxio-components__sc-lo74t2-93"})(["&&&{position:relative;flex:1;}"]);var getInputValue=function getInputValue(value){if(value&&'minute'in value&&'hour'in value){var minute=value.minute,hour=value.hour;var minutes=minute<10?"0".concat(minute):minute.toString();var hours=hour<10?"0".concat(hour):hour.toString();return"".concat(hours,":").concat(minutes);}return'';};var getTimeOptions=function getTimeOptions(length){return Array.from({length:length},function(_,idx){return{label:idx<10?"0".concat(idx):"".concat(idx),value:idx};});};var defaultTranslations$4={placeholder:'Select time'};var minutesOptions=getTimeOptions(60);var hoursOptions=getTimeOptions(24);var TimePicker=function TimePicker(_ref142){var value=_ref142.value,portalContainer=_ref142.portalContainer,_ref142$translations=_ref142.translations,translations=_ref142$translations===void 0?defaultTranslations$4:_ref142$translations,onChange=_ref142.onChange,modalRef=_ref142.modalRef,disabled=_ref142.disabled,_ref142$dropdownAlign=_ref142.dropdownAlignment,dropdownAlignment=_ref142$dropdownAlign===void 0?'left':_ref142$dropdownAlign;var _useState21=(0,_react.useState)(false),_useState22=_slicedToArray(_useState21,2),showPicker=_useState22[0],setPicker=_useState22[1];var pickerContainerRef=(0,_react.useRef)(null);var _ref143=value||{},minute=_ref143.minute,hour=_ref143.hour;var placeholder=translations.placeholder;var portalElement=portalContainer===null||portalContainer===void 0?void 0:portalContainer.current;useOnClickOutside([pickerContainerRef,portalContainer],function(){if(showPicker){setPicker(false);}},modalRef===null||modalRef===void 0?void 0:modalRef.current);var calculateDropdownPosition=(0,_react.useCallback)(function(){var element=pickerContainerRef.current;var _element$getBoundingC2=element.getBoundingClientRect(),top=_element$getBoundingC2.top,height=_element$getBoundingC2.height,left=_element$getBoundingC2.left,width=_element$getBoundingC2.width;return{top:top+height+window.scrollY,left:left+window.scrollX,width:width};},[pickerContainerRef]);var renderOptions=function renderOptions(){return/*#__PURE__*/_react.default.createElement(OptionsContainer,null,/*#__PURE__*/_react.default.createElement(RelativeColumn,null,/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:hoursOptions,onSelect:function onSelect(_e,_ref144){var value=_ref144.value;return onChange({minute:minute||0,hour:Number(value)});},selectSize:"small",selectionIndex:hoursOptions.findIndex(function(_ref145){var value=_ref145.value;return value===hour;})})),/*#__PURE__*/_react.default.createElement(RelativeColumn,null,/*#__PURE__*/_react.default.createElement(Options,{alignment:dropdownAlignment,options:minutesOptions,onSelect:function onSelect(_e,_ref146){var value=_ref146.value;return onChange({hour:hour||0,minute:Number(value)});},selectSize:"small",selectionIndex:minutesOptions.findIndex(function(_ref147){var value=_ref147.value;return value===minute;})})));};return/*#__PURE__*/_react.default.createElement(Container$9,{ref:pickerContainerRef},/*#__PURE__*/_react.default.createElement("div",{onClick:function 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:function onChange(){return 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:_objectSpread({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()))));};var formatCardNumber$1=function formatCardNumber$1(number){return number.replace(/x/gi,'·').replace(/-/g,' ');};var CreditCardNumberWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardNumberWrapper",componentId:"maxio-components__sc-lo74t2-94"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardNumber','variant'));});CreditCardNumberWrapper.defaultProps={variant:'regular'};var CreditCardNumber=function CreditCardNumber(_ref148){var number=_ref148.number;return/*#__PURE__*/_react.default.createElement(CreditCardNumberWrapper,null,/*#__PURE__*/_react.default.createElement(Heading,{variant:"h3",color:"inherit"},formatCardNumber$1(number)));};var CreditCardAddressWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardAddressWrapper",componentId:"maxio-components__sc-lo74t2-95"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardAddress','variant'));});CreditCardAddressWrapper.defaultProps={variant:'regular'};var CreditCardAddress=function CreditCardAddress(_ref149){var firstLine=_ref149.firstLine,secondLine=_ref149.secondLine;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));};var formatExpirationYear=function formatExpirationYear(year){var str=year.toString();return str.substr(str.length-2);};var CreditCardHolderDetailsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CreditCardHolderDetailsWrapper",componentId:"maxio-components__sc-lo74t2-96"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCardHolderDetails','variant'));});CreditCardHolderDetailsWrapper.defaultProps={variant:'regular'};var CreditCardHolderDetails=function CreditCardHolderDetails(_ref150){var firstName=_ref150.firstName,lastName=_ref150.lastName,expirationMonth=_ref150.expirationMonth,expirationYear=_ref150.expirationYear;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".concat(expirationMonth),"/",formatExpirationYear(expirationYear)));};var PageHeaderTitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PageHeaderTitleWrapper",componentId:"maxio-components__sc-lo74t2-97"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'PageHeaderTitle','variant'));});PageHeaderTitleWrapper.defaultProps={variant:'regular'};var PageHeaderTitle=function PageHeaderTitle(_ref151){var title=_ref151.title,size=_ref151.size;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)));};var PageHeaderSubtitleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PageHeaderSubtitleWrapper",componentId:"maxio-components__sc-lo74t2-98"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'PageHeaderSubtitle','variant'));});PageHeaderSubtitleWrapper.defaultProps={variant:'regular'};var PageHeaderSubtitle=function PageHeaderSubtitle(_ref152){var subtitle=_ref152.subtitle,size=_ref152.size;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)));};var 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);var PageHeader=function PageHeader(_ref153){var title=_ref153.title,subtitle=_ref153.subtitle,onBack=_ref153.onBack,previousPageLabel=_ref153.previousPageLabel,_ref153$size=_ref153.size,size=_ref153$size===void 0?'medium':_ref153$size;return/*#__PURE__*/_react.default.createElement("div",null,previousPageLabel&&/*#__PURE__*/_react.default.createElement(Anchor,{iconLeft:"chevronLeft",label:previousPageLabel,onClick:function onClick(){return 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})));};var Master=function Master(){return/*#__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"})));};var Visa=function Visa(){return/*#__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"})));};var 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;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Watermark','variant'));});var Watermark$1=function Watermark$1(_ref154){var type=_ref154.type,size=_ref154.size;var variant="".concat(type,"-").concat(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;};var Chip=function Chip(){return/*#__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"})));};var Wrapper$e=_styledComponents.default.div.withConfig({displayName:"maxio__Wrappere",componentId:"maxio-components__sc-lo74t2-101"})(["&&&{display:flex;align-items:center;gap:4px;}"]);var StatusMsg=function StatusMsg(_ref155){var status=_ref155.status,customMessages=_ref155.customMessages;var _useTranslation=(0,_reactI18next.useTranslation)(['payment-profile']),t=_useTranslation.t;var statusMsg=_objectSpread({active:t('active_payment'),error:t('expired_card'),unavailable:t('unavailable')},customMessages);var getStatusIcon=function 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;}};var getMsgColor=function 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]));};var 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;",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','size'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','variant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'CreditCard','status'));});var AddressWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__AddressWrapper",componentId:"maxio-components__sc-lo74t2-103"})(["&&&{min-width:0;margin-left:auto;}"]);var CardNumberWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__CardNumberWrapper",componentId:"maxio-components__sc-lo74t2-104"})(["&&&{margin-top:auto;margin-bottom:auto;}"]);var 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);var formatAddressDetails$1=function formatAddressDetails$1(details){var _details$address,_details$address2,_details$city,_details$country,_details$state,_details$zip;var address=(_details$address=details.address)!==null&&_details$address!==void 0?_details$address:'';var address2=(_details$address2=details.address2)!==null&&_details$address2!==void 0?_details$address2:'';var city=(_details$city=details.city)!==null&&_details$city!==void 0?_details$city:'';var country=(_details$country=details.country)!==null&&_details$country!==void 0?_details$country:'';var state=(_details$state=details.state)!==null&&_details$state!==void 0?_details$state:'';var zip=(_details$zip=details.zip)!==null&&_details$zip!==void 0?_details$zip:'';var firstLine="".concat(address).concat(address&&address2?', ':'').concat(address2);var secondLine="".concat(zip).concat(zip&&city?' ':'').concat(city).concat((zip||city)&&state?', ':'').concat(state).concat((zip||city||state)&&country?', ':'').concat(country);if(country==='US'){secondLine="".concat(city).concat(city&&state?', ':'').concat(state).concat((city||state)&&zip?' ':'').concat(zip).concat((city||state||zip)&&country?', ':'').concat(country);}return{firstLine:firstLine,secondLine:secondLine};};var CreditCard$1=function CreditCard$1(_ref156){var card=_ref156.card,_ref156$addressDetail=_ref156.addressDetails,addressDetails=_ref156$addressDetail===void 0?{}:_ref156$addressDetail,_ref156$variant=_ref156.variant,variant=_ref156$variant===void 0?'primary':_ref156$variant,_ref156$size=_ref156.size,size=_ref156$size===void 0?'regular':_ref156$size,status=_ref156.status,renderSlot=_ref156.renderSlot;var type=card.type,maskedNumber=card.maskedNumber,firstName=card.firstName,lastName=card.lastName,expirationMonth=card.expirationMonth,expirationYear=card.expirationYear;var _formatAddressDetails=formatAddressDetails$1(addressDetails),firstLine=_formatAddressDetails.firstLine,secondLine=_formatAddressDetails.secondLine;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:Chip,Logo:Logo});var NameWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__NameWrapper1",componentId:"maxio-components__sc-lo74t2-106"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);var QuantityComponent=function QuantityComponent(_ref157){var name=_ref157.name,description=_ref157.description,value=_ref157.value;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:function renderContent(){return/*#__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"})(["&&&{",";",";}"],function(_ref158){var theme=_ref158.theme;return(0,_styledComponents.css)(["background:",";border-radius:","px;"],theme.colors.primary.extraLight,theme.radii[4]);},_styledSystem.padding);var Name=_styledComponents.default.div.withConfig({displayName:"maxio__Name",componentId:"maxio-components__sc-lo74t2-108"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);var Prepaid=_styledComponents.default.div.withConfig({displayName:"maxio__Prepaid",componentId:"maxio-components__sc-lo74t2-109"})(["&&&{display:flex;flex-direction:column;}"]);var Usage=_styledComponents.default.div.withConfig({displayName:"maxio__Usage",componentId:"maxio-components__sc-lo74t2-110"})(["&&&{",";display:flex;justify-content:flex-end;}"],_styledSystem.margin);var Used=_styledComponents.default.div.withConfig({displayName:"maxio__Used",componentId:"maxio-components__sc-lo74t2-111"})(["&&&{display:flex;flex-direction:column;",";",";}"],_styledSystem.textAlign,_styledSystem.padding);var Overage=_styledComponents.default.div.withConfig({displayName:"maxio__Overage",componentId:"maxio-components__sc-lo74t2-112"})(["&&&{",";display:flex;flex-direction:column;",";",";}"],function(_ref159){var theme=_ref159.theme;return(0,_styledComponents.css)(["border-right:1px solid ",";"],theme.colors.gray.extraLight);},_styledSystem.textAlign,_styledSystem.padding);var RowWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper1",componentId:"maxio-components__sc-lo74t2-113"})(["&&&{",";}"],_styledSystem.margin);var 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'};var PrepaidComponent=function PrepaidComponent(_ref160){var name=_ref160.name,prepaid=_ref160.prepaid,usage=_ref160.usage,isCumulative=_ref160.isCumulative,unit=_ref160.unit,_ref160$translations=_ref160.translations,translations=_ref160$translations===void 0?defaultTranslations$3:_ref160$translations,description=_ref160.description,_ref160$cardVariant=_ref160.cardVariant,cardVariant=_ref160$cardVariant===void 0?'primary':_ref160$cardVariant,overageBalance=_ref160.overageBalance,isRenewable=_ref160.isRenewable;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:function renderContent(){return/*#__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)))))));};var NameWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__NameWrapper",componentId:"maxio-components__sc-lo74t2-114"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridColumnGap);var MeteredComponent=function MeteredComponent(_ref161){var name=_ref161.name,description=_ref161.description,value=_ref161.value;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:function renderContent(){return/*#__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)));};var 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);var ToggleWrapper$1=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper1",componentId:"maxio-components__sc-lo74t2-116"})(["&&&{display:flex;justify-content:flex-end;}"]);var OnOffComponent=function OnOffComponent(_ref162){var isOn=_ref162.isOn,isDisabled=_ref162.isDisabled,name=_ref162.name,description=_ref162.description,_ref162$toggleVariant=_ref162.toggleVariant,toggleVariant=_ref162$toggleVariant===void 0?'reversed':_ref162$toggleVariant;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:function renderContent(){return/*#__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}))));};var Watermark=function Watermark(){return/*#__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"}));};var 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;",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','cardSize'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','variant'));},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','status'));});var 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;",";}"],function(_ref163){var size=_ref163.size;return size==='small'&&(0,_styledComponents.css)(["transform:scale(0.68) translateY(-50%);"]);});var NumbersContainer=_styledComponents.default.div.withConfig({displayName:"maxio__NumbersContainer",componentId:"maxio-components__sc-lo74t2-119"})(["&&&{display:flex;",";}"],_styledSystem.gridGap);var Number$1=_styledComponents.default.div.withConfig({displayName:"maxio__Number1",componentId:"maxio-components__sc-lo74t2-120"})(["&&&{flex:1;min-width:0;}"]);var AddressContainer=_styledComponents.default.div.withConfig({displayName:"maxio__AddressContainer",componentId:"maxio-components__sc-lo74t2-121"})(["&&&{",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','addressSize'));});var Content$d=_styledComponents.default.div.withConfig({displayName:"maxio__Contentd",componentId:"maxio-components__sc-lo74t2-122"})(["&&&{flex:1;display:flex;flex-direction:column;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'BankAccount','contentSize'));});var Row$2=_styledComponents.default.div.withConfig({displayName:"maxio__Row2",componentId:"maxio-components__sc-lo74t2-123"})(["&&&{display:flex;align-items:center;",";}"],_styledSystem.gridGap);var formatAddressDetails=function formatAddressDetails(details){var _details$address3=details.address,address=_details$address3===void 0?'':_details$address3,_details$address4=details.address2,address2=_details$address4===void 0?'':_details$address4,_details$city2=details.city,city=_details$city2===void 0?'':_details$city2,_details$country2=details.country,country=_details$country2===void 0?'':_details$country2,_details$state2=details.state,state=_details$state2===void 0?'':_details$state2,_details$zip2=details.zip,zip=_details$zip2===void 0?'':_details$zip2;if(country==='US'){return"".concat(address).concat(address&&address2?' ':'').concat(address2).concat((address||address2)&&city?', ':'').concat(city).concat((address||address2||city)&&state?', ':'').concat(state).concat((address||address2||city||state)&&zip?' ':'').concat(zip).concat((address||address2||city||state||zip)&&country?', ':'').concat(country);}return"".concat(address).concat(address&&address2?' ':'').concat(address2).concat((address||address2)&&zip?', ':'').concat(zip).concat((address||address2||zip)&&city?' ':'').concat(city).concat((address||address2||zip||city)&&state?', ':'').concat(state).concat((address||address2||city||state||zip)&&country?', ':'').concat(country);};var defaultTranslations$2={routing_number:'Routing No.',account_number:'Account No.'};var BankAccount=function BankAccount(_ref164){var accountDetails=_ref164.accountDetails,_ref164$addressDetail=_ref164.addressDetails,addressDetails=_ref164$addressDetail===void 0?{}:_ref164$addressDetail,_ref164$size=_ref164.size,size=_ref164$size===void 0?'regular':_ref164$size,_ref164$variant=_ref164.variant,variant=_ref164$variant===void 0?'primary':_ref164$variant,_ref164$translations=_ref164.translations,translations=_ref164$translations===void 0?defaultTranslations$2:_ref164$translations,status=_ref164.status,renderSlot=_ref164.renderSlot;var firstName=accountDetails.firstName,lastName=accountDetails.lastName,bankName=accountDetails.bankName,routingNumber=accountDetails.routingNumber,accountNumber=accountDetails.accountNumber;var address=formatAddressDetails(addressDetails);var 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:"".concat(size,"-").concat(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)));};var 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;",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','row'));},function(props){return props.disableBorder&&(0,_styledComponents.css)(["border:none;"]);});TableRow.defaultProps={variant:'body'};var 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;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','table'));});StyledTable.defaultProps={size:'regular'};var TableWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TableWrapper",componentId:"maxio-components__sc-lo74t2-126"})(["&&&{overflow-x:hidden;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','wrapper'));});TableWrapper.defaultProps={wrapper:'default'};var ScrollWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ScrollWrapper",componentId:"maxio-components__sc-lo74t2-127"})(["&&&{width:100%;overflow-x:auto;}"]);var StyledTableCell=_styledComponents.default.div.withConfig({displayName:"maxio__StyledTableCell",componentId:"maxio-components__sc-lo74t2-128"})(["&&&{display:flex;flex:1;align-items:center;",";",";",";",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','cell'));},_styledSystem.justifyContent,_styledSystem.layout,_styledSystem.gridGap);StyledTableCell.defaultProps={cellSize:'regular',minWidth:120};var TableCell=function TableCell(_ref165){var children=_ref165.children,align=_ref165.align,rest=_objectWithoutProperties(_ref165,_excluded10);return/*#__PURE__*/_react.default.createElement(StyledTableCell,_objectSpread({justifyContent:align},rest),children);};var SortIndicator=function SortIndicator(_ref166){var sortMode=_ref166.sortMode;var 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"}));};var 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};var 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};var TableHeader=function TableHeader(_ref167){var sortMode=_ref167.sortMode,children=_ref167.children,_ref167$align=_ref167.align,align=_ref167$align===void 0?'left':_ref167$align,_onClick4=_ref167.onClick,minWidth=_ref167.minWidth,_ref167$disableSort=_ref167.disableSort,disableSort=_ref167$disableSort===void 0?false:_ref167$disableSort,rest=_objectWithoutProperties(_ref167,_excluded11);var isLeftOrCenter=align==='left'||align==='center';return/*#__PURE__*/_react.default.createElement(StyledTableHeader,{justifyContent:align,minWidth:minWidth},/*#__PURE__*/_react.default.createElement(TableHeadContainer,_objectSpread(_objectSpread({},rest),{},{onClick:function onClick(){return!disableSort&&_onClick4();}}),!disableSort&&align==='right'&&/*#__PURE__*/_react.default.createElement(SortIndicator,{sortMode:sortMode}),children,!disableSort&&isLeftOrCenter&&/*#__PURE__*/_react.default.createElement(SortIndicator,{sortMode:sortMode})));};var TableHead=_styledComponents.default.thead.withConfig({displayName:"maxio__TableHead",componentId:"maxio-components__sc-lo74t2-131"})(["&&&{width:100%;display:flex;",";}"],function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','header'));});TableHead.defaultProps={variant:'primary'};var TableBody=_styledComponents.default.tbody.withConfig({displayName:"maxio__TableBody",componentId:"maxio-components__sc-lo74t2-132"})(["&&&{width:100%;display:flex;flex-direction:column;}"]);var TableCellContainer=_styledComponents.default.td.withConfig({displayName:"maxio__TableCellContainer",componentId:"maxio-components__sc-lo74t2-133"})(["&&&{flex:1;display:flex;padding:0;}"]);var 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;",";",";",";",";}"],function(_ref168){var theme=_ref168.theme;return theme.colors.gray.extraLight;},function(props){return(0,_styledSystem.variant)(ThemeUtilities.getComponentVariant(props,'Table','footer'));},_styledSystem.justifyContent,_styledSystem.padding,_styledSystem.gridGap);TableFooter$1.defaultProps={variant:'default'};var Table=function Table(_ref169){var children=_ref169.children,renderFooter=_ref169.renderFooter;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});var Wrapper$d=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapperd",componentId:"maxio-components__sc-lo74t2-135"})(["&&&{display:flex;column-gap:","px;}"],function(_ref170){var theme=_ref170.theme;return theme.space[3];});var DatePickerWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__DatePickerWrapper",componentId:"maxio-components__sc-lo74t2-136"})(["&&&{width:140px;}"]);var TimePickerWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__TimePickerWrapper",componentId:"maxio-components__sc-lo74t2-137"})(["&&&{width:120px;}"]);var DateTimePicker=function DateTimePicker(_ref171){var onChange=_ref171.onChange,modalRef=_ref171.modalRef,portalContainer=_ref171.portalContainer,initialDate=_ref171.initialDate,disabled=_ref171.disabled,minDate=_ref171.minDate,maxDate=_ref171.maxDate;var initialDateTime=(0,_dayjs.default)(initialDate);var _useState23=(0,_react.useState)({minute:initialDateTime.minute(),hour:initialDateTime.hour()}),_useState24=_slicedToArray(_useState23,2),time=_useState24[0],setTime=_useState24[1];var _useState25=(0,_react.useState)(initialDateTime.toDate()),_useState26=_slicedToArray(_useState25,2),date=_useState26[0],setDate=_useState26[1];var onDateValueChange=function onDateValueChange(date){setDate(date);var parsedDate=(0,_dayjs.default)(date).hour(time.hour).minute(time.minute);onChange(parsedDate);};var onTimeValueChange=function onTimeValueChange(time){setTime(time);var 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:function onChange(time){return onTimeValueChange(time);},value:time,portalContainer:portalContainer,modalRef:modalRef,disabled:disabled})),/*#__PURE__*/_react.default.createElement(DatePickerWrapper,null,/*#__PURE__*/_react.default.createElement(DatePicker,{onChange:function onChange(date){return onDateValueChange(date);},value:date,portalContainer:portalContainer,modalRef:modalRef,minDate:minDate,maxDate:maxDate,disabled:disabled})));};_jsLogger.default.useDefaults();_jsLogger.default.createDefaultHandler();_jsLogger.default.setHandler(function(messages,context){});var ZERO_DECIMAL_CURRENCIES=['JPY'];var formatCurrency=function formatCurrency(currency,value){var locale=arguments.length>2&&arguments[2]!==undefined?arguments[2]:'en';var valueToFormat=ZERO_DECIMAL_CURRENCIES.includes(currency)?value:value/100;return new Intl.NumberFormat(locale,{style:'currency',currency:currency}).format(valueToFormat);};var DAYS_PER_WEEK=7;var MONTHS_PER_YEAR=12;var formatBillingInterval=function formatBillingInterval(interval,unit,t){if(interval<1)return;var 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){var numberOfWeeks=interval/DAYS_PER_WEEK;return"".concat(t('interval.every')," ").concat(numberOfWeeks," ").concat(t('interval.week',{count:numberOfWeeks}));}if(unit==='month'&&interval%MONTHS_PER_YEAR===0){var numberOfYears=interval/MONTHS_PER_YEAR;return"".concat(t('interval.every')," ").concat(numberOfYears," ").concat(t('interval.year',{count:numberOfYears}));}return"".concat(t('interval.every')," ").concat(interval," ").concat(t('interval.'+unit,{count:interval}));};var formatDate=function formatDate(date){var format=arguments.length>1&&arguments[1]!==undefined?arguments[1]:'YYYY-MM-DD';return(0,_dayjs.default)(date).format(format);};var manipulateDate=function manipulateDate(_ref172){var _ref172$method=_ref172.method,method=_ref172$method===void 0?'add':_ref172$method,date=_ref172.date,unit=_ref172.unit,value=_ref172.value;if(method==='add')return(0,_dayjs.default)(date).add(value,unit).toString();return(0,_dayjs.default)(date).subtract(value,unit).toString();};var camelToUnderscore=function camelToUnderscore(key){return key.replace(/([A-Z])/g,'_$1').toLowerCase();};var camelCaseToSnakeCase=function camelCaseToSnakeCase(record){var transformedRecord={};for(var camelKey in record){transformedRecord[camelToUnderscore(camelKey)]=record[camelKey];}return transformedRecord;};var prepareQueryParams=function prepareQueryParams(requestParams){return _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={}));var requestHandler=function requestHandler(url,requestBody){var method=arguments.length>2&&arguments[2]!==undefined?arguments[2]:HttpMethod.GET;var headers=arguments.length>3&&arguments[3]!==undefined?arguments[3]:{};return new Promise(/*#__PURE__*/function(){var _ref173=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(resolve,reject){var body,response,json,data;return _regeneratorRuntime().wrap(function _callee$(_context){while(1){switch(_context.prev=_context.next){case 0:body=requestBody?JSON.stringify(camelCaseToSnakeCase(requestBody)):null;_context.next=3;return fetch(url,{body:body,headers:_objectSpread(_objectSpread({},headers),{},{'Content-Type':'application/json'}),method:method});case 3:response=_context.sent;_context.next=6;return response.json();case 6:json=_context.sent;data=(0,_camelcaseKeys.default)(json,{deep:true});if(!response.ok){reject(data);}resolve(data);case 10:case"end":return _context.stop();}}},_callee);}));return function(_x,_x2){return _ref173.apply(this,arguments);};}());};var DataAccess=/*#__PURE__*/function(){function DataAccess(_ref174){var baseUrl=_ref174.baseUrl,sessionManager=_ref174.sessionManager;_classCallCheck(this,DataAccess);_defineProperty(this,"baseUrl",null);_defineProperty(this,"sessionManager",null);this.sessionManager=sessionManager;this.baseUrl=baseUrl;}_createClass(DataAccess,[{key:"performRequest",value:function performRequest(url){var body=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;var method=arguments.length>2&&arguments[2]!==undefined?arguments[2]:HttpMethod.GET;return requestHandler(url,body,method,{Authorization:"Bearer ".concat(this.sessionManager.accessToken)});}},{key:"getProductsCatalog",value:function(){var _getProductsCatalog=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context2){while(1){switch(_context2.prev=_context2.next){case 0:return _context2.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/product_families")));case 1:case"end":return _context2.stop();}}},_callee2,this);}));function getProductsCatalog(){return _getProductsCatalog.apply(this,arguments);}return getProductsCatalog;}()},{key:"getBillingPortalSettings",value:function(){var _getBillingPortalSettings=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){return _regeneratorRuntime().wrap(function _callee3$(_context3){while(1){switch(_context3.prev=_context3.next){case 0:return _context3.abrupt("return",this.performRequest("".concat(this.baseUrl,"/settings")));case 1:case"end":return _context3.stop();}}},_callee3,this);}));function getBillingPortalSettings(){return _getBillingPortalSettings.apply(this,arguments);}return getBillingPortalSettings;}()},{key:"getProducts",value:function(){var _getProducts=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(productFamilyId){return _regeneratorRuntime().wrap(function _callee4$(_context4){while(1){switch(_context4.prev=_context4.next){case 0:return _context4.abrupt("return",this.performRequest("".concat(this.baseUrl,"/product_families/").concat(productFamilyId,"/products")));case 1:case"end":return _context4.stop();}}},_callee4,this);}));function getProducts(_x3){return _getProducts.apply(this,arguments);}return getProducts;}()},{key:"previewProductMigration",value:function(){var _previewProductMigration=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee5(subscriptionId,productId){return _regeneratorRuntime().wrap(function _callee5$(_context5){while(1){switch(_context5.prev=_context5.next){case 0:return _context5.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/preview_product_migration"),{product_id:productId},HttpMethod.POST));case 1:case"end":return _context5.stop();}}},_callee5,this);}));function previewProductMigration(_x4,_x5){return _previewProductMigration.apply(this,arguments);}return previewProductMigration;}()},{key:"migrateProduct",value:function(){var _migrateProduct=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee6(subscriptionId,productId){return _regeneratorRuntime().wrap(function _callee6$(_context6){while(1){switch(_context6.prev=_context6.next){case 0:return _context6.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/products/").concat(productId),{},HttpMethod.PUT));case 1:case"end":return _context6.stop();}}},_callee6,this);}));function migrateProduct(_x6,_x7){return _migrateProduct.apply(this,arguments);}return migrateProduct;}()},{key:"getComponents",value:function(){var _getComponents=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee7(subscriptionId){return _regeneratorRuntime().wrap(function _callee7$(_context7){while(1){switch(_context7.prev=_context7.next){case 0:return _context7.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/components")));case 1:case"end":return _context7.stop();}}},_callee7,this);}));function getComponents(_x8){return _getComponents.apply(this,arguments);}return getComponents;}()},{key:"getGatewayConfig",value:function(){var _getGatewayConfig=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee8(){return _regeneratorRuntime().wrap(function _callee8$(_context8){while(1){switch(_context8.prev=_context8.next){case 0:return _context8.abrupt("return",this.performRequest("".concat(this.baseUrl,"/gateway_config")).then(function(response){return _objectSpread(_objectSpread({},response),{},{vaultCurrencies:(0,_snakecaseKeys.default)(response.vaultCurrencies)});}));case 1:case"end":return _context8.stop();}}},_callee8,this);}));function getGatewayConfig(){return _getGatewayConfig.apply(this,arguments);}return getGatewayConfig;}()},{key:"createPaymentProfile",value:function(){var _createPaymentProfile=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee9(token){return _regeneratorRuntime().wrap(function _callee9$(_context9){while(1){switch(_context9.prev=_context9.next){case 0:return _context9.abrupt("return",this.performRequest("".concat(this.baseUrl,"/payment_profiles"),{token:token},HttpMethod.POST));case 1:case"end":return _context9.stop();}}},_callee9,this);}));function createPaymentProfile(_x9){return _createPaymentProfile.apply(this,arguments);}return createPaymentProfile;}()},{key:"updateSubscriptionPaymentProfile",value:function(){var _updateSubscriptionPaymentProfile=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee10(paymentProfileId,subscriptionId){return _regeneratorRuntime().wrap(function _callee10$(_context10){while(1){switch(_context10.prev=_context10.next){case 0:return _context10.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/payment_profiles/").concat(paymentProfileId),{},HttpMethod.PUT));case 1:case"end":return _context10.stop();}}},_callee10,this);}));function updateSubscriptionPaymentProfile(_x10,_x11){return _updateSubscriptionPaymentProfile.apply(this,arguments);}return updateSubscriptionPaymentProfile;}()},{key:"replacePaymentProfiles",value:function(){var _replacePaymentProfiles=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee11(paymentProfileIdsForReplacement,newPaymentProfileId){return _regeneratorRuntime().wrap(function _callee11$(_context11){while(1){switch(_context11.prev=_context11.next){case 0:return _context11.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/payment_profiles"),{billing:{payment_profile_id:newPaymentProfileId},paymentProfiles:paymentProfileIdsForReplacement.map(function(id){return{id:id};})},HttpMethod.PUT));case 1:case"end":return _context11.stop();}}},_callee11,this);}));function replacePaymentProfiles(_x12,_x13){return _replacePaymentProfiles.apply(this,arguments);}return replacePaymentProfiles;}()},{key:"resumeSubscription",value:function(){var _resumeSubscription=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee12(subscriptionId){return _regeneratorRuntime().wrap(function _callee12$(_context12){while(1){switch(_context12.prev=_context12.next){case 0:return _context12.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/resume"),null,HttpMethod.POST));case 1:case"end":return _context12.stop();}}},_callee12,this);}));function resumeSubscription(_x14){return _resumeSubscription.apply(this,arguments);}return resumeSubscription;}()},{key:"getSubscriptionResumptionConfig",value:function(){var _getSubscriptionResumptionConfig=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee13(){return _regeneratorRuntime().wrap(function _callee13$(_context13){while(1){switch(_context13.prev=_context13.next){case 0:return _context13.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/resumption_config")));case 1:case"end":return _context13.stop();}}},_callee13,this);}));function getSubscriptionResumptionConfig(){return _getSubscriptionResumptionConfig.apply(this,arguments);}return getSubscriptionResumptionConfig;}()},{key:"updateSubscriptionResumptionDate",value:function(){var _updateSubscriptionResumptionDate=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee14(subscriptionId,autoResumeDate){return _regeneratorRuntime().wrap(function _callee14$(_context14){while(1){switch(_context14.prev=_context14.next){case 0:return _context14.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/hold"),{automatically_resume_at:autoResumeDate},HttpMethod.PUT));case 1:case"end":return _context14.stop();}}},_callee14,this);}));function updateSubscriptionResumptionDate(_x15,_x16){return _updateSubscriptionResumptionDate.apply(this,arguments);}return updateSubscriptionResumptionDate;}()},{key:"getSubscriptions",value:function(){var _getSubscriptions=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee15(){return _regeneratorRuntime().wrap(function _callee15$(_context15){while(1){switch(_context15.prev=_context15.next){case 0:return _context15.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions")));case 1:case"end":return _context15.stop();}}},_callee15,this);}));function getSubscriptions(){return _getSubscriptions.apply(this,arguments);}return getSubscriptions;}()},{key:"getSubscriptionDetails",value:function(){var _getSubscriptionDetails=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee16(subscriptionId){return _regeneratorRuntime().wrap(function _callee16$(_context16){while(1){switch(_context16.prev=_context16.next){case 0:return _context16.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/details")));case 1:case"end":return _context16.stop();}}},_callee16,this);}));function getSubscriptionDetails(_x17){return _getSubscriptionDetails.apply(this,arguments);}return getSubscriptionDetails;}()},{key:"addCoupon",value:function(){var _addCoupon=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee17(subscriptionId,couponCode){return _regeneratorRuntime().wrap(function _callee17$(_context17){while(1){switch(_context17.prev=_context17.next){case 0:return _context17.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/coupons"),{coupon_code:couponCode},HttpMethod.PUT));case 1:case"end":return _context17.stop();}}},_callee17,this);}));function addCoupon(_x18,_x19){return _addCoupon.apply(this,arguments);}return addCoupon;}()},{key:"getCustomerDetails",value:function(){var _getCustomerDetails=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee18(){return _regeneratorRuntime().wrap(function _callee18$(_context18){while(1){switch(_context18.prev=_context18.next){case 0:return _context18.abrupt("return",this.performRequest("".concat(this.baseUrl,"/customer")));case 1:case"end":return _context18.stop();}}},_callee18,this);}));function getCustomerDetails(){return _getCustomerDetails.apply(this,arguments);}return getCustomerDetails;}()},{key:"updateCustomerDetails",value:function(){var _updateCustomerDetails=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee19(customerDetails){var address2,rest,data;return _regeneratorRuntime().wrap(function _callee19$(_context19){while(1){switch(_context19.prev=_context19.next){case 0:address2=customerDetails.address2,rest=_objectWithoutProperties(customerDetails,_excluded12);data=_objectSpread({address_2:address2},rest);return _context19.abrupt("return",this.performRequest("".concat(this.baseUrl,"/customer"),data,HttpMethod.PUT));case 3:case"end":return _context19.stop();}}},_callee19,this);}));function updateCustomerDetails(_x20){return _updateCustomerDetails.apply(this,arguments);}return updateCustomerDetails;}()},{key:"getCountrySubdivisions",value:function(){var _getCountrySubdivisions=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee20(countryCode){return _regeneratorRuntime().wrap(function _callee20$(_context20){while(1){switch(_context20.prev=_context20.next){case 0:return _context20.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subdivisions?").concat(prepareQueryParams({countryCode:countryCode}))));case 1:case"end":return _context20.stop();}}},_callee20,this);}));function getCountrySubdivisions(_x21){return _getCountrySubdivisions.apply(this,arguments);}return getCountrySubdivisions;}()},{key:"getCountries",value:function(){var _getCountries=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee21(){return _regeneratorRuntime().wrap(function _callee21$(_context21){while(1){switch(_context21.prev=_context21.next){case 0:return _context21.abrupt("return",this.performRequest("".concat(this.baseUrl,"/countries")));case 1:case"end":return _context21.stop();}}},_callee21,this);}));function getCountries(){return _getCountries.apply(this,arguments);}return getCountries;}()},{key:"getInvoices",value:function(){var _getInvoices=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee22(requestParams){return _regeneratorRuntime().wrap(function _callee22$(_context22){while(1){switch(_context22.prev=_context22.next){case 0:return _context22.abrupt("return",this.performRequest("".concat(this.baseUrl,"/invoices?").concat(prepareQueryParams(requestParams))));case 1:case"end":return _context22.stop();}}},_callee22,this);}));function getInvoices(_x22){return _getInvoices.apply(this,arguments);}return getInvoices;}()},{key:"getInvoiceFilters",value:function(){var _getInvoiceFilters=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee23(){return _regeneratorRuntime().wrap(function _callee23$(_context23){while(1){switch(_context23.prev=_context23.next){case 0:return _context23.abrupt("return",this.performRequest("".concat(this.baseUrl,"/invoices/filters")));case 1:case"end":return _context23.stop();}}},_callee23,this);}));function getInvoiceFilters(){return _getInvoiceFilters.apply(this,arguments);}return getInvoiceFilters;}()},{key:"previewComponentAllocations",value:function(){var _previewComponentAllocations=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee24(subscriptionId,body){return _regeneratorRuntime().wrap(function _callee24$(_context24){while(1){switch(_context24.prev=_context24.next){case 0:return _context24.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/preview_allocations"),body,HttpMethod.POST));case 1:case"end":return _context24.stop();}}},_callee24,this);}));function previewComponentAllocations(_x23,_x24){return _previewComponentAllocations.apply(this,arguments);}return previewComponentAllocations;}()},{key:"updateComponentAllocations",value:function(){var _updateComponentAllocations=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee25(subscriptionId,body){return _regeneratorRuntime().wrap(function _callee25$(_context25){while(1){switch(_context25.prev=_context25.next){case 0:return _context25.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/allocations"),body,HttpMethod.POST));case 1:case"end":return _context25.stop();}}},_callee25,this);}));function updateComponentAllocations(_x25,_x26){return _updateComponentAllocations.apply(this,arguments);}return updateComponentAllocations;}()},{key:"getSubscriptionCustomFields",value:function(){var _getSubscriptionCustomFields=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee26(subscriptionId){return _regeneratorRuntime().wrap(function _callee26$(_context26){while(1){switch(_context26.prev=_context26.next){case 0:return _context26.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/custom_fields")));case 1:case"end":return _context26.stop();}}},_callee26,this);}));function getSubscriptionCustomFields(_x27){return _getSubscriptionCustomFields.apply(this,arguments);}return getSubscriptionCustomFields;}()},{key:"getCustomerCustomFields",value:function(){var _getCustomerCustomFields=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee27(){return _regeneratorRuntime().wrap(function _callee27$(_context27){while(1){switch(_context27.prev=_context27.next){case 0:return _context27.abrupt("return",this.performRequest("".concat(this.baseUrl,"/customer/custom_fields")));case 1:case"end":return _context27.stop();}}},_callee27,this);}));function getCustomerCustomFields(){return _getCustomerCustomFields.apply(this,arguments);}return getCustomerCustomFields;}()},{key:"updateCustomerCustomFields",value:function(){var _updateCustomerCustomFields=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee28(customFields){return _regeneratorRuntime().wrap(function _callee28$(_context28){while(1){switch(_context28.prev=_context28.next){case 0:return _context28.abrupt("return",this.performRequest("".concat(this.baseUrl,"/customer/custom_fields"),{fields:customFields},HttpMethod.PUT));case 1:case"end":return _context28.stop();}}},_callee28,this);}));function updateCustomerCustomFields(_x28){return _updateCustomerCustomFields.apply(this,arguments);}return updateCustomerCustomFields;}()},{key:"updateSubscriptionCustomFields",value:function(){var _updateSubscriptionCustomFields=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee29(subscriptionId,customFields){return _regeneratorRuntime().wrap(function _callee29$(_context29){while(1){switch(_context29.prev=_context29.next){case 0:return _context29.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/custom_fields"),{fields:customFields},HttpMethod.PUT));case 1:case"end":return _context29.stop();}}},_callee29,this);}));function updateSubscriptionCustomFields(_x29,_x30){return _updateSubscriptionCustomFields.apply(this,arguments);}return updateSubscriptionCustomFields;}()},{key:"pauseSubscription",value:function(){var _pauseSubscription=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee30(subscriptionId,automaticallyResumeAt){return _regeneratorRuntime().wrap(function _callee30$(_context30){while(1){switch(_context30.prev=_context30.next){case 0:return _context30.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/hold"),{automaticallyResumeAt:automaticallyResumeAt},HttpMethod.POST));case 1:case"end":return _context30.stop();}}},_callee30,this);}));function pauseSubscription(_x31,_x32){return _pauseSubscription.apply(this,arguments);}return pauseSubscription;}()},{key:"cancelSubscription",value:function(){var _cancelSubscription=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee31(_ref175){var subscriptionId,rest;return _regeneratorRuntime().wrap(function _callee31$(_context31){while(1){switch(_context31.prev=_context31.next){case 0:subscriptionId=_ref175.subscriptionId,rest=_objectWithoutProperties(_ref175,_excluded13);return _context31.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/cancel"),rest,HttpMethod.POST));case 2:case"end":return _context31.stop();}}},_callee31,this);}));function cancelSubscription(_x33){return _cancelSubscription.apply(this,arguments);}return cancelSubscription;}()},{key:"getPaymentProfiles",value:function(){var _getPaymentProfiles=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee32(){return _regeneratorRuntime().wrap(function _callee32$(_context32){while(1){switch(_context32.prev=_context32.next){case 0:return _context32.abrupt("return",this.performRequest("".concat(this.baseUrl,"/payment_profiles")));case 1:case"end":return _context32.stop();}}},_callee32,this);}));function getPaymentProfiles(){return _getPaymentProfiles.apply(this,arguments);}return getPaymentProfiles;}()},{key:"deletePaymentProfile",value:function(){var _deletePaymentProfile=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee33(paymentProfileId){return _regeneratorRuntime().wrap(function _callee33$(_context33){while(1){switch(_context33.prev=_context33.next){case 0:return _context33.abrupt("return",this.performRequest("".concat(this.baseUrl,"/payment_profiles/").concat(paymentProfileId),{},HttpMethod.DELETE));case 1:case"end":return _context33.stop();}}},_callee33,this);}));function deletePaymentProfile(_x34){return _deletePaymentProfile.apply(this,arguments);}return deletePaymentProfile;}()},{key:"undoCancelation",value:function(){var _undoCancelation=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee34(subscriptionId){return _regeneratorRuntime().wrap(function _callee34$(_context34){while(1){switch(_context34.prev=_context34.next){case 0:return _context34.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/cancel"),null,HttpMethod.DELETE));case 1:case"end":return _context34.stop();}}},_callee34,this);}));function undoCancelation(_x35){return _undoCancelation.apply(this,arguments);}return undoCancelation;}()},{key:"getChurnReasonCodes",value:function(){var _getChurnReasonCodes=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee35(){return _regeneratorRuntime().wrap(function _callee35$(_context35){while(1){switch(_context35.prev=_context35.next){case 0:return _context35.abrupt("return",this.performRequest("".concat(this.baseUrl,"/churn_reason_codes")));case 1:case"end":return _context35.stop();}}},_callee35,this);}));function getChurnReasonCodes(){return _getChurnReasonCodes.apply(this,arguments);}return getChurnReasonCodes;}()},{key:"getInvoicePDF",value:function(){var _getInvoicePDF=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee36(invoiceId){return _regeneratorRuntime().wrap(function _callee36$(_context36){while(1){switch(_context36.prev=_context36.next){case 0:_context36.next=2;return fetch("".concat(this.baseUrl,"/invoices/").concat(invoiceId,"/pdf"),{body:null,headers:{Authorization:"Bearer ".concat(this.sessionManager.accessToken),'Content-Type':'application/pdf'},method:HttpMethod.GET}).then(function(resp){return resp.arrayBuffer();});case 2:return _context36.abrupt("return",_context36.sent);case 3:case"end":return _context36.stop();}}},_callee36,this);}));function getInvoicePDF(_x36){return _getInvoicePDF.apply(this,arguments);}return getInvoicePDF;}()},{key:"reactivateSubscription",value:function(){var _reactivateSubscription=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee37(subscriptionId,couponCode){return _regeneratorRuntime().wrap(function _callee37$(_context37){while(1){switch(_context37.prev=_context37.next){case 0:return _context37.abrupt("return",this.performRequest("".concat(this.baseUrl,"/subscriptions/").concat(subscriptionId,"/reactivate"),{couponCode:couponCode},HttpMethod.PUT));case 1:case"end":return _context37.stop();}}},_callee37,this);}));function reactivateSubscription(_x37,_x38){return _reactivateSubscription.apply(this,arguments);}return reactivateSubscription;}()}]);return DataAccess;}();var DataAccessContext=/*#__PURE__*/(0,_react.createContext)({dataAccess:null});var SessionManager=/*#__PURE__*/function(){function SessionManager(_ref176){var accessTokenUrl=_ref176.accessTokenUrl,onAuthenticationRequest=_ref176.onAuthenticationRequest,_ref176$intervalInMil=_ref176.intervalInMilliseconds,intervalInMilliseconds=_ref176$intervalInMil===void 0?5000:_ref176$intervalInMil,_ref176$maxRetryNumbe=_ref176.maxRetryNumber,maxRetryNumber=_ref176$maxRetryNumbe===void 0?3:_ref176$maxRetryNumbe;_classCallCheck(this,SessionManager);_defineProperty(this,"accessTokenUrl",void 0);_defineProperty(this,"onAuthenticationRequest",void 0);_defineProperty(this,"token",void 0);_defineProperty(this,"expDate",void 0);_defineProperty(this,"iatDate",void 0);_defineProperty(this,"tokenLifespanInMilliseconds",null);_defineProperty(this,"tokenRefreshIntervalHandle",null);_defineProperty(this,"tokenCheckIntervalHandle",null);_defineProperty(this,"intervalInMilliseconds",void 0);_defineProperty(this,"failedAttemptsNumber",0);_defineProperty(this,"maxRetryNumber",0);_defineProperty(this,"tokenValid",false);_defineProperty(this,"managerInitialized",false);_defineProperty(this,"managerInitializing",false);_defineProperty(this,"logger",null);_defineProperty(this,"subscriptions",[]);this.accessTokenUrl=accessTokenUrl;this.onAuthenticationRequest=onAuthenticationRequest;this.intervalInMilliseconds=intervalInMilliseconds;this.maxRetryNumber=maxRetryNumber;this.logger=_jsLogger.default.get('@session-manager');}_createClass(SessionManager,[{key:"initialize",value:function initialize(){if(!this.managerInitializing&&!this.managerInitialized){this.managerInitializing=true;this.logger.info('Initializing session manager');this.authenticateUser();}}},{key:"authenticateUser",value:function authenticateUser(){var _this=this;var headers={contentType:'application/json'};if(this.onAuthenticationRequest){var userHeaders=this.onAuthenticationRequest();headers=_objectSpread(_objectSpread({},headers),userHeaders);}this.logger.info('Performing request to obtain JWT access token');fetch(this.accessTokenUrl,{method:'POST',headers:headers}).then(function(response){if(!response.ok){throw new Error('Network response was not OK');}return response.json();}).then(function(data){_this.tokenValid=true;_this.failedAttemptsNumber=0;_this.managerInitialized=true;_this.managerInitializing=false;var decoded=(0,_jwtDecode.default)(data.token);_this.logger.info('JWT access token successfuly obtained');_this.token=data.token;_this.expDate=_dayjs.default.unix(decoded.exp);_this.iatDate=_dayjs.default.unix(decoded.iat);_this.tokenLifespanInMilliseconds=_this.expDate.diff(_this.iatDate);_this.tokenRefreshIntervalHandle=_this.checkTokenRefresh();_this.notifySubscribers();}).catch(function(){_this.failedAttemptsNumber+=1;_this.logger.warn('There was a problem with obtaining JWT access token');if(_this.failedAttemptsNumber<_this.maxRetryNumber){return _this.authenticateUser();}if(_this.expDate){_this.tokenCheckIntervalHandle=setInterval(function(){var timeLeft=_this.expDate.diff((0,_dayjs.default)());if(timeLeft<=0){_this.tokenValid=false;_this.notifySubscribers();clearInterval(_this.tokenCheckIntervalHandle);}},_this.intervalInMilliseconds);}});}},{key:"notifySubscribers",value:function notifySubscribers(){var _this2=this;this.subscriptions.forEach(function(_ref177){var callback=_ref177.callback;return callback({isInitialized:_this2.isManagerInitialized,isTokenValid:_this2.isTokenValid});});}},{key:"checkTokenRefresh",value:function checkTokenRefresh(){var _this3=this;return setInterval(function(){var timeLeft=_this3.expDate.diff((0,_dayjs.default)());if(timeLeft<_this3.tokenLifespanInMilliseconds/2){clearInterval(_this3.tokenRefreshIntervalHandle);_this3.authenticateUser();}},this.intervalInMilliseconds);}},{key:"destroy",value:function destroy(){clearInterval(this.tokenRefreshIntervalHandle);clearInterval(this.tokenCheckIntervalHandle);}},{key:"subscribe",value:function subscribe(callback){var _this4=this;var subscriptionId=this.subscriptions.length++;this.subscriptions.push({id:subscriptionId,callback:callback});return function(){_this4.subscriptions=_this4.subscriptions.filter(function(_ref178){var id=_ref178.id;return id!==subscriptionId;});};}},{key:"accessToken",get:function get(){return this.token;}},{key:"isTokenValid",get:function get(){return this.tokenValid;}},{key:"isManagerInitialized",get:function get(){return this.managerInitialized;}}]);return SessionManager;}();var toastMessageMotion={initial:{opacity:0,x:50,scale:0.3},animate:{opacity:1,x:0,scale:1},exit:{opacity:0,scale:0}};var 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;",";}"],function(props){return props.centerNotifications&&(0,_styledComponents.css)(["justify-content:center;align-items:center;width:100%;"]);});var ToastMessagesContext=/*#__PURE__*/(0,_react.createContext)({service:null});var createToastMachine=function createToastMachine(messageId,hideAfterTimeMs){return(0,_xstate.createMachine)({predictableActionArguments:true,context:{messageId:messageId},initial:'visible',states:{visible:{after:{HIDE_DELAY:{target:'exit'}}},exit:{entry:[(0,_xstate.sendParent)(function(ctx){return{type:'HIDE_TOAST',messageId:ctx.messageId};})]}}},{delays:{HIDE_DELAY:hideAfterTimeMs}});};var DEFAULT_HIDE_TIME=2000;var initialContext$f={items:[]};var toasts=(0,_xstate.createMachine)({id:'toasts',predictableActionArguments:true,initial:'idle',context:initialContext$f,on:{HIDE_TOAST:{actions:[(0,_xstate.assign)(function(ctx,event){return{items:ctx.items.filter(function(_ref179){var id=_ref179.id;return id!==event.messageId;})};})]},SHOW_TOAST:{actions:[(0,_xstate.assign)(function(ctx,event){var id=(0,_uuid.v4)();return{items:[].concat(_toConsumableArray(ctx.items),[{id:id,message:event.message,level:event.level,ref:(0,_xstate.spawn)(createToastMachine(id,event.visibilityTimeMs||DEFAULT_HIDE_TIME))}])};})]}},states:{idle:{}}});var setNotificationsPosition=function 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';}};var ToastsContainer=function ToastsContainer(_ref180){var children=_ref180.children;var el=(0,_react.useRef)(null);var _useState27=(0,_react.useState)(false),_useState28=_slicedToArray(_useState27,2),isMounted=_useState28[0],setMounted=_useState28[1];var _useMachine=(0,_react2.useMachine)(toasts),_useMachine2=_slicedToArray(_useMachine,2),state=_useMachine2[0],send=_useMachine2[1];var _useDeviceInfo2=useDeviceInfo(),device=_useDeviceInfo2.device;(0,_react.useEffect)(function(){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 function(){el.current.remove();};},[]);(0,_react.useEffect)(function(){if(el.current){setNotificationsPosition(el.current,device);}},[device]);var toastService=(0,_react.useMemo)(function(){return{show:function show(_ref181){var message=_ref181.message,level=_ref181.level,hideAfterTimeMs=_ref181.hideAfterTimeMs;send('SHOW_TOAST',{message:message,level:level,hideAfterTimeMs:hideAfterTimeMs});}};},[]);var toastNotifications=device==='mobile'?_toConsumableArray(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(function(_ref182){var id=_ref182.id,message=_ref182.message,level=_ref182.level;return/*#__PURE__*/_react.default.createElement(_framerMotion.motion.div,_objectSpread(_objectSpread({},toastMessageMotion),{},{key:id,layout:true}),/*#__PURE__*/_react.default.createElement(ToastMessage,{type:level,message:message}));}))),el.current):null);};var useToastMessages=function useToastMessages(){var _useContext=(0,_react.useContext)(ToastMessagesContext),service=_useContext.service;return service;};var SessionContext=/*#__PURE__*/_react.default.createContext({sessionInitialized:false});var SessionGuard=function SessionGuard(_ref183){var children=_ref183.children,sessionManager=_ref183.sessionManager;var _useState29=(0,_react.useState)(sessionManager.isManagerInitialized),_useState30=_slicedToArray(_useState29,2),sessionInitialized=_useState30[0],setSessionInitialize=_useState30[1];(0,_react.useEffect)(function(){var dispose=sessionManager.subscribe(function(_ref184){var isInitialized=_ref184.isInitialized;setSessionInitialize(isInitialized);});return function(){return dispose();};},[]);return/*#__PURE__*/_react.default.createElement(SessionContext.Provider,{value:{sessionInitialized:sessionInitialized}},children);};var useSettings=function useSettings(clientSettings){var _useState31=(0,_react.useState)(null),_useState32=_slicedToArray(_useState31,2),settings=_useState32[0],setSettings=_useState32[1];var _useContext2=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext2.dataAccess;var _useContext3=(0,_react.useContext)(SessionContext),sessionInitialized=_useContext3.sessionInitialized;(0,_react.useEffect)(function(){function getSettings(){return _getSettings.apply(this,arguments);}function _getSettings(){_getSettings=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee38(){var data,dataWithBillingHistory,mergedSettingsObject;return _regeneratorRuntime().wrap(function _callee38$(_context38){while(1){switch(_context38.prev=_context38.next){case 0:_context38.next=2;return dataAccess.getBillingPortalSettings();case 2:data=_context38.sent;dataWithBillingHistory=_objectSpread(_objectSpread({},data),{},{billingHistory:{}});mergedSettingsObject=Object.keys(dataWithBillingHistory).reduce(function(acc,key){return _objectSpread(_objectSpread({},acc),{},_defineProperty({},key,_objectSpread(_objectSpread({},clientSettings[key]),dataWithBillingHistory[key])));},dataWithBillingHistory);setSettings(mergedSettingsObject);case 6:case"end":return _context38.stop();}}},_callee38);}));return _getSettings.apply(this,arguments);}if(sessionInitialized)getSettings();},[clientSettings,dataAccess,sessionInitialized]);return settings;};var DefaultLoader=function DefaultLoader(){return/*#__PURE__*/_react.default.createElement("p",null,"Session loading...");};var ComponentLoader=function ComponentLoader(_ref185){var component=_ref185.component,loader=_ref185.loader,clientSettings=_ref185.clientSettings;var _useContext4=(0,_react.useContext)(SessionContext),sessionInitialized=_useContext4.sessionInitialized;var settings=useSettings(clientSettings);var componentToRender;if(sessionInitialized&&settings){return/*#__PURE__*/_react.default.createElement(component,_objectSpread({},settings));}else if(loader){componentToRender=loader;}else{componentToRender=DefaultLoader;}return/*#__PURE__*/_react.default.createElement(componentToRender);};var EmbeddableComponent=/*#__PURE__*/function(){function EmbeddableComponent(_ref186){var i18n=_ref186.i18n,componentsTheme=_ref186.componentsTheme,dataAccess=_ref186.dataAccess,sessionManager=_ref186.sessionManager;_classCallCheck(this,EmbeddableComponent);_defineProperty(this,"i18n",void 0);_defineProperty(this,"componentsTheme",void 0);_defineProperty(this,"rootNode",null);_defineProperty(this,"sessionManager",null);_defineProperty(this,"dataAccess",null);this.componentsTheme=componentsTheme;this.sessionManager=sessionManager;this.dataAccess=dataAccess;this.i18n=i18n;}_createClass(EmbeddableComponent,[{key:"getMountNode",value:function getMountNode(container){var node=typeof container==='string'?document.querySelector(container):container;return node;}},{key:"destroy",value:function destroy(){this.rootNode.unmount();}},{key:"renderComponent",value:function renderComponent(container,component,settings,loader){var mountNode=this.getMountNode(container);this.rootNode=(0,_client.createRoot)(mountNode);var _this$componentsTheme=_slicedToArray(this.componentsTheme.breakpoints,2),tabletBreakpoint=_this$componentsTheme[0],desktopBreakpoint=_this$componentsTheme[1];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}))))))));}}]);return EmbeddableComponent;}();var defaultSettings$2={customerProfile:{editAllowed:null,customerDataVisibleFields:['address','address2','city','state','zip','firstName','lastName','email','ccEmails','organization','vatNumber','phoneNumber','country','state']}};var ConfigContext$2=/*#__PURE__*/(0,_react.createContext)(defaultSettings$2);var GlobalStateContext$2=/*#__PURE__*/(0,_react.createContext)({customerDataService:null,customFieldsService:null});var 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)(function(_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)(function(_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)(function(_ctx,event){return{initialData:event.data};}),'onSuccessUpdate']},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#contactDetails.idle'},SAVE:{target:'saving'}}}}}}}}});var renderField=function renderField(_ref187){var id=_ref187.id,name=_ref187.name,value=_ref187.value,fieldType=_ref187.fieldType,options=_ref187.options,onChange=_ref187.onChange,maxLength=_ref187.maxLength,portalContainer=_ref187.portalContainer;var onValueChange=function onValueChange(newValue){return onChange(id,newValue);};switch(fieldType){case'text':return/*#__PURE__*/_react.default.createElement(Input$1,{value:value,onChange:function onChange(e){return onValueChange(e.target.value);},name:name,maxLength:maxLength,id:"".concat(id)});case'dropdown':var selectOptions=options.map(function(option){return{label:option,value:option};});return/*#__PURE__*/_react.default.createElement(Select,{portalContainer:portalContainer,options:selectOptions,selectedValue:value,onSelect:function onSelect(item){return onValueChange(item.value);}});case'radio':var radioOptions=options.map(function(option){return{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);}};var updateCustomFields=function updateCustomFields(customFields,updatedValues){return customFields.map(function(field){var updatedField=updatedValues.find(function(updatedField){return updatedField.id===field.id;});return _objectSpread(_objectSpread({},field),{},{value:updatedField?updatedField.value:field.value});});};var 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)(function(_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)(function(ctx,event){return{customFields:updateCustomFields(ctx.customFields,event.data.fields)};}),'onSuccessUpdate']},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#customFields'},SAVE:{target:'saving'}}}}}}});var GlobalStateProvider$2=function GlobalStateProvider$2(_ref188){var children=_ref188.children;var _useTranslation2=(0,_reactI18next.useTranslation)(),t=_useTranslation2.t;var toastsService=useToastMessages();var _useContext5=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext5.dataAccess;var customerDataService=(0,_react2.useInterpret)(customerData,{services:{getCustomerData:function getCustomerData(){return dataAccess.getCustomerDetails();},saveCustomerData:function saveCustomerData(_event,payload){return dataAccess.updateCustomerDetails(payload.addressData);}},actions:{onSuccessUpdate:function onSuccessUpdate(){toastsService.show({level:'success',message:t('changes_saved')});}}});var customFieldsService=(0,_react2.useInterpret)(customFields,{services:{getCustomerCustomFields:function getCustomerCustomFields(){return dataAccess.getCustomerCustomFields();},saveCustomerCustomFields:function saveCustomerCustomFields(_event,payload){return dataAccess.updateCustomerCustomFields(payload.fields);}},actions:{onSuccessUpdate:function onSuccessUpdate(){toastsService.show({level:'success',message:t('changes_saved')});}}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext$2.Provider,{value:{customerDataService:customerDataService,customFieldsService:customFieldsService}},children);};var MessageContainer=_styledComponents.default.div.withConfig({displayName:"maxio__MessageContainer",componentId:"maxio-components__sc-lo74t2-139"})(["&&&{",";",";}"],function(_ref189){var theme=_ref189.theme,type=_ref189.type;return(0,_styledComponents.css)(["min-height:",";"],theme.lineHeights[theme.components.InputMessage.componentVariants.type.variants[type].lineHeight]);},_styledSystem.margin);var SelectField=function SelectField(_ref190){var value=_ref190.value,label=_ref190.label,name=_ref190.name,options=_ref190.options,error=_ref190.error,required=_ref190.required,placeholder=_ref190.placeholder,onChange=_ref190.onChange,onValidateField=_ref190.onValidateField,selectOptionLabel=_ref190.selectOptionLabel,searchLabel=_ref190.searchLabel,isLoadingOptions=_ref190.isLoadingOptions;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:function onSelect(_ref191){var value=_ref191.value;return onChange(value);},onBlur:function onBlur(_ref192){var value=_ref192.value;return onValidateField(value);},options:options,filterable:true,placeholder:placeholder,hasError:!!error,optionsLoading:isLoadingOptions,searchLabel:searchLabel,selectOptionLabel:selectOptionLabel}),/*#__PURE__*/_react.default.createElement(MessageContainer,{type:"error",marginTop:2},error&&/*#__PURE__*/_react.default.createElement(InputMessage,{message:error,type:"error"})));};var NO_STATE_OPTION={name:'No state',code:'NO_STATE'};var initialContext$e={countries:[],subdivisions:[]};var addressMachine=(0,_xstate.createMachine)({id:'addressMachine',predictableActionArguments:true,context:initialContext$e,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)(function(_ctx,event){return{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)(function(_ctx,event){return{subdivisions:event.data.items};})]},onError:{target:'idle',actions:[(0,_xstate.assign)(function(_ctx,event){return{subdivisions:[NO_STATE_OPTION]};})]}}},error:{}}}}});var getCountries=function getCountries(machineState){return{items:machineState.context.countries||[],isLoading:machineState.matches('country.fetching')};};var getSubdivisions=function getSubdivisions(machineState){return{items:machineState.context.subdivisions||[],isLoading:machineState.matches('subdivision.fetching')};};var addressSelectors={getCountries:getCountries,getSubdivisions:getSubdivisions};var formatOptions=function formatOptions(options){return options.map(function(_ref193){var code=_ref193.code,name=_ref193.name;return{label:name,value:code};});};var 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'}};var Address=function Address(_ref194){var values=_ref194.values,_ref194$requiredField=_ref194.requiredFields,requiredFields=_ref194$requiredField===void 0?['address','address2','city','country','zip','state']:_ref194$requiredField,_ref194$errors=_ref194.errors,errors=_ref194$errors===void 0?{}:_ref194$errors,_ref194$translations=_ref194.translations,translations=_ref194$translations===void 0?defaultTranslations$1:_ref194$translations,_ref194$format=_ref194.format,format=_ref194$format===void 0?'us':_ref194$format,_onChange3=_ref194.onChange,onValidateField=_ref194.onValidateField;var _useContext6=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext6.dataAccess;var address=values.address,address2=values.address2,city=values.city,state=values.state,country=values.country,zip=values.zip;var addressTranslation=translations.address,address2Translation=translations.address2,cityTranslation=translations.city,stateTranslation=translations.state,countryTranslation=translations.country,zipTranslation=translations.zip,postalCodeTranslation=translations.postalCode,regionTranslation=translations.region,inputTranslations=translations.input,_translations$error=translations.error,errorInvalidLabel=_translations$error.invalid,errorRequiredLabel=_translations$error.required;var onValidate=function onValidate(fieldName,value){onValidateField&&onValidateField(fieldName,value);};var _useDeviceInfo3=useDeviceInfo(),device=_useDeviceInfo3.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var _useMachine3=(0,_react2.useMachine)(addressMachine,{services:{getCountries:function getCountries(){return dataAccess.getCountries();},getSubdivisions:function getSubdivisions(_ctx,event){if(event.type==='FETCH_SUBDIVISION')return dataAccess.getCountrySubdivisions(event.country);}}}),_useMachine4=_slicedToArray(_useMachine3,3),sendToMachine=_useMachine4[1],service=_useMachine4[2];var countries=(0,_react2.useSelector)(service,addressSelectors.getCountries);var subdivisions=(0,_react2.useSelector)(service,addressSelectors.getSubdivisions);var handleErrorMessage=function handleErrorMessage(error){if(error==='required')return errorRequiredLabel;if(error==='invalid')return errorInvalidLabel;return null;};(0,_react.useEffect)(function(){sendToMachine({type:'FETCH_COUNTRY'});if(country){sendToMachine({type:'FETCH_SUBDIVISION',country: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:function onChange(updatedCountry){_onChange3('country',updatedCountry);if(updatedCountry!==country){_onChange3('state','');sendToMachine({type:'FETCH_SUBDIVISION',country:updatedCountry});}},onValidateField:function onValidateField(value){return onValidate('country',value);},isLoadingOptions:countries.isLoading})),/*#__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",value:address,placeholder:addressTranslation.placeholder,fullWidth:true,hasError:!!errors.address,onBlur:function onBlur(){return onValidate('address',address);},onChange:function onChange(e){return _onChange3('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,placeholder:address2Translation.placeholder,fullWidth:true,hasError:!!errors.address2,onBlur:function onBlur(){return onValidate('address2',address2);},onChange:function onChange(e){return _onChange3('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",value:city,placeholder:cityTranslation.placeholder,fullWidth:true,hasError:!!errors.city,onBlur:function onBlur(){return onValidate('city',city);},onChange:function onChange(e){return _onChange3('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:function onChange(state){return _onChange3('state',state);},onValidateField:function onValidateField(value){return 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:function onBlur(){return onValidate('zip',zip);},onChange:function onChange(e){return _onChange3('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:function onBlur(){return onValidate('zip',zip);},onChange:function onChange(e){return _onChange3('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:function onBlur(){return onValidate('city',city);},onChange:function onChange(e){return _onChange3('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:function onChange(state){return _onChange3('state',state);},onValidateField:function onValidateField(value){return onValidate('state',value);},isLoadingOptions:subdivisions.isLoading}))));};var createAddressValidationSchema=function createAddressValidationSchema(){var requiredFields=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var schema={address:yup.string(),address2:yup.string(),city:yup.string(),country:yup.string(),state:yup.string(),zip:yup.string()};requiredFields.forEach(function(fieldName){if(schema[fieldName]){schema[fieldName]=schema[fieldName].required('required');}});var schemaValidator=yup.object(schema);return schemaValidator;};var useFormatAddress=function useFormatAddress(address){var _address$address,_address$address2,_address$city,_address$country,_address$state,_address$zip;var address1=(_address$address=address.address)!==null&&_address$address!==void 0?_address$address:'';var address2=(_address$address2=address.address2)!==null&&_address$address2!==void 0?_address$address2:'';var city=(_address$city=address.city)!==null&&_address$city!==void 0?_address$city:'';var country=(_address$country=address.country)!==null&&_address$country!==void 0?_address$country:'';var state=(_address$state=address.state)!==null&&_address$state!==void 0?_address$state:'';var zip=(_address$zip=address.zip)!==null&&_address$zip!==void 0?_address$zip:'';return{address:address1,address2:address2,city:city,country:country,state:state,zip:zip};};var getContactDataLoading=function getContactDataLoading(machineState){return{isLoading:machineState.matches('loading')};};var getShippingAddressStatus=function getShippingAddressStatus(machineState){return{isSaving:machineState.matches('shippingAddress.edit.saving'),isEdit:machineState.matches('shippingAddress.edit.idle'),isError:machineState.matches('shippingAddress.edit.error')};};var getContactDetailsStatus=function getContactDetailsStatus(machineState){return{isSaving:machineState.matches('contactDetails.edit.saving'),isEdit:machineState.matches('contactDetails.edit.idle'),isError:machineState.matches('contactDetails.edit.error')};};var getCustomerDetailsData=function getCustomerDetailsData(machineState){return{data:machineState.context.initialData};};var customerDataSelectors={getCustomerDetailsData:getCustomerDetailsData,getShippingAddressStatus:getShippingAddressStatus,getContactDetailsStatus:getContactDetailsStatus,getContactDataLoading:getContactDataLoading};var DetailRow$3=function DetailRow$3(_ref195){var label=_ref195.label,value=_ref195.value,hint=_ref195.hint;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))));};var getFullNameLabel=function 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;};var getFullName=function getFullName(firstName,lastName){if(!firstName&&!lastName){return null;}return"".concat(firstName||''," ").concat(lastName||'').trim();};var getVisibleContactDetailsFields=function getVisibleContactDetailsFields(contactDetails,visibleFields){return Object.keys(contactDetails).filter(function(field){return visibleFields.includes(field);}).reduce(function(acc,field){return _objectSpread(_objectSpread({},acc),{},_defineProperty({},field,contactDetails[field]));},{});};var ContactDetails=function ContactDetails(_ref196){var contactDetails=_ref196.contactDetails,onEdit=_ref196.onEdit,editAllowed=_ref196.editAllowed;var _useTranslation3=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation3.t;var _useContext7=(0,_react.useContext)(ConfigContext$2),customerProfile=_useContext7.customerProfile;var customerDataVisibleFields=customerProfile.customerDataVisibleFields;var _useMemo=(0,_react.useMemo)(function(){return getVisibleContactDetailsFields(contactDetails,customerDataVisibleFields);},[contactDetails,customerDataVisibleFields]),firstName=_useMemo.firstName,lastName=_useMemo.lastName,email=_useMemo.email,phoneNumber=_useMemo.phoneNumber,ccEmails=_useMemo.ccEmails,organization=_useMemo.organization,vatNumber=_useMemo.vatNumber;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===null||ccEmails===void 0?void 0: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)));};var 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,}))$/;var CodeBlock=_styledComponents.default.code.withConfig({displayName:"maxio__CodeBlock",componentId:"maxio-components__sc-lo74t2-140"})(["&&&{box-sizing:border-box;border-radius:","px;border:1px solid ",";",";",";",";",";}"],function(_ref197){var theme=_ref197.theme;return theme.radii[1];},function(_ref198){var theme=_ref198.theme;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.color,_styledSystem.borderRadius,_styledSystem.padding);var InputHint=_styledComponents.default.div.withConfig({displayName:"maxio__InputHint",componentId:"maxio-components__sc-lo74t2-141"})(["&&&{display:flex;flex-direction:column;row-gap:","px;",";}"],function(_ref199){var theme=_ref199.theme;return theme.space[2];},_styledSystem.margin);_styledComponents.default.div.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-142"})(["&&&{display:flex;gap:","px;}"],function(_ref200){var theme=_ref200.theme;return theme.space[5];});var ContactDetailsForm=function ContactDetailsForm(_ref201){var values=_ref201.values,onCancel=_ref201.onCancel,_onSubmit=_ref201.onSubmit,isSaving=_ref201.isSaving;var _useTranslation4=(0,_reactI18next.useTranslation)('customer-details'),t=_useTranslation4.t;var _useState33=(0,_react.useState)(values),_useState34=_slicedToArray(_useState33,2),formValue=_useState34[0],setFormValue=_useState34[1];var handleChange=function handleChange(name,value){setFormValue(_objectSpread(_objectSpread({},formValue),{},_defineProperty({},name,value)));};return/*#__PURE__*/_react.default.createElement(Box,null,/*#__PURE__*/_react.default.createElement("form",{onSubmit:function 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:function onChange(e){return 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:function onChange(e){return 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:function onChange(e){return 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:function onChange(e){return 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:function onChange(e){return 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:function onPaste(v){return handleChange('ccEmails',[].concat(_toConsumableArray(formValue.ccEmails),_toConsumableArray(v)));},onCreate:function onCreate(v){return handleChange('ccEmails',[].concat(_toConsumableArray(formValue.ccEmails),[v]));},onRemove:function onRemove(v,i){return handleChange('ccEmails',formValue.ccEmails.filter(function(_,index){return index!==i;}));},validationFn:function validationFn(v){return 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:function onChange(e){return 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}))))));};var ShippingAddress=function ShippingAddress(_ref202){var shippingAddress=_ref202.shippingAddress,onEdit=_ref202.onEdit,editAllowed=_ref202.editAllowed;var _useTranslation5=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation5.t;var _useContext8=(0,_react.useContext)(ConfigContext$2),customerProfile=_useContext8.customerProfile;var customerDataVisibleFields=customerProfile.customerDataVisibleFields;var _useFormatAddress=useFormatAddress(shippingAddress),address=_useFormatAddress.address,address2=_useFormatAddress.address2,city=_useFormatAddress.city,state=_useFormatAddress.state,zip=_useFormatAddress.zip,country=_useFormatAddress.country;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)));};var US_FORMAT_ADDRESS_FORM$1=['US'];var ShippingAddressForm=function ShippingAddressForm(_ref203){var shippingAddress=_ref203.shippingAddress,onSubmit=_ref203.onSubmit,onCancel=_ref203.onCancel,isSaving=_ref203.isSaving;var _useTranslation6=(0,_reactI18next.useTranslation)('customer-details'),t=_useTranslation6.t;var _useState35=(0,_react.useState)(shippingAddress),_useState36=_slicedToArray(_useState35,2),address=_useState36[0],setAddress=_useState36[1];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:function onChange(fieldName,value){setAddress(function(prevState){return _objectSpread(_objectSpread({},prevState),{},_defineProperty({},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:function onClick(){return onSubmit(address);},isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:onCancel})));};var DetailsSectionLoadingSkeleton=function 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})));};var SectionDivider=_styledComponents.default.div.withConfig({displayName:"maxio__SectionDivider",componentId:"maxio-components__sc-lo74t2-143"})(["&&&{border-bottom:1px solid ",";",";",";}"],function(_ref204){var theme=_ref204.theme;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.padding);var CustomerDetailsLoader=function CustomerDetailsLoader(){return/*#__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)))));};var getCustomFieldsState=function getCustomFieldsState(machineState){return{isFetchError:machineState.matches('error'),isEdit:machineState.matches('customFieldsEdit'),isSaving:machineState.matches('customFieldsEdit.saving'),isSaveError:machineState.matches('customFieldsEdit.error')};};var getCustomFields=function getCustomFields(machineState){return{customFields:machineState.context.customFields};};var customFieldsSelectors$1={getCustomFieldsState:getCustomFieldsState,getCustomFields:getCustomFields};var CustomFields$1=function CustomFields$1(_ref205){var customFields=_ref205.customFields,onEdit=_ref205.onEdit;var _useTranslation7=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation7.t;return/*#__PURE__*/_react.default.createElement(Row$4,null,customFields.map(function(customField){return/*#__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')})));};var CustomFieldsForm$1=function CustomFieldsForm$1(_ref206){var customFields=_ref206.customFields,onChange=_ref206.onChange,onSave=_ref206.onSave,onCancel=_ref206.onCancel,isSaving=_ref206.isSaving,isError=_ref206.isError,portalContainer=_ref206.portalContainer;var _useTranslation8=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation8.t;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(function(_ref207){var name=_ref207.name,id=_ref207.id,fieldType=_ref207.fieldType,value=_ref207.value,options=_ref207.enum;return/*#__PURE__*/_react.default.createElement(FormField,{label:name,name:name,key:id,fullWidth:true},renderField({portalContainer:portalContainer,id:id,name:name,fieldType:fieldType,value:value||'',options:options,onChange: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}))));};var SectionWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SectionWrapper",componentId:"maxio-components__sc-lo74t2-144"})(["&&&{border-top:1px solid ",";",";",";}"],function(_ref208){var theme=_ref208.theme;return theme.colors.gray.extraLight;},_styledSystem.margin,_styledSystem.padding);var CustomFieldsContainer$1=function CustomFieldsContainer$1(){var _useContext9=(0,_react.useContext)(GlobalStateContext$2),customFieldsService=_useContext9.customFieldsService;var _useSelector=(0,_react2.useSelector)(customFieldsService,customFieldsSelectors$1.getCustomFieldsState),isFetchError=_useSelector.isFetchError,isEdit=_useSelector.isEdit,isSaving=_useSelector.isSaving,isSaveError=_useSelector.isSaveError;var _useSelector2=(0,_react2.useSelector)(customFieldsService,customFieldsSelectors$1.getCustomFields),customFields=_useSelector2.customFields;var _useTranslation9=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation9.t;var _useState37=(0,_react.useState)(null),_useState38=_slicedToArray(_useState37,2),editedFields=_useState38[0],setEditedFields=_useState38[1];(0,_react.useEffect)(function(){setEditedFields(customFields);},[customFields]);var onFieldValueChange=function onFieldValueChange(id,value){var fields=_toConsumableArray(editedFields);var index=fields.findIndex(function(field){return field.id===id;});fields[index]=_objectSpread(_objectSpread({},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:function onSave(){return customFieldsService.send('SAVE',{fields:editedFields.map(function(_ref209){var id=_ref209.id,value=_ref209.value;return{id:id,value:value};})});},onCancel:function onCancel(){return customFieldsService.send('CANCEL');},isSaving:isSaving,isError:isSaveError}):/*#__PURE__*/_react.default.createElement(CustomFields$1,{customFields:customFields,onEdit:function onEdit(){return customFieldsService.send('EDIT_CUSTOM_FIELDS');}})))));};var useDataWithNames=function useDataWithNames(_ref210){var countries=_ref210.countries,subdivisions=_ref210.subdivisions,data=_ref210.data;var dataWithNames=(0,_react.useMemo)(function(){var _countries$items$find,_subdivisions$items$f;var countryName=countries&&data!==null&&data!==void 0&&data.country?(_countries$items$find=countries.items.find(function(_ref211){var code=_ref211.code;return code===data.country;}))===null||_countries$items$find===void 0?void 0:_countries$items$find.name:null;var subdivisionName=subdivisions&&data!==null&&data!==void 0&&data.state?(_subdivisions$items$f=subdivisions.items.find(function(_ref212){var code=_ref212.code;return code===data.state;}))===null||_subdivisions$items$f===void 0?void 0:_subdivisions$items$f.name:null;return _objectSpread(_objectSpread(_objectSpread({},data),countryName&&{country:countryName}),subdivisionName&&{state:subdivisionName});},[data,countries,subdivisions]);return dataWithNames;};var CustomerDetailsContainer=function CustomerDetailsContainer(_ref213){_objectDestructuringEmpty(_ref213);var _useContext10=(0,_react.useContext)(GlobalStateContext$2),customerDataService=_useContext10.customerDataService,customFieldsService=_useContext10.customFieldsService;var _useTranslation10=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation10.t;var _useContext11=(0,_react.useContext)(ConfigContext$2),editAllowed=_useContext11.customerProfile.editAllowed;var _useContext12=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext12.dataAccess;var _useMachine5=(0,_react2.useMachine)(addressMachine,{services:{getCountries:function getCountries(){return dataAccess.getCountries();},getSubdivisions:function getSubdivisions(_ctx,event){if(event.type==='FETCH_SUBDIVISION')return dataAccess.getCountrySubdivisions(event.country);}}}),_useMachine6=_slicedToArray(_useMachine5,3),sendToMachine=_useMachine6[1],service=_useMachine6[2];var countries=(0,_react2.useSelector)(service,addressSelectors.getCountries);var subdivisions=(0,_react2.useSelector)(service,addressSelectors.getSubdivisions);var _useSelector3=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getContactDataLoading),contactDetailsLoading=_useSelector3.isLoading;var contactDetails=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getContactDetailsStatus);var shippingAddress=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getShippingAddressStatus);var _useSelector4=(0,_react2.useSelector)(customerDataService,customerDataSelectors.getCustomerDetailsData),data=_useSelector4.data;(0,_react.useEffect)(function(){customFieldsService.send('INITIALIZE');customerDataService.send('INITIALIZE');},[customerDataService,customFieldsService]);var dataWithNames=useDataWithNames({countries:countries,subdivisions:subdivisions,data:data});(0,_react.useEffect)(function(){sendToMachine({type:'FETCH_COUNTRY'});if(data!==null&&data!==void 0&&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:function onCancel(){return customerDataService.send('CANCEL');},values:data,onSubmit:function onSubmit(data){customerDataService.send('SAVE',{addressData:data});},isSaving:contactDetails.isSaving}):data&&/*#__PURE__*/_react.default.createElement(ContactDetails,{editAllowed:editAllowed,contactDetails:data,onEdit:function onEdit(){return 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:function onCancel(){return customerDataService.send('CANCEL');},onSubmit:function 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:function onEdit(){return customerDataService.send('EDIT_SHIPPING_ADDRESS');}}))),/*#__PURE__*/_react.default.createElement(CustomFieldsContainer$1,null))));};var App$2=function App$2(_ref214){var customerProfile=_ref214.customerProfile;return/*#__PURE__*/_react.default.createElement(ConfigContext$2.Provider,{value:{customerProfile:customerProfile}},/*#__PURE__*/_react.default.createElement(GlobalStateProvider$2,null,/*#__PURE__*/_react.default.createElement(CustomerDetailsContainer,null)));};var SubscriptionsManager$1=/*#__PURE__*/function(_EmbeddableComponent){_inherits(SubscriptionsManager$1,_EmbeddableComponent);var _super=_createSuper(SubscriptionsManager$1);function SubscriptionsManager$1(_ref215){var i18n=_ref215.i18n,componentsTheme=_ref215.componentsTheme,sessionManager=_ref215.sessionManager,dataAccess=_ref215.dataAccess;_classCallCheck(this,SubscriptionsManager$1);return _super.call(this,{i18n:i18n,componentsTheme:componentsTheme,sessionManager:sessionManager,dataAccess:dataAccess});}_createClass(SubscriptionsManager$1,[{key:"render",value:function render(container,componentSettings){var settings=componentSettings||defaultSettings$2;_get(_getPrototypeOf(SubscriptionsManager$1.prototype),"renderComponent",this).call(this,container,App$2,settings,CustomerDetailsLoader);}}]);return SubscriptionsManager$1;}(EmbeddableComponent);var defaultSettings$1={billingHistory:{enableFiltering:true,paginationVariant:'simple',itemsPerPage:12,visibleColumns:['invoice_number','issue_date','total_amount','amount_due','status']}};var ConfigContext$1=/*#__PURE__*/(0,_react.createContext)(defaultSettings$1);var GlobalStateContext$1=/*#__PURE__*/(0,_react.createContext)({billingHistoryDataService:null,billingFiltersService:null,filtersOptionsService:null});var cancel=_xstate.actions.cancel,send=_xstate.actions.send;var sendDebouncedSortByEvent=send('DEBOUNCED_SORT_BY',{delay:200,id:'debounced-sortBy'});var cancelDebouncedSortByEvent=cancel('debounced-sortBy');var defaultSortingParams={sortBy:'issueDate',sortDirection:'desc'};var INITIAL_SECTIONS={status:false,invoiceNumber:false,productIds:false,date:false};var INITIAL_FILTERS={date:{type:'timeRange',dateField:'issue_date'},status:[],invoiceNumber:'',productIds:[]};var INITIAL_RELATIVE_DATE_FILTERS={unit:'day',value:0};var INITIAL_ABSOLUTE_DATE_FILTERS={startDate:null,endDate:null};var isDateFilter=function isDateFilter(name,value){return name==='date';};var areSomeFiltersActive=function areSomeFiltersActive(obj){return Object.keys(obj).some(function(key){return!isFilterEmpty(key,obj[key]);});};var areFiltersEmpty=function areFiltersEmpty(obj){return!areSomeFiltersActive(obj);};var isFilterEmpty=function isFilterEmpty(filterName,filterValue){if(isDateFilter(filterName)){if(filterValue.type==='relative'){return filterValue.value===0;}else{return!filterValue.endDate&&!filterValue.startDate;}}return filterValue.length===0;};var choose=_xstate.actions.choose;var setFilterSections=choose([{cond:function cond(ctx){return!!ctx.activeFilters;},actions:(0,_xstate.assign)(function(ctx){return{sections:Object.keys(ctx.sections).reduce(function(acc,sectionName){return _objectSpread(_objectSpread({},acc),{},_defineProperty({},sectionName,!isFilterEmpty(sectionName,ctx.activeFilters[sectionName])));},{})};})},{cond:function cond(ctx){return ctx.activeFilters===null;},actions:(0,_xstate.assign)(function(){return{sections:INITIAL_SECTIONS};})}]);var setFilterOrClear=choose([{cond:function cond(ctx){return ctx.activeFilters===null&&areFiltersEmpty(ctx.inlineFilters);},actions:[]},{cond:function cond(ctx){return areSomeFiltersActive(ctx.inlineFilters);},actions:[(0,_xstate.assign)(function(ctx){return{activeFilters:ctx.inlineFilters};}),'applyFilters']},{cond:function cond(ctx){return areFiltersEmpty(ctx.inlineFilters)&&ctx.activeFilters!==null;},actions:[(0,_xstate.assign)(function(){return{activeFilters:null,inlineFilters:INITIAL_FILTERS};}),'clearFilters']}]);var setFilterClear=choose([{cond:function cond(ctx){return areFiltersEmpty(ctx.inlineFilters)&&ctx.activeFilters===null;},actions:[]},{cond:function cond(ctx){return ctx.activeFilters!==null;},actions:[(0,_xstate.assign)(function(){return{activeFilters:null,inlineFilters:INITIAL_FILTERS,sections:INITIAL_SECTIONS};}),'clearFilters']}]);var setDateTabEmpty=choose([{cond:function cond(ctx){return ctx.inlineFilters.date.type==='relative';},actions:(0,_xstate.assign)(function(ctx){return{inlineFilters:_objectSpread(_objectSpread({},ctx.inlineFilters),{},{date:_objectSpread(_objectSpread({},ctx.inlineFilters.date),INITIAL_RELATIVE_DATE_FILTERS)})};})},{cond:function cond(ctx){return ctx.inlineFilters.date.type==='timeRange';},actions:(0,_xstate.assign)(function(ctx){return{inlineFilters:_objectSpread(_objectSpread({},ctx.inlineFilters),{},{date:_objectSpread(_objectSpread({},INITIAL_ABSOLUTE_DATE_FILTERS),ctx.inlineFilters.date)})};})}]);var initialContext$d={activeFilters:null,inlineFilters:INITIAL_FILTERS,sections:INITIAL_SECTIONS};var billingFilters=(0,_xstate.createMachine)({id:'billingFilters',predictableActionArguments:true,initial:'close',context:initialContext$d,states:{open:{on:{TOGGLE_SECTION:{actions:(0,_xstate.assign)(function(ctx,event){return{sections:_objectSpread(_objectSpread({},ctx.sections),{},_defineProperty({},event.sectionName,!ctx.sections[event.sectionName]))};})},CLOSE_FILTERS:{target:'close',actions:[(0,_xstate.assign)(function(ctx){return{inlineFilters:ctx.activeFilters||INITIAL_FILTERS};}),setFilterSections]},APPLY_FILTERS:{target:'close',actions:[setFilterOrClear,setFilterSections]},CHANGE_DATE_TAB:{actions:[(0,_xstate.assign)(function(ctx,e){return{inlineFilters:_objectSpread(_objectSpread({},ctx.inlineFilters),{},{date:{dateField:ctx.inlineFilters.date.dateField,type:e.tabType}})};}),'setDateTabEmpty']},CLEAR_FILTERS:{target:'close',actions:setFilterClear},UPDATE_FILTER:{actions:(0,_xstate.assign)(function(ctx,event){return{inlineFilters:_objectSpread(_objectSpread({},ctx.inlineFilters),{},_defineProperty({},event.filter,event.value))};})}}},close:{on:{OPEN_FILTERS:{target:'open'}}}}},{actions:setDateTabEmpty});var isFilteringApplied=function isFilteringApplied(machineState){var filters=machineState.context.activeFilters;return filters&&areSomeFiltersActive(filters);};var getFiltersSections=function getFiltersSections(machineState){return machineState.context.sections;};var getFiltersVisibility=function getFiltersVisibility(machineState){return machineState.matches('open');};var getInlineFiltersValues=function getInlineFiltersValues(machineState){return machineState.context.inlineFilters;};var billingFiltersSelectors={isFilteringApplied:isFilteringApplied,getFiltersSections:getFiltersSections,getFiltersVisibility:getFiltersVisibility,getInlineFiltersValues:getInlineFiltersValues};var date=INITIAL_FILTERS.date,restFilters=_objectWithoutProperties(INITIAL_FILTERS,["date"]);var initialFilters=_objectSpread(_objectSpread({},restFilters),{},{dateField:null,startDate:null,endDate:null});var initialBillingHistoryContext={sorting:_objectSpread({page:null,limit:null},defaultSortingParams),filters:initialFilters,pagination:null,items:[]};var 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)(function(ctx,event){return{sorting:_objectSpread(_objectSpread({},ctx.sorting),{},{page:event.page,limit:event.limit})};})},DEBOUNCED_SORT_BY:{target:'.loading'},CHANGE_FILTERS:{target:'.loading',actions:(0,_xstate.assign)(function(_ctx,event){return{filters:_objectSpread({},event.filters)};})},CLEAR_FILTERS:{target:'.loading',actions:(0,_xstate.assign)(function(ctx){return _objectSpread(_objectSpread({},ctx),{},{filters:initialFilters});})},CHANGE_PAGE:{target:'.loading',actions:[(0,_xstate.assign)(function(ctx,event){return{sorting:_objectSpread(_objectSpread({},ctx.sorting),{},{page:event.page})};})]},CHANGE_ITEMS_PER_PAGE:{target:'.loading',actions:[(0,_xstate.assign)(function(ctx,event){return{sorting:_objectSpread(_objectSpread({},ctx.sorting),{},{page:1,limit:event.itemsPerPage,pagination:_objectSpread(_objectSpread({},ctx.pagination),{},{itemsPerPage:event.itemsPerPage})})};})]},LOAD_MORE:{target:'.loading',actions:(0,_xstate.assign)(function(ctx,event){return{sorting:_objectSpread(_objectSpread({},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)(function(_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)(function(ctx,event){return{sorting:_objectSpread(_objectSpread({},ctx.sorting),{},{sortDirection:event.sortDirection,sortBy:event.sortBy})};}),cancelDebouncedSortByEvent,sendDebouncedSortByEvent]}}}}}}});var getBillingHistoryData=function getBillingHistoryData(machineState){return{items:machineState.context.items,sorting:machineState.context.sorting,pagination:machineState.context.pagination,filters:machineState.context.filters};};var getBillingHistoryState=function getBillingHistoryState(machineState){return{isLoading:machineState.matches('apiClient.loading'),isFiltering:machineState.context.filters&&Object.values(machineState.context.filters).some(function(value){return value&&value.length>0;})};};var getBillingItemById=function getBillingItemById(itemId){return function(machineState){return machineState.context.items.filter(function(item){return item.id===itemId;});};};var billingHistorySelectors={getBillingHistoryData:getBillingHistoryData,getBillingHistoryState:getBillingHistoryState,getBillingItemById:getBillingItemById};var getProducts$1=function getProducts$1(machineState){return{products:machineState.context.products};};var filtersOptionsSelectors={getProducts:getProducts$1};var 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)(function(_ctx,event){return{products:event.data.productNames};})},onError:{target:'error'}}}}});var getAbsoluteDate=function getAbsoluteDate(date){return{startDate:formatDate(manipulateDate({date:new Date(),method:'subtract',unit:date.unit,value:date.value})),endDate:formatDate(new Date())};};var getDatesFilter=function getDatesFilter(date){if(date.type==='timeRange'&&(date.startDate||date.endDate)){var dateField=date.dateField,startDate=date.startDate,endDate=date.endDate;return{startDate:startDate?formatDate(startDate):null,endDate:endDate?formatDate(endDate):null,dateField:dateField};}else if(date.type==='relative'&&date.value){return _objectSpread(_objectSpread({},getAbsoluteDate(date)),{},{dateField:date.dateField});}};var GlobalStateProvider$1=function GlobalStateProvider$1(_ref216){var children=_ref216.children;var _useContext13=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext13.dataAccess;var _useContext14=(0,_react.useContext)(ConfigContext$1),billingHistory=_useContext14.billingHistory;var itemsPerPage=billingHistory.itemsPerPage;var billingHistoryDataService=(0,_react2.useInterpret)(billingHistoryData,{context:_objectSpread(_objectSpread({},initialBillingHistoryContext),{},{pagination:_objectSpread(_objectSpread({},initialBillingHistoryContext.pagination),{},{itemsPerPage:itemsPerPage})}),services:{getInvoices:function getInvoices(ctx){var _ctx$sorting=ctx.sorting,sortBy=_ctx$sorting.sortBy,sortSettings=_objectWithoutProperties(_ctx$sorting,_excluded14);return dataAccess.getInvoices(_objectSpread(_objectSpread({sortBy:camelToUnderscore(sortBy)},ctx.filters),sortSettings));}}});var billingFiltersService=(0,_react2.useInterpret)(billingFilters,{actions:{applyFilters:function applyFilters(ctx){var _ctx$activeFilters=ctx.activeFilters,date=_ctx$activeFilters.date,filters=_objectWithoutProperties(_ctx$activeFilters,_excluded15);var datesFilters=getDatesFilter(date);billingHistoryDataService.send({type:'CHANGE_FILTERS',filters:_objectSpread(_objectSpread({},filters),datesFilters)});},clearFilters:function clearFilters(){billingHistoryDataService.send({type:'CLEAR_FILTERS'});}}});var filtersOptionsService=(0,_react2.useInterpret)(filtersOptions,{services:{getFiltersOptions:function getFiltersOptions(){return dataAccess.getInvoiceFilters();}}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext$1.Provider,{value:{billingHistoryDataService:billingHistoryDataService,billingFiltersService:billingFiltersService,filtersOptionsService:filtersOptionsService}},children);};var useServices$1=function useServices$1(){return(0,_react.useContext)(GlobalStateContext$1);};var INITIAL_PAGE=1;var Status$1=function Status$1(_ref217){var status=_ref217.status;var _useTranslation11=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation11.t;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;}};var SkeletonWrapper$1=_styledComponents.default.td.withConfig({displayName:"maxio__SkeletonWrapper1",componentId:"maxio-components__sc-lo74t2-145"})(["&&&{flex:1;",";}"],_styledSystem.padding);SkeletonWrapper$1.defaultProps={paddingY:4};var IconWIthTooltip=function IconWIthTooltip(_ref218){var consolidationLevel=_ref218.consolidationLevel;var _useTranslation12=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation12.t;switch(consolidationLevel){case'none':return/*#__PURE__*/_react.default.createElement(Tooltip$1,{renderContent:function renderContent(){return/*#__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:function renderContent(){return/*#__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:function renderContent(){return/*#__PURE__*/_react.default.createElement(Tooltip$1.Text,{message:t('consolidated_invoice_segment')});}},/*#__PURE__*/_react.default.createElement(Icon,{fill:'gray.light',type:'fileSolid',size:16}));}};var ITEMS_PER_PAGE=[6,12,24,36];var getItemsPerPageOptions=function getItemsPerPageOptions(t){return ITEMS_PER_PAGE.map(function(itemsPerPage){return{label:t('items_per_page',{items:itemsPerPage}),value:itemsPerPage};});};var SelectWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SelectWrapper",componentId:"maxio-components__sc-lo74t2-146"})(["&&&{width:120px;}"]);var PaginationWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__PaginationWrapper",componentId:"maxio-components__sc-lo74t2-147"})(["&&&{",";}"],function(props){return props.isMobile&&(0,_styledComponents.css)(["width:100%;order:-1;justify-content:center;display:flex;"]);});var PagesPagination=function PagesPagination(_ref219){var page=_ref219.page,totalPages=_ref219.totalPages,onPageChange=_ref219.onPageChange,onItemsPerPageChange=_ref219.onItemsPerPageChange,totalInvoices=_ref219.totalInvoices,itemsPerPage=_ref219.itemsPerPage;var _useTranslation13=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation13.t;var _useDeviceInfo4=useDeviceInfo(),device=_useDeviceInfo4.device;var 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:function onSelect(selectedItem){onItemsPerPageChange(Number(selectedItem.value));},selectSize:"small"})));};var getHiddenColumns=function getHiddenColumns(visibleColumns){if(visibleColumns.length===0){return defaultSettings$1.billingHistory.visibleColumns.filter(function(c){return c!=='invoice_number';}).map(function(c){return(0,_camelcase.default)(c);});}return defaultSettings$1.billingHistory.visibleColumns.filter(function(x){return!visibleColumns.includes(x);}).map(function(c){return(0,_camelcase.default)(c);});};var 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;}"],function(_ref220){var theme=_ref220.theme;return theme.colors.primary.extraLight;},function(_ref221){var theme=_ref221.theme;return theme.radii[3];},function(_ref222){var theme=_ref222.theme;return theme.space[3];});FilterBoxList.defaultProps={padding:4,display:'flex'};var FilterBox=function FilterBox(_ref223){var children=_ref223.children,isExpanded=_ref223.isExpanded,onClick=_ref223.onClick,header=_ref223.header;return/*#__PURE__*/_react.default.createElement(Accordion,{header:header,onClick:onClick,isExpanded:isExpanded,variant:'small'},/*#__PURE__*/_react.default.createElement(FilterBoxList,null,children));};var statuses=['paid','voided','pending','draft','open','canceled'];var FILTERS_WIDTH=220;var StatusFilter=function StatusFilter(_ref224){var _onChange4=_ref224.onChange,values=_ref224.values,onClick=_ref224.onClick,header=_ref224.header,isExpanded=_ref224.isExpanded;var _useTranslation14=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation14.t;var statusesWithLabels=statuses.map(function(status){return{label:t(status),name:status};});return/*#__PURE__*/_react.default.createElement(FilterBox,{onClick:onClick,isExpanded:isExpanded,header:header},statusesWithLabels.map(function(_ref225){var label=_ref225.label,name=_ref225.name;return/*#__PURE__*/_react.default.createElement(Checkbox,{onChange:function onChange(){if(!values.includes(name)){_onChange4([].concat(_toConsumableArray(values),[name]));}else{_onChange4(values.filter(function(status){return status!==name;}));}},key:name,label:label,name:name,value:values.includes(name),id:name});}));};var 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;}"],function(_ref226){var theme=_ref226.theme;return theme.space[5];});var InvoiceNumberFilter=function InvoiceNumberFilter(_ref227){var _onChange5=_ref227.onChange,placeholder=_ref227.placeholder,value=_ref227.value,rest=_objectWithoutProperties(_ref227,_excluded16);return/*#__PURE__*/_react.default.createElement(FilterBox,_objectSpread({},rest),/*#__PURE__*/_react.default.createElement(Input$1,{placeholder:placeholder,onChange:function onChange(e){return _onChange5(e.target.value);},iconRight:'search',value:value,inputSize:'small'}));};var ProductNameFilter=function ProductNameFilter(_ref228){var _onChange6=_ref228.onChange,placeholder=_ref228.placeholder,values=_ref228.values,showSearch=_ref228.showSearch,products=_ref228.products,rest=_objectWithoutProperties(_ref228,_excluded17);var _React$useState=_react.default.useState(''),_React$useState2=_slicedToArray(_React$useState,2),searchValue=_React$useState2[0],setSearchValue=_React$useState2[1];var filteredProductNames=products===null||products===void 0?void 0:products.filter(function(_ref229){var name=_ref229.name;return name.toLowerCase().includes(searchValue.toLowerCase());});return/*#__PURE__*/_react.default.createElement(FilterBox,_objectSpread({},rest),showSearch?/*#__PURE__*/_react.default.createElement(Input$1,{placeholder:placeholder,onChange:function onChange(e){return setSearchValue(e.target.value);},iconRight:'search',value:searchValue,inputSize:'small'}):null,filteredProductNames===null||filteredProductNames===void 0?void 0:filteredProductNames.map(function(_ref230){var name=_ref230.name,id=_ref230.id;return/*#__PURE__*/_react.default.createElement(Checkbox,{key:id,onChange:function onChange(){if(!values.includes(id)){_onChange6([].concat(_toConsumableArray(values),[id]));}else{_onChange6(values.filter(function(status){return status!==id;}));}},label:name,name:name,value:values===null||values===void 0?void 0:values.includes(id),id:name});}));};var CalendarContainer=_styledComponents.default.div.withConfig({displayName:"maxio__CalendarContainer",componentId:"maxio-components__sc-lo74t2-150"})(["&&&{display:grid;",";}"],_styledSystem.grid);var tabs=[{label:'time_range',id:'timeRange'},{label:'relative',id:'relative'}];var options=[{label:'due_date',value:'due_date'},{label:'issue_date',value:'issue_date'},{label:'paid_date',value:'paid_date'}];var DateFilter=function DateFilter(_ref231){var _onChange7=_ref231.onChange,values=_ref231.values,onClick=_ref231.onClick,header=_ref231.header,isExpanded=_ref231.isExpanded,portalContainer=_ref231.portalContainer,onTabChange=_ref231.onTabChange;var _useTranslation15=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation15.t;var dateField=values.dateField,type=values.type;var startDate=type==='timeRange'&&(values===null||values===void 0?void 0:values.startDate);var endDate=type==='timeRange'&&(values===null||values===void 0?void 0:values.endDate);var translatedTabs=tabs.map(function(_ref232){var label=_ref232.label,id=_ref232.id;return{label:t(label),id:id};});var translatedOptions=options.map(function(_ref233){var label=_ref233.label,value=_ref233.value;return{label:t(label),value:value};});return/*#__PURE__*/_react.default.createElement(FilterBox,{onClick:onClick,isExpanded:isExpanded,header:header},/*#__PURE__*/_react.default.createElement(Select,{options:translatedOptions,onSelect:function onSelect(option){return _onChange7(_objectSpread(_objectSpread({},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:function onChange(timeframe){return _onChange7(_objectSpread(_objectSpread({},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:function onChange(date){return _onChange7(_objectSpread(_objectSpread({},values),{},{startDate:date}));},translations:{placeholder:t('from')},value:values===null||values===void 0?void 0:values.startDate}),/*#__PURE__*/_react.default.createElement(DatePicker,{portalContainer:portalContainer,calendarAlignment:"right",minDate:startDate,onChange:function onChange(date){return _onChange7(_objectSpread(_objectSpread({},values),{},{endDate:date}));},translations:{placeholder:t('to')},value:values===null||values===void 0?void 0:values.endDate})));};var 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;}"],function(props){return props.theme.space[2];});var PRODUCT_SEARCH_THRESHOLD=6;var ProductsContainer=function ProductsContainer(_ref234){var children=_ref234.children;var _useServices$=useServices$1(),filtersOptionsService=_useServices$.filtersOptionsService;var _useSelector5=(0,_react2.useSelector)(filtersOptionsService,filtersOptionsSelectors.getProducts),products=_useSelector5.products;if(!products||products.length<=1){return null;}var showSearch=products.length>PRODUCT_SEARCH_THRESHOLD;return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,children({products:products,showSearch:showSearch}));};var Filters=function Filters(_ref235){var filtersSettings=_ref235.filtersSettings,filtersSections=_ref235.filtersSections,isOpen=_ref235.isOpen,isFilteringApplied=_ref235.isFilteringApplied,onUpdateFilter=_ref235.onUpdateFilter,onToggleFilters=_ref235.onToggleFilters,onToggleSection=_ref235.onToggleSection,onApply=_ref235.onApply,onClear=_ref235.onClear,onDateTypeChange=_ref235.onDateTypeChange,onCloseFilters=_ref235.onCloseFilters;var _useTranslation16=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation16.t;var containerRef=(0,_react.useRef)(null);var dropdownRef=(0,_react.useRef)(null);var portalContainerRef=(0,_react.useRef)(null);(0,_react.useEffect)(function(){return function(){return onCloseFilters();};},[]);useOnClickOutside([containerRef,dropdownRef,portalContainerRef],onCloseFilters);var calculateDropdownPosition=(0,_react.useCallback)(function(){var element=containerRef.current;var _element$getBoundingC3=element.getBoundingClientRect(),top=_element$getBoundingC3.top,left=_element$getBoundingC3.left,width=_element$getBoundingC3.width,height=_element$getBoundingC3.height;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:_objectSpread({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:function onClick(){return onToggleSection('date');},isExpanded:filtersSections.date,onChange:function onChange(date){return onUpdateFilter('date',date);},values:filtersSettings.date,onTabChange:onDateTypeChange}),/*#__PURE__*/_react.default.createElement(StatusFilter,{header:t('status'),onClick:function onClick(){return onToggleSection('status');},isExpanded:filtersSections.status,values:filtersSettings.status,onChange:function onChange(status){return onUpdateFilter('status',status);}}),/*#__PURE__*/_react.default.createElement(ProductsContainer,null,function(_ref236){var products=_ref236.products,showSearch=_ref236.showSearch;return/*#__PURE__*/_react.default.createElement(ProductNameFilter,{placeholder:t('search_product'),showSearch:showSearch,values:filtersSettings.productIds,onChange:function onChange(v){return onUpdateFilter('productIds',v);},products:products,isExpanded:filtersSections.productIds,onClick:function onClick(){return onToggleSection('productIds');},header:t('product_name')});}),/*#__PURE__*/_react.default.createElement(InvoiceNumberFilter,{placeholder:t('search_invoice'),value:filtersSettings.invoiceNumber,onChange:function onChange(v){return onUpdateFilter('invoiceNumber',v);},isExpanded:filtersSections.invoiceNumber,onClick:function onClick(){return 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}})));};var FiltersContainer=function FiltersContainer(){var _useServices$2=useServices$1(),billingFiltersService=_useServices$2.billingFiltersService;var isOpen=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getFiltersVisibility);var filtersSettings=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getInlineFiltersValues);var filtersSections=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.getFiltersSections);var isFilteringApplied=(0,_react2.useSelector)(billingFiltersService,billingFiltersSelectors.isFilteringApplied);var toggleFilters=(0,_react.useCallback)(function(){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:function onDateTypeChange(tabType){return billingFiltersService.send('CHANGE_DATE_TAB',{tabType:tabType});},onCloseFilters:function onCloseFilters(){if(isOpen){billingFiltersService.send('CLOSE_FILTERS');}},onToggleSection:function onToggleSection(sectionName){return billingFiltersService.send('TOGGLE_SECTION',{sectionName:sectionName});},onUpdateFilter:function onUpdateFilter(filter,value){return billingFiltersService.send('UPDATE_FILTER',{filter:filter,value:value});},onClear:function onClear(){return billingFiltersService.send('CLEAR_FILTERS');},onApply:function onApply(){return billingFiltersService.send('APPLY_FILTERS');}}));};var NoInvoicesMsg=function NoInvoicesMsg(_ref237){var message=_ref237.message;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)));};var InvoicesTable=function InvoicesTable(_ref238){var invoices=_ref238.invoices,onSortChange=_ref238.onSortChange,sortMode=_ref238.sortMode,onPageChange=_ref238.onPageChange,page=_ref238.page,onLoadMore=_ref238.onLoadMore,totalPages=_ref238.totalPages,totalInvoices=_ref238.totalInvoices,_ref238$paginationVar=_ref238.paginationVariant,paginationVariant=_ref238$paginationVar===void 0?'simple':_ref238$paginationVar,itemsPerPage=_ref238.itemsPerPage,onItemsPerPageChange=_ref238.onItemsPerPageChange,isLoading=_ref238.isLoading,isFiltering=_ref238.isFiltering;var _useContext15=(0,_react.useContext)(ConfigContext$1),_useContext15$billing=_useContext15.billingHistory,visibleColumns=_useContext15$billing.visibleColumns,enableFiltering=_useContext15$billing.enableFiltering;var _useContext16=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext16.dataAccess;var _useState39=(0,_react.useState)(null),_useState40=_slicedToArray(_useState39,2),saveInvoiceLoading=_useState40[0],setSaveInvoiceLoading=_useState40[1];var _useTranslation17=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation17.t;var navigate=(0,_reactRouterDom.useNavigate)();var renderFooter=function 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});}};var getHeaderProps=function getHeaderProps(column){return{onClick:function onClick(){onSortChange(column.id);},sortMode:sortMode.sortBy===column.id?sortMode.sortDirection:null,align:column.align,minWidth:160};};var columns=_react.default.useMemo(function(){return[{Header:function Header(_ref239){var column=_ref239.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread({},getHeaderProps(column)),t('invoice'));},id:'invoiceNumber',accessor:'number',Cell:function Cell(_ref240){var cell=_ref240.cell,row=_ref240.row;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:function Header(_ref241){var column=_ref241.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread({},getHeaderProps(column)),t('issue_date'));},Cell:function Cell(_ref242){var cell=_ref242.cell;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},accessor:'issueDate'},{Header:function Header(_ref243){var column=_ref243.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread({},getHeaderProps(column)),t('status'));},Cell:function Cell(_ref244){var cell=_ref244.cell;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:function Header(_ref245){var column=_ref245.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread({},getHeaderProps(column)),t('total_amount'));},accessor:'totalAmount',Cell:function Cell(_ref246){var cell=_ref246.cell;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},align:'right'},{Header:function Header(_ref247){var column=_ref247.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread({},getHeaderProps(column)),t('amount_due'));},Cell:function Cell(_ref248){var cell=_ref248.cell;return/*#__PURE__*/_react.default.createElement(Table$1.Cell,{align:cell.column.align},cell.value);},accessor:'amountDue',align:'right'},{Header:function Header(_ref249){var column=_ref249.column;return/*#__PURE__*/_react.default.createElement(Table$1.Header,_objectSpread(_objectSpread({},getHeaderProps(column)),{},{paddingY:5,disableSort:true,"data-testid":'table-filter'}),enableFiltering&&/*#__PURE__*/_react.default.createElement(FiltersContainer,null));},Cell:function Cell(_ref250){var cell=_ref250.cell;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:function onClick(e){e.stopPropagation();setSaveInvoiceLoading(cell.value);dataAccess.getInvoicePDF(cell.value).then(function(blob){var fileURL=URL.createObjectURL(new Blob([blob],{type:'application/pdf'}));(0,_fileSaver.saveAs)(fileURL,cell.value);}).finally(function(){return setSaveInvoiceLoading(null);});}}));},accessor:'id',align:'right'}];},[sortMode,saveInvoiceLoading]);var _useTable=(0,_reactTable.useTable)({data:invoices,columns:columns,initialState:{hiddenColumns:_toConsumableArray(getHiddenColumns(visibleColumns))}}),headerGroups=_useTable.headerGroups,rows=_useTable.rows,prepareRow=_useTable.prepareRow;return/*#__PURE__*/_react.default.createElement(Table$1,{renderFooter:renderFooter},/*#__PURE__*/_react.default.createElement(Table$1.Head,{variant:'primary'},headerGroups.map(function(headerGroup,i){return/*#__PURE__*/_react.default.createElement(Table$1.Row,{disableBorder:true,variant:'head',key:headerGroup.id+i},headerGroup.headers.map(function(column){return/*#__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(function(row){prepareRow(row);return/*#__PURE__*/_react.default.createElement(Table$1.Row,{key:row.original.number,onClick:function onClick(){return navigate("invoices/".concat(row.original.id));}},row.cells.map(function(cell,index){return/*#__PURE__*/_react.default.createElement(Table$1.CellContainer,{key:cell.value+index},cell.render('Cell'));}));}),isLoading&&Array.from(Array(itemsPerPage).keys()).map(function(k){return/*#__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')})));};var BillingHistoryContainer=function BillingHistoryContainer(){var _useTranslation18=(0,_reactI18next.useTranslation)(),i18n=_useTranslation18.i18n;var _useServices$3=useServices$1(),billingHistoryDataService=_useServices$3.billingHistoryDataService,filtersOptionsService=_useServices$3.filtersOptionsService;var _useContext17=(0,_react.useContext)(ConfigContext$1),billingHistory=_useContext17.billingHistory;var itemsPerPage=billingHistory.itemsPerPage,paginationVariant=billingHistory.paginationVariant;(0,_react.useEffect)(function(){if(billingHistoryDataService.getSnapshot().matches('machineStatus.idle')){billingHistoryDataService.send('INITIALIZE',{page:INITIAL_PAGE,limit:itemsPerPage});}if(filtersOptionsService.getSnapshot().matches('idle')){filtersOptionsService.send('INITIALIZE');}},[]);var _useSelector6=(0,_react2.useSelector)(billingHistoryDataService,billingHistorySelectors.getBillingHistoryData),items=_useSelector6.items,sorting=_useSelector6.sorting,pagination=_useSelector6.pagination;var _useSelector7=(0,_react2.useSelector)(billingHistoryDataService,billingHistorySelectors.getBillingHistoryState),isLoading=_useSelector7.isLoading,isFiltering=_useSelector7.isFiltering;var sendSortEvent=function sendSortEvent(sortBy,sortDirection){billingHistoryDataService.send('SORT_BY',{sortBy:sortBy,sortDirection:sortDirection});};var onSortChange=function 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');}};var onPageChange=function onPageChange(page){billingHistoryDataService.send('CHANGE_PAGE',{page:page});};var onLoadMore=function onLoadMore(){billingHistoryDataService.send('LOAD_MORE',{limit:itemsPerPage});};var onItemsPerPageChange=function onItemsPerPageChange(itemsPerPage){billingHistoryDataService.send('CHANGE_ITEMS_PER_PAGE',{itemsPerPage:itemsPerPage});};var formattedData=items===null||items===void 0?void 0:items.map(function(_ref251){var currency=_ref251.currency,amountDueInCents=_ref251.amountDueInCents,totalAmountInCents=_ref251.totalAmountInCents,rest=_objectWithoutProperties(_ref251,_excluded18);return _objectSpread(_objectSpread({},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===null||pagination===void 0?void 0:pagination.totalPages,onLoadMore:onLoadMore,totalInvoices:pagination===null||pagination===void 0?void 0:pagination.totalItems,paginationVariant:paginationVariant,page:sorting.page,onPageChange:onPageChange,invoices:formattedData||[],onSortChange:onSortChange,sortMode:sorting,itemsPerPage:pagination===null||pagination===void 0?void 0:pagination.itemsPerPage,onItemsPerPageChange:onItemsPerPageChange});};var 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;}"]);var 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;}"]);var 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;}"]);var 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;}"],function(_ref252){var theme=_ref252.theme;return theme.space[4];});var ActionButtonsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ActionButtonsWrapper",componentId:"maxio-components__sc-lo74t2-157"})(["&&&{display:flex;gap:","px;flex-wrap:wrap;}"],function(_ref253){var theme=_ref253.theme;return theme.space[4];});var InvoiceDetails=function InvoiceDetails(){var _useTranslation19=(0,_reactI18next.useTranslation)('billing-history'),t=_useTranslation19.t;var toastsService=useToastMessages();var navigate=(0,_reactRouterDom.useNavigate)();var _useParams=(0,_reactRouterDom.useParams)(),invoiceId=_useParams.invoiceId;var _useContext18=(0,_react.useContext)(GlobalStateContext$1),billingHistoryDataService=_useContext18.billingHistoryDataService;var _useContext19=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext19.dataAccess;var _useState41=(0,_react.useState)(false),_useState42=_slicedToArray(_useState41,2),iframeLoaded=_useState42[0],setIframeLoaded=_useState42[1];var _useState43=(0,_react.useState)(false),_useState44=_slicedToArray(_useState43,2),printInvoiceLoading=_useState44[0],setPrintInvoiceLoading=_useState44[1];var showErrorToast=function showErrorToast(){toastsService.show({level:'warning',message:t('invoice_details.an_error_occurred_please_try_again_later')});};var _useSelector8=(0,_react2.useSelector)(billingHistoryDataService,(0,_react.useCallback)(billingHistorySelectors.getBillingItemById(invoiceId),[])),_useSelector9=_slicedToArray(_useSelector8,1),invoice=_useSelector9[0];var printInvoice=function printInvoice(){setPrintInvoiceLoading(true);dataAccess.getInvoicePDF(invoice.id).then(function(blob){var fileURL=URL.createObjectURL(new Blob([blob],{type:'application/pdf'}));(0,_printJs.default)(fileURL);}).catch(function(_e){return showErrorToast();}).finally(function(){return 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:function onClick(){return 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:function onLoad(){return setIframeLoaded(true);}}))));};var App$1=function App$1(_ref254){var billingHistory=_ref254.billingHistory;return/*#__PURE__*/_react.default.createElement(ConfigContext$1.Provider,{value:{billingHistory: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)})))));};var 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};var TableFooter=function TableFooter(){return/*#__PURE__*/_react.default.createElement(Table$1.Footer,{justifyContent:"center",paddingY:4,paddingX:7},/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:28,width:200}));};var BillingHistoryLoader=function BillingHistoryLoader(){return/*#__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})))));};var BillingHistory=/*#__PURE__*/function(_EmbeddableComponent2){_inherits(BillingHistory,_EmbeddableComponent2);var _super2=_createSuper(BillingHistory);function BillingHistory(_ref255){var i18n=_ref255.i18n,componentsTheme=_ref255.componentsTheme,sessionManager=_ref255.sessionManager,dataAccess=_ref255.dataAccess;_classCallCheck(this,BillingHistory);return _super2.call(this,{i18n:i18n,componentsTheme:componentsTheme,sessionManager:sessionManager,dataAccess:dataAccess});}_createClass(BillingHistory,[{key:"render",value:function render(container,componentSettings){var settings=componentSettings||defaultSettings$1;_get(_getPrototypeOf(BillingHistory.prototype),"renderComponent",this).call(this,container,App$1,settings,BillingHistoryLoader);}}]);return BillingHistory;}(EmbeddableComponent);var setCatalogExpandState=(0,_xstate.assign)({expandedCatalogItems:function expandedCatalogItems(context,event){var catalogId=event.catalogId,isExpanded=event.isExpanded;return isExpanded?[].concat(_toConsumableArray(context.expandedCatalogItems),[catalogId]):context.expandedCatalogItems.filter(function(id){return id!==catalogId;});}});var 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)(function(_ctx,event){return{items:event.data.items,expandedCatalogItems:event.data.items.map(function(_ref256){var id=_ref256.id;return id;})};})]},onError:{target:'error'}}},error:{on:{RETRY_FETCH_PRODUCT_CATALOG:{target:'loading'}}},ready:{on:{SET_CATALOG_EXPAND:{actions:'setCatalogExpandState'}}}}},{actions:{setCatalogExpandState:setCatalogExpandState}});var getProductCatalogItems=function getProductCatalogItems(machineState){return machineState.context.items;};var getProductCatalogById=function getProductCatalogById(catalogId){return function(machineState){return machineState.context.items.find(function(_ref257){var id=_ref257.id;return id===catalogId;});};};var getProductCatalogFetchStatus=function getProductCatalogFetchStatus(machineState){return{isLoading:machineState.matches('loading'),error:machineState.matches('error'),ready:machineState.matches('ready')};};var getExpandedCatalogItems=function getExpandedCatalogItems(machineState){return machineState.context.expandedCatalogItems;};var productCatalogSelectors={getExpandedCatalogItems:getExpandedCatalogItems,getProductCatalogById:getProductCatalogById,getProductCatalogItems:getProductCatalogItems,getProductCatalogFetchStatus:getProductCatalogFetchStatus};var subscriptionModel=(0,_model.createModel)({id:null,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}}},{events:{UPDATE_SUBSCRIPTION:function UPDATE_SUBSCRIPTION(event){return event;}}});var SUBSCRIPTION_STATES={trialing:'trial',trial_ended:'trial_expired',on_hold:'on_hold',canceled:'canceled',expired:'expired',past_due:'past_due',unpaid:'unpaid',paused:'paused'};var setStatus=function setStatus(state,scheduledCancellationAt,nextProductId){var status=SUBSCRIPTION_STATES[state]||'active';if(status==='active'&&scheduledCancellationAt)return'cancellation_scheduled';if(['active','trial'].includes(status)&&nextProductId)return'plan_change_scheduled';return status;};var serializeSubscription=function serializeSubscription(subscription){var state=subscription.state,model=_objectWithoutProperties(subscription,_excluded19);return _objectSpread(_objectSpread({},model),{},{status:setStatus(state,model.scheduledCancellationAt,model.nextProductId)});};var 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}});var createSubscriptionMachine=function createSubscriptionMachine(){var defaultContext=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return subscriptionModel.createMachine({predictableActionArguments:true,context:_objectSpread(_objectSpread({},subscriptionModel.initialContext),defaultContext),initial:'idle',states:{idle:{}},on:{UPDATE_SUBSCRIPTION:{actions:(0,_xstate.assign)(function(ctx,event){return _objectSpread(_objectSpread({},ctx),event.data);})}}});};var getSubscriptionState=function getSubscriptionState(machineState){return machineState.context.status;};var getSubscriptionDetails=function getSubscriptionDetails(machineState){var _machineState$context=machineState.context,id=_machineState$context.id,status=_machineState$context.status,currency=_machineState$context.currency,productFamilyId=_machineState$context.productFamilyId,currentBillingAmountInCents=_machineState$context.currentBillingAmountInCents,currentPeriodEndsAt=_machineState$context.currentPeriodEndsAt,scheduledCancellationAt=_machineState$context.scheduledCancellationAt,nextAssessmentAt=_machineState$context.nextAssessmentAt,canceledAt=_machineState$context.canceledAt,expiresAt=_machineState$context.expiresAt,trialEndedAt=_machineState$context.trialEndedAt,balanceInCents=_machineState$context.balanceInCents,automaticallyResumeAt=_machineState$context.automaticallyResumeAt,product=_machineState$context.product,billing=_machineState$context.billing,components=_machineState$context.components,customFields=_machineState$context.customFields,referralCode=_machineState$context.referralCode,threeDsActionLink=_machineState$context.threeDsActionLink;return{id:id,status:status,productFamilyId:productFamilyId,currency:currency,currentBillingAmountInCents:currentBillingAmountInCents,currentPeriodEndsAt:currentPeriodEndsAt,scheduledCancellationAt:scheduledCancellationAt,nextAssessmentAt:nextAssessmentAt,canceledAt:canceledAt,expiresAt:expiresAt,trialEndedAt:trialEndedAt,balanceInCents:balanceInCents,automaticallyResumeAt:automaticallyResumeAt,product:product,billing:billing,components:components,customFields:customFields,referralCode:referralCode,threeDsActionLink:threeDsActionLink};};var subscriptionSelectors={getSubscriptionState:getSubscriptionState,getSubscriptionDetails:getSubscriptionDetails};var updateSubscription=(0,_xstate.assign)({items:function items(context,event){var catalogId=event.catalogId,subscriptionId=event.subscriptionId,type=event.type,subscriptionDetails=_objectWithoutProperties(event,_excluded20);var subscriptions=context.items[catalogId].map(function(item){if(item.subscription.id===subscriptionId){return _objectSpread(_objectSpread({},item),{},{subscription:_objectSpread(_objectSpread({},item.subscription),subscriptionDetails)});}return item;});return _objectSpread(_objectSpread({},context.items),{},_defineProperty({},catalogId,subscriptions));}});var toggleSubscriptionDetailsVisibility=(0,_xstate.assign)({itemsWithVisibleDetails:function itemsWithVisibleDetails(context,event){var subscriptionId=event.subscriptionId;var detailsVisible=context.itemsWithVisibleDetails.includes(subscriptionId);return!detailsVisible?[].concat(_toConsumableArray(context.itemsWithVisibleDetails),[subscriptionId]):context.itemsWithVisibleDetails.filter(function(id){return id!==subscriptionId;});}});var setListExpandedState=(0,_xstate.assign)({catalogs:function catalogs(context,event){var catalogId=event.catalogId,status=event.status;return _objectSpread(_objectSpread({},context.catalogs),{},_defineProperty({},catalogId,_objectSpread(_objectSpread({},context.catalogs[catalogId]),{},{isListExpanded:status})));}});var createComponentMachine=function createComponentMachine(){var defaultContext=arguments.length>0&&arguments[0]!==undefined?arguments[0]:{};return componentModel.createMachine({predictableActionArguments:true,context:_objectSpread(_objectSpread({},componentModel.initialContext),defaultContext)});};var getComponent=function getComponent(machineState){return machineState.context;};var componentSelectors={getComponent:getComponent};var createComponentsMachine=function createComponentsMachine(subscriptionId){return(0,_xstate.createMachine)({initial:'idle',predictableActionArguments:true,context:{subscriptionId: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)(function(_ctx,event){var components=event.data.items.map(function(item){return{component:item,ref:(0,_xstate.spawn)(createComponentMachine(item))};});return{items:components};})},onError:{target:'error'}}}}});};var checkIfComponentIsUsedForBilling=function 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;};var getComponentsUsedInBilling=function getComponentsUsedInBilling(machineState){var categorizedComponents={};var productCatalogItems=machineState.context.items;productCatalogItems.forEach(function(component){if(!checkIfComponentIsUsedForBilling(component.component))return;var componentType=component.component.type;var categorizedComponent={id:component.component.id,componentMachineRef:component.ref};if(categorizedComponents.hasOwnProperty(componentType)){return categorizedComponents[componentType].push(categorizedComponent);}categorizedComponents[componentType]=[categorizedComponent];});return categorizedComponents;};var getComponentsUpdatesAllowed=function getComponentsUpdatesAllowed(machineState){var productCatalogItems=machineState.context.items;return productCatalogItems.some(function(item){return item.component.updatesAllowed;});};var componentsSelectors={getComponentsUsedInBilling:getComponentsUsedInBilling,getComponentsUpdatesAllowed:getComponentsUpdatesAllowed};var DEFAULT_VISIBLE_SUBSCRIPTIONS=5;var createCustomFieldsMachine=function createCustomFieldsMachine(subscriptionId){return(0,_xstate.createMachine)({id:'customFields',predictableActionArguments:true,context:{subscriptionId:subscriptionId,customFields:null},initial:'idle',states:{idle:{on:{INITIALIZE:{target:'loading'}}},loading:{invoke:{src:'getSubscriptionCustomFields',onDone:{target:'ready',actions:(0,_xstate.assign)(function(_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)(function(ctx,event){return{customFields:updateCustomFields(ctx.customFields,event.data.fields)};})},onError:{target:'error'}}},error:{on:{CANCEL:{target:'#customFields'},SAVE:{target:'saving'}}}}}}});};var serializeSubscriptions=function serializeSubscriptions(items,dataAccess){var subscriptions={};items.forEach(function(subscription){var serializedSubscription=serializeSubscription(subscription);var subscriptionId=serializedSubscription.id;var componentsMachine=createComponentsMachine(subscriptionId).withConfig({services:{getComponents:function getComponents(_ref258){var subscriptionId=_ref258.subscriptionId;return dataAccess.getComponents(subscriptionId);}}});var subscriptionMachine=createSubscriptionMachine(serializedSubscription);var customFieldsMachine=createCustomFieldsMachine(subscriptionId).withConfig({services:{getSubscriptionCustomFields:function getSubscriptionCustomFields(_ref259){var subscriptionId=_ref259.subscriptionId;return dataAccess.getSubscriptionCustomFields(subscriptionId);},saveCustomerCustomFields:function saveCustomerCustomFields(_ref260,_ref261){var subscriptionId=_ref260.subscriptionId;var fields=_ref261.payload;return dataAccess.updateSubscriptionCustomFields(subscriptionId,fields);}}});var entity={subscription:serializedSubscription,componentsRef:(0,_xstate.spawn)(componentsMachine,"subscription-components-".concat(subscriptionId)),subscriptionRef:(0,_xstate.spawn)(subscriptionMachine,"subscription-".concat(serializedSubscription.id)),customFieldsRef:(0,_xstate.spawn)(customFieldsMachine,"custom-fields-".concat(subscriptionId))};if(subscriptions[subscription.productFamilyId]){subscriptions[subscription.productFamilyId].push(entity);}else{subscriptions[subscription.productFamilyId]=[entity];}});return subscriptions;};var serializeCatalogs=function serializeCatalogs(subscriptions){return Object.keys(subscriptions).reduce(function(acc,catalogId){acc[Number(catalogId)]={isPaginated:subscriptions[Number(catalogId)].length>DEFAULT_VISIBLE_SUBSCRIPTIONS,isListExpanded:false};return acc;},{});};var createSubscriptionsMachine=function createSubscriptionsMachine(dataAccess){return(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:function to(_ctx,event){return"subscription-components-".concat(event.subscriptionId);}})]}},states:{idle:{on:{FETCH_SUBSCRIPTIONS:{target:'loading'}}},loading:{invoke:{id:'subscriptionsFetch',src:'getSubscriptions',onDone:{target:'ready',actions:(0,_xstate.assign)(function(_ctx,event){var 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)(function(_ctx,event){return{type:'UPDATE_SUBSCRIPTION',data:event};},{to:function to(_ctx,event){return"subscription-".concat(event.subscriptionId);}})]}}}}},{actions:{updateSubscription:updateSubscription,toggleSubscriptionDetailsVisibility:toggleSubscriptionDetailsVisibility,setListExpandedState:setListExpandedState}});};var getSubscriptionsByCategoryId=function getSubscriptionsByCategoryId(catalogId){return function(machineState){return machineState.context.items[catalogId]||[];};};var getSubscriptionById=function getSubscriptionById(catalogId,subscriptionId){return function(machineState){var subscriptions=machineState.context.items[catalogId];return subscriptions.find(function(_ref262){var subscription=_ref262.subscription;return subscription.id===subscriptionId;});};};var getSubscriptionsCount=function getSubscriptionsCount(machineState){var subscriptionsCatalogIds=Object.keys(machineState.context.items);var totalCount=subscriptionsCatalogIds.reduce(function(acc,catalogId){var subscriptionsInCatalog=machineState.context.items[Number(catalogId)];return acc+subscriptionsInCatalog.length;},0);return totalCount;};var getSubscriptionsWithVisibleDetails=function getSubscriptionsWithVisibleDetails(machineState){return machineState.context.itemsWithVisibleDetails;};var getSubscriptionsFetchStatus=function getSubscriptionsFetchStatus(machineState){return{isLoading:machineState.matches('loading'),error:machineState.matches('error'),ready:machineState.matches('ready')};};var getCatalogById=function getCatalogById(catalogId){return function(machineState){return machineState.context.catalogs[catalogId];};};var subscriptionsSelectors={getSubscriptionsByCategoryId:getSubscriptionsByCategoryId,getSubscriptionsFetchStatus:getSubscriptionsFetchStatus,getSubscriptionsCount:getSubscriptionsCount,getSubscriptionById:getSubscriptionById,getCatalogById:getCatalogById,getSubscriptionsWithVisibleDetails:getSubscriptionsWithVisibleDetails};var initialContext$c={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,couponService:null,currency:null}};var modals=(0,_xstate.createMachine)({id:'modals',predictableActionArguments:true,initial:'idle',context:initialContext$c,on:{CLOSE_MODAL:{target:'idle',actions:[(0,_xstate.assign)(function(){return _objectSpread({},initialContext$c);})]}},states:{idle:{on:{SHOW_CREATE_PAYMENT_PROFILE:{target:'createPaymentProfile',actions:[(0,_xstate.assign)(function(_ctx,_ref263){var catalogId=_ref263.catalogId,subscriptionId=_ref263.subscriptionId,paymentMethod=_ref263.paymentMethod,activePaymentProfileId=_ref263.activePaymentProfileId;return{createPaymentProfile:{catalogId:catalogId,subscriptionId:subscriptionId,paymentMethod:paymentMethod,activePaymentProfileId:activePaymentProfileId}};})]},SHOW_ADDONS_CONFIGURATION:{target:'addonsConfiguration',actions:[(0,_xstate.assign)(function(ctx,_ref264){var catalogId=_ref264.catalogId,subscriptionId=_ref264.subscriptionId;return{componentsAllocation:_objectSpread(_objectSpread({},ctx.componentsAllocation),{},{catalogId:catalogId,subscriptionId:subscriptionId})};})]},SHOW_RESUME_SUBSCRIPTION:{target:'resumeSubscription',actions:[(0,_xstate.assign)(function(_ctx,_ref265){var subscriptionId=_ref265.subscriptionId,catalogId=_ref265.catalogId;return{resumeSubscription:{subscriptionId:subscriptionId,catalogId:catalogId}};})]},SHOW_PAUSE_SUBSCRIPTION:{target:'pauseSubscription',actions:[(0,_xstate.assign)(function(_ctx,_ref266){var catalogId=_ref266.catalogId,subscriptionId=_ref266.subscriptionId;return{pauseSubscription:{catalogId:catalogId,subscriptionId:subscriptionId}};})]},SHOW_CANCEL_SUBSCRIPTION:{target:'cancelSubscription',actions:[(0,_xstate.assign)(function(_ctx,_ref267){var catalogId=_ref267.catalogId,subscriptionId=_ref267.subscriptionId;return{cancelSubscription:{catalogId:catalogId,subscriptionId:subscriptionId}};})]},SHOW_DELETE_PAYMENT_PROFILE:{target:'deletePaymentProfile',actions:[(0,_xstate.assign)(function(_ctx,_ref268){var catalogId=_ref268.catalogId,subscriptionId=_ref268.subscriptionId,paymentProfileId=_ref268.paymentProfileId;return{deletePaymentProfile:{catalogId:catalogId,subscriptionId:subscriptionId,paymentProfileId:paymentProfileId}};})]},SHOW_CHANGE_PAYMENT_PROFILE:{target:'changePaymentProfile',actions:[(0,_xstate.assign)(function(_ctx,_ref269){var catalogId=_ref269.catalogId,subscriptionId=_ref269.subscriptionId,paymentProfileId=_ref269.paymentProfileId;return{changePaymentProfile:{catalogId:catalogId,subscriptionId:subscriptionId,paymentProfileId:paymentProfileId}};})]},SHOW_PREVIEW_PAYMENT_PROFILE:{target:'previewPaymentProfile',actions:[(0,_xstate.assign)(function(_ctx,_ref270){var catalogId=_ref270.catalogId,subscriptionId=_ref270.subscriptionId,paymentProfileId=_ref270.paymentProfileId;return{previewPaymentProfile:{catalogId:catalogId,subscriptionId:subscriptionId,paymentProfileId:paymentProfileId}};})]},SHOW_UNDO_CANCELATION:{target:'undoCancelation',actions:[(0,_xstate.assign)(function(_ctx,_ref271){var catalogId=_ref271.catalogId,subscriptionId=_ref271.subscriptionId;return{undoCancelation:{catalogId:catalogId,subscriptionId:subscriptionId}};})]},SHOW_REACTIVATE_SUBSCRIPTION:{target:'reactivateSubscription',actions:[(0,_xstate.assign)(function(_ctx,_ref272){var catalogId=_ref272.catalogId,subscriptionId=_ref272.subscriptionId;return{reactivateSubscription:{catalogId:catalogId,subscriptionId:subscriptionId}};})]},SHOW_SUBSCRIPTION_PLAN_CHANGE:{target:'changeSubscriptionPlan',actions:[(0,_xstate.assign)(function(_ctx,_ref273){var catalogId=_ref273.catalogId,subscriptionId=_ref273.subscriptionId;return{changeSubscriptionPlan:{catalogId:catalogId,subscriptionId:subscriptionId}};})]},SHOW_THREE_D_SECURE:{target:'threeDSecure',actions:[(0,_xstate.assign)(function(_ctx,_ref274){var subscriptionId=_ref274.subscriptionId,threeDsActionLink=_ref274.threeDsActionLink,catalogId=_ref274.catalogId,onSuccess=_ref274.onSuccess;return{threeDSecure:{subscriptionId:subscriptionId,threeDsActionLink:threeDsActionLink,catalogId:catalogId,onSuccess:onSuccess}};})]},SHOW_ADD_COUPON:{target:'addCoupon',actions:[(0,_xstate.assign)(function(_ctx,_ref275){var subscriptionId=_ref275.subscriptionId,catalogId=_ref275.catalogId,couponService=_ref275.couponService,currency=_ref275.currency;return{addCoupon:{subscriptionId:subscriptionId,catalogId:catalogId,couponService:couponService,currency:currency}};})]}}},addCoupon:{},createPaymentProfile:{},previewPaymentProfile:{},changePaymentProfile:{},deletePaymentProfile:{},reactivateSubscription:{},paymentProfile:{},addonsConfiguration:{},pauseSubscription:{},resumeSubscription:{},cancelSubscription:{},undoCancelation:{},changeSubscriptionPlan:{},threeDSecure:{}}});var getCreatePaymentProfile=function getCreatePaymentProfile(machineState){return{isOpen:machineState.matches('createPaymentProfile'),meta:machineState.context.createPaymentProfile};};var getAddonsConfiguration=function getAddonsConfiguration(machineState){return{isOpen:machineState.matches('addonsConfiguration'),meta:machineState.context.componentsAllocation};};var getResumeSubscription=function getResumeSubscription(machineState){return{isOpen:machineState.matches('resumeSubscription'),meta:machineState.context.resumeSubscription};};var getPauseSubscription=function getPauseSubscription(machineState){return{isOpen:machineState.matches('pauseSubscription'),meta:machineState.context.pauseSubscription};};var getCancelSubscription=function getCancelSubscription(machineState){return{isOpen:machineState.matches('cancelSubscription'),meta:machineState.context.cancelSubscription};};var getDeletePaymentMethod=function getDeletePaymentMethod(machineState){return{isOpen:machineState.matches('deletePaymentProfile'),meta:machineState.context.deletePaymentProfile};};var getChangePaymentMethod=function getChangePaymentMethod(machineState){return{isOpen:machineState.matches('changePaymentProfile'),meta:machineState.context.changePaymentProfile};};var getPreviewPaymentMethod=function getPreviewPaymentMethod(machineState){return{isOpen:machineState.matches('previewPaymentProfile'),meta:machineState.context.previewPaymentProfile};};var getUndoCancelation=function getUndoCancelation(machineState){return{isOpen:machineState.matches('undoCancelation'),meta:machineState.context.undoCancelation};};var getReactivateSubscription=function getReactivateSubscription(machineState){return{isOpen:machineState.matches('reactivateSubscription'),meta:machineState.context.reactivateSubscription};};var getChangeSubscriptionPlan=function getChangeSubscriptionPlan(machineState){return{isOpen:machineState.matches('changeSubscriptionPlan'),meta:machineState.context.changeSubscriptionPlan};};var getThreeDsConfirmation=function getThreeDsConfirmation(machineState){return{isOpen:machineState.matches('threeDSecure'),meta:machineState.context.threeDSecure};};var getAddCoupon=function getAddCoupon(machineState){return{isOpen:machineState.matches('addCoupon'),meta:machineState.context.addCoupon};};var modalsSelectors={getAddCoupon:getAddCoupon,getCreatePaymentProfile:getCreatePaymentProfile,getAddonsConfiguration:getAddonsConfiguration,getResumeSubscription:getResumeSubscription,getPauseSubscription:getPauseSubscription,getCancelSubscription:getCancelSubscription,getUndoCancelation:getUndoCancelation,getDeletePaymentMethod:getDeletePaymentMethod,getChangePaymentMethod:getChangePaymentMethod,getPreviewPaymentMethod:getPreviewPaymentMethod,getReactivateSubscription:getReactivateSubscription,getChangeSubscriptionPlan:getChangeSubscriptionPlan,getThreeDsConfirmation:getThreeDsConfirmation};var resetFieldError=(0,_xstate.assign)({billingAddress:function billingAddress(context,event){var form=event.form,field=event.field;if(form==='billingAddress'){var _context$billingAddre=context.billingAddress.errors,_error=_context$billingAddre[field],restErrors=_objectWithoutProperties(_context$billingAddre,[field].map(_toPropertyKey));return _objectSpread(_objectSpread({},context.billingAddress),{},{errors:restErrors});}return context.billingAddress;},paymentMethod:function paymentMethod(context,event){var form=event.form,field=event.field;if(form==='paymentMethod'){var _context$paymentMetho=context.paymentMethod.errors,_error=_context$paymentMetho[field],restErrors=_objectWithoutProperties(_context$paymentMetho,[field].map(_toPropertyKey));return _objectSpread(_objectSpread({},context.paymentMethod),{},{errors:restErrors});}return context.paymentMethod;}});var setPaymentProfileIdForReplacement=(0,_xstate.assign)({paymentProfiles:function paymentProfiles(ctx,event){var _ctx$paymentProfiles$;var paymentProfileId=event.paymentProfileId;if((_ctx$paymentProfiles$=ctx.paymentProfiles.idsForReplacement)!==null&&_ctx$paymentProfiles$!==void 0&&_ctx$paymentProfiles$.includes(paymentProfileId)){return _objectSpread(_objectSpread({},ctx.paymentProfiles),{},{idsForReplacement:ctx.paymentProfiles.idsForReplacement.filter(function(id){return id!==paymentProfileId;})});}return _objectSpread(_objectSpread({},ctx.paymentProfiles),{},{idsForReplacement:[].concat(_toConsumableArray(ctx.paymentProfiles.idsForReplacement),[paymentProfileId])});}});var assignCreatedProfile=(0,_xstate.assign)({createdProfile:function createdProfile(ctx,event){return event.data;}});var serializePaymentProfilesSubscriptions=(0,_xstate.assign)(function(ctx,event){return _objectSpread(_objectSpread({},ctx),{},{paymentProfiles:{idsForReplacement:event.data.subscriptions.failed.map(function(i){return i.id;}),subscriptions:{failed:event.data.subscriptions.failed,success:event.data.subscriptions.success}}});});var initialContext$b={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}}};var createPaymentProfile=(0,_xstate.createMachine)({context:initialContext$b,initial:'idle',predictableActionArguments:true,on:{UPDATE_FIELD:{actions:[(0,_xstate.assign)(function(ctx,event){return _defineProperty({},event.form,_objectSpread(_objectSpread({},ctx[event.form]),{},{values:_objectSpread(_objectSpread({},ctx[event.form].values),{},_defineProperty({},event.field,event.value))}));})]},RESET_FIELD_ERROR:{actions:['resetFieldError']},SET_FIELD_ERROR:{actions:[(0,_xstate.assign)(function(ctx,event){var error=event.error,field=event.field,form=event.form;return _defineProperty({},form,_objectSpread(_objectSpread({},ctx[form]),{},{errors:_objectSpread(_objectSpread({},ctx[form].errors),{},_defineProperty({},field,error))}));})]}},states:{idle:{on:{SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT:{actions:'setPaymentProfileIdForReplacement'},SAVE_PAYMENT_METHOD:{target:'validatePaymentMethod'}}},validatePaymentMethod:{entry:[(0,_xstate.assign)(function(ctx){return{tokenizationError:null,billingAddress:_objectSpread(_objectSpread({},ctx.billingAddress),{},{errors:{}})};})],invoke:{id:'validatePaymentMethod',src:'validatePaymentMethod',onDone:{target:'tokenizePaymentMethod'},onError:{target:'validationError',actions:[(0,_xstate.assign)(function(ctx,event){return{billingAddress:_objectSpread(_objectSpread({},ctx.billingAddress),{},{errors:event.data.errors.billingAddress}),paymentMethod:_objectSpread(_objectSpread({},ctx.paymentMethod),{},{errors:event.data.errors.paymentMethod})};})]}}},tokenizePaymentMethod:{invoke:{id:'tokenizePaymentMethod',src:'tokenizePaymentMethod',onDone:{target:'createPaymentProfile',actions:[(0,_xstate.assign)(function(_ctx,event){return{token:event.data};})]},onError:{target:'tokenizationError',actions:[(0,_xstate.assign)(function(_ctx,event){return{tokenizationError:event.data};})]}}},createPaymentProfile:{invoke:{id:'createProfile',src:'createPaymentProfile',onDone:[{cond:'hasPaymentProfilesIdsForReplacement',target:'replacePaymentProfiles',actions:'assignCreatedProfile'},{target:'success',actions:['assignCreatedProfile','onCreateProfileSuccess']}],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:serializePaymentProfilesSubscriptions,setPaymentProfileIdForReplacement:setPaymentProfileIdForReplacement,resetFieldError:resetFieldError,assignCreatedProfile:assignCreatedProfile},guards:{hasPaymentProfilesIdsForReplacement:function hasPaymentProfilesIdsForReplacement(ctx){return ctx.paymentProfiles.idsForReplacement.length>0;}}});var getPaymentProfile=function getPaymentProfile(machineState){var _machineState$context2=machineState.context,paymentMethod=_machineState$context2.paymentMethod,billingAddress=_machineState$context2.billingAddress,validationSchema=_machineState$context2.validationSchema,tokenizationError=_machineState$context2.tokenizationError;return{paymentMethod:_objectSpread(_objectSpread({},paymentMethod),{},{hostedFieldsErrors:(tokenizationError===null||tokenizationError===void 0?void 0:tokenizationError.invalidFields)||[]}),billingAddress:billingAddress,validationSchema:validationSchema};};var getPaymentProfileProcessing=function getPaymentProfileProcessing(machineState){return['validatePaymentMethod','tokenizePaymentMethod','createPaymentProfile','connectProfileWithSubscription','replacePaymentProfiles'].some(function(state){return machineState.matches(state);});};var getProfileConnectionError=function getProfileConnectionError(machineState){return machineState.matches('connectProfileError');};var getRequiredFields=function getRequiredFields(machineState){return machineState.context.requiredFields;};var getPaymentProfileErrors=function getPaymentProfileErrors(machineState){return{tokenization:machineState.context.tokenizationError};};var getPaymentProfilesReplacementError=function getPaymentProfilesReplacementError(machineState){return machineState.matches('replacePaymentProfilesError');};var getPaymentProfilesIdsForReplacement=function getPaymentProfilesIdsForReplacement(machineState){return machineState.context.paymentProfiles.idsForReplacement;};var getPaymentProfilesSubscriptions=function getPaymentProfilesSubscriptions(machineState){return machineState.context.paymentProfiles.subscriptions;};var getPaymentProfilesReplacementProcessing=function getPaymentProfilesReplacementProcessing(machineState){return machineState.matches('replacePaymentProfiles');};var paymentProfileSelectors={getProfileConnectionError:getProfileConnectionError,getRequiredFields:getRequiredFields,getPaymentProfileErrors:getPaymentProfileErrors,getPaymentProfileProcessing:getPaymentProfileProcessing,getPaymentProfile:getPaymentProfile,getPaymentProfilesIdsForReplacement:getPaymentProfilesIdsForReplacement,getPaymentProfilesSubscriptions:getPaymentProfilesSubscriptions,getPaymentProfilesReplacementError:getPaymentProfilesReplacementError,getPaymentProfilesReplacementProcessing:getPaymentProfilesReplacementProcessing};var Container$5=_styledComponents.default.div.withConfig({displayName:"maxio__Container5",componentId:"maxio-components__sc-lo74t2-159"})(["&&&{width:100%;display:flex;flex-direction:column;",";}"],_styledSystem.grid);var HostedField=function HostedField(_ref278){var label=_ref278.label,required=_ref278.required,tooltip=_ref278.tooltip,children=_ref278.children;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);};var 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);var InputSocket=function InputSocket(_ref279){var id=_ref279.id,children=_ref279.children,hasError=_ref279.hasError;return/*#__PURE__*/_react.default.createElement(Container$4,{id:id,borderRadius:1,backgroundColor:"white.main",borderColor:hasError?'danger.main':'white.main',"data-testid":id},children);};var CreditCardPCIFields;(function(CreditCardPCIFields){CreditCardPCIFields["Number"]="number";CreditCardPCIFields["SecurityCode"]="cvv";CreditCardPCIFields["ExpirationMonth"]="month";CreditCardPCIFields["ExpirationYear"]="year";})(CreditCardPCIFields||(CreditCardPCIFields={}));var CardNumber=function CardNumber(_ref280){var _ref280$htmlElementId=_ref280.htmlElementId,htmlElementId=_ref280$htmlElementId===void 0?CreditCardPCIFields.Number:_ref280$htmlElementId,label=_ref280.label,required=_ref280.required,hasError=_ref280.hasError;return/*#__PURE__*/_react.default.createElement(HostedField,{label:label,hasError:hasError,required:required},/*#__PURE__*/_react.default.createElement(InputSocket,{hasError:hasError,id:htmlElementId}));};var SecurityCode=function SecurityCode(_ref281){var label=_ref281.label,required=_ref281.required,_ref281$htmlElementId=_ref281.htmlElementId,htmlElementId=_ref281$htmlElementId===void 0?CreditCardPCIFields.SecurityCode:_ref281$htmlElementId,hasError=_ref281.hasError,tooltip=_ref281.tooltip;return/*#__PURE__*/_react.default.createElement(HostedField,{label:label,hasError:hasError,required:required,tooltip:tooltip},/*#__PURE__*/_react.default.createElement(InputSocket,{id:htmlElementId,hasError:hasError}));};var Container$3=_styledComponents.default.div.withConfig({displayName:"maxio__Container3",componentId:"maxio-components__sc-lo74t2-161"})(["&&&{width:100%;}"]);var Socket=_styledComponents.default.div.withConfig({displayName:"maxio__Socket",componentId:"maxio-components__sc-lo74t2-162"})(["&&&{",";height:100%;}"],_styledSystem.width);var MONTH_FIELD_WIDTH='35px';var YEAR_FIELD_WITH='60px';var CardExpiration=function CardExpiration(_ref282){var label=_ref282.label,hasError=_ref282.hasError,required=_ref282.required,_ref282$monthHtmlElem=_ref282.monthHtmlElementId,monthHtmlElementId=_ref282$monthHtmlElem===void 0?CreditCardPCIFields.ExpirationMonth:_ref282$monthHtmlElem,_ref282$yearHtmlEleme=_ref282.yearHtmlElementId,yearHtmlElementId=_ref282$yearHtmlEleme===void 0?CreditCardPCIFields.ExpirationYear:_ref282$yearHtmlEleme;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}))));};var ThreeDigit=function ThreeDigit(){return/*#__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"}));};var FourDigit=function FourDigit(){return/*#__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"}));};var Row$1=_styledComponents.default.div.withConfig({displayName:"maxio__Row1",componentId:"maxio-components__sc-lo74t2-163"})(["&&&{display:flex;",";",";}"],_styledSystem.flexDirection,_styledSystem.grid);var Separator$2=_styledComponents.default.div.withConfig({displayName:"maxio__Separator2",componentId:"maxio-components__sc-lo74t2-164"})(["&&&{width:1px;flex-shrink:0;",";",";}"],_styledSystem.margin,function(_ref283){var theme=_ref283.theme;return(0,_styledComponents.css)(["background-color:",";"],theme.colors.gray.extraLight);});var TooltipContent=function TooltipContent(_ref284){var labels=_ref284.labels;var threeDigitTooltip=labels.threeDigitTooltip,fourDigitTooltip=labels.fourDigitTooltip;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)));};var 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,function(props){return props.size==='regular'&&(0,_styledComponents.css)(["padding:14px 16px 12px 16px;width:320px;height:180px;"]);},function(props){return props.size==='small'&&(0,_styledComponents.css)(["padding:10px 12px 8px 12px;width:260px;height:170px;"]);});var Row=_styledComponents.default.div.withConfig({displayName:"maxio__Row",componentId:"maxio-components__sc-lo74t2-166"})(["&&&{display:grid;",";}"],_styledSystem.grid);var Column=_styledComponents.default.div.withConfig({displayName:"maxio__Column",componentId:"maxio-components__sc-lo74t2-167"})(["&&&{min-width:0;",";",";}"],function(_ref285){var placeSelf=_ref285.placeSelf;return placeSelf?(0,_styledComponents.css)(["place-self:",";"],placeSelf):null;},_styledSystem.grid);var CreditCard=function CreditCard(_ref286){var _ref286$requiredField=_ref286.requiredFields,requiredFields=_ref286$requiredField===void 0?[]:_ref286$requiredField,_ref286$errors=_ref286.errors,errors=_ref286$errors===void 0?[]:_ref286$errors,labels=_ref286.labels,_ref286$size=_ref286.size,size=_ref286$size===void 0?'regular':_ref286$size,type=_ref286.type;var cardNumber=labels.cardNumber,securityCode=labels.securityCode,expirationDate=labels.expirationDate,threeDigitTooltip=labels.threeDigitTooltip,fourDigitTooltip=labels.fourDigitTooltip;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:function renderContent(){return/*#__PURE__*/_react.default.createElement(TooltipContent,{labels:{threeDigitTooltip:threeDigitTooltip,fourDigitTooltip: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}));};var PaymentProfileSkeleton=function PaymentProfileSkeleton(){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:"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"}))));};var PaymentsContext=/*#__PURE__*/(0,_react.createContext)({paymentsSDK:null});var usePaymentsForm=function usePaymentsForm(){var _useContext20=(0,_react.useContext)(PaymentsContext),paymentsSDK=_useContext20.paymentsSDK;return paymentsSDK;};var usePaymentProfileTranslations=function usePaymentProfileTranslations(){var _useTranslation20=(0,_reactI18next.useTranslation)(['payment-profile']),t=_useTranslation20.t;var translate=function translate(key){return t(key,{ns:'payment-profile'});};var 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')}};var 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:addressTranslations,creditCardTranslations:creditCardTranslations};};var createFieldsConfig=function createFieldsConfig(requiredFields,translations,fieldsStyles){var _config;var config=(_config={},_defineProperty(_config,CreditCardPCIFields.Number,{selector:'#number',required:requiredFields.includes(CreditCardPCIFields.Number),placeholder:translations.creditCardNumber.placeholder,next_focus:'month'}),_defineProperty(_config,CreditCardPCIFields.SecurityCode,{selector:'#cvv',required:requiredFields.includes(CreditCardPCIFields.Number),placeholder:translations.securityCode.placeholder}),_defineProperty(_config,CreditCardPCIFields.ExpirationYear,{selector:'#year',required:requiredFields.includes(CreditCardPCIFields.Number),style:fieldsStyles[CreditCardPCIFields.ExpirationYear],next_focus:'cvv'}),_defineProperty(_config,CreditCardPCIFields.ExpirationMonth,{selector:'#month',required:requiredFields.includes(CreditCardPCIFields.Number),style:fieldsStyles[CreditCardPCIFields.ExpirationMonth],next_focus:'year'}),_config);return config;};var INPUT_HEIGHT='28px';var createFieldsStyles=function createFieldsStyles(theme){var _fieldsStyles;var fonts=theme.fonts;var inputStyles={background:'none','box-shadow':'none',height:INPUT_HEIGHT,'font-family':fonts.secondary,'line-height':1,padding:'0 8px',border:'none','border-radius':0};var commonStyles={field:{margin:0,padding:0,background:'none'},message:{display:'none'},label:{display:'none'}};var fieldsStyles=(_fieldsStyles={},_defineProperty(_fieldsStyles,CreditCardPCIFields.ExpirationMonth,_objectSpread({input:_objectSpread(_objectSpread({},inputStyles),{},{padding:'0 4px 0 8px'})},commonStyles)),_defineProperty(_fieldsStyles,CreditCardPCIFields.ExpirationYear,_objectSpread({input:_objectSpread(_objectSpread({},inputStyles),{},{padding:'0 8px 0 4px'})},commonStyles)),_fieldsStyles);var globalStyles=_objectSpread({input:inputStyles},commonStyles);return{fieldsStyles:fieldsStyles,globalStyles:globalStyles};};var createCreditCardValidationSchema=function createCreditCardValidationSchema(){var requiredFields=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var schema={firstName:yup.string(),lastName:yup.string()};requiredFields.forEach(function(fieldName){if(schema[fieldName]){schema[fieldName]=schema[fieldName].required('required');}});var schemaValidator=yup.object(schema);return schemaValidator;};var mapDetectedCreditCardType=function 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;};var 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'}};var CreditCardForm=function CreditCardForm(_ref287){var values=_ref287.values,onValidateField=_ref287.onValidateField,_onChange8=_ref287.onChange,useThreeDSecure=_ref287.useThreeDSecure,errors=_ref287.errors,config=_ref287.config,creditCardSize=_ref287.creditCardSize,isOnMobileDevice=_ref287.isOnMobileDevice,_ref287$requiredField=_ref287.requiredFields,requiredFields=_ref287$requiredField===void 0?[]:_ref287$requiredField,_ref287$hostedFieldsE=_ref287.hostedFieldsErrors,hostedFieldsErrors=_ref287$hostedFieldsE===void 0?[]:_ref287$hostedFieldsE,_ref287$translations=_ref287.translations,translations=_ref287$translations===void 0?defaultTranslations:_ref287$translations;var paymentsForm=usePaymentsForm();var theme=(0,_styledComponents.useTheme)();var firstName=values.firstName,lastName=values.lastName;var handleErrorMessage=function handleErrorMessage(error){if(error==='required')return translations.error.required;return translations.error.invalid;};var _useState45=(0,_react.useState)(),_useState46=_slicedToArray(_useState45,2),type=_useState46[0],setType=_useState46[1];(0,_react.useEffect)(function(){var securityToken=config.securityToken,publicKey=config.publicKey,serverHost=config.serverHost;var _createFieldsStyles=createFieldsStyles(theme),globalStyles=_createFieldsStyles.globalStyles,fieldsStyles=_createFieldsStyles.fieldsStyles;paymentsForm.load({type:'card',publicKey:publicKey,serverHost:serverHost,securityToken:securityToken,threeDSecure:useThreeDSecure,hideCardImage:true,fields:createFieldsConfig(requiredFields,translations,fieldsStyles),style:globalStyles},{onCardTypeDetected:function onCardTypeDetected(cardType){return setType(mapDetectedCreditCardType(cardType));}});return function(){return paymentsForm.unload();};},[]);var creditCardNumber=translations.creditCardNumber,expirationDate=translations.expirationDate,securityCode=translations.securityCode,tooltip=translations.tooltip;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",fullWidth:true,value:firstName,placeholder:translations.firstName.placeholder,hasError:!!errors.firstName,onBlur:function onBlur(){return onValidateField('firstName',firstName);},onChange:function onChange(e){return _onChange8('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",fullWidth:true,value:lastName,placeholder:translations.lastName.placeholder,hasError:!!errors.lastName,onBlur:function onBlur(){return onValidateField('lastName',lastName);},onChange:function onChange(e){return _onChange8('lastName',e.currentTarget.value);}})),/*#__PURE__*/_react.default.createElement("input",{type:"hidden","data-testid":"lastNameMeta","data-chargify":"lastName",value:lastName}))));};var FORM_ELEMENT_ID$1='payment-profile-form';var US_FORMAT_ADDRESS_FORM=['US'];var PaymentProfile$1=function PaymentProfile$1(_ref288){var _ref288$paymentMethod=_ref288.paymentMethodType,paymentMethodType=_ref288$paymentMethod===void 0?'creditCard':_ref288$paymentMethod,_ref288$requiredField=_ref288.requiredFields,requiredFields=_ref288$requiredField===void 0?[]:_ref288$requiredField,_ref288$useThreeDSecu=_ref288.useThreeDSecure,useThreeDSecure=_ref288$useThreeDSecu===void 0?false:_ref288$useThreeDSecu,_ref288$formElementId=_ref288.formElementId,formElementId=_ref288$formElementId===void 0?FORM_ELEMENT_ID$1:_ref288$formElementId,onUpdateField=_ref288.onUpdateField,_onValidateField=_ref288.onValidateField,billingAddress=_ref288.billingAddress,paymentMethod=_ref288.paymentMethod,config=_ref288.config;var _useDeviceInfo5=useDeviceInfo(),device=_useDeviceInfo5.device;var _useTranslation21=(0,_reactI18next.useTranslation)(['payment-profile']),t=_useTranslation21.t;var _usePaymentProfileTra=usePaymentProfileTranslations(),creditCardTranslations=_usePaymentProfileTra.creditCardTranslations;var _billingAddress$value=billingAddress.values,address=_billingAddress$value.address,address2=_billingAddress$value.address2,city=_billingAddress$value.city,state=_billingAddress$value.state,country=_billingAddress$value.country,zip=_billingAddress$value.zip;var hostedFieldsErrors=paymentMethod.hostedFieldsErrors;var 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:function onValidateField(fieldName,value){return _onValidateField(fieldName,'paymentMethod',value);},onChange:function onChange(fieldName,value){return 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:function onValidateField(fieldName,value){return _onValidateField(fieldName,'billingAddress',value);},onChange:function onChange(fieldName,value){return onUpdateField(fieldName,'billingAddress',value);}})))),/*#__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;var waitForGlobalVariable=function waitForGlobalVariable(name,callback){if(typeof window!=='undefined'){var interval=setInterval(function(){if(name in window){var ref=window[name];callback(null,ref);clearInterval(interval);}},100);}else{callback(true);}};var CDN_URL='https://js.chargify.com/latest/chargify.js';var SDK_VARIABLE='Chargify';var PaymentsContainer=function PaymentsContainer(_ref289){var children=_ref289.children,_ref289$bundleUrl=_ref289.bundleUrl,bundleUrl=_ref289$bundleUrl===void 0?CDN_URL:_ref289$bundleUrl;var _useTranslation22=(0,_reactI18next.useTranslation)(),i18n=_useTranslation22.i18n;var _useState47=(0,_react.useState)(false),_useState48=_slicedToArray(_useState47,2),isLoaded=_useState48[0],setLoaded=_useState48[1];var paymentsSDK=(0,_react.useRef)(null);(0,_react.useEffect)(function(){i18n.loadNamespaces(['payment-profile']);waitForGlobalVariable(SDK_VARIABLE,function(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})));};var serializeValidationSchema=function serializeValidationSchema(requiredFields){return yup.object({paymentMethod:createCreditCardValidationSchema(requiredFields),billingAddress:createAddressValidationSchema(requiredFields)});};var initialContext$a={serverHost:'',publicKey:null,securityToken:null,vaultCurrencies:null,defaultVaults:{creditCard:null},requiredFields:{creditCard:[],bankAccount:[]},threeDSecure:{enabled:false}};var paymentGateway=(0,_xstate.createMachine)({context:initialContext$a,predictableActionArguments:true,initial:'initialization',states:{initialization:{invoke:{id:'fetchConfig',src:'getGatewayConfig',onDone:{target:'ready',actions:(0,_xstate.assign)(function(_ctx,event){return event.data;})},onError:{target:'error'}}},error:{},ready:{}}});var getGatewayConfig=function getGatewayConfig(machineState){var _machineState$context3=machineState.context,publicKey=_machineState$context3.publicKey,securityToken=_machineState$context3.securityToken,serverHost=_machineState$context3.serverHost;return{serverHost:serverHost,securityToken:securityToken,publicKey:publicKey};};var getThreeDSecure=function getThreeDSecure(machineState){var enabled=machineState.context.threeDSecure.enabled;return enabled;};var getRequiredFieldsConfig=function getRequiredFieldsConfig(machineState){return machineState.context.requiredFields;};var getVaultCurrencies=function getVaultCurrencies(machineState){return machineState.context.vaultCurrencies;};var getDefaultVaults=function getDefaultVaults(machineState){return machineState.context.defaultVaults;};var paymentGatewaySelectors={getGatewayConfig:getGatewayConfig,getThreeDSecure:getThreeDSecure,getVaultCurrencies:getVaultCurrencies,getRequiredFieldsConfig:getRequiredFieldsConfig,getDefaultVaults:getDefaultVaults};var setActivePaymentProfile=(0,_xstate.assign)(function(context,event){return{paymentProfiles:context.paymentProfiles.map(function(profile){if(profile.status==="active"){return _objectSpread(_objectSpread({},profile),{},{status:"normal"});}if(profile.id===event.paymentProfileId){return _objectSpread(_objectSpread({},profile),{},{status:"active"});}return profile;})};});var addPaymentProfile=(0,_xstate.assign)(function(context,event){return{paymentProfiles:[].concat(_toConsumableArray(context.paymentProfiles),[_objectSpread(_objectSpread({},event.paymentProfile),{},{status:"normal"})])};});var deletePaymentProfile$1=(0,_xstate.assign)(function(context,event){return{paymentProfiles:context.paymentProfiles.filter(function(profile){return profile.id!==event.paymentProfileId;})};});var getPaymentProfileStatus=function getPaymentProfileStatus(paymentProfile,vaultCurrency,subscriptionCurrency,subscriptionPaymentProfileId){if(!vaultCurrency||!vaultCurrency.includes(subscriptionCurrency)){return"unavailable";}if(paymentProfile.creditCard.expired)return"expired";if(paymentProfile.id===subscriptionPaymentProfileId){return"active";}return"normal";};var serializePaymentProfiles=function serializePaymentProfiles(items,vaultCurrencies,subscriptionCurrency,subscriptionPaymentProfileId){return items.map(function(paymentProfile){return _objectSpread(_objectSpread({},paymentProfile),{},{status:getPaymentProfileStatus(paymentProfile,vaultCurrencies[paymentProfile.vault],subscriptionCurrency,subscriptionPaymentProfileId)});});};var initialContext$9={vaultCurrencies:null,subscriptionCurrency:null,error:null,subscriptionPaymentProfileId:null,paymentProfiles:[]};var paymentProfiles=(0,_xstate.createMachine)({predictableActionArguments:true,context:initialContext$9,initial:'idle',states:{idle:{on:{INITIALIZE:{target:'fetchingProfiles'}}},fetchingProfiles:{invoke:{id:'paymentProfilesFetch',src:'getPaymentProfiles',onDone:{target:'ready',actions:(0,_xstate.assign)(function(ctx,event){return{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:setActivePaymentProfile,addPaymentProfile:addPaymentProfile}});var getPaymentProfiles=function getPaymentProfiles(machineState){return machineState.context.paymentProfiles;};var getPaymentProfilesById=function getPaymentProfilesById(paymentProfileId){return function(machineState){return machineState.context.paymentProfiles.find(function(paymentProfile){return paymentProfile.id===paymentProfileId;});};};var getPaymentProfilesState=function getPaymentProfilesState(machineState){return{isLoading:machineState.matches('fetchingProfiles'),isError:machineState.matches('error')};};var paymentProfilesSelectors={getPaymentProfilesState:getPaymentProfilesState,getPaymentProfilesById:getPaymentProfilesById,getPaymentProfiles:getPaymentProfiles};var getPriceRange=function getPriceRange(pricePointType,prices,currency){if(!pricePointType||pricePointType==='per_unit'){return{value:prices[0].priceInCents,currency:currency};}var pricesInCents=prices.map(function(price){return price.priceInCents;});var min=Math.min.apply(Math,_toConsumableArray(pricesInCents));var max=Math.max.apply(Math,_toConsumableArray(pricesInCents));return{value:[min,max],currency:currency};};var serializeComponents=function serializeComponents(components){return components.filter(function(component){return!['metered','prepaid'].includes(component.type)&&component.updatesAllowed;}).map(function(component){var id=component.id,name=component.name,type=component.type,allocatedQuantity=component.allocatedQuantity,description=component.description,currency=component.currency,pricePoint=component.pricePoint,unit=component.unit,recurring=component.recurring,allowFractionalQuantities=component.allowFractionalQuantities,updatesAllowed=component.updatesAllowed;var serializedComponent={id:id,name:name,type:type,description:description,recurring:recurring,unitName:unit.name,allocatedQuantity:allocatedQuantity,allowFractionalQuantities:allowFractionalQuantities,memo:'',updatesAllowed:updatesAllowed,price:getPriceRange(pricePoint.type,pricePoint.prices,currency)};return serializedComponent;});};var updateAllocationsList=(0,_xstate.assign)({allocations:function allocations(context,event){var allocation=event.allocation,id=event.allocation.id;var index=context.allocations.findIndex(function(a){return a.id===id;});if(index>-1){return context.allocations.map(function(a){return a.id===id?allocation:a;});}return[].concat(_toConsumableArray(context.allocations),[allocation]);}});var setError=(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});});var initialContext$8={subscriptionId:null,components:[],allocations:[],allocationsPreview:null,error:null};var addOnsConfiguration=(0,_xstate.createMachine)({id:'addOnsConfiguration',predictableActionArguments:true,context:initialContext$8,initial:'configureAllocationsStep',states:{configureAllocationsStep:{id:'configureAllocationsStep',initial:'idle',states:{idle:{on:{INITIALIZE:{target:'initialize',actions:(0,_xstate.assign)(function(ctx,event){return _objectSpread(_objectSpread({},ctx),{},{subscriptionId:event.subscriptionId});})}}},initialize:{invoke:{src:'getComponents',onDone:{target:'ready',actions:(0,_xstate.assign)(function(ctx,event){var serializedComponents=serializeComponents(event.data.items);return _objectSpread(_objectSpread({},ctx),{},{components:serializedComponents});})},onError:{actions:'setError',target:'initializationError'}}},ready:{on:{PREVIEW_ALLOCATIONS:{target:'previewAllocations',actions:(0,_xstate.assign)(function(ctx,event){return _objectSpread(_objectSpread({},ctx),{},{allocations:event.allocations,error:null});})},UPDATE_ALLOCATIONS_LIST:{actions:'updateAllocationsList'}}},initializationError:{},previewAllocations:{invoke:{src:'previewComponentAllocations',onDone:{target:'#previewAllocationsStep',actions:(0,_xstate.assign)(function(ctx,event){return _objectSpread(_objectSpread({},ctx),{},{allocationsPreview:_objectSpread({},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:updateAllocationsList,setError:setError}});var getAddonsState=function getAddonsState(machineState){return{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')};};var getAddonsComponents=function getAddonsComponents(machineState){return{components:machineState.context.components};};var getAllocationsPreview=function getAllocationsPreview(machineState){return{allocationsPreview:machineState.context.allocationsPreview};};var getAllocations=function getAllocations(machineState){return machineState.context.allocations;};var getAllocationError=function getAllocationError(machineState){return{error:machineState.context.error};};var addConfigurationSelectors={getAddonsState:getAddonsState,getAddonsComponents:getAddonsComponents,getAllocationsPreview:getAllocationsPreview,getAllocations:getAllocations,getAllocationError:getAllocationError};var initialContext$7={products:null,selectedPlan:null,changePlanPreview:null,threeDsActionLink:null,error:null};var changePlan=(0,_xstate.createMachine)({id:'changePlan',predictableActionArguments:true,initial:'configurePlanStep',context:_objectSpread({},initialContext$7),states:{configurePlanStep:{id:'configurePlanStep',initial:'idle',states:{idle:{on:{GET_PRODUCTS:'getProducts'}},getProducts:{invoke:{src:'getProducts',onDone:{actions:function actions(ctx,event){return ctx.products=event.data.items;},target:'ready'},onError:{target:'error'}}},ready:{on:{SELECT_PLAN:{actions:(0,_xstate.assign)(function(context,event){return{selectedPlan:event.planId};})},GET_PREVIEW_PRODUCT_MIGRATION:'getPreviewProductMigration'}},getPreviewProductMigration:{invoke:{src:'previewProductMigration',onDone:{actions:function actions(ctx,event){return 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)(function(context,event){return{threeDsActionLink:event.data.threeDsActionLink,error:event.data.errorCode};}),'onThreeDsConfirmation'],cond:function cond(c,e){return e.data.threeDsActionLink&&e.data.errorCode==='3DSecureAuthentication';}},{target:'error',actions:(0,_xstate.assign)(function(context,event){return{error:event.data.errorCode};}),cond:function cond(c,e){return e.data.errorCode==='CardDeclined';}},{target:'error',actions:(0,_xstate.assign)(function(){return{error:'Generic'};})}]}},success:{type:'final'},error:{type:'final'},threeDsConfirmation:{type:'final'}}}}});var getChangePlanStatus=function getChangePlanStatus(machineState){return{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')};};var getError$2=function getError$2(machineState){return machineState.context.error;};var getProducts=function getProducts(machineState){return machineState.context.products;};var getSelectedPlan=function getSelectedPlan(machineState){return machineState.context.selectedPlan;};var getChangePlanPreview=function getChangePlanPreview(machineState){return machineState.context.changePlanPreview;};var changePlanSelectors={getError:getError$2,getChangePlanPreview:getChangePlanPreview,getProducts:getProducts,getSelectedPlan:getSelectedPlan,getChangePlanStatus:getChangePlanStatus};var 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'}}});var getUniqueCoupons=function getUniqueCoupons(coupons){return _toConsumableArray(new Map(coupons.map(function(item){return[item.code,item];})).values());};var initialContext$6={coupons:null,error:null,addedCoupon:null};var coupons=(0,_xstate.createMachine)({predictableActionArguments:true,id:'coupons',initial:'idle',context:initialContext$6,states:{idle:{on:{GET_COUPONS:'loading'}},loading:{invoke:{src:'getCoupons',onDone:{target:'ready',actions:(0,_xstate.assign)({coupons:function coupons(_,event){return event.data.coupons;}})},onError:{target:'error',actions:'setError'}}},ready:{on:{ADD_COUPON:'addingCoupon'}},addingCoupon:{invoke:{src:'addCoupon',onDone:{target:'couponAdded',actions:(0,_xstate.assign)({coupons:function coupons(ctx,event){return getUniqueCoupons([].concat(_toConsumableArray(ctx.coupons),[event.data]));},addedCoupon:function addedCoupon(_,event){return event.data;}})},onError:{actions:(0,_xstate.assign)({error:function error(_,event){return event.data.errorCode;}}),target:'error'}}},couponAdded:{on:{ADD_ANOTHER_COUPON:{target:'ready',actions:(0,_xstate.assign)({addedCoupon:function addedCoupon(){return null;}})}}},error:{on:{ADD_COUPON:{target:'addingCoupon',actions:(0,_xstate.assign)({error:function error(){return null;}})}}}}});var getCoupons=function getCoupons(state){return state.context.coupons;};var getAddedCoupon=function getAddedCoupon(state){return state.context.addedCoupon;};var getError$1=function getError$1(state){return state.context.error;};var getCouponsStatus=function getCouponsStatus(state){return{isError:state.matches('error'),isLoading:state.matches('loading'),isAddingCoupon:state.matches('addingCoupon'),isCouponAdded:state.matches('couponAdded')};};var couponsSelectors={getError:getError$1,getCoupons:getCoupons,getCouponsStatus:getCouponsStatus,getAddedCoupon:getAddedCoupon};var GlobalStateContext=/*#__PURE__*/(0,_react.createContext)({paymentGatewayService:null,subscriptionsService:null,productCatalogService:null,modalsService:null});var ConfigContext=/*#__PURE__*/(0,_react.createContext)(null);var ComponentsContext=/*#__PURE__*/(0,_react.createContext)({subscriptionIsActive:false});var PaymentProfilesContext=/*#__PURE__*/(0,_react.createContext)({paymentProfilesService:null,subscriptionCurrency:null});var GlobalStateProvider=function GlobalStateProvider(_ref290){var children=_ref290.children;var _useContext21=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext21.dataAccess;var subscriptionsMachine=(0,_react.useMemo)(function(){return createSubscriptionsMachine(dataAccess);},[]);var modalsService=(0,_react2.useInterpret)(modals);var subscriptionsService=(0,_react2.useInterpret)(subscriptionsMachine,{services:{getSubscriptions:function getSubscriptions(){return dataAccess.getSubscriptions();}}});var productCatalogService=(0,_react2.useInterpret)(productCatalog,{services:{getProductsCatalog:function getProductsCatalog(){return dataAccess.getProductsCatalog();}}});var paymentGatewayService=(0,_react2.useInterpret)(paymentGateway,{services:{getGatewayConfig:function getGatewayConfig(){return dataAccess.getGatewayConfig();}}});return/*#__PURE__*/_react.default.createElement(GlobalStateContext.Provider,{value:{modalsService:modalsService,subscriptionsService:subscriptionsService,productCatalogService:productCatalogService,paymentGatewayService:paymentGatewayService}},children);};var STATUS_TAG={active:null,cancellation_scheduled:{label:'Cancelation Scheduled',color:'primary'},canceled:{label:'Canceled',color:'danger'},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'}};var useSubscriptionStatus=function useSubscriptionStatus(status){return STATUS_TAG[status];};var useFormatSubscriptionDetails=function useFormatSubscriptionDetails(subscriptionDetails){var status=subscriptionDetails.status,currency=subscriptionDetails.currency,currentBillingAmountInCents=subscriptionDetails.currentBillingAmountInCents,currentPeriodEndsAt=subscriptionDetails.currentPeriodEndsAt,_subscriptionDetails$=subscriptionDetails.product,priceInCents=_subscriptionDetails$.priceInCents,trialPriceInCents=_subscriptionDetails$.trialPriceInCents,interval=_subscriptionDetails$.interval,intervalUnit=_subscriptionDetails$.intervalUnit,canceledAt=subscriptionDetails.canceledAt,expiresAt=subscriptionDetails.expiresAt,trialEndedAt=subscriptionDetails.trialEndedAt,balanceInCents=subscriptionDetails.balanceInCents,nextAssessmentAt=subscriptionDetails.nextAssessmentAt,automaticallyResumeAt=subscriptionDetails.automaticallyResumeAt,locale=subscriptionDetails.locale,scheduledCancellationAt=subscriptionDetails.scheduledCancellationAt,t=subscriptionDetails.t;var format=function 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);}};var nextBillingAmount=status==='cancellation_scheduled'||status==='active'?balanceInCents+currentBillingAmountInCents:currentBillingAmountInCents;return{totalPrice:format(currentBillingAmountInCents,'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={}));var usePaymentProfileAvailableActions=function usePaymentProfileAvailableActions(status){var availableActions=[PaymentProfileActions.PREVIEW,PaymentProfileActions.DELETE];if(status==="normal"){return[PaymentProfileActions.USE_FOR_SUBSCRIPTION_BILLING].concat(availableActions);}return availableActions;};var useComponentSettings=function useComponentSettings(){return(0,_react.useContext)(ConfigContext);};var useServices=function useServices(){return(0,_react.useContext)(GlobalStateContext);};var serializeErrors=function serializeErrors(error){var errors={paymentMethod:{},billingAddress:{}};error.inner.forEach(function(fieldError){var _fieldError$path$spli=fieldError.path.split('.'),_fieldError$path$spli2=_slicedToArray(_fieldError$path$spli,2),form=_fieldError$path$spli2[0],field=_fieldError$path$spli2[1];errors[form][field]=fieldError.message;});return errors;};var useCreatePaymentProfile=function useCreatePaymentProfile(_ref291){var _paymentProfileConfig;var formElementId=_ref291.formElementId,_ref291$paymentMethod=_ref291.paymentMethodType,paymentMethodType=_ref291$paymentMethod===void 0?'creditCard':_ref291$paymentMethod,onCreateSuccess=_ref291.onCreateSuccess,activePaymentProfileId=_ref291.activePaymentProfileId;var _useComponentSettings=useComponentSettings(),paymentProfileConfig=_useComponentSettings.paymentProfile;var paymentsForm=usePaymentsForm();var _useServices=useServices(),paymentGatewayService=_useServices.paymentGatewayService,subscriptionsService=_useServices.subscriptionsService;var _useContext22=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext22.paymentProfilesService;var _useContext23=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext23.dataAccess;var gatewayRequiredFields=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getRequiredFieldsConfig);var requiredFields=(_paymentProfileConfig=paymentProfileConfig.requiredFields)!==null&&_paymentProfileConfig!==void 0?_paymentProfileConfig:gatewayRequiredFields[paymentMethodType];var _useMachine7=(0,_react2.useMachine)(createPaymentProfile,{context:{requiredFields:requiredFields,validationSchema:serializeValidationSchema(requiredFields)},actions:{onCreateProfileSuccess:function onCreateProfileSuccess(_ref292){var paymentProfiles=_ref292.paymentProfiles,createdProfile=_ref292.createdProfile;onCreateSuccess();paymentProfilesService.send({type:'ADD_PAYMENT_PROFILE',paymentProfileId:createdProfile.id,paymentProfile:createdProfile});if(paymentProfiles.idsForReplacement.includes(activePaymentProfileId)){paymentProfilesService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:createdProfile.id});}},onReplacePaymentProfilesSuccess:function onReplacePaymentProfilesSuccess(ctx,event){event.data.subscriptions.success.forEach(function(subscription){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscription.id,catalogId:subscription.product.productFamilyId,billing:_objectSpread({paymentProfileConnected:true},ctx.createdProfile)});});}},services:{validatePaymentMethod:function validatePaymentMethod(ctx){return new Promise(function(resolve,reject){var billingAddress=ctx.billingAddress,paymentMethod=ctx.paymentMethod,validationSchema=ctx.validationSchema;try{validationSchema.validateSync({billingAddress:billingAddress.values,paymentMethod:paymentMethod.values},{abortEarly:false});resolve({});}catch(error){var errors=serializeErrors(error);reject({errors:errors});}});},tokenizePaymentMethod:function tokenizePaymentMethod(){return new Promise(function(resolve,reject){paymentsForm.token(document.getElementById(formElementId),function(token){return resolve(token);},function(error){return reject(error);});});},createPaymentProfile:function createPaymentProfile(ctx){return dataAccess.createPaymentProfile(ctx.token);},replacePaymentProfiles:function replacePaymentProfiles(ctx){var paymentProfileId=ctx.createdProfile.id;return dataAccess.replacePaymentProfiles(ctx.paymentProfiles.idsForReplacement,paymentProfileId);}}}),_useMachine8=_slicedToArray(_useMachine7,3),sendToMachine=_useMachine8[1],service=_useMachine8[2];var isProcessing=(0,_react2.useSelector)(service,paymentProfileSelectors.getPaymentProfileProcessing);var isProfileConnectionError=(0,_react2.useSelector)(service,paymentProfileSelectors.getProfileConnectionError);return{isProcessing:isProcessing,isProfileConnectionError:isProfileConnectionError,savePaymentMethod:function savePaymentMethod(){return sendToMachine({type:'SAVE_PAYMENT_METHOD'});},service:service};};var useDataAccess=function useDataAccess(){return(0,_react.useContext)(DataAccessContext);};var useAddonsConfigurationService=function useAddonsConfigurationService(catalogId){var _useContext24=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext24.dataAccess;var _useServices2=useServices(),subscriptionsService=_useServices2.subscriptionsService;return(0,_react2.useInterpret)(addOnsConfiguration,{services:{getComponents:function getComponents(context){return dataAccess.getComponents(context.subscriptionId);},previewComponentAllocations:function previewComponentAllocations(context){return dataAccess.previewComponentAllocations(context.subscriptionId,{allocations:context.allocations.map(function(a){return _objectSpread(_objectSpread({},a),{},{quantity:+a.quantity});})});},updateComponentAllocations:function updateComponentAllocations(context){return dataAccess.updateComponentAllocations(context.subscriptionId,{allocations:context.allocations.map(function(a){return _objectSpread(_objectSpread({},a),{},{quantity:+a.quantity});})});}},actions:{updateSubscriptionBalance:function updateSubscriptionBalance(context,event){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:Number(context.subscriptionId),currentBillingAmountInCents:event.data.subscription.currentBillingAmountInCents,balanceInCents:event.data.subscription.balanceInCents,catalogId:catalogId});}}});};var initialContext$5={automaticallyResumeAt:null,error:null,resumptionCharge:null};var 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:function resumptionCharge(_ctx,event){return 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'}}});var getResumeSubscriptionStatus=function getResumeSubscriptionStatus(machineState){return{resumeSubscriptionLoading:machineState.matches('resumeSubscription'),resumeSubscriptionSuccess:machineState.matches('success'),resumeSubscriptionError:machineState.matches('error')};};var getErrorCode$5=function getErrorCode$5(machineState){return machineState.context.error;};var getResumptionConfig=function getResumptionConfig(machineState){return machineState.context.resumptionCharge;};var resumeSubscriptionSelectors={getResumeSubscriptionStatus:getResumeSubscriptionStatus,getErrorCode:getErrorCode$5,getResumptionConfig:getResumptionConfig};var useSubscriptionResumeService=function useSubscriptionResumeService(catalogId,subscriptionId){var _useContext25=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext25.dataAccess;var _useServices3=useServices(),subscriptionsService=_useServices3.subscriptionsService;return(0,_react2.useInterpret)(resumeSubscription,{services:{resumeSubscription:function resumeSubscription(){return dataAccess.resumeSubscription(subscriptionId);},getSubscriptionResumptionConfig:function getSubscriptionResumptionConfig(){return dataAccess.getSubscriptionResumptionConfig();},updateSubscriptionAutoResumption:function updateSubscriptionAutoResumption(_ctx,event){return dataAccess.updateSubscriptionResumptionDate(subscriptionId,event.resumeDate);}},actions:{updateSubscription:function updateSubscription(context,event){subscriptionsService.send(_objectSpread({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId},event.data));},setSubscriptionActive:function setSubscriptionActive(){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId,status:'active'});},setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});})}});};var getCancelSubscriptionStatus=function getCancelSubscriptionStatus(machineState){return{idle:machineState.matches('idle'),cancelSubscriptionLoading:machineState.matches('cancelSubscription'),cancelSubscriptionSuccess:machineState.matches('success'),cancelSubscriptionError:machineState.matches('error')};};var getErrorCode$4=function getErrorCode$4(machineState){return machineState.context.error;};var cancelSubscriptionSelectors={getCancelSubscriptionStatus:getCancelSubscriptionStatus,getErrorCode:getErrorCode$4};var initialContext$4={error:null};var 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'}}});var useCancelSubscriptionService=function useCancelSubscriptionService(catalogId,subscriptionId){var _useContext26=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext26.dataAccess;var _useContext27=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext27.subscriptionsService;return(0,_react2.useInterpret)(cancelSubscription,{services:{cancelSubscription:function cancelSubscription(context,_ref293){var type=_ref293.type,payload=_objectWithoutProperties(_ref293,_excluded21);return dataAccess.cancelSubscription(_objectSpread(_objectSpread({},payload),{},{subscriptionId:subscriptionId}));}},actions:{updateSubscription:function updateSubscription(context,payload){var _payload$data=payload.data,state=_payload$data.state,scheduledCancellationAt=_payload$data.scheduledCancellationAt,subscriptionDetails=_objectWithoutProperties(_payload$data,_excluded22);subscriptionsService.send(_objectSpread(_objectSpread({type:'UPDATE_SUBSCRIPTION',catalogId:catalogId,scheduledCancellationAt:scheduledCancellationAt},subscriptionDetails),{},{status:scheduledCancellationAt?'cancellation_scheduled':state}));},setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});})}});};var getUndoCancelationStatus=function getUndoCancelationStatus(machineState){return{idle:machineState.matches('idle'),undoCancelationLoading:machineState.matches('undoCancelation'),undoCancelationSuccess:machineState.matches('success'),undoCancelationError:machineState.matches('error')};};var getErrorCode$3=function getErrorCode$3(machineState){return machineState.context.error;};var undoCancelationSelectors={getUndoCancelationStatus:getUndoCancelationStatus,getErrorCode:getErrorCode$3};var initialContext$3={error:null};var 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'}}});var useUndoCancelationService=function useUndoCancelationService(catalogId,subscriptionId){var _useContext28=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext28.dataAccess;var _useContext29=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext29.subscriptionsService;return(0,_react2.useInterpret)(undoCancelation,{services:{undoCancelation:function undoCancelation(){return dataAccess.undoCancelation(subscriptionId);}},actions:{updateSubscription:function updateSubscription(){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId:catalogId,subscriptionId:subscriptionId,scheduledCancellationAt:null,status:'active'});},setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});})}});};var getReactivateSubscriptionStatus=function getReactivateSubscriptionStatus(machineState){return{idle:machineState.matches('idle'),reactivateSubscriptionLoading:machineState.matches('reactivateSubscription'),reactivateSubscriptionSuccess:machineState.matches('success'),reactivateSubscriptionError:machineState.matches('error')};};var getErrorCode$2=function getErrorCode$2(machineState){return machineState.context.error;};var reactivateSubscriptionSelectors={getReactivateSubscriptionStatus:getReactivateSubscriptionStatus,getErrorCode:getErrorCode$2};var initialContext$2={error:null};var 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'}}});var useReactivateSubscription=function useReactivateSubscription(catalogId,subscriptionId){var _useContext30=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext30.dataAccess;var _useContext31=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext31.subscriptionsService;return(0,_react2.useInterpret)(reactivateSubscription,{services:{reactivateSubscription:function reactivateSubscription(){return dataAccess.reactivateSubscription(subscriptionId);}},actions:{updateSubscription:function updateSubscription(_ctx,_ref294){var _ref294$data=_ref294.data,nextAssessmentAt=_ref294$data.nextAssessmentAt,currentBillingAmountInCents=_ref294$data.currentBillingAmountInCents,currentPeriodEndsAt=_ref294$data.currentPeriodEndsAt;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',catalogId:catalogId,subscriptionId:subscriptionId,nextAssessmentAt:nextAssessmentAt,currentPeriodEndsAt:currentPeriodEndsAt,currentBillingAmountInCents:currentBillingAmountInCents,scheduledCancellationAt:null,status:'active'});},setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});})}});};var useAvailablePaymentMethods=function useAvailablePaymentMethods(){var _vaultCurrencies$cred;var availablePaymentMethods=[];var _useContext32=(0,_react.useContext)(PaymentProfilesContext),subscriptionCurrency=_useContext32.subscriptionCurrency;var _useServices4=useServices(),paymentGatewayService=_useServices4.paymentGatewayService;var gateways=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getDefaultVaults);var vaultCurrencies=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getVaultCurrencies);var creditCardGateway=gateways['creditCard'];if(creditCardGateway&&(_vaultCurrencies$cred=vaultCurrencies[creditCardGateway])!==null&&_vaultCurrencies$cred!==void 0&&_vaultCurrencies$cred.includes(subscriptionCurrency)){availablePaymentMethods.push('credit_card');}return availablePaymentMethods;};var initialContext$1={error:null};var 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'}}});var getChangePaymentProfileStatus=function getChangePaymentProfileStatus(machineState){return{isLoading:machineState.matches('changePaymentProfile'),isError:machineState.matches('error')};};var getErrorCode$1=function getErrorCode$1(machineState){return machineState.context.error;};var changePaymentProfileSelectors={getChangePaymentProfileStatus:getChangePaymentProfileStatus,getErrorCode:getErrorCode$1};var useChangePaymentProfile=function useChangePaymentProfile(_ref295){var subscriptionId=_ref295.subscriptionId,paymentProfileId=_ref295.paymentProfileId,catalogId=_ref295.catalogId,onChangeSuccess=_ref295.onChangeSuccess;var _useContext33=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext33.dataAccess;var _useContext34=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext34.paymentProfilesService;var _useServices5=useServices(),subscriptionsService=_useServices5.subscriptionsService;var paymentProfile=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesById(paymentProfileId));return(0,_react2.useInterpret)(changePaymentProfile,{actions:{setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});}),onChangeProfileSuccess:function onChangeProfileSuccess(){paymentProfilesService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:paymentProfileId});subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId,billing:_objectSpread({paymentProfileConnected:true,paymentProfileId:paymentProfile.id},paymentProfile)});onChangeSuccess();}},services:{changePaymentProfile:function changePaymentProfile(){return dataAccess.updateSubscriptionPaymentProfile(paymentProfileId,subscriptionId);}}});};var STATUS_ORDER={active:0,normal:1,expired:2,unavailable:3};var TYPE_ODER={credit_card:0,bank_account:1};var SORT_WEIGHT=10;var useSortPaymentProfiles=function useSortPaymentProfiles(paymentProfiles){var sortPaymentProfiles=function sortPaymentProfiles(a,b){var aWeight=TYPE_ODER[a.type]*SORT_WEIGHT+STATUS_ORDER[a.status];var bWeight=TYPE_ODER[b.type]*SORT_WEIGHT+STATUS_ORDER[b.status];return aWeight-bWeight;};var active=paymentProfiles.find(function(profile){return profile.status==="active";});var rest=paymentProfiles.filter(function(profile){return profile.status!=="active";});return{active:active,inactive:rest.sort(sortPaymentProfiles)};};var 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)(function(_ctx,event){var _event$data,_event$data2;return{error:{errorCode:(_event$data=event.data)===null||_event$data===void 0?void 0:_event$data.errorCode,subscriptions:(_event$data2=event.data)===null||_event$data2===void 0?void 0:_event$data2.subscriptions}};})}}},success:{type:'final'},error:{type:'final'}}});var getDeletePaymentProfileStatus=function getDeletePaymentProfileStatus(machineState){return{isLoading:machineState.matches('loading'),hasError:machineState.matches('error')};};var getError=function getError(machineState){var _machineState$context4,_machineState$context5;return{errorCode:(_machineState$context4=machineState.context.error)===null||_machineState$context4===void 0?void 0:_machineState$context4.errorCode,subscriptions:(_machineState$context5=machineState.context.error)===null||_machineState$context5===void 0?void 0:_machineState$context5.subscriptions};};var deletePaymentProfileSelectors={getDeletePaymentProfileStatus:getDeletePaymentProfileStatus,getError:getError};var useDeletePaymentProfile=function useDeletePaymentProfile(_ref296){var paymentProfileId=_ref296.paymentProfileId,onDeleteSuccess=_ref296.onDeleteSuccess;var _useContext35=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext35.dataAccess;var _useContext36=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext36.paymentProfilesService;return(0,_react2.useInterpret)(deletePaymentProfile,{actions:{onDeleteProfileSuccess:function onDeleteProfileSuccess(){paymentProfilesService.send({type:'DELETE_PAYMENT_PROFILE',paymentProfileId:paymentProfileId});onDeleteSuccess();}},services:{deletePaymentProfile:function deletePaymentProfile(){return dataAccess.deletePaymentProfile(paymentProfileId);}}});};var useChangePlan=function useChangePlan(catalogId,subscriptionId,currentPlanId,onSuccess,_onThreeDsConfirmation){var _useContext37=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext37.dataAccess;var _useContext38=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext38.subscriptionsService;return(0,_react2.useInterpret)(changePlan,{services:{getProducts:function getProducts(){return dataAccess.getProducts(catalogId);},previewProductMigration:function previewProductMigration(_ref297){var selectedPlan=_ref297.selectedPlan;return dataAccess.previewProductMigration(subscriptionId,selectedPlan);},confirmProductMigration:function confirmProductMigration(_ref298){var selectedPlan=_ref298.selectedPlan;return dataAccess.migrateProduct(subscriptionId,selectedPlan);}},actions:{onSuccess:onSuccess,updateSubscription:function updateSubscription(context,payload){var subscription=payload.data;subscriptionsService.send(_objectSpread({type:'UPDATE_SUBSCRIPTION',catalogId:catalogId,subscriptionId:subscriptionId},subscription));},onThreeDsConfirmation:function onThreeDsConfirmation(c){return _onThreeDsConfirmation(c.threeDsActionLink);}},context:{selectedPlan:currentPlanId}});};var useThreeDs=function useThreeDs(_ref299){var subscriptionId=_ref299.subscriptionId,catalogId=_ref299.catalogId,onSuccess=_ref299.onSuccess;var _useContext39=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext39.dataAccess;var _useServices6=useServices(),subscriptionsService=_useServices6.subscriptionsService;return(0,_react2.useInterpret)(threeDs,{services:{getSubscriptionDetails:function getSubscriptionDetails(){return dataAccess.getSubscriptionDetails(subscriptionId);}},actions:{updateSubscriptions:function updateSubscriptions(context,event){subscriptionsService.send(_objectSpread(_objectSpread({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId},event.data),{},{status:'active'}));onSuccess();}}});};var useCoupons=function useCoupons(_ref300){var subscriptionId=_ref300.subscriptionId,catalogId=_ref300.catalogId;var _useDataAccess=useDataAccess(),dataAccess=_useDataAccess.dataAccess;var _useServices7=useServices(),subscriptionsService=_useServices7.subscriptionsService;return(0,_react2.useInterpret)(coupons,{services:{addCoupon:function addCoupon(_ctx,event){return dataAccess.addCoupon(subscriptionId,event.couponCode);},getCoupons:function getCoupons(){return dataAccess.getSubscriptionDetails(subscriptionId);}},actions:{updateSubscription:function updateSubscription(context,event){subscriptionsService.send(_objectSpread({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId},event.data.coupons));}}});};var PaymentProfilesProvider=function PaymentProfilesProvider(_ref301){var children=_ref301.children;var _useContext40=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext40.dataAccess;var _useServices8=useServices(),paymentGatewayService=_useServices8.paymentGatewayService;var _useServices9=useServices(),subscriptionsService=_useServices9.subscriptionsService;var _useParams2=(0,_reactRouterDom.useParams)(),catalogId=_useParams2.catalogId,subscriptionId=_useParams2.subscriptionId;var _useSelector10=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[])),subscription=_useSelector10.subscription;var vaultCurrencies=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getVaultCurrencies);var paymentProfilesService=(0,_react2.useInterpret)(paymentProfiles,{context:{vaultCurrencies:vaultCurrencies,subscriptionCurrency:subscription.currency,subscriptionPaymentProfileId:subscription.billing.paymentProfileId},services:{getPaymentProfiles:function getPaymentProfiles(){return dataAccess.getPaymentProfiles();}}});(0,_react.useEffect)(function(){paymentProfilesService.send({type:'INITIALIZE'});},[paymentProfilesService]);return/*#__PURE__*/_react.default.createElement(PaymentProfilesContext.Provider,{value:{paymentProfilesService:paymentProfilesService,subscriptionCurrency:subscription.currency}},children);};var TextAlign=_styledComponents.default.div.withConfig({displayName:"maxio__TextAlign",componentId:"maxio-components__sc-lo74t2-168"})(["&&&{",";}"],_styledSystem.textAlign);var DetailRow$2=function DetailRow$2(_ref302){var label=_ref302.label,value=_ref302.value;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))))));};var Active=function Active(_ref303){var basePlanPrice=_ref303.basePlanPrice,nextBillingAmount=_ref303.nextBillingAmount,nextBillingDate=_ref303.nextBillingDate;var _useTranslation23=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation23.t;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}}));};var CancellationScheduled=function CancellationScheduled(_ref304){var basePlanPrice=_ref304.basePlanPrice,nextBillingAmount=_ref304.nextBillingAmount,nextBillingDate=_ref304.nextBillingDate,scheduledCancellationDate=_ref304.scheduledCancellationDate;var _useTranslation24=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation24.t;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}}));};var Canceled=function Canceled(_ref305){var basePrice=_ref305.basePrice,cancellationDate=_ref305.cancellationDate;var _useTranslation25=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation25.t;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}}));};var Expired=function Expired(_ref306){var basePlanPrice=_ref306.basePlanPrice,expirationDate=_ref306.expirationDate;var _useTranslation26=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation26.t;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}}));};var PastDue=function PastDue(_ref307){var basePlanPrice=_ref307.basePlanPrice,currentBalance=_ref307.currentBalance,nextBillingAttempt=_ref307.nextBillingAttempt;var _useTranslation27=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation27.t;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}}));};var OnHold=function OnHold(_ref308){var basePlanPrice=_ref308.basePlanPrice,autoResumeDate=_ref308.autoResumeDate;var _useTranslation28=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation28.t;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!==null&&autoResumeDate!==void 0?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}}));};var Trial=function Trial(_ref309){var trialExpirationDate=_ref309.trialExpirationDate,nextBillingDate=_ref309.nextBillingDate,priceAfterTrial=_ref309.priceAfterTrial,trialPrice=_ref309.trialPrice;var _useTranslation29=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation29.t;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}}));};var TrialExpired=function TrialExpired(_ref310){var trialExpirationDate=_ref310.trialExpirationDate;var _useTranslation30=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation30.t;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}}));};var Unpaid=function Unpaid(_ref311){var basePlanPrice=_ref311.basePlanPrice,currentBalance=_ref311.currentBalance;var _useTranslation31=(0,_reactI18next.useTranslation)('subscriptions-manager'),t=_useTranslation31.t;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}}));};var PlanChangeScheduled=function PlanChangeScheduled(_ref312){var basePlanPrice=_ref312.basePlanPrice,nextBillingAmount=_ref312.nextBillingAmount,nextBillingDate=_ref312.nextBillingDate;var _useTranslation32=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation32.t;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}}));};var renderDetails=function renderDetails(_ref313){var subscriptionStatus=_ref313.subscriptionStatus,nextBillingAmount=_ref313.nextBillingAmount,nextBillingDate=_ref313.nextBillingDate,basePlanPrice=_ref313.basePlanPrice,cancellationDate=_ref313.cancellationDate,expirationDate=_ref313.expirationDate,autoResumeDate=_ref313.autoResumeDate,trialExpirationDate=_ref313.trialExpirationDate,priceAfterTrial=_ref313.priceAfterTrial,trialPrice=_ref313.trialPrice,currentBalance=_ref313.currentBalance,nextBillingAttempt=_ref313.nextBillingAttempt,scheduledCancellationDate=_ref313.scheduledCancellationDate;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);}};var SubscriptionDetails=function SubscriptionDetails(_ref314){var subscriptionStatus=_ref314.subscriptionStatus,nextBillingAmount=_ref314.nextBillingAmount,nextBillingDate=_ref314.nextBillingDate,basePlanPrice=_ref314.basePlanPrice,cancellationDate=_ref314.cancellationDate,expirationDate=_ref314.expirationDate,trialExpirationDate=_ref314.trialExpirationDate,priceAfterTrial=_ref314.priceAfterTrial,trialPrice=_ref314.trialPrice,currentBalance=_ref314.currentBalance,nextBillingAttempt=_ref314.nextBillingAttempt,autoResumeDate=_ref314.autoResumeDate,scheduledCancellationDate=_ref314.scheduledCancellationDate;return renderDetails({scheduledCancellationDate:scheduledCancellationDate,subscriptionStatus:subscriptionStatus,nextBillingAmount:nextBillingAmount,nextBillingDate:nextBillingDate,basePlanPrice:basePlanPrice,cancellationDate:cancellationDate,expirationDate:expirationDate,autoResumeDate:autoResumeDate,trialExpirationDate:trialExpirationDate,priceAfterTrial:priceAfterTrial,trialPrice:trialPrice,currentBalance:currentBalance,nextBillingAttempt:nextBillingAttempt});};var PAYMENT_ISSUES=['past_due','unpaid'];var INACTIVE_STATE=['canceled','expired','on_hold','trial_expired','paused'];var useSubscriptionIsActive=function useSubscriptionIsActive(subscriptionStatus){return!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={}));var useSubscriptionAvailableActions=function useSubscriptionAvailableActions(subscription,subscriptionScopes){var 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;};var hasCancelDelayedOrImmediateAction=function hasCancelDelayedOrImmediateAction(scopes){return scopes.includes('subscription:cancel-delayed')||scopes.includes('subscription:cancel-immediate');};var renderComponent=function renderComponent(type,data,cardVariant,translations){switch(type){case'metered':var meteredData=data;return/*#__PURE__*/_react.default.createElement(MeteredComponent,{name:meteredData.name,value:meteredData.unit.balance+' '+data.unit.name,description:meteredData.description});case'quantity':var quantityData=data;return/*#__PURE__*/_react.default.createElement(QuantityComponent,{name:quantityData.name,value:quantityData.allocatedQuantity+' '+quantityData.unit.name,description:quantityData.description});case'prepaid':var 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':var 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);}};var ComponentContainer=function ComponentContainer(_ref315){var componentMachineRef=_ref315.componentMachineRef,cardVariant=_ref315.cardVariant;var _useSelector11=(0,_react2.useSelector)(componentMachineRef,componentSelectors.getComponent),type=_useSelector11.type,componentData=_objectWithoutProperties(_useSelector11,_excluded23);var _useTranslation33=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation33.t;var 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);};var renderComponentContainer=function renderComponentContainer(components,distanceBetweenComponents,cardVariant){return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,components.map(function(_ref316){var id=_ref316.id,componentMachineRef=_ref316.componentMachineRef;return/*#__PURE__*/_react.default.createElement(Box,{marginBottom:distanceBetweenComponents,key:id},/*#__PURE__*/_react.default.createElement(ComponentContainer,{id:id,key:id,componentMachineRef:componentMachineRef,cardVariant:cardVariant}));}));};var ComponentGroup=function ComponentGroup(_ref317){var components=_ref317.components,_ref317$renderInCard=_ref317.renderInCard,renderInCard=_ref317$renderInCard===void 0?true:_ref317$renderInCard;var _useContext41=(0,_react.useContext)(ComponentsContext),subscriptionIsActive=_useContext41.subscriptionIsActive;var 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));};var ComponentLoadingSkeleton=function ComponentLoadingSkeleton(_ref318){var variant=_ref318.variant;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}))));};var SubscriptionComponents=function SubscriptionComponents(_ref319){var prepaid=_ref319.prepaid,metered=_ref319.metered,onOff=_ref319.onOff,quantity=_ref319.quantity,selfServiceEnabled=_ref319.selfServiceEnabled,onEditAddons=_ref319.onEditAddons;var _useTranslation34=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation34.t;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;var SubscriptionComponentsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__SubscriptionComponentsWrapper",componentId:"maxio-components__sc-lo74t2-169"})(["&&&{",";",";",";}"],_styledSystem.margin,_styledSystem.padding,function(_ref320){var theme=_ref320.theme;return theme&&(0,_styledComponents.css)(["border-top:1px solid ",";"],theme.colors.gray.light);});var ComponentsContainer=function ComponentsContainer(_ref321){var subscriptionId=_ref321.subscriptionId,catalogId=_ref321.catalogId;var _useTranslation35=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation35.t;var navigate=(0,_reactRouterDom.useNavigate)();var _useContext42=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext42.subscriptionsService,modalsService=_useContext42.modalsService;var _useSelector12=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),componentsRef=_useSelector12.componentsRef,subscription=_useSelector12.subscription;var subscriptionIsActive=useSubscriptionIsActive(subscription.status);var _useActor=(0,_react2.useActor)(componentsRef),_useActor2=_slicedToArray(_useActor,2),componentsState=_useActor2[0],sendToMachine=_useActor2[1];(0,_react.useEffect)(function(){if(componentsState.matches('idle')){sendToMachine({type:'FETCH_COMPONENTS'});}},[]);var _useSelector13=(0,_react2.useSelector)(componentsRef,componentsSelectors.getComponentsUsedInBilling),prepaid=_useSelector13.prepaid,metered=_useSelector13.metered,onOff=_useSelector13.on_off,quantity=_useSelector13.quantity;var componentUpdatesAllowed=(0,_react2.useSelector)(componentsRef,componentsSelectors.getComponentsUpdatesAllowed);var _useComponentSettings2=useComponentSettings(),_useComponentSettings3=_useComponentSettings2.componentsAllocation,allocationFlow=_useComponentSettings3.allocationFlow,customerSelfService=_useComponentSettings3.editAllowed;var onEditAddons=(0,_react.useCallback)(function(){if(allocationFlow==='page'){navigate("/componentsAllocation/".concat(catalogId,"/").concat(subscriptionId));}else{modalsService.send({type:'SHOW_ADDONS_CONFIGURATION',catalogId:catalogId,subscriptionId: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')))));};var Container$1=_styledComponents.default.div.withConfig({displayName:"maxio__Container1",componentId:"maxio-components__sc-lo74t2-170"})(["&&&{display:flex;flex-direction:column;}"]);var BillingDetailsContainer=function BillingDetailsContainer(_ref322){var catalogId=_ref322.catalogId,subscriptionId=_ref322.subscriptionId,billingDetails=_ref322.billingDetails;var _useDeviceInfo6=useDeviceInfo(),device=_useDeviceInfo6.device;var navigate=(0,_reactRouterDom.useNavigate)();var _useComponentSettings4=useComponentSettings(),_useComponentSettings5=_useComponentSettings4.paymentProfile,paymentProfileEnabled=_useComponentSettings5.visible,addressFields=_useComponentSettings5.addressFields,editAllowed=_useComponentSettings5.editAllowed;var _useTranslation36=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation36.t;var creditCard=billingDetails.creditCard,bankAccount=billingDetails.bankAccount,address=billingDetails.address,paymentProfileConnected=billingDetails.paymentProfileConnected;var filteredAddressFields=address&&addressFields.reduce(function(obj,key){return _objectSpread(_objectSpread({},obj),{},_defineProperty({},key,address[key]));},{});var creditCardDetails=_objectSpread(_objectSpread({},creditCard),{},{type:creditCard===null||creditCard===void 0?void 0:creditCard.cardType,number:creditCard===null||creditCard===void 0?void 0:creditCard.maskedNumber});var accountDetails=_objectSpread(_objectSpread({},bankAccount),{},{accountNumber:bankAccount===null||bankAccount===void 0?void 0:bankAccount.maskedAccountNumber,routingNumber:bankAccount===null||bankAccount===void 0?void 0:bankAccount.maskedRoutingNumber});var cardSize=device==='mobile'?'small':'regular';var onUpdatePaymentProfile=(0,_react.useCallback)(function(){navigate("/paymentProfiles/".concat(catalogId,"/").concat(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}),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"}))));};var SubscriptionItem=_styledComponents.default.div.withConfig({displayName:"maxio__SubscriptionItem",componentId:"maxio-components__sc-lo74t2-171"})(["&&&{",";}"],_styledSystem.margin);var ToggleWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__ToggleWrapper",componentId:"maxio-components__sc-lo74t2-172"})(["&&&{cursor:pointer;",";",";}"],_styledSystem.display,_styledSystem.margin);var FooterContentWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__FooterContentWrapper",componentId:"maxio-components__sc-lo74t2-173"})(["&&&{text-align:center;}"]);var RowWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__RowWrapper",componentId:"maxio-components__sc-lo74t2-174"})(["&&&{",";",";",";}"],_styledSystem.margin,_styledSystem.padding,function(_ref323){var theme=_ref323.theme;return theme&&(0,_styledComponents.css)(["border-top:1px solid ",";"],theme.colors.gray.light);});var bodyMotion={initial:{height:0},animate:{height:'auto'},exit:{height:0},transition:{type:'tween'}};var Notification=function Notification(_ref324){var status=_ref324.status,show3DSModal=_ref324.show3DSModal,existingBalance=_ref324.existingBalance,rest=_objectWithoutProperties(_ref324,_excluded24);var _useTranslation37=(0,_reactI18next.useTranslation)('subscriptions-manager'),t=_useTranslation37.t;var renderAlert=function 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;}};var alert=renderAlert(status);return alert?/*#__PURE__*/_react.default.createElement(Box,_objectSpread({},rest),alert):null;};var getSubscriptionCustomFields=function getSubscriptionCustomFields(machineState){return machineState.context.customFields;};var getSubscriptionCustomFieldsState=function getSubscriptionCustomFieldsState(machineState){return{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')};};var customFieldsSelectors={getSubscriptionCustomFields:getSubscriptionCustomFields,getSubscriptionCustomFieldsState:getSubscriptionCustomFieldsState};var DetailRow$1=function DetailRow$1(_ref325){var label=_ref325.label,value=_ref325.value;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))));};var CustomFieldsLoadingSkeleton=function CustomFieldsLoadingSkeleton(){return/*#__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})));};var CustomFieldsPreview=function CustomFieldsPreview(_ref326){var customFields=_ref326.customFields,onEdit=_ref326.onEdit;var _useTranslation38=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation38.t;return/*#__PURE__*/_react.default.createElement(Row$4,null,customFields&&customFields.map(function(customField){return/*#__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;var CustomFieldsContainer=function CustomFieldsContainer(_ref327){var catalogId=_ref327.catalogId,subscriptionId=_ref327.subscriptionId;var _useContext43=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext43.subscriptionsService;var _useTranslation39=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation39.t;var navigate=(0,_reactRouterDom.useNavigate)();var _useSelector14=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),customFieldsRef=_useSelector14.customFieldsRef;var _useActor3=(0,_react2.useActor)(customFieldsRef),_useActor4=_slicedToArray(_useActor3,2),customFieldsState=_useActor4[0],sendToMachine=_useActor4[1];(0,_react.useEffect)(function(){if(customFieldsState.matches('idle')){sendToMachine({type:'INITIALIZE'});}},[]);var customFields=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFields);var _useSelector15=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFieldsState),isFetchLoading=_useSelector15.isFetchLoading,isFetchError=_useSelector15.isFetchError;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:function onEdit(){sendToMachine({type:'EDIT_CUSTOM_FIELDS'});navigate("/customFields/".concat(catalogId,"/").concat(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'))))));};var SubscriptionReferalCode=function SubscriptionReferalCode(_ref328){var label=_ref328.label,referalCode=_ref328.referalCode;return/*#__PURE__*/_react.default.createElement(DetailRow$2,{label:{value:label},value:{value:referalCode,color:'black.main',fontWeight:0}});};var 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;}"],function(_ref329){var theme=_ref329.theme;return theme.space[5];},function(_ref330){var theme=_ref330.theme;return theme.space[3];});var CouponListItem=function CouponListItem(_ref331){var code=_ref331.code,value=_ref331.value,description=_ref331.description;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))));};var CouponsList=function CouponsList(_ref332){var coupons=_ref332.coupons;return/*#__PURE__*/_react.default.createElement(ListWrapper,null,coupons===null||coupons===void 0?void 0:coupons.map(function(_ref333){var code=_ref333.code,value=_ref333.value,description=_ref333.description;return/*#__PURE__*/_react.default.createElement(CouponListItem,{key:code,code:code,value:value,description:description});}));};function formatCouponValue(_ref334,currency){var percentage=_ref334.percentage,amountInCents=_ref334.amountInCents;return percentage?"-".concat(percentage,"%"):"-".concat(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');}var CouponsContainer=function CouponsContainer(_ref335){var subscriptionId=_ref335.subscriptionId,catalogId=_ref335.catalogId,currency=_ref335.currency;var _useTranslation40=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation40.t;var couponService=useCoupons({subscriptionId:subscriptionId,catalogId:catalogId});var _useServices10=useServices(),modalsService=_useServices10.modalsService;var _useComponentSettings6=useComponentSettings(),subscription=_useComponentSettings6.subscription;var allowAddCoupon=subscription.coupons;(0,_react.useEffect)(function(){couponService.send({type:'GET_COUPONS'});},[couponService]);var coupons=(0,_react2.useSelector)(couponService,couponsSelectors.getCoupons);var _useSelector16=(0,_react2.useSelector)(couponService,couponsSelectors.getCouponsStatus),isLoading=_useSelector16.isLoading;var formattedCoupons=coupons===null||coupons===void 0?void 0:coupons.map(function(coupon){return{code:coupon.code,value:formatCouponValue(coupon,currency),description:getCouponDescription(coupon,t)};});var handleAddCouponClick=function handleAddCouponClick(){modalsService.send({type:'SHOW_ADD_COUPON',subscriptionId:subscriptionId,catalogId:catalogId,couponService:couponService,currency:currency});};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('coupons.discounts'))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,17]},isLoading?/*#__PURE__*/_react.default.createElement(SkeletonLoader,{height:120}):null,(formattedCoupons===null||formattedCoupons===void 0?void 0: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)));};var Subscription$1=function Subscription$1(_ref336){var id=_ref336.id,catalogId=_ref336.catalogId,name=_ref336.name,price=_ref336.price,statusTag=_ref336.statusTag,description=_ref336.description,status=_ref336.status,onShowDetails=_ref336.onShowDetails,detailsVisible=_ref336.detailsVisible,_ref336$cardColor=_ref336.cardColor,cardColor=_ref336$cardColor===void 0?'white':_ref336$cardColor,nextBillingAmount=_ref336.nextBillingAmount,nextBillingDate=_ref336.nextBillingDate,basePlanPrice=_ref336.basePlanPrice,cancellationDate=_ref336.cancellationDate,expirationDate=_ref336.expirationDate,_ref336$layout=_ref336.layout,layout=_ref336$layout===void 0?'expandable-card':_ref336$layout,autoResumeDate=_ref336.autoResumeDate,trialExpirationDate=_ref336.trialExpirationDate,priceAfterTrial=_ref336.priceAfterTrial,trialPrice=_ref336.trialPrice,currentBalance=_ref336.currentBalance,nextBillingAttempt=_ref336.nextBillingAttempt,interval=_ref336.interval,billingDetails=_ref336.billingDetails,renderComponentsSection=_ref336.renderComponentsSection,renderCustomFieldsSection=_ref336.renderCustomFieldsSection,scheduledCancellationDate=_ref336.scheduledCancellationDate,availableActions=_ref336.availableActions,referralCode=_ref336.referralCode,threeDsActionLink=_ref336.threeDsActionLink,currency=_ref336.currency;var _useTranslation41=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation41.t;var _useServices11=useServices(),modalsService=_useServices11.modalsService;var _useDeviceInfo7=useDeviceInfo(),device=_useDeviceInfo7.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var showPauseSubscriptionModal=function showPauseSubscriptionModal(){modalsService.send({type:'SHOW_PAUSE_SUBSCRIPTION',catalogId:catalogId,subscriptionId:id});};var showPlanChangeModal=function showPlanChangeModal(){modalsService.send({type:'SHOW_SUBSCRIPTION_PLAN_CHANGE',catalogId:catalogId,subscriptionId:id});};var show3DSModal=function show3DSModal(){modalsService.send({type:'SHOW_THREE_D_SECURE',subscriptionId:id,catalogId:catalogId,threeDsActionLink:threeDsActionLink});};return/*#__PURE__*/_react.default.createElement(SubscriptionItem,{marginBottom:5,"data-testid":"subscription-".concat(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,_objectSpread(_objectSpread({},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:function onClick(){modalsService.send({type:'SHOW_RESUME_SUBSCRIPTION',subscriptionId:id,catalogId:catalogId});}}),availableActions.includes(SubscriptionActions.CANCEL)&&/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.cancel'),onClick:function onClick(){modalsService.send({type:'SHOW_CANCEL_SUBSCRIPTION',subscriptionId:id,catalogId:catalogId});}}),availableActions.includes(SubscriptionActions.UNDO_CANCELATION)&&/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel_subscription.undo_cancelation_button'),onClick:function onClick(){modalsService.send({type:'SHOW_UNDO_CANCELATION',subscriptionId:id,catalogId:catalogId});}}),availableActions.includes(SubscriptionActions.REACTIVATE)&&/*#__PURE__*/_react.default.createElement(Button$1,{color:"primary",label:t('reactivate_subscription.reactivate'),onClick:function onClick(){modalsService.send({type:'SHOW_REACTIVATE_SUBSCRIPTION',subscriptionId:id,catalogId:catalogId});}}))))),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})))),renderCustomFieldsSection&&/*#__PURE__*/_react.default.createElement(RowWrapper,{marginTop:5,paddingTop:5},/*#__PURE__*/_react.default.createElement(CustomFieldsContainer,{subscriptionId:id,catalogId:catalogId})),/*#__PURE__*/_react.default.createElement(RowWrapper,{marginTop:5,paddingTop:5},/*#__PURE__*/_react.default.createElement(CouponsContainer,{subscriptionId:id,catalogId:catalogId,currency:currency}))))),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'})}))))));};var 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);var RetryButton=_styledComponents.default.div.withConfig({displayName:"maxio__RetryButton",componentId:"maxio-components__sc-lo74t2-177"})(["&&&{",";}"],_styledSystem.margin);var SubscriptionsManagerLoader=function SubscriptionsManagerLoader(){var _useDeviceInfo8=useDeviceInfo(),device=_useDeviceInfo8.device;var 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})))));};var ContentLoader=function ContentLoader(_ref337){var isLoading=_ref337.isLoading,loadingError=_ref337.loadingError,contentReady=_ref337.contentReady,errorMessage=_ref337.errorMessage,onReinitialize=_ref337.onReinitialize,children=_ref337.children;var _useTranslation42=(0,_reactI18next.useTranslation)(),t=_useTranslation42.t;var _useDeviceInfo9=useDeviceInfo(),device=_useDeviceInfo9.device;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;};var Wrapper$a=_styledComponents.default.div.withConfig({displayName:"maxio__Wrappera",componentId:"maxio-components__sc-lo74t2-178"})(["&&&{display:flex;place-content:center;",";}"],_styledSystem.padding);var ShowMore=function ShowMore(_ref338){var isExpanded=_ref338.isExpanded,items=_ref338.items,onClick=_ref338.onClick;var _useTranslation43=(0,_reactI18next.useTranslation)(),t=_useTranslation43.t;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}));};var Wrapper$9=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper9",componentId:"maxio-components__sc-lo74t2-179"})(["&&&{display:flex;justify-content:space-between;align-items:center;}"]);var PaymentsProfilesHeader=function PaymentsProfilesHeader(_ref339){var _ref$current;var dropdownOptions=_ref339.dropdownOptions,onDropdownSelection=_ref339.onDropdownSelection;var _useTranslation44=(0,_reactI18next.useTranslation)('subscriptions-manager'),t=_useTranslation44.t;var _React$useState3=_react.default.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),isDropdownOpen=_React$useState4[0],setIsDropdownOpen=_React$useState4[1];var 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:function onOptionSelect(e){onDropdownSelection(e);setIsDropdownOpen(false);},onClose:function onClose(){return setIsDropdownOpen(false);},maxWidth:(_ref$current=ref.current)===null||_ref$current===void 0?void 0:_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:function onClick(){return setIsDropdownOpen(true);}}))));};var getPaymentMethodTranslation=function getPaymentMethodTranslation(type,t){return t("payment_profile.".concat(type));};var getPaymentMethodOptions=function getPaymentMethodOptions(type,t,availableActions){var typeTranslation=getPaymentMethodTranslation(type,t);var 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;};var PAYMENT_PROFILE_STATUS={active:'active',expired:'error',unavailable:'unavailable',normal:null};var PaymentProfileContainer=function PaymentProfileContainer(_ref340){var paymentProfile=_ref340.paymentProfile,portalContainerRef=_ref340.portalContainerRef,_ref340$isDropdownOpe=_ref340.isDropdownOpen,isDropdownOpen=_ref340$isDropdownOpe===void 0?false:_ref340$isDropdownOpe,onToggleDropdown=_ref340.onToggleDropdown,onSelectOption=_ref340.onSelectOption,componentSize=_ref340.componentSize;var _useTranslation45=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation45.t;var availableActions=usePaymentProfileAvailableActions(paymentProfile.status);var id=paymentProfile.id,type=paymentProfile.type,creditCard=paymentProfile.creditCard,address=paymentProfile.address;var slot=function slot(){return paymentProfile.status!=="unavailable"?/*#__PURE__*/_react.default.createElement(Dropdown,{maxWidth:215,isOpen:isDropdownOpen,onOptionSelect:function onOptionSelect(option){return onSelectOption(option,id);},options:getPaymentMethodOptions(type,t,availableActions),onClose:function onClose(){return onToggleDropdown(null);},portalContainer:portalContainerRef,alignment:"right"},/*#__PURE__*/_react.default.createElement(Button$1,{onClick:function onClick(){return onToggleDropdown(isDropdownOpen?null:id);},label:"",iconLeft:"ellipsis",fill:"outline",color:"secondary"})):null;};var renderPaymentProfile=function 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:_objectSpread(_objectSpread({},creditCard),{},{type:creditCard===null||creditCard===void 0?void 0:creditCard.cardType}),addressDetails:address});default:return null;}};return renderPaymentProfile();};var Wrapper$8=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper8",componentId:"maxio-components__sc-lo74t2-180"})(["&&&{display:flex;justify-content:start;}"]);var 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);var PaymentProfilesSkeletonLoader=function PaymentProfilesSkeletonLoader(){return/*#__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})))));};var PaymentProfiles$1=function PaymentProfiles$1(_ref341){var onRetry=_ref341.onRetry,onSelectPaymentProfileOption=_ref341.onSelectPaymentProfileOption,onCreatePaymentProfile=_ref341.onCreatePaymentProfile,availablePaymentMethods=_ref341.availablePaymentMethods,goBack=_ref341.goBack,isLoading=_ref341.isLoading,activePaymentProfile=_ref341.activePaymentProfile,paymentProfiles=_ref341.paymentProfiles,isError=_ref341.isError;var _useTranslation46=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profiles']),t=_useTranslation46.t;var _useDeviceInfo10=useDeviceInfo(),device=_useDeviceInfo10.device;var portalContainerRef=(0,_react.useRef)(null);var _useState49=(0,_react.useState)(null),_useState50=_slicedToArray(_useState49,2),paymentProfileDropdown=_useState50[0],setPaymentProfileDropdown=_useState50[1];var componentSize=device==='mobile'?'small':'regular';var hasPaymentProfiles=(paymentProfiles===null||paymentProfiles===void 0?void 0:paymentProfiles.length)>0||activePaymentProfile;var 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:function onToggleDropdown(id){return 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===null||paymentProfiles===void 0?void 0: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(function(paymentProfile){return/*#__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:function onToggleDropdown(id){return 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}}));};var Separator$1=_styledComponents.default.div.withConfig({displayName:"maxio__Separator1",componentId:"maxio-components__sc-lo74t2-182"})(["&&&{width:100%;height:1px;",";",";}"],function(_ref342){var theme=_ref342.theme;return(0,_styledComponents.css)(["background-color:",";"],theme.colors.white.main);},_styledSystem.margin);var Container=_styledComponents.default.div.withConfig({displayName:"maxio__Container",componentId:"maxio-components__sc-lo74t2-183"})(["&&&{",";}"],function(_ref343){var theme=_ref343.theme;return(0,_styledComponents.css)(["background-color:",";border-radius:","px;"],theme.colors.primary.extraLight,theme.radii[3]);});var FlexRow=_styledComponents.default.div.withConfig({displayName:"maxio__FlexRow",componentId:"maxio-components__sc-lo74t2-184"})(["&&&{display:flex;",";",";",";}"],_styledSystem.flexbox,_styledSystem.grid,_styledSystem.display);var Memo=(0,_styledComponents.default)(_framerMotion.motion.div).withConfig({displayName:"maxio__Memo",componentId:"maxio-components__sc-lo74t2-185"})(["&&&{width:100%;",";}"],_styledSystem.margin);var ComponentsPreviewRow=function ComponentsPreviewRow(_ref344){var row=_ref344.row;var name=row.name,description=row.description,_row$disableMemo=row.disableMemo,disableMemo=_row$disableMemo===void 0?false:_row$disableMemo,_row$memo=row.memo,memo=_row$memo===void 0?'':_row$memo,renderPrice=row.renderPrice,renderControl=row.renderControl,onMemoChange=row.onMemoChange;var _useDeviceInfo11=useDeviceInfo(),device=_useDeviceInfo11.device;var _useState51=(0,_react.useState)(!!memo),_useState52=_slicedToArray(_useState51,2),showMemo=_useState52[0],setShowMemo=_useState52[1];var _useState53=(0,_react.useState)(memo),_useState54=_slicedToArray(_useState53,2),inputMemo=_useState54[0],setInputMemo=_useState54[1];var handleMemoChange=function handleMemoChange(e){var _e$target;setInputMemo(e===null||e===void 0?void 0:(_e$target=e.target)===null||_e$target===void 0?void 0:_e$target.value);onMemoChange(e);};var isOnMobileDevice=['tablet','mobile'].includes(device);var _useTranslation47=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation47.t;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:function renderContent(){return/*#__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:function onClick(){setShowMemo(false);handleMemoChange(null);}}):/*#__PURE__*/_react.default.createElement(Anchor,{label:t('components_allocations.add_memo'),iconLeft:"edit",size:"small",onClick:function onClick(){return 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}))));};var ComponentsPreview=function ComponentsPreview(_ref345){var rows=_ref345.rows;return/*#__PURE__*/_react.default.createElement(Container,null,/*#__PURE__*/_react.default.createElement(Box,{paddingTop:5,paddingBottom:5,paddingLeft:6,paddingRight:6},rows.map(function(row,idx){return/*#__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}));})));};var _renderPrice=function 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));};var createOnOffRow=function createOnOffRow(component,onUpdateAllocation,locale){return _objectSpread({name:component.name,description:component.description,memo:component.memo,renderPrice:function renderPrice(){return _renderPrice(component.price,locale);},renderControl:function renderControl(){return/*#__PURE__*/_react.default.createElement(Toggle,{isDisabled:!component.updatesAllowed,variant:"reversed",isOn:!!component.allocatedQuantity,onChange:function onChange(value){return onUpdateAllocation({id:component.id,quantity:value?1:0,memo:component.memo});}});},disableMemo:!component.updatesAllowed},component.updatesAllowed&&{onMemoChange:function onMemoChange(e){var _e$target2;return onUpdateAllocation({id:component.id,quantity:component.allocatedQuantity?1:0,memo:(e===null||e===void 0?void 0:(_e$target2=e.target)===null||_e$target2===void 0?void 0:_e$target2.value)||''});}});};var createQuantityRow=function createQuantityRow(component,onUpdateAllocation,locale,hasError){return _objectSpread({name:component.name,description:component.description,memo:component.memo,renderPrice:function renderPrice(){return _renderPrice(component.price,locale);},renderControl:function renderControl(){return/*#__PURE__*/_react.default.createElement("div",{style:{maxWidth:80}},/*#__PURE__*/_react.default.createElement(Input$1,{value:component.allocatedQuantity.toString(),hasError:hasError,onChange:function onChange(e){var value=e.target.value;var regex=component!==null&&component!==void 0&&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:function onMemoChange(e){var _e$target3;return onUpdateAllocation({id:component.id,quantity:component.allocatedQuantity,memo:(e===null||e===void 0?void 0:(_e$target3=e.target)===null||_e$target3===void 0?void 0:_e$target3.value)||''});}});};var createComponentsPreviewRow=function createComponentsPreviewRow(components,onUpdateAllocation,locale,errors){var rows={recurring:{onOff:[],quantity:[]},oneTime:{quantity:[]}};var _iterator=_createForOfIteratorHelper(components),_step;try{var _loop=function _loop(){var component=_step.value;if(component.type==='quantity'){var hasError=(errors===null||errors===void 0?void 0:errors.findIndex(function(error){return error.id===component.id;}))>-1;var 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'){var _row=createOnOffRow(component,onUpdateAllocation,locale);if(component.recurring){rows.recurring['onOff'].push(_row);}}};for(_iterator.s();!(_step=_iterator.n()).done;){_loop();}}catch(err){_iterator.e(err);}finally{_iterator.f();}return rows;};var Wrapper$7=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper7",componentId:"maxio-components__sc-lo74t2-186"})(["&&&{display:flex;flex-direction:column;",";}"],_styledSystem.grid);var Header=_styledComponents.default.div.withConfig({displayName:"maxio__Header",componentId:"maxio-components__sc-lo74t2-187"})(["&&&{display:flex;column-gap:1ch;align-items:center;}"]);var ComponentsAllocationEditSkeleton=function ComponentsAllocationEditSkeleton(){var _useTranslation48=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation48.t;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})));};var ComponentsAllocationEdit=function ComponentsAllocationEdit(_ref346){var components=_ref346.components,errors=_ref346.errors,onUpdateAllocation=_ref346.onUpdateAllocation;var _useTranslation49=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation49.t,i18n=_useTranslation49.i18n;var _useMemo2=(0,_react.useMemo)(function(){return createComponentsPreviewRow(components,onUpdateAllocation,i18n.language,errors);},[components,i18n.language,errors,onUpdateAllocation]),_useMemo2$recurring=_useMemo2.recurring,onOffRecurringRows=_useMemo2$recurring.onOff,quantityRecurringRows=_useMemo2$recurring.quantity,quantityOneTimeRows=_useMemo2.oneTime.quantity;var renderRecurringSection=!!(onOffRecurringRows!==null&&onOffRecurringRows!==void 0&&onOffRecurringRows.length)||!!(quantityRecurringRows!==null&&quantityRecurringRows!==void 0&&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!==null&&onOffRecurringRows!==void 0&&onOffRecurringRows.length?/*#__PURE__*/_react.default.createElement(ComponentsPreview,{rows:onOffRecurringRows}):null,quantityRecurringRows!==null&&quantityRecurringRows!==void 0&&quantityRecurringRows.length?/*#__PURE__*/_react.default.createElement(ComponentsPreview,{rows:quantityRecurringRows}):null))),(quantityOneTimeRows===null||quantityOneTimeRows===void 0?void 0: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;var getAllocationSummaryPaymentMessage=function getAllocationSummaryPaymentMessage(_ref347){var accrueCharge=_ref347.accrueCharge,t=_ref347.t,currency=_ref347.currency,language=_ref347.language,totalAmountInCents=_ref347.totalAmountInCents;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')};};var mapAllocationsToTable=function mapAllocationsToTable(_ref348){var componentsAllocations=_ref348.componentsAllocations,t=_ref348.t,language=_ref348.language,currency=_ref348.currency;var parsedAllocations=[];componentsAllocations.map(function(allocation){var nameColumn={value:allocation===null||allocation===void 0?void 0:allocation.name};var 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="(".concat(allocationDescription,")");if(allocation.memo){allocationDescription+='\n"'+allocation.memo+'"';}var descriptionColumn={value:allocationDescription,color:'gray.dark'};var priceColumn={value:formatCurrency(currency,allocation.amountInCents,language),textAlign:'right',color:allocation.amountInCents===0?'gray.main':'black.main'};var allocationRow=[nameColumn,descriptionColumn,priceColumn];parsedAllocations.push(allocationRow);});return parsedAllocations;};var mapChargeSummaryToTable$1=function mapChargeSummaryToTable$1(_ref349){var allocationsPreview=_ref349.allocationsPreview,t=_ref349.t,language=_ref349.language;var formatAmount=function formatAmount(amount){return formatCurrency(allocationsPreview.currency,amount,language);};var 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;};var sortComponentAllocations=function sortComponentAllocations(componentsAllocations,components){var sortedAllocations={recurringAllocations:[],oneTimeAllocations:[]};componentsAllocations.forEach(function(allocation){var component=components.find(function(component){return component.id===allocation.id;});if(component){var recurring=component.recurring,name=component.name,type=component.type,unitName=component.unitName;if(recurring){sortedAllocations.recurringAllocations.push(_objectSpread(_objectSpread({},allocation),{},{unitName:unitName,name:name,type:type}));return;}sortedAllocations.oneTimeAllocations.push(_objectSpread(_objectSpread({},allocation),{},{unitName:unitName,name:name,type:type}));}});return sortedAllocations;};var AllocationsTable=function AllocationsTable(_ref350){var heading=_ref350.heading,componentsAllocations=_ref350.componentsAllocations,currency=_ref350.currency;var _useTranslation50=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation50.t,i18n=_useTranslation50.i18n;var _useDeviceInfo12=useDeviceInfo(),device=_useDeviceInfo12.device;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:componentsAllocations,t:t,language:i18n.language,currency:currency}),columnSpans:device==='mobile'?[24,16,8]:[8,8,8]}));};var Summary=_styledComponents.default.div.withConfig({displayName:"maxio__Summary",componentId:"maxio-components__sc-lo74t2-188"})(["&&&{",";box-sizing:border-box;border-radius:8px;",";",";}"],function(_ref351){var theme=_ref351.theme;return(0,_styledComponents.css)(["border:1px solid ",";"],theme.colors.gray.extraLight);},_styledSystem.margin,_styledSystem.padding);var TotalCharge=_styledComponents.default.div.withConfig({displayName:"maxio__TotalCharge",componentId:"maxio-components__sc-lo74t2-189"})(["&&&{",";}"],function(_ref352){var theme=_ref352.theme;return(0,_styledComponents.css)(["border-bottom:1px solid ",";"],theme.colors.gray.extraLight);});var ComponentsAllocationPreview=function ComponentsAllocationPreview(_ref353){var allocationsPreview=_ref353.allocationsPreview,components=_ref353.components;var _useTranslation51=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation51.t,i18n=_useTranslation51.i18n;var paymentSummaryMessage=getAllocationSummaryPaymentMessage({accrueCharge:allocationsPreview.accrueCharge,totalAmountInCents:allocationsPreview.totalInCents,currency:allocationsPreview.currency,t:t,language:i18n.language});var 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:allocationsPreview,t: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)));};var PlanChangeAlerts=function PlanChangeAlerts(_ref354){var basePlanPrice=_ref354.basePlanPrice,productChangeStrategy=_ref354.productChangeStrategy,nextBillingDate=_ref354.nextBillingDate,totalCharge=_ref354.totalCharge,creditBalance=_ref354.creditBalance;var _useTranslation52=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation52.t;var commonAlertProps={color:'success',icon:'receipt'};switch(productChangeStrategy){case'prorated':return/*#__PURE__*/_react.default.createElement(Alert,_objectSpread({},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,_objectSpread({},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,_objectSpread(_objectSpread({},commonAlertProps),{},{title:t('plan_change.delayed_title',{date:nextBillingDate,basePlanPrice:basePlanPrice})}),/*#__PURE__*/_react.default.createElement(BodyText,{variant:'body2',color:'success.main'},t('plan_change.delayed_description')));}};var mapChargeSummaryToTable=function mapChargeSummaryToTable(_ref355){var changePlanPreview=_ref355.changePlanPreview,t=_ref355.t,language=_ref355.language,currency=_ref355.currency;var formatAmount=function formatAmount(amount){return formatCurrency(currency,amount,language);};var positiveCreditBalance=changePlanPreview.totalInCents>0;var 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:"".concat(positiveCreditBalance?'':'+').concat(formatAmount(Math.abs(changePlanPreview.totalInCents))),fontWeight:3,fontSize:1,textAlign:'right'}]);}return chargesSummary;};var PlanChangeSummaryCharges=function PlanChangeSummaryCharges(_ref356){var changePlanPreview=_ref356.changePlanPreview,currency=_ref356.currency;var _useTranslation53=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation53.t;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:changePlanPreview,t:t,language:_i18next.default.language,currency: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))))));};var SubscriptionContainer=function SubscriptionContainer(_ref357){var id=_ref357.id,_onShowDetails=_ref357.onShowDetails,subscriptionRef=_ref357.subscriptionRef,_ref357$layout=_ref357.layout,layout=_ref357$layout===void 0?'expandable-card':_ref357$layout,detailsVisible=_ref357.detailsVisible;var _useComponentSettings7=useComponentSettings(),customerSelfService=_useComponentSettings7.componentsAllocation.editAllowed;var _useTranslation54=(0,_reactI18next.useTranslation)(['common']),t=_useTranslation54.t,i18n=_useTranslation54.i18n;var _useSelector17=(0,_react2.useSelector)(subscriptionRef,subscriptionSelectors.getSubscriptionDetails),status=_useSelector17.status,product=_useSelector17.product,productFamilyId=_useSelector17.productFamilyId,billing=_useSelector17.billing,components=_useSelector17.components,customFields=_useSelector17.customFields,referralCode=_useSelector17.referralCode,threeDsActionLink=_useSelector17.threeDsActionLink,subscriptionDetails=_objectWithoutProperties(_useSelector17,_excluded25);var subscriptionTag=useSubscriptionStatus(status);var getCardColor=(0,_react.useCallback)(function(state){return INACTIVE_STATE.includes(state)?'gray':'white';},[]);var formattedSubscriptionDetails=useFormatSubscriptionDetails(_objectSpread(_objectSpread({product:product,status:status},subscriptionDetails),{},{locale:i18n.language,t:t}));var totalPrice=(0,_react.useMemo)(function(){var 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]);var renderComponentsSection=components.updatesAllowed&&customerSelfService||components.usedInBilling;var _useComponentSettings8=useComponentSettings(),subscription=_useComponentSettings8.subscription;var availableActions=useSubscriptionAvailableActions({status:status},subscription.scopes);return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(Subscription$1,_objectSpread({id:id,name:product.name,catalogId:productFamilyId,description:product.description,statusTag:subscriptionTag,status:status,layout:layout,price:totalPrice,detailsVisible:detailsVisible,onShowDetails:function onShowDetails(){return _onShowDetails&&_onShowDetails(id);},cardColor:getCardColor(status),billingDetails:billing,renderComponentsSection:renderComponentsSection,renderCustomFieldsSection:customFields===null||customFields===void 0?void 0:customFields.visible,availableActions:availableActions,referralCode:referralCode,threeDsActionLink:threeDsActionLink,currency:subscriptionDetails.currency},formattedSubscriptionDetails)));};var ItemsContainer=_styledComponents.default.div.withConfig({displayName:"maxio__ItemsContainer",componentId:"maxio-components__sc-lo74t2-190"})(["&&&{",";}"],_styledSystem.padding);var getErrorDescription=function 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');}};var mergeComponentsWithAllocations=function mergeComponentsWithAllocations(components){var allocations=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];return components.map(function(component){var _ref358=allocations.find(function(a){return a.id===component.id;})||{},memo=_ref358.memo,quantity=_ref358.quantity;if(memo){component.memo=memo;}if(typeof quantity==='number'||typeof quantity==='string'){component.allocatedQuantity=quantity;}return component;});};var 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};var sortByStatus=function sortByStatus(a,b){if(subscriptionStatusPriority[a]===subscriptionStatusPriority[b]){return 0;}return subscriptionStatusPriority[a]<subscriptionStatusPriority[b]?1:-1;};var sortByDate=function sortByDate(a,b){if(a===null)return 1;if(b===null)return-1;return new Date(a).getTime()-new Date(b).getTime();};var sortAlphabetically=function sortAlphabetically(a,b){return a.localeCompare(b);};var sortSubscriptions=function sortSubscriptions(subA,subB){var 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);};var SubscriptionsContainer=function SubscriptionsContainer(_ref359){var catalogId=_ref359.catalogId,catalogName=_ref359.catalogName,_ref359$useExpandable=_ref359.useExpandableLayout,useExpandableLayout=_ref359$useExpandable===void 0?false:_ref359$useExpandable;var _useContext44=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext44.subscriptionsService,productCatalogService=_useContext44.productCatalogService;var _useContext45=(0,_react.useContext)(ConfigContext),subscription=_useContext45.subscription;var navigate=(0,_reactRouterDom.useNavigate)();var expandedCatalogItems=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getExpandedCatalogItems);var subscriptionsWithVisibleDetails=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsWithVisibleDetails);var totalSubscriptions=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsCount);var subscriptions=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionsByCategoryId(catalogId),[]));var _useSelector18=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getCatalogById(catalogId),[])),isListExpanded=_useSelector18.isListExpanded,isPaginated=_useSelector18.isPaginated;var subscriptionLayout=totalSubscriptions>1?'expandable-card':'all-details';var onShowSubscriptionDetails=(0,_react.useCallback)(function(subscriptionId){if(totalSubscriptions>1){if(subscription.details==='page')navigate("subscription/".concat(catalogId,"/").concat(subscriptionId));else{subscriptionsService.send('TOGGLE_SUBSCRIPTION_DETAILS_VISIBILITY',{subscriptionId:subscriptionId});}}},[subscription.details]);var items=subscriptions.sort(function(a,b){return sortSubscriptions(a.subscription,b.subscription);}).filter(function(item,idx){return(isListExpanded||idx<DEFAULT_VISIBLE_SUBSCRIPTIONS)&&item;}).map(function(_ref360){var subscription=_ref360.subscription,subscriptionRef=_ref360.subscriptionRef;return/*#__PURE__*/_react.default.createElement(SubscriptionContainer,{key:subscription.id,id:subscription.id,layout:subscriptionLayout,detailsVisible:subscriptionLayout==='all-details'||subscriptionsWithVisibleDetails.includes(subscription.id),onShowDetails:function onShowDetails(subscriptionId){return onShowSubscriptionDetails(subscriptionId);},subscriptionRef:subscriptionRef});});var renderShowMoreBtn=isPaginated&&/*#__PURE__*/_react.default.createElement(ShowMore,{isExpanded:isListExpanded,items:subscriptions.length,onClick:function onClick(){return subscriptionsService.send('SET_LIST_EXPANDED',{catalogId: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:function onClick(isExpanded){productCatalogService.send('SET_CATALOG_EXPAND',{catalogId:catalogId,isExpanded:isExpanded});}},/*#__PURE__*/_react.default.createElement(ItemsContainer,{paddingBottom:5},items,renderShowMoreBtn)):/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,items,renderShowMoreBtn));};var PaymentProfilesContainer=function PaymentProfilesContainer(meta){var _useTranslation55=(0,_reactI18next.useTranslation)('subscriptions-manager'),t=_useTranslation55.t;var _useServices12=useServices(),modalsService=_useServices12.modalsService;var navigate=(0,_reactRouterDom.useNavigate)();var _useComponentSettings9=useComponentSettings(),details=_useComponentSettings9.subscription.details;var _useContext46=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext46.paymentProfilesService;var profiles=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfiles);var _useSelector19=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesState),isLoading=_useSelector19.isLoading,isError=_useSelector19.isError;var _useSortPaymentProfil=useSortPaymentProfiles(profiles),active=_useSortPaymentProfil.active,inactive=_useSortPaymentProfil.inactive;var availablePaymentMethods=useAvailablePaymentMethods();var handleOptionSelection=function handleOptionSelection(option,paymentProfileId){switch(option.value){case'select_payment_method':return modalsService.send(_objectSpread(_objectSpread({type:'SHOW_CHANGE_PAYMENT_PROFILE'},meta),{},{paymentProfileId:paymentProfileId}));case'view_details':return modalsService.send(_objectSpread(_objectSpread({type:'SHOW_PREVIEW_PAYMENT_PROFILE'},meta),{},{paymentProfileId:paymentProfileId}));case'delete_payment_method':return modalsService.send(_objectSpread(_objectSpread({type:'SHOW_DELETE_PAYMENT_PROFILE'},meta),{},{paymentProfileId:paymentProfileId}));default:return console.log('default');}};var options=[{label:t('payment_profile.credit_card'),value:'credit_card'}];var paymentMethodsOptions=(0,_react.useMemo)(function(){return options.filter(function(_ref361){var value=_ref361.value;return availablePaymentMethods.includes(value);});},[availablePaymentMethods]);var handlePaymentProfileCreation=(0,_react.useCallback)(function(option){switch(option.value){case'credit_card':return modalsService.send(_objectSpread(_objectSpread({type:'SHOW_CREATE_PAYMENT_PROFILE'},meta),{},{activePaymentProfileId:active===null||active===void 0?void 0: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===null||active===void 0?void 0:active.id]);var goBack=function goBack(){if(details==='page'){return navigate("/subscription/".concat(meta.catalogId,"/").concat(meta.subscriptionId));}return navigate("/");};return/*#__PURE__*/_react.default.createElement(PaymentProfiles$1,{onRetry:function onRetry(){return paymentProfilesService.send({type:'RETRY_FETCH'});},isError:isError,isLoading:isLoading,goBack:goBack,activePaymentProfile:active,paymentProfiles:inactive,onSelectPaymentProfileOption:handleOptionSelection,onCreatePaymentProfile:handlePaymentProfileCreation,availablePaymentMethods:paymentMethodsOptions});};var CreatePaymentProfileContainer=function CreatePaymentProfileContainer(_ref362){var formElementId=_ref362.formElementId,paymentProfileRef=_ref362.paymentProfileRef;var _useActor5=(0,_react2.useActor)(paymentProfileRef),_useActor6=_slicedToArray(_useActor5,2),sendToMachine=_useActor6[1];var _useServices13=useServices(),paymentGatewayService=_useServices13.paymentGatewayService;var useThreeDSecure=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getThreeDSecure);var gatewayConfig=(0,_react2.useSelector)(paymentGatewayService,paymentGatewaySelectors.getGatewayConfig);var requiredFields=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getRequiredFields);var _useSelector20=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfile),validationSchema=_useSelector20.validationSchema,billingAddress=_useSelector20.billingAddress,paymentMethod=_useSelector20.paymentMethod;var validateField=function validateField(fieldName,form,value){var fieldSchema=(0,yup.reach)(validationSchema,"".concat(form,".").concat(fieldName));fieldSchema.validate(value).then(function(){sendToMachine({type:'RESET_FIELD_ERROR',field:fieldName,form:form});}).catch(function(error){sendToMachine({type:'SET_FIELD_ERROR',error:error.message,field:fieldName,form:form});});};return/*#__PURE__*/_react.default.createElement(PaymentProfile$1,{formElementId:formElementId,config:gatewayConfig,requiredFields:requiredFields,useThreeDSecure:useThreeDSecure,paymentMethod:paymentMethod,billingAddress:billingAddress,onValidateField:validateField,onUpdateField:function onUpdateField(field,form,value){sendToMachine({type:'UPDATE_FIELD',form:form,field:field,value:value});}});};var Errors;(function(Errors){Errors["Tokenization"]="tokenizationError";Errors["CreateProfile"]="createProfileError";Errors["ConnectProfileWithSubscription"]="connectProfileError";})(Errors||(Errors={}));var CreatePaymentProfileErrorContainer=function CreatePaymentProfileErrorContainer(_ref363){var paymentProfileRef=_ref363.paymentProfileRef;var _useTranslation56=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation56.t;var _useActor7=(0,_react2.useActor)(paymentProfileRef),_useActor8=_slicedToArray(_useActor7,1),state=_useActor8[0];var _useSelector21=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfileErrors),tokenization=_useSelector21.tokenization;var translate=function translate(key){return t(key,{ns:'subscriptions-manager'});};var getTokenizationErrorMessage=(0,_react.useCallback)(function(error){var invalidFields=error.invalidFields,errors=error.errors;if(invalidFields)return null;return Array.isArray(errors)?errors.join(' '):errors;},[]);var errorRef=(0,_react.useCallback)(function(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){var 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;};var ComponentsAllocationContainer=function ComponentsAllocationContainer(_ref364){var addOnsConfigurationService=_ref364.addOnsConfigurationService,subscriptionId=_ref364.subscriptionId,onClose=_ref364.onClose;var _useTranslation57=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation57.t;var _useContext47=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext47.subscriptionsService;var toastService=useToastMessages();var _useSelector22=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState),configureAllocationsStep=_useSelector22.configureAllocationsStep,previewAllocationsStep=_useSelector22.previewAllocationsStep,configureAllocationsStepLoading=_useSelector22.configureAllocationsStepLoading,updateSuccess=_useSelector22.updateSuccess;var _useSelector23=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsComponents),components=_useSelector23.components;var allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);var mergedComponents=mergeComponentsWithAllocations(components,allocations);var _useSelector24=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocationError),error=_useSelector24.error;var _useSelector25=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocationsPreview),allocationsPreview=_useSelector25.allocationsPreview;(0,_react.useEffect)(function(){if(updateSuccess){subscriptionsService.send({type:'UPDATE_SUBSCRIPTION_COMPONENTS',subscriptionId: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===null||error===void 0?void 0:error.errors,onUpdateAllocation:function onUpdateAllocation(allocation){return addOnsConfigurationService.send('UPDATE_ALLOCATIONS_LIST',{allocation:allocation});}}),previewAllocationsStep&&allocationsPreview&&/*#__PURE__*/_react.default.createElement(ComponentsAllocationPreview,{components:components,allocationsPreview:allocationsPreview}));};var Content$c=function Content$c(_ref365){var onClose=_ref365.onClose,displayMode=_ref365.displayMode,subscriptionId=_ref365.subscriptionId,catalogId=_ref365.catalogId;var _useTranslation58=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation58.t;var addOnsConfigurationService=useAddonsConfigurationService(catalogId);var _useSelector26=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState),configureAllocationsStep=_useSelector26.configureAllocationsStep,previewAllocationsStep=_useSelector26.previewAllocationsStep,previewAllocationsLoading=_useSelector26.previewAllocationsLoading,updateAllocationsLoading=_useSelector26.updateAllocationsLoading;var allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);var getCurrentStep=function getCurrentStep(){return previewAllocationsStep?1:0;};(0,_react.useEffect)(function(){addOnsConfigurationService.send('INITIALIZE',{subscriptionId: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:function 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:function onClick(){return addOnsConfigurationService.send('PREVIEW_ALLOCATIONS',{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:function onClick(){addOnsConfigurationService.send('UPDATE_ALLOCATIONS',{allocations:allocations});}}))));};var ComponentsAllocation$1=function ComponentsAllocation$1(){var _useServices14=useServices(),modalsService=_useServices14.modalsService;var modalVariant=useModalVariant();var _useSelector27=(0,_react2.useSelector)(modalsService,modalsSelectors.getAddonsConfiguration),isOpen=_useSelector27.isOpen,meta=_useSelector27.meta;var closeHandler=function closeHandler(){return 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,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var getSubscriptionResumeAlertKeys=function getSubscriptionResumeAlertKeys(_ref366){var isPastRenewalDate=_ref366.isPastRenewalDate,resumeOption=_ref366.resumeOption,resumptionConfig=_ref366.resumptionConfig;var accessDateInfo=resumeOption==='immediate'?'resume_subscription.regain_access':'resume_subscription.regain_access_on_selected_date';var chargeInfo=getChargeInfoKey(resumptionConfig,isPastRenewalDate);return{accessDateInfo:accessDateInfo,chargeInfo:chargeInfo};};var getChargeInfoKey=function 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';}};var OptionsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__OptionsWrapper",componentId:"maxio-components__sc-lo74t2-191"})(["&&&{display:flex;flex-direction:column;row-gap:","px;}"],function(_ref367){var theme=_ref367.theme;return theme.space[5];});var AutomaticResumeOption=_styledComponents.default.div.withConfig({displayName:"maxio__AutomaticResumeOption",componentId:"maxio-components__sc-lo74t2-192"})(["&&&{display:flex;flex-direction:row;flex-wrap:wrap;gap:","px;}"],function(_ref368){var theme=_ref368.theme;return theme.space[5];});var ResumeOptions$1={IMMEDIATE:'immediate',AUTOMATIC_RESUME:'automatic_resume'};var Content$b=function Content$b(_ref369){var onClose=_ref369.onClose,displayMode=_ref369.displayMode,subscriptionId=_ref369.subscriptionId,catalogId=_ref369.catalogId,_ref369$autoResumeDef=_ref369.autoResumeDefaultDate,autoResumeDefaultDate=_ref369$autoResumeDef===void 0?(0,_dayjs.default)().add(7,'day').toISOString():_ref369$autoResumeDef;var _useServices15=useServices(),subscriptionsService=_useServices15.subscriptionsService;var _useSelector28=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId)),subscription=_useSelector28.subscription;var _useState55=(0,_react.useState)(subscription.automaticallyResumeAt?ResumeOptions$1.AUTOMATIC_RESUME:ResumeOptions$1.IMMEDIATE),_useState56=_slicedToArray(_useState55,2),selectedResumeOption=_useState56[0],setSelectedResumeOption=_useState56[1];var _useState57=(0,_react.useState)(subscription.automaticallyResumeAt||autoResumeDefaultDate),_useState58=_slicedToArray(_useState57,2),resumeDate=_useState58[0],setResumeDate=_useState58[1];var _useTranslation59=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation59.t;var resumeService=useSubscriptionResumeService(catalogId,subscriptionId);var toastService=useToastMessages();var modalRef=(0,_react.useRef)(null);var portalContainer=(0,_react.useRef)(null);var resumptionConfig=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getResumptionConfig);var error=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getErrorCode);var _useSelector29=(0,_react2.useSelector)(resumeService,resumeSubscriptionSelectors.getResumeSubscriptionStatus),resumeSubscriptionSuccess=_useSelector29.resumeSubscriptionSuccess,resumeSubscriptionLoading=_useSelector29.resumeSubscriptionLoading;var name=subscription.product.name;(0,_react.useEffect)(function(){if(subscription.snapDay){resumeService.send('GET_RESUMPTION_CONFIG');}},[subscription.snapDay,resumeService]);(0,_react.useEffect)(function(){if(resumeSubscriptionSuccess){onClose();var 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]);var onResume=function onResume(){if(selectedResumeOption===ResumeOptions$1.IMMEDIATE){return resumeService.send('RESUME_SUBSCRIPTION');}return resumeService.send({type:'RESUME_SUBSCRIPTION_AT',resumeDate:resumeDate});};var isSubscriptionResumable=(0,_dayjs.default)(subscription.automaticallyResumeAt).isAfter(new Date());var alertMessageTitle=function alertMessageTitle(){return selectedResumeOption==='immediate'?t('resume_subscription.plan_will_be_active',{subscriptionName:name}):t('resume_subscription.plan_will_be_activated',{subscriptionName:name});};var alertMessageDescription=getSubscriptionResumeAlertKeys({isPastRenewalDate:isSubscriptionResumable,resumeOption:selectedResumeOption,resumptionConfig: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:function onValueChange(){return 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:function onValueChange(){return setSelectedResumeOption(ResumeOptions$1.AUTOMATIC_RESUME);},isSelected:selectedResumeOption===ResumeOptions$1.AUTOMATIC_RESUME}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:function onChange(date){return 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})));};var ResumeSubscription=function ResumeSubscription(){var _useServices16=useServices(),modalsService=_useServices16.modalsService;var modalVariant=useModalVariant();var _useSelector30=(0,_react2.useSelector)(modalsService,modalsSelectors.getResumeSubscription),isOpen=_useSelector30.isOpen,meta=_useSelector30.meta;var closeHandler=function closeHandler(){return 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,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var initialContext={error:null,status:null};var 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'}}});var getPauseSubscriptionStatus=function getPauseSubscriptionStatus(machineState){return{idle:machineState.matches('idle'),pauseSubscriptionLoading:machineState.matches('pauseSubscription'),pauseSubscriptionSuccess:machineState.matches('success'),pauseSubscriptionError:machineState.matches('error')};};var getErrorCode=function getErrorCode(machineState){return machineState.context.error;};var pauseSubscriptionSelectors={getPauseSubscriptionStatus:getPauseSubscriptionStatus,getErrorCode:getErrorCode};var usePauseSubscriptionService=function usePauseSubscriptionService(catalogId,subscriptionId){var _useContext48=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext48.dataAccess;var _useContext49=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext49.subscriptionsService;return(0,_react2.useInterpret)(pauseSubscription,{services:{pauseSubscription:function pauseSubscription(_ctx,payload){return dataAccess.pauseSubscription(payload.subscriptionId,payload.automaticallyResumeAt);}},actions:{updateSubscription:function updateSubscription(_ctx,payload){var _payload$data2=payload.data,automaticallyResumeAt=_payload$data2.automaticallyResumeAt,state=_payload$data2.state;subscriptionsService.send({type:'UPDATE_SUBSCRIPTION',subscriptionId:subscriptionId,catalogId:catalogId,automaticallyResumeAt:automaticallyResumeAt,status:state});},setError:(0,_xstate.assign)(function(context,event){return _objectSpread(_objectSpread({},context),{},{error:event.data});})}});};var ResumeOptions={MANUAL_RESUME:'manual_resume',AUTOMATIC_RESUME:'automatic_resume'};var defaultDate=(0,_dayjs.default)().add(7,'day');var Content$a=function Content$a(_ref370){var onClose=_ref370.onClose,displayMode=_ref370.displayMode,catalogId=_ref370.catalogId,subscriptionId=_ref370.subscriptionId;var _useTranslation60=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation60.t;var modalRef=(0,_react.useRef)(null);var portalContainer=(0,_react.useRef)(null);var _useContext50=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext50.subscriptionsService;var toastService=useToastMessages();var _useSelector31=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),subscription=_useSelector31.subscription;var pauseSubscriptionService=usePauseSubscriptionService(catalogId,subscriptionId);var _useState59=(0,_react.useState)(subscription.automaticallyResumeAt?ResumeOptions.AUTOMATIC_RESUME:ResumeOptions.MANUAL_RESUME),_useState60=_slicedToArray(_useState59,2),selectedResumeOption=_useState60[0],setSelectedResumeOption=_useState60[1];var pauseSubscription=function pauseSubscription(){var payload={subscriptionId:subscriptionId};if(selectedResumeOption===ResumeOptions.AUTOMATIC_RESUME){payload.automaticallyResumeAt=selectedDateTime.toISOString();}pauseSubscriptionService.send('PAUSE_SUBSCRIPTION',payload);};var alertMessage=function alertMessage(){return selectedResumeOption==='manual_resume'?t('pause_subscription.manual_resume_description'):t('pause_subscription.automatic_resume_description',{date:formatDate(selectedDateTime)});};var _useSelector32=(0,_react2.useSelector)(pauseSubscriptionService,pauseSubscriptionSelectors.getPauseSubscriptionStatus),pauseSubscriptionLoading=_useSelector32.pauseSubscriptionLoading,pauseSubscriptionError=_useSelector32.pauseSubscriptionError,pauseSubscriptionSuccess=_useSelector32.pauseSubscriptionSuccess;var error=(0,_react2.useSelector)(pauseSubscriptionService,pauseSubscriptionSelectors.getErrorCode);var _useState61=(0,_react.useState)(subscription.automaticallyResumeAt?(0,_dayjs.default)(subscription.automaticallyResumeAt):defaultDate),_useState62=_slicedToArray(_useState61,2),selectedDateTime=_useState62[0],setSelectedDateTime=_useState62[1];(0,_react.useEffect)(function(){if(pauseSubscriptionSuccess){onClose();var 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:function onValueChange(value){return 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:function onValueChange(value){return setSelectedResumeOption(value);},isSelected:selectedResumeOption===ResumeOptions.AUTOMATIC_RESUME}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:function onChange(dateTime){return 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})));};var PauseSubscription=function PauseSubscription(){var _useServices17=useServices(),modalsService=_useServices17.modalsService;var modalVariant=useModalVariant();var _useSelector33=(0,_react2.useSelector)(modalsService,modalsSelectors.getPauseSubscription),isOpen=_useSelector33.isOpen,meta=_useSelector33.meta;var closeHandler=function closeHandler(){return 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,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var CancelOptions;(function(CancelOptions){CancelOptions["IMMEDIATE_CANCEL"]="immediate";CancelOptions["SCHEDULED_CANCEL"]="scheduled";CancelOptions["DELAYED_CANCEL"]="delayed";})(CancelOptions||(CancelOptions={}));var 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)(function(ctx,e){return _defineProperty({},e.name,e.value);})},GET_CHURN_REASON_CODES:{target:'loading'}}},loading:{invoke:{src:'getChurnReasonCodes',onDone:{target:'idle',actions:(0,_xstate.assign)({churnReasons:function churnReasons(_,event){return event.data.items;},cancellationChurnReasonCode:function cancellationChurnReasonCode(_,_ref372){var data=_ref372.data;return data.items.length===1?data.items[0].code:null;}})},onError:{target:'error'}}},error:{}}});var useCancelForm=function useCancelForm(enabledChurnReasonCodes,availableCancelType){var defaultDate=(0,_dayjs.default)().add(7,'day');var _useContext51=(0,_react.useContext)(DataAccessContext),dataAccess=_useContext51.dataAccess;var _useMachine9=(0,_react2.useMachine)(cancelForm,{context:{cancellationType:availableCancelType[0],cancellationDate:defaultDate.toISOString()},services:{getChurnReasonCodes:function getChurnReasonCodes(){return dataAccess.getChurnReasonCodes();}}}),_useMachine10=_slicedToArray(_useMachine9,2),_useMachine10$=_useMachine10[0],context=_useMachine10$.context,value=_useMachine10$.value,send=_useMachine10[1];(0,_react.useEffect)(function(){if(enabledChurnReasonCodes){send({type:'GET_CHURN_REASON_CODES'});}},[enabledChurnReasonCodes,send]);var isLoading=value==='loading';var hasError=value==='error';var isFormValid=function isFormValid(){if(context.cancellationConfirmation!=='cancel'){return false;}if(enabledChurnReasonCodes&&context.churnReasons.length>0){return context.cancellationChurnReasonCode!==null;}return true;};return{context:context,send:send,isValid:isFormValid(),isLoading:isLoading,hasError:hasError};};var Separator=_styledComponents.default.div.withConfig({displayName:"maxio__Separator",componentId:"maxio-components__sc-lo74t2-193"})(["&&&{margin:","px 0;border-top:1px solid ",";}"],function(props){return props.theme.space[6];},function(props){return props.theme.colors.gray.extraLight;});var InputsWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__InputsWrapper",componentId:"maxio-components__sc-lo74t2-194"})(["&&&{display:flex;flex-direction:column;}"]);var RequiredStar=_styledComponents.default.span.withConfig({displayName:"maxio__RequiredStar",componentId:"maxio-components__sc-lo74t2-195"})(["&&&{color:",";}"],function(_ref373){var theme=_ref373.theme;return theme.colors.danger.main;});var ChurnReasonCodes=function ChurnReasonCodes(_ref374){var items=_ref374.items,onChange=_ref374.onChange,selectedValue=_ref374.selectedValue;var _useTranslation61=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation61.t;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(function(a,b){return a.position-b.position;}).map(function(_ref375){var id=_ref375.id,code=_ref375.code,description=_ref375.description;return/*#__PURE__*/_react.default.createElement(RadioButton,{key:id,label:description,value:code,onValueChange:onChange,isSelected:code===selectedValue});})));};var Form=function Form(_ref376){var _values$churnReasons;var _onChange9=_ref376.onChange,availableCancelOptions=_ref376.availableCancelOptions,values=_ref376.values,modalRef=_ref376.modalRef,portalContainer=_ref376.portalContainer,subscriptionNextAssessmentDate=_ref376.subscriptionNextAssessmentDate,isLoading=_ref376.isLoading;var _useTranslation62=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation62.t;var cancellationType=values.cancellationType,cancellationChurnReasonCode=values.cancellationChurnReasonCode,cancellationDate=values.cancellationDate,churnReasons=values.churnReasons;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:function onValueChange(value){return _onChange9('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:function onValueChange(value){return _onChange9('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:function onValueChange(value){return _onChange9('cancellationType',value);},isSelected:cancellationType===CancelOptions.SCHEDULED_CANCEL}),/*#__PURE__*/_react.default.createElement(DateTimePicker,{onChange:function onChange(dateTime){return _onChange9('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=values.churnReasons)===null||_values$churnReasons===void 0?void 0:_values$churnReasons.length)>0&&/*#__PURE__*/_react.default.createElement(ChurnReasonCodes,{selectedValue:cancellationChurnReasonCode,onChange:function onChange(value){return _onChange9('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:function onChange(e){_onChange9('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:function onChange(e){return _onChange9('cancellationConfirmation',e.target.value);}})))));};var Content$9=function Content$9(_ref377){var onClose=_ref377.onClose,displayMode=_ref377.displayMode,catalogId=_ref377.catalogId,subscriptionId=_ref377.subscriptionId,availableCancelOptions=_ref377.availableCancelOptions,enabledChurnReasonCodes=_ref377.enabledChurnReasonCodes;var _useTranslation63=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation63.t;var modalRef=(0,_react.useRef)(null);var portalContainer=(0,_react.useRef)(null);var _useContext52=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext52.subscriptionsService;var _useSelector34=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),subscription=_useSelector34.subscription;var cancelService=useCancelSubscriptionService(catalogId,subscriptionId);var _useSelector35=(0,_react2.useSelector)(cancelService,cancelSubscriptionSelectors.getCancelSubscriptionStatus),cancelSubscriptionSuccess=_useSelector35.cancelSubscriptionSuccess,cancelSubscriptionError=_useSelector35.cancelSubscriptionError,cancelSubscriptionLoading=_useSelector35.cancelSubscriptionLoading;var _useCancelForm=useCancelForm(enabledChurnReasonCodes,availableCancelOptions),context=_useCancelForm.context,send=_useCancelForm.send,isFormValid=_useCancelForm.isValid,isFormLoading=_useCancelForm.isLoading,hasFormError=_useCancelForm.hasError;var cancellationType=context.cancellationType,cancellationDate=context.cancellationDate,cancellationMessage=context.cancellationMessage,cancellationChurnReasonCode=context.cancellationChurnReasonCode;var toastService=useToastMessages();var cancelDateTime=cancellationType===CancelOptions.SCHEDULED_CANCEL?cancellationDate:subscription.nextAssessmentAt;(0,_react.useEffect)(function(){if(cancelSubscriptionSuccess){onClose();var 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]);var alertMsg=function 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)});};var onCancelSubscription=function onCancelSubscription(){if(cancellationType===CancelOptions.IMMEDIATE_CANCEL){return cancelService.send({type:'CANCEL_SUBSCRIPTION',cancellationMessage:cancellationMessage,churnReasonCode:cancellationChurnReasonCode});}if(cancellationType===CancelOptions.DELAYED_CANCEL){return cancelService.send({type:'CANCEL_SUBSCRIPTION',cancelAtEndOfPeriod:true,cancellationMessage:cancellationMessage,churnReasonCode:cancellationChurnReasonCode});}return cancelService.send({type:'CANCEL_SUBSCRIPTION',scheduledCancellationAt:cancelDateTime,cancellationMessage: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:function onChange(name,value){return 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:function onClick(){return onCancelSubscription();}}))))),/*#__PURE__*/_react.default.createElement(Portal,null,/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer})));};var useCancelAvailableOptions=function useCancelAvailableOptions(subscriptionScopes){var 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;};var CancelSubscription=function CancelSubscription(){var _useServices18=useServices(),modalsService=_useServices18.modalsService;var _useComponentSettings10=useComponentSettings(),subscription=_useComponentSettings10.subscription;var modalVariant=useModalVariant();var _useSelector36=(0,_react2.useSelector)(modalsService,modalsSelectors.getCancelSubscription),isOpen=_useSelector36.isOpen,meta=_useSelector36.meta;var availableCancelOptions=useCancelAvailableOptions(subscription.scopes);var closeHandler=function closeHandler(){return 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$9,_objectSpread(_objectSpread({},meta),{},{enabledChurnReasonCodes:subscription.churnReasonCodes,displayMode:modalVariant,onClose:closeHandler,availableCancelOptions:availableCancelOptions})));};var Content$8=function Content$8(_ref378){var subscriptionId=_ref378.subscriptionId,catalogId=_ref378.catalogId,onClose=_ref378.onClose,displayMode=_ref378.displayMode,paymentProfileId=_ref378.paymentProfileId;var _useTranslation64=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']),t=_useTranslation64.t;var toastService=useToastMessages();var onSuccessfulChange=function onSuccessfulChange(){toastService.show({message:t('payment_profile.success_payment_method_change'),level:'success'});onClose(true);};var changePaymentProfileService=useChangePaymentProfile({subscriptionId:subscriptionId,catalogId:catalogId,paymentProfileId:paymentProfileId,onChangeSuccess:onSuccessfulChange});var _useSelector37=(0,_react2.useSelector)(changePaymentProfileService,changePaymentProfileSelectors.getChangePaymentProfileStatus),isError=_useSelector37.isError,isLoading=_useSelector37.isLoading;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:function onClick(){return 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:function onClick(){return changePaymentProfileService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:paymentProfileId});}}))));};var ChangePaymentMethod=function ChangePaymentMethod(){var _useServices19=useServices(),modalsService=_useServices19.modalsService;var _useDeviceInfo13=useDeviceInfo(),device=_useDeviceInfo13.device;var _useSelector38=(0,_react2.useSelector)(modalsService,modalsSelectors.getChangePaymentMethod),isOpen=_useSelector38.isOpen,meta=_useSelector38.meta;var closeHandler=function closeHandler(){modalsService.send({type:'CLOSE_MODAL'});};var 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,_objectSpread(_objectSpread({},meta),{},{displayMode:'window',onClose:closeHandler})));};var DetailRow=function DetailRow(_ref379){var label=_ref379.label,value=_ref379.value;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))));};var BillingAddress=function BillingAddress(_ref380){var billingAddress=_ref380.billingAddress;var _useTranslation65=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation65.t;var _useFormatAddress2=useFormatAddress(billingAddress),address=_useFormatAddress2.address,address2=_useFormatAddress2.address2,city=_useFormatAddress2.city,state=_useFormatAddress2.state,zip=_useFormatAddress2.zip,country=_useFormatAddress2.country;var addresses=(address||address2)&&"".concat(address," ").concat(address2);var stateAndZip=(state||zip)&&"".concat(state," ").concat(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})));};var Content$7=function Content$7(_ref381){var subscriptionId=_ref381.subscriptionId,catalogId=_ref381.catalogId,onClose=_ref381.onClose,displayMode=_ref381.displayMode,paymentProfileId=_ref381.paymentProfileId;var _useTranslation66=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']),t=_useTranslation66.t;var toastService=useToastMessages();var _useServices20=useServices(),modalsService=_useServices20.modalsService;var _useContext53=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext53.paymentProfilesService;var _useSelector39=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfilesById(paymentProfileId)),creditCard=_useSelector39.creditCard,address=_useSelector39.address,type=_useSelector39.type,status=_useSelector39.status;var paymentProfileActions=usePaymentProfileAvailableActions(status);var onDeletePaymentProfile=function onDeletePaymentProfile(){onClose(true);modalsService.send({type:'SHOW_DELETE_PAYMENT_PROFILE',paymentProfileId:paymentProfileId,subscriptionId:subscriptionId,catalogId:catalogId});};var onSuccessfulChange=function onSuccessfulChange(){toastService.show({message:t('payment_profile.success_payment_method_change'),level:'success'});onClose(true);};var changePaymentProfileService=useChangePaymentProfile({subscriptionId:subscriptionId,catalogId:catalogId,paymentProfileId:paymentProfileId,onChangeSuccess:onSuccessfulChange});var _useSelector40=(0,_react2.useSelector)(changePaymentProfileService,changePaymentProfileSelectors.getChangePaymentProfileStatus),isError=_useSelector40.isError,isLoading=_useSelector40.isLoading;var isAddressEmpty=(0,_react.useMemo)(function(){return Object.values(address).every(function(value){return!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.".concat(type))}))),/*#__PURE__*/_react.default.createElement(Column$1,{span:[24,18]},/*#__PURE__*/_react.default.createElement(CreditCard$2,{status:PAYMENT_PROFILE_STATUS[status],card:_objectSpread(_objectSpread({},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.".concat(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:function onClick(){return 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:function onClick(){return changePaymentProfileService.send({type:'CHANGE_PAYMENT_PROFILE',paymentProfileId:paymentProfileId});}})))));};var PreviewPaymentMethod=function PreviewPaymentMethod(){var _useServices21=useServices(),modalsService=_useServices21.modalsService;var _useDeviceInfo14=useDeviceInfo(),device=_useDeviceInfo14.device;var _useSelector41=(0,_react2.useSelector)(modalsService,modalsSelectors.getPreviewPaymentMethod),isOpen=_useSelector41.isOpen,meta=_useSelector41.meta;var closeHandler=function closeHandler(){modalsService.send({type:'CLOSE_MODAL'});};var 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$7,_objectSpread(_objectSpread({},meta),{},{displayMode:'window',onClose:closeHandler})));};var Content$6=function Content$6(_ref382){var onClose=_ref382.onClose,displayMode=_ref382.displayMode,catalogId=_ref382.catalogId,subscriptionId=_ref382.subscriptionId;var _useTranslation67=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation67.t;var modalRef=(0,_react.useRef)(null);var toastService=useToastMessages();var reactivateService=useReactivateSubscription(catalogId,subscriptionId);var _useContext54=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext54.subscriptionsService;var _useSelector42=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),subscription=_useSelector42.subscription;var _useSelector43=(0,_react2.useSelector)(reactivateService,reactivateSubscriptionSelectors.getReactivateSubscriptionStatus),reactivateSubscriptionSuccess=_useSelector43.reactivateSubscriptionSuccess,reactivateSubscriptionError=_useSelector43.reactivateSubscriptionError,reactivateSubscriptionLoading=_useSelector43.reactivateSubscriptionLoading;var reactivationError=(0,_react2.useSelector)(reactivateService,reactivateSubscriptionSelectors.getErrorCode);(0,_react.useEffect)(function(){if(reactivateSubscriptionSuccess){onClose();var toastMessage=t('reactivate_subscription.reactivate_success');toastService.show({level:'success',message:toastMessage});}},[reactivateSubscriptionSuccess,onClose,toastService,t]);var onReactivation=function onReactivation(){reactivateService.send({type:'REACTIVATE_SUBSCRIPTION'});};var getErrorMsgTitle=function getErrorMsgTitle(){return(reactivationError===null||reactivationError===void 0?void 0:reactivationError.errorCode)==='NotEligible'?t('reactivate_subscription.no_payment_method_title'):t('reactivate_subscription.unexpected_problem');};var getErrorMsgDescription=function getErrorMsgDescription(){return(reactivationError===null||reactivationError===void 0?void 0:reactivationError.errorCode)==='NotEligible'?t('reactivate_subscription.no_payment_method_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:'success'},/*#__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})))));};var ReactivateSubscription=function ReactivateSubscription(){var _useServices22=useServices(),modalsService=_useServices22.modalsService;var modalVariant=useModalVariant();var _useSelector44=(0,_react2.useSelector)(modalsService,modalsSelectors.getReactivateSubscription),isOpen=_useSelector44.isOpen,meta=_useSelector44.meta;var closeHandler=function closeHandler(){return 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,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var Content$5=function Content$5(_ref383){var onClose=_ref383.onClose,displayMode=_ref383.displayMode,catalogId=_ref383.catalogId,subscriptionId=_ref383.subscriptionId;var _useTranslation68=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation68.t;var modalRef=(0,_react.useRef)(null);var toastService=useToastMessages();var undoCancelationService=useUndoCancelationService(catalogId,subscriptionId);var _useContext55=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext55.subscriptionsService;var _useSelector45=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId),[])),subscription=_useSelector45.subscription;var _useSelector46=(0,_react2.useSelector)(undoCancelationService,undoCancelationSelectors.getUndoCancelationStatus),undoCancelationError=_useSelector46.undoCancelationError,undoCancelationLoading=_useSelector46.undoCancelationLoading,undoCancelationSuccess=_useSelector46.undoCancelationSuccess;(0,_react.useEffect)(function(){if(undoCancelationSuccess){onClose();var toastMessage=t('cancel_subscription.cancelation_stopped');toastService.show({level:'success',message:toastMessage});}},[undoCancelationSuccess,onClose,toastService,t]);var onUndoCancelation=function 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})))));};var UndoCancelation=function UndoCancelation(){var _useServices23=useServices(),modalsService=_useServices23.modalsService;var modalVariant=useModalVariant();var _useSelector47=(0,_react2.useSelector)(modalsService,modalsSelectors.getUndoCancelation),isOpen=_useSelector47.isOpen,meta=_useSelector47.meta;var closeHandler=function closeHandler(){return 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$5,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var SubscriptionNamesList=_styledComponents.default.ul.withConfig({displayName:"maxio__SubscriptionNamesList",componentId:"maxio-components__sc-lo74t2-196"})(["&&&{color:inherit;margin:","px 0;padding-left:","px;}"],function(_ref384){var theme=_ref384.theme;return theme.space[2];},function(_ref385){var theme=_ref385.theme;return theme.space[7];});var ErrorList=function ErrorList(_ref386){var listTitle=_ref386.listTitle,items=_ref386.items,bottomText=_ref386.bottomText,listDescription=_ref386.listDescription;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(function(_ref387){var id=_ref387.id,product=_ref387.product;return/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{as:'li',key:id},product.name);})),/*#__PURE__*/_react.default.createElement(Alert.TextMessage,{fontWeight:700},bottomText)));};var Content$4=function Content$4(_ref388){var onClose=_ref388.onClose,displayMode=_ref388.displayMode,paymentProfileId=_ref388.paymentProfileId;var _useTranslation69=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']),t=_useTranslation69.t;var toastService=useToastMessages();var onDeleteSuccess=function onDeleteSuccess(){toastService.show({message:t('payment_profile.delete_payment_method_success'),level:'info'});onClose(true);};var deletePaymentProfileService=useDeletePaymentProfile({paymentProfileId:paymentProfileId,onDeleteSuccess:onDeleteSuccess});var _useSelector48=(0,_react2.useSelector)(deletePaymentProfileService,deletePaymentProfileSelectors.getError),usedSubscriptions=_useSelector48.subscriptions,errorCode=_useSelector48.errorCode;var _useSelector49=(0,_react2.useSelector)(deletePaymentProfileService,deletePaymentProfileSelectors.getDeletePaymentProfileStatus),isLoading=_useSelector49.isLoading,hasError=_useSelector49.hasError;var 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:function onClick(){return onClose(false);}}),!hasError&&/*#__PURE__*/_react.default.createElement(Button$1,{disabled:hasError,color:"danger",isLoading:isLoading,label:t('payment_profile.delete_it'),onClick:function onClick(){return deletePaymentProfileService.send({type:'DELETE_PAYMENT_PROFILE'});}}))));};var DeletePaymentMethod=function DeletePaymentMethod(){var _useState63=(0,_react.useState)(false),_useState64=_slicedToArray(_useState63,1),closeDisable=_useState64[0];var _useServices24=useServices(),modalsService=_useServices24.modalsService;var _useDeviceInfo15=useDeviceInfo(),device=_useDeviceInfo15.device;var _useSelector50=(0,_react2.useSelector)(modalsService,modalsSelectors.getDeletePaymentMethod),isOpen=_useSelector50.isOpen,meta=_useSelector50.meta;var closeHandler=function closeHandler(successUpdate){if(!closeDisable||successUpdate)modalsService.send({type:'CLOSE_MODAL'});};var 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$4,_objectSpread(_objectSpread({},meta),{},{displayMode:'window',onClose:closeHandler})));};var 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;}"],function(_ref389){var theme=_ref389.theme;return theme.space[10];});var ExpiredStatus=function ExpiredStatus(_ref390){var text=_ref390.text;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));};var formatCardNumber=function formatCardNumber(cardNumber){return cardNumber.slice(-9).replace('-',' ').replace(/X/g,'*');};var LabelWrapper=_styledComponents.default.div.withConfig({displayName:"maxio__LabelWrapper",componentId:"maxio-components__sc-lo74t2-198"})(["&&&{display:flex;flex-direction:column;margin-left:","px;}"],function(_ref391){var theme=_ref391.theme;return theme.space[3];});var Label=function Label(_ref392){var maskedNumber=_ref392.maskedNumber,expirationYear=_ref392.expirationYear,expirationMonth=_ref392.expirationMonth;var _useTranslation70=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation70.t;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:expirationMonth,expirationYear:expirationYear})));};var 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;}"],function(_ref393){var theme=_ref393.theme;return theme.space[6];},function(_ref394){var theme=_ref394.theme;return theme.colors.gray.extraLight;},function(_ref395){var theme=_ref395.theme;return theme.space[6];});var PaymentProfileItem=function PaymentProfileItem(_ref396){var paymentProfile=_ref396.paymentProfile,onPaymentProfileSelected=_ref396.onPaymentProfileSelected,isChecked=_ref396.isChecked;var creditCard=paymentProfile.creditCard;var _useTranslation71=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation71.t;return/*#__PURE__*/_react.default.createElement(Wrapper$5,null,/*#__PURE__*/_react.default.createElement(Checkbox,{onChange:function onChange(){return onPaymentProfileSelected(paymentProfile.id);},value:isChecked,label:function label(){return 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})));};var Wrapper$4=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper4",componentId:"maxio-components__sc-lo74t2-200"})(["&&&{border-top:1px solid ",";padding-top:","px;}"],function(_ref397){var theme=_ref397.theme;return theme.colors.gray.light;},function(_ref398){var theme=_ref398.theme;return theme.space[5];});var 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 ",";",";}"],function(_ref399){var theme=_ref399.theme;return theme.space[6];},function(_ref400){var theme=_ref400.theme;return theme.radii[3];},function(_ref401){var theme=_ref401.theme;return theme.colors.gray.extraLight;},function(_ref402){var _theme$colors2,_theme$colors2$black;var theme=_ref402.theme;return(0,_styledComponents.css)(["box-shadow:0 8px 16px ",";"],(0,_polished.transparentize)(0.85,theme===null||theme===void 0?void 0:(_theme$colors2=theme.colors)===null||_theme$colors2===void 0?void 0:(_theme$colors2$black=_theme$colors2.black)===null||_theme$colors2$black===void 0?void 0:_theme$colors2$black.dark));});var PaymentProfilesReplace=function PaymentProfilesReplace(_ref403){var paymentProfiles=_ref403.paymentProfiles,selectedPaymentProfilesIds=_ref403.selectedPaymentProfilesIds,_onPaymentProfileSelected=_ref403.onPaymentProfileSelected;var _useTranslation72=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation72.t;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===null||paymentProfiles===void 0?void 0:paymentProfiles.map(function(paymentProfile){return/*#__PURE__*/_react.default.createElement(PaymentProfileItem,{isChecked:selectedPaymentProfilesIds===null||selectedPaymentProfilesIds===void 0?void 0:selectedPaymentProfilesIds.includes(paymentProfile.id),key:paymentProfile.id,paymentProfile:paymentProfile,onPaymentProfileSelected:function onPaymentProfileSelected(){return _onPaymentProfileSelected(paymentProfile.id);}});})));};_styledComponents.default.div.withConfig({displayName:"maxio",componentId:"maxio-components__sc-lo74t2-202"})(["&&&{border-top:1px solid ",";padding-top:","px;}"],function(_ref404){var theme=_ref404.theme;return theme.colors.gray.light;},function(_ref405){var theme=_ref405.theme;return theme.space[5];});var List=_styledComponents.default.ul.withConfig({displayName:"maxio__List",componentId:"maxio-components__sc-lo74t2-203"})(["&&&{",";font-size:","px;font-family:",";padding-left:","px;}"],_styledSystem.space,function(_ref406){var theme=_ref406.theme;return theme.fontSizes[1];},function(_ref407){var theme=_ref407.theme;return theme.fonts.secondary;},function(_ref408){var theme=_ref408.theme;return theme.space[6];});var PaymentProfilesReplaceAlerts=function PaymentProfilesReplaceAlerts(_ref409){var subscriptions=_ref409.subscriptions,onRetry=_ref409.onRetry;var success=subscriptions.success,failed=subscriptions.failed;var _useTranslation73=(0,_reactI18next.useTranslation)(['subscriptions-manager','common']),t=_useTranslation73.t;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(function(subscription){return/*#__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(function(subscription){return/*#__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'))));};var ReplacePaymentProfilesContainer=function ReplacePaymentProfilesContainer(_ref410){var paymentProfileRef=_ref410.paymentProfileRef;var _useContext56=(0,_react.useContext)(PaymentProfilesContext),paymentProfilesService=_useContext56.paymentProfilesService;var paymentProfiles=(0,_react2.useSelector)(paymentProfilesService,paymentProfilesSelectors.getPaymentProfiles);var selectedPaymentProfilesIds=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesIdsForReplacement);var subscriptions=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesSubscriptions);var isPaymentProfilesReplacementError=(0,_react2.useSelector)(paymentProfileRef,paymentProfileSelectors.getPaymentProfilesReplacementError);var 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:function onRetry(){return paymentProfileRef.send({type:'RETRY_REPLACE_PAYMENT_PROFILES'});}}):/*#__PURE__*/_react.default.createElement(PaymentProfilesReplace,{paymentProfiles:paymentProfiles,onPaymentProfileSelected:function onPaymentProfileSelected(id){return paymentProfileRef.send({type:'SET_PAYMENT_PROFILES_ID_FOR_REPLACEMENT',paymentProfileId:id});},selectedPaymentProfilesIds:selectedPaymentProfilesIds});};var FORM_ELEMENT_ID='page-payment-profile';var Content$3=function Content$3(_ref411){var activePaymentProfileId=_ref411.activePaymentProfileId,onClose=_ref411.onClose,onProcessingUpdate=_ref411.onProcessingUpdate,paymentMethod=_ref411.paymentMethod,subscriptionId=_ref411.subscriptionId,displayMode=_ref411.displayMode,catalogId=_ref411.catalogId;var toastService=useToastMessages();var _useTranslation74=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']),t=_useTranslation74.t;var onCreateProfileSuccess=function onCreateProfileSuccess(){onClose(true);toastService.show({level:'success',message:t('success_payment_method_save',{ns:'payment-profile'})});};var _useCreatePaymentProf=useCreatePaymentProfile({activePaymentProfileId:activePaymentProfileId,catalogId:catalogId,subscriptionId:subscriptionId,formElementId:FORM_ELEMENT_ID,paymentMethodType:paymentMethod,onCreateSuccess:onCreateProfileSuccess}),isProcessing=_useCreatePaymentProf.isProcessing,isProfileConnectionError=_useCreatePaymentProf.isProfileConnectionError,savePaymentMethod=_useCreatePaymentProf.savePaymentMethod,service=_useCreatePaymentProf.service;(0,_react.useEffect)(function(){onProcessingUpdate(isProcessing);},[isProcessing]);var paymentMethodsTranslations={creditCard:t('payment_profile.card'),bankAccount:t('payment_profile.bank_account')};var isPaymentProfilesReplacementError=(0,_react2.useSelector)(service,paymentProfileSelectors.getPaymentProfilesReplacementError);var isError=isProfileConnectionError||isPaymentProfilesReplacementError;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.new_payment_method_title',{paymentMethod:paymentMethodsTranslations[paymentMethod]})})),/*#__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}),/*#__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(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:function onClick(){return 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:function onClick(){return savePaymentMethod();}}))));};var PaymentProfile=function PaymentProfile(){var _useState65=(0,_react.useState)(false),_useState66=_slicedToArray(_useState65,2),closeDisable=_useState66[0],setCloseDisable=_useState66[1];var _useServices25=useServices(),modalsService=_useServices25.modalsService;var modalVariant=useModalVariant();var _useSelector51=(0,_react2.useSelector)(modalsService,modalsSelectors.getCreatePaymentProfile),isOpen=_useSelector51.isOpen,meta=_useSelector51.meta;var closeHandler=function 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$3,_objectSpread(_objectSpread({paymentMethod:'creditCard'},meta),{},{displayMode:modalVariant,onProcessingUpdate:function onProcessingUpdate(isProcessing){return setCloseDisable(isProcessing);},onClose:closeHandler}))));};var 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);",";}"],function(_ref412){var theme=_ref412.theme,selected=_ref412.selected;return selected?theme.colors.success.main:theme.colors.gray.extraLight;},function(_ref413){var theme=_ref413.theme;return theme.radii[3];},_styledSystem.space);var Wrapper$2=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper2",componentId:"maxio-components__sc-lo74t2-205"})(["&&&{display:flex;align-items:center;gap:","px;}"],function(_ref414){var theme=_ref414.theme;return theme.space[2];});var Status=function Status(_ref415){var text=_ref415.text;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));};var 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;}"],function(_ref416){var theme=_ref416.theme;return theme.space[2];});var Price=function Price(_ref417){var intervalUnit=_ref417.intervalUnit,price=_ref417.price;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,")"));};var PlanRadio=function PlanRadio(_ref418){var selected=_ref418.selected,onClick=_ref418.onClick,name=_ref418.name,id=_ref418.id,isCurrentPlan=_ref418.isCurrentPlan,price=_ref418.price,intervalUnit=_ref418.intervalUnit;var _useTranslation75=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation75.t;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:function onChange(){return 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}));};var Wrapper=_styledComponents.default.div.withConfig({displayName:"maxio__Wrapper",componentId:"maxio-components__sc-lo74t2-207"})(["&&&{display:flex;flex-direction:column;gap:","px;}"],function(_ref419){var theme=_ref419.theme;return theme.space[5];});var ChangePlanContainer=function ChangePlanContainer(_ref420){var currentPlanId=_ref420.currentPlanId,currency=_ref420.currency,changePlanService=_ref420.changePlanService;var _useTranslation76=(0,_reactI18next.useTranslation)(['common']),t=_useTranslation76.t;var products=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getProducts);var selectedPlan=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getSelectedPlan);var onPlanChange=function onPlanChange(planId){changePlanService.send({type:'SELECT_PLAN',planId:planId});};return/*#__PURE__*/_react.default.createElement(Wrapper,null,products===null||products===void 0?void 0:products.map(function(_ref421){var priceInCents=_ref421.priceInCents,name=_ref421.name,id=_ref421.id,interval=_ref421.interval,intervalUnit=_ref421.intervalUnit;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});}));};var ProratedColumns=function ProratedColumns(_ref422){var proratedCreditAmount=_ref422.proratedCreditAmount,productName=_ref422.productName,billingEndDate=_ref422.billingEndDate;var _useTranslation77=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation77.t;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)));};var NonProratedColumns=function NonProratedColumns(_ref423){var existingBalance=_ref423.existingBalance,productName=_ref423.productName,billingEndDate=_ref423.billingEndDate,nextBillingAmount=_ref423.nextBillingAmount,isImmediate=_ref423.isImmediate;var _useTranslation78=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation78.t;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)));};var PlanChangeSummary=function PlanChangeSummary(_ref424){var productName=_ref424.productName,basePlanPrice=_ref424.basePlanPrice,productChangeStrategy=_ref424.productChangeStrategy,existingBalance=_ref424.existingBalance,billingEndDate=_ref424.billingEndDate,nextBillingAmount=_ref424.nextBillingAmount,currentProductName=_ref424.currentProductName,proratedCreditAmount=_ref424.proratedCreditAmount;var _useTranslation79=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation79.t;var isProrated=productChangeStrategy==='prorated';var 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}))));};var PreviewProductMigrationContainer=function PreviewProductMigrationContainer(_ref425){var changePlanService=_ref425.changePlanService,currency=_ref425.currency,currentProductName=_ref425.currentProductName;var planPreview=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getChangePlanPreview);var productChangeStrategy=planPreview.productChangeStrategy,product=planPreview.product,existingBalanceInCents=planPreview.existingBalanceInCents,billingEndDate=planPreview.billingEndDate,totalInCents=planPreview.totalInCents,proratedAdjustmentInCents=planPreview.proratedAdjustmentInCents;var formatAmount=function formatAmount(amount){return formatCurrency(currency,amount,_i18next.default.language);};var nextBillingAmountInCents=product.priceInCents-existingBalanceInCents;var isNotDelayed=productChangeStrategy!=='delayed';var basePlanPrice=formatAmount(product.priceInCents);var totalCharge=formatAmount(totalInCents>0?totalInCents:0);var nextBillingDate=formatDate(billingEndDate,_i18next.default.language);var existingBalance=formatAmount(existingBalanceInCents);var nextBillingAmount=formatAmount(nextBillingAmountInCents);var proratedCreditAmount=formatAmount(proratedAdjustmentInCents);var 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}));};var ErrorAlert=function ErrorAlert(_ref426){var error=_ref426.error;var _useTranslation80=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation80.t;var description=error==='CardDeclined'?t('plan_change.credit_card_declined'):t('plan_change.unexpected_error_description');var 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));};var Content$2=function Content$2(_ref427){var onClose=_ref427.onClose,catalogId=_ref427.catalogId,subscriptionId=_ref427.subscriptionId,displayMode=_ref427.displayMode,onProcessingUpdate=_ref427.onProcessingUpdate;var toastService=useToastMessages();var _useTranslation81=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation81.t;var _useContext57=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext57.subscriptionsService;var _useServices26=useServices(),modalsService=_useServices26.modalsService;var _useSelector52=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionById(catalogId,subscriptionId)),subscription=_useSelector52.subscription;var showToast=function showToast(){toastService.show({level:'success',message:t('plan_change.success_plan_change')});};var onPlanChangeSuccess=function onPlanChangeSuccess(){onClose(true);showToast();};var onThreeDsConfirmation=function onThreeDsConfirmation(threeDsActionLink){onClose(true);modalsService.send({type:'SHOW_THREE_D_SECURE',catalogId:catalogId,subscriptionId:subscriptionId,threeDsActionLink:threeDsActionLink,onSuccess:function onSuccess(){showToast();}});};var changePlanService=useChangePlan(catalogId,subscriptionId,subscription.product.id,onPlanChangeSuccess,onThreeDsConfirmation);var currentPlanId=subscription.product.id;var _useSelector53=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getChangePlanStatus),configurePlanStep=_useSelector53.configurePlanStep,previewPlanStep=_useSelector53.previewPlanStep,configurePlanStepLoading=_useSelector53.configurePlanStepLoading,updatePlanLoading=_useSelector53.updatePlanLoading,previewPlanLoading=_useSelector53.previewPlanLoading,isError=_useSelector53.isError;var selectedPlan=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getSelectedPlan);var error=(0,_react2.useSelector)(changePlanService,changePlanSelectors.getError);(0,_react.useEffect)(function(){changePlanService.send({type:'GET_PRODUCTS'});},[]);(0,_react.useEffect)(function(){onProcessingUpdate(updatePlanLoading);},[updatePlanLoading,onProcessingUpdate]);var 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:function onClick(){return changePlanService.send({type:'GO_BACK'});},iconLeft:'chevronLeft'})):null,/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('close',{ns:'common'}),onClick:function onClick(){return 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:function onClick(){return 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:function onClick(){return changePlanService.send({type:'CONFIRM_CHANGE_PLAN'});}}):null)));};var ChangeSubscriptionPlan=function ChangeSubscriptionPlan(){var _useState67=(0,_react.useState)(false),_useState68=_slicedToArray(_useState67,2),closeDisable=_useState68[0],setCloseDisable=_useState68[1];var _useServices27=useServices(),modalsService=_useServices27.modalsService;var modalVariant=useModalVariant();var _useSelector54=(0,_react2.useSelector)(modalsService,modalsSelectors.getChangeSubscriptionPlan),isOpen=_useSelector54.isOpen,meta=_useSelector54.meta;var closeHandler=function closeHandler(successUpdate){if(!closeDisable||successUpdate)modalsService.send({type:'CLOSE_MODAL'});};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:function onClose(){return closeHandler();},variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$2,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onProcessingUpdate:function onProcessingUpdate(isProcessing){return setCloseDisable(isProcessing);},onClose:closeHandler})));};var Content$1=function Content$1(_ref428){var onClose=_ref428.onClose,catalogId=_ref428.catalogId,subscriptionId=_ref428.subscriptionId,threeDsActionLink=_ref428.threeDsActionLink,onSuccess=_ref428.onSuccess;var threeDsService=useThreeDs({catalogId:catalogId,subscriptionId:subscriptionId,onSuccess:onSuccess});(0,_react.useEffect)(function(){window.addEventListener('message',function(event){var _event$data3,_event$data4;if((_event$data3=event.data)!==null&&_event$data3!==void 0&&_event$data3.THREE_DS_STATUS){threeDsService.send('THREE_DS_SUCCESS');}if(((_event$data4=event.data)===null||_event$data4===void 0?void 0:_event$data4.THREE_DS_STATUS)===false){onClose();}});return function(){return window.removeEventListener('message',function(){});};},[threeDsActionLink]);return/*#__PURE__*/_react.default.createElement("iframe",{title:'3ds-confirmation',src:threeDsActionLink,style:{width:'700px',height:'700px',border:'none'}});};var ThreeDsConfirmation=function ThreeDsConfirmation(){var _useServices28=useServices(),modalsService=_useServices28.modalsService;var modalVariant=useModalVariant();var _useSelector55=(0,_react2.useSelector)(modalsService,modalsSelectors.getThreeDsConfirmation),isOpen=_useSelector55.isOpen,meta=_useSelector55.meta;var closeHandler=function closeHandler(){modalsService.send({type:'CLOSE_MODAL'});};var onSuccess=function onSuccess(){meta.onSuccess();closeHandler();};return/*#__PURE__*/_react.default.createElement(Modal$1,{isOpen:isOpen,onClose:closeHandler,variant:modalVariant,width:"100%"},/*#__PURE__*/_react.default.createElement(Content$1,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler,onSuccess:onSuccess})));};var getAlertTitle=function getAlertTitle(_ref429,t,currency){var code=_ref429.code,percentage=_ref429.percentage,recurring=_ref429.recurring,amountInCents=_ref429.amountInCents;var amount=amountInCents&&formatCurrency(currency,amountInCents,currency);if(recurring){return percentage?t('coupons.recurring_percent',{percentage:percentage,code:code}):t('coupons.recurring_amount',{code:code,amount:amount});}return percentage?t('coupons.one_time_percent',{percentage:percentage,code:code}):t('coupons.one_time_amount',{code:code,amount:amount});};var getAlertMsg=function getAlertMsg(_ref430,t,currency){var percentage=_ref430.percentage,amountInCents=_ref430.amountInCents,expiresAt=_ref430.expiresAt;var amount=amountInCents&&formatCurrency(currency,amountInCents,currency);var date=expiresAt&&formatDate(expiresAt);if(expiresAt){return percentage?t('coupons.recurring_description_till',{value:"".concat(percentage,"%"),date:date}):t('coupons.recurring_description_till',{value:"-".concat(amount),date:date});}return percentage?t('coupons.recurring_description',{value:"".concat(percentage,"%")}):t('coupons.recurring_description',{value:"-".concat(amount)});};var getCouponErrorMsg=function 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');}};var CouponSummary=function CouponSummary(_ref431){var onClick=_ref431.onClick,coupon=_ref431.coupon,currency=_ref431.currency;var _useTranslation82=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation82.t;var alertTitle=getAlertTitle(coupon,t,currency);var 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')})));};var Content=function Content(_ref432){var onClose=_ref432.onClose,displayMode=_ref432.displayMode,couponService=_ref432.couponService,currency=_ref432.currency;var _useTranslation83=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation83.t;var coupons=(0,_react2.useSelector)(couponService,couponsSelectors.getCoupons);var couponError=(0,_react2.useSelector)(couponService,couponsSelectors.getError);var addedCoupon=(0,_react2.useSelector)(couponService,couponsSelectors.getAddedCoupon);var _useSelector56=(0,_react2.useSelector)(couponService,couponsSelectors.getCouponsStatus),isAddingCoupon=_useSelector56.isAddingCoupon,isCouponAdded=_useSelector56.isCouponAdded;var _React$useState5=_react.default.useState(''),_React$useState6=_slicedToArray(_React$useState5,2),couponCode=_React$useState6[0],setCouponCode=_React$useState6[1];var formattedCoupons=(0,_react.useMemo)(function(){return coupons===null||coupons===void 0?void 0:coupons.map(function(coupon){return{code:coupon.code,value:formatCouponValue(coupon,currency),description:getCouponDescription(coupon,t)};});},[]);var handleAddCoupon=function handleAddCoupon(){couponService.send({type:'ADD_COUPON',couponCode:couponCode});};var handleAddAnotherCoupon=function handleAddAnotherCoupon(){setCouponCode('');couponService.send({type:'ADD_ANOTHER_COUPON'});};var modalTitle=isCouponAdded?'coupon_summary_title':'add_coupon_title';var 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.".concat(modalTitle))})),/*#__PURE__*/_react.default.createElement(Card$3.Body,null,!isCouponAdded?/*#__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:function onChange(e){return setCouponCode(e.target.value);},name:'couponCode',value:couponCode})))):null,isCouponAdded?/*#__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('cancel_subscription.keep_active'),onClick:onClose}),!isCouponAdded?/*#__PURE__*/_react.default.createElement(Button$1,{disabled:isAddingCoupon||!couponCode,isLoading:isAddingCoupon,color:"primary",label:t('coupons.apply_coupon'),onClick:handleAddCoupon}):null))));};var AddCoupon=function AddCoupon(){var _useServices29=useServices(),modalsService=_useServices29.modalsService;var modalVariant=useModalVariant();var _useSelector57=(0,_react2.useSelector)(modalsService,modalsSelectors.getAddCoupon),isOpen=_useSelector57.isOpen,meta=_useSelector57.meta;var closeHandler=function 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,_objectSpread(_objectSpread({},meta),{},{displayMode:modalVariant,onClose:closeHandler})));};var ModalsContainer=function 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));};var useProductCatalog=function useProductCatalog(){var _useContext58=(0,_react.useContext)(GlobalStateContext),productCatalogService=_useContext58.productCatalogService;var items=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getProductCatalogItems);var _useSelector58=(0,_react2.useSelector)(productCatalogService,productCatalogSelectors.getProductCatalogFetchStatus),isLoading=_useSelector58.isLoading,error=_useSelector58.error,ready=_useSelector58.ready;var initialize=(0,_react.useCallback)(function(){if(error)productCatalogService.send('RETRY_FETCH_PRODUCT_CATALOG');else productCatalogService.send('INITIALIZE');},[error]);return{items:items,error:error,ready:ready,isLoading:isLoading,initialize:initialize};};var useSubscriptions=function useSubscriptions(){var _useContext59=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext59.subscriptionsService;var _useSelector59=(0,_react2.useSelector)(subscriptionsService,subscriptionsSelectors.getSubscriptionsFetchStatus),isLoading=_useSelector59.isLoading,error=_useSelector59.error,ready=_useSelector59.ready;var initialize=(0,_react.useCallback)(function(){if(error)subscriptionsService.send('RETRY_FETCH_SUBSCRIPTIONS');else subscriptionsService.send('FETCH_SUBSCRIPTIONS');},[error]);return{isLoading:isLoading,initialize:initialize,ready:ready,error:error};};var SubscriptionsList=function SubscriptionsList(){var _useTranslation84=(0,_reactI18next.useTranslation)(['common','subscriptions-manager']),t=_useTranslation84.t;var subscriptions=useSubscriptions();var productCatalog=useProductCatalog();(0,_react.useEffect)(function(){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:function onReinitialize(){productCatalog.initialize();subscriptions.initialize();}},/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,productCatalog.items.map(function(_ref433){var id=_ref433.id,name=_ref433.name;return/*#__PURE__*/_react.default.createElement(SubscriptionsContainer,{key:id,catalogId:id,catalogName:name,useExpandableLayout:productCatalog.items.length>1});})));};var Subscription=function Subscription(){var _useTranslation85=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation85.t;var navigate=(0,_reactRouterDom.useNavigate)();var _useDeviceInfo16=useDeviceInfo(),device=_useDeviceInfo16.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var _useParams3=(0,_reactRouterDom.useParams)(),catalogId=_useParams3.catalogId,subscriptionId=_useParams3.subscriptionId;var _useContext60=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext60.subscriptionsService,productCatalogService=_useContext60.productCatalogService;var productCatalog=(0,_react2.useSelector)(productCatalogService,(0,_react.useCallback)(productCatalogSelectors.getProductCatalogById(Number(catalogId)),[]));var _useSelector60=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[])),subscription=_useSelector60.subscription,subscriptionRef=_useSelector60.subscriptionRef;var id=subscription.id,name=subscription.product.name;return/*#__PURE__*/_react.default.createElement("div",null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:(productCatalog===null||productCatalog===void 0?void 0:productCatalog.name)&&"".concat(productCatalog.name,":"),subtitle:name,size:isOnMobileDevice?'small':'medium',previousPageLabel:t('back_to_subscriptions_list',{ns:'subscriptions-manager'}),onBack:function onBack(){return 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,subscriptionRef:subscriptionRef,layout:"all-details"})));};var ComponentsAllocation=function ComponentsAllocation(){var _useTranslation86=(0,_reactI18next.useTranslation)(['subscriptions-manager','payment-profile']),t=_useTranslation86.t;var navigate=(0,_reactRouterDom.useNavigate)();var _useContext61=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext61.subscriptionsService;var _useComponentSettings11=useComponentSettings(),subscriptionConfig=_useComponentSettings11.subscription;var _useParams4=(0,_reactRouterDom.useParams)(),subscriptionId=_useParams4.subscriptionId,catalogId=_useParams4.catalogId;var addOnsConfigurationService=useAddonsConfigurationService(Number(catalogId));var _useSelector61=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[])),subscription=_useSelector61.subscription;var name=subscription.product.name;var _useDeviceInfo17=useDeviceInfo(),device=_useDeviceInfo17.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var onFinishConfiguration=(0,_react.useCallback)(function(){if(subscriptionConfig.details==='page'){navigate("/subscription/".concat(catalogId,"/").concat(subscriptionId));}else{navigate('/');}},[subscriptionConfig.details]);(0,_react.useEffect)(function(){addOnsConfigurationService.send('INITIALIZE',{subscriptionId:subscriptionId});},[]);var allocations=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAllocations);var _useSelector62=(0,_react2.useSelector)(addOnsConfigurationService,addConfigurationSelectors.getAddonsState),configureAllocationsStep=_useSelector62.configureAllocationsStep,previewAllocationsStep=_useSelector62.previewAllocationsStep,previewAllocationsLoading=_useSelector62.previewAllocationsLoading,updateAllocationsLoading=_useSelector62.updateAllocationsLoading;var getCurrentStep=function getCurrentStep(){return previewAllocationsStep?1:0;};return/*#__PURE__*/_react.default.createElement(_react.default.Fragment,null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:"".concat(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:function onClick(){if(configureAllocationsStep){addOnsConfigurationService.send('PREVIEW_ALLOCATIONS',{allocations:allocations});}else{addOnsConfigurationService.send('UPDATE_ALLOCATIONS',{allocations:allocations});}}}),/*#__PURE__*/_react.default.createElement(Button$1,{color:"secondary",label:t('cancel',{ns:'common'}),onClick:onFinishConfiguration})))));};var CustomFieldsForm=function CustomFieldsForm(_ref434){var customFields=_ref434.customFields,onChange=_ref434.onChange,isError=_ref434.isError,portalContainer=_ref434.portalContainer;var _useTranslation87=(0,_reactI18next.useTranslation)(['customer-details']),t=_useTranslation87.t;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(function(_ref435){var name=_ref435.name,id=_ref435.id,fieldType=_ref435.fieldType,value=_ref435.value,options=_ref435.enum;return/*#__PURE__*/_react.default.createElement(FormField,{label:name,name:name,key:id,fullWidth:true},renderField({portalContainer:portalContainer,id:id,name:name,fieldType:fieldType,value:value||'',options:options,onChange:onChange,maxLength:2048}));})));};var CustomFields=function CustomFields(){var navigate=(0,_reactRouterDom.useNavigate)();var _useTranslation88=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation88.t;var _useContext62=(0,_react.useContext)(GlobalStateContext),subscriptionsService=_useContext62.subscriptionsService;var _useParams5=(0,_reactRouterDom.useParams)(),subscriptionId=_useParams5.subscriptionId,catalogId=_useParams5.catalogId;var toastsService=useToastMessages();var _useDeviceInfo18=useDeviceInfo(),device=_useDeviceInfo18.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var portalContainer=(0,_react.useRef)(null);var _useSelector63=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[])),customFieldsRef=_useSelector63.customFieldsRef,subscription=_useSelector63.subscription;var name=subscription.product.name;var _useState69=(0,_react.useState)(null),_useState70=_slicedToArray(_useState69,2),editedFields=_useState70[0],setEditedFields=_useState70[1];var _useActor9=(0,_react2.useActor)(customFieldsRef),_useActor10=_slicedToArray(_useActor9,2),_=_useActor10[0],sendToMachine=_useActor10[1];var _useSelector64=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFieldsState),isReady=_useSelector64.isReady,isSaving=_useSelector64.isSaving,isSaveError=_useSelector64.isSaveError;(0,_react.useEffect)(function(){if(isReady){toastsService.show({level:'success',message:t('changes_saved',{ns:'common'})});navigate('/');}},[isReady]);var customFields=(0,_react2.useSelector)(customFieldsRef,customFieldsSelectors.getSubscriptionCustomFields);var onFieldValueChange=function onFieldValueChange(id,value){var fields=_toConsumableArray(editedFields);var index=fields.findIndex(function(field){return field.id===id;});fields[index]=_objectSpread(_objectSpread({},fields[index]),{},{value:value});setEditedFields(fields);};(0,_react.useEffect)(function(){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:function onClick(){sendToMachine({type:'SAVE',payload:editedFields.map(function(_ref436){var id=_ref436.id,value=_ref436.value;return{id:id,value:value};})});},isLoading:isSaving}),/*#__PURE__*/_react.default.createElement(Button$1,{label:t('cancel',{ns:'common'}),color:'secondary',onClick:function onClick(){return navigate('/');}})))),/*#__PURE__*/_react.default.createElement("div",{ref:portalContainer,style:{position:'absolute',top:0,left:0}}));};var PaymentProfiles=function PaymentProfiles(){var _useTranslation89=(0,_reactI18next.useTranslation)(['subscriptions-manager']),t=_useTranslation89.t;var _useParams6=(0,_reactRouterDom.useParams)(),subscriptionId=_useParams6.subscriptionId,catalogId=_useParams6.catalogId;var _useServices30=useServices(),subscriptionsService=_useServices30.subscriptionsService;var _useDeviceInfo19=useDeviceInfo(),device=_useDeviceInfo19.device;var isOnMobileDevice=['tablet','mobile'].includes(device);var _useSelector65=(0,_react2.useSelector)(subscriptionsService,(0,_react.useCallback)(subscriptionsSelectors.getSubscriptionById(Number(catalogId),Number(subscriptionId)),[])),subscription=_useSelector65.subscription;return/*#__PURE__*/_react.default.createElement(PaymentProfilesProvider,null,/*#__PURE__*/_react.default.createElement(PageHeader,{title:t('payment_profile.billing_info'),subtitle:subscription===null||subscription===void 0?void 0: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));};var App=function App(_ref437){var subscription=_ref437.subscription,paymentProfile=_ref437.paymentProfile,componentsAllocation=_ref437.componentsAllocation;return/*#__PURE__*/_react.default.createElement(ConfigContext.Provider,{value:{subscription:subscription,paymentProfile:paymentProfile,componentsAllocation: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))));};var defaultSettings={componentsAllocation:{allocationFlow:'modal'},subscription:{details:'page'},paymentProfile:{editFlow:'modal',requiredFields:[],addressFields:['address','address2','city','state','zip','country']}};var SubscriptionsManager=/*#__PURE__*/function(_EmbeddableComponent3){_inherits(SubscriptionsManager,_EmbeddableComponent3);var _super3=_createSuper(SubscriptionsManager);function SubscriptionsManager(_ref438){var i18n=_ref438.i18n,componentsTheme=_ref438.componentsTheme,sessionManager=_ref438.sessionManager,dataAccess=_ref438.dataAccess;_classCallCheck(this,SubscriptionsManager);return _super3.call(this,{i18n:i18n,componentsTheme:componentsTheme,sessionManager:sessionManager,dataAccess:dataAccess});}_createClass(SubscriptionsManager,[{key:"render",value:function render(container,componentSettings){var settings=componentSettings||defaultSettings;_get(_getPrototypeOf(SubscriptionsManager.prototype),"renderComponent",this).call(this,container,App,settings,SubscriptionsManagerLoader);}}]);return SubscriptionsManager;}(EmbeddableComponent);var DEFAULT_LANGUAGE='en';var API_URL='https://selfservice.maxio.com/api';var defaultI18NSettings={loadPath:''};var ComponentsSDK=/*#__PURE__*/function(){function ComponentsSDK(_ref439){var _theme=_ref439.theme,accessTokenUrl=_ref439.accessTokenUrl,onAuthenticationRequest=_ref439.onAuthenticationRequest,i18nSettings=_ref439.i18nSettings,apiUrl=_ref439.apiUrl;_classCallCheck(this,ComponentsSDK);_defineProperty(this,"theme",theme);_defineProperty(this,"i18n",void 0);_defineProperty(this,"sessionManager",void 0);_defineProperty(this,"dataAccess",void 0);_defineProperty(this,"logger",void 0);_defineProperty(this,"apiUrl",API_URL);this.i18n=this.createI18NInstance(i18nSettings||defaultI18NSettings);if(_theme)this.theme=ThemeUtilities.createTheme(_theme);if(apiUrl)this.apiUrl=apiUrl;this.sessionManager=new SessionManager({accessTokenUrl:accessTokenUrl,onAuthenticationRequest:onAuthenticationRequest});this.dataAccess=new DataAccess({sessionManager:this.sessionManager,baseUrl:this.apiUrl});this.logger=_jsLogger.default.get('@components-factory');}_createClass(ComponentsSDK,[{key:"createI18NInstance",value:function createI18NInstance(_ref440){var loadPath=_ref440.loadPath,language=_ref440.language;var initialLanguage=language||DEFAULT_LANGUAGE;return _i18next.default.createInstance({lng:initialLanguage,fallbackLng:'en',defaultNS:'common',backend:{loadPath:loadPath},react:{useSuspense:false},interpolation:{escapeValue:false}}).use(_reactI18next.initReactI18next).use(_i18nextHttpBackend.default);}},{key:"initI18N",value:function initI18N(){if(!this.i18n.isInitialized){this.logger.info('Initializing i18n instance');this.i18n.init({ns:['common']});}}},{key:"i18nInstance",get:function get(){return this.i18n;}},{key:"create",value:function create(component){this.initI18N();this.sessionManager.initialize();var 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);}}}]);return ComponentsSDK;}();exports.Components=ComponentsSDK;
 //# sourceMappingURL=maxio-components.cjs.js.map