toku-form-extensions 0.3.1 → 0.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/CustomForm/CustomForm.d.ts.map +1 -1
- package/dist/components/CustomForm/SignupField.d.ts.map +1 -1
- package/dist/index.es.js +5 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +2 -1
package/dist/index.umd.js
CHANGED
|
@@ -206,5 +206,5 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
206
206
|
`+t._s(s.text)+`
|
|
207
207
|
`)])}),0)},t0=[],n0=void 0,r0=void 0,a0=void 0,i0=!1,o0=Ft({render:e0,staticRenderFns:t0},n0,Q_,r0,i0,a0,!1,void 0,void 0,void 0),s0={name:"TimePanel",components:{ListColumns:X_,ListOptions:o0},inject:{getLocale:{default:function(){return kr}},prefixClass:{default:"mx"}},props:{value:{},defaultValue:{default:function(){var t=new Date;return t.setHours(0,0,0,0),t}},format:{default:"HH:mm:ss"},timeTitleFormat:{type:String,default:"YYYY-MM-DD"},showTimeHeader:{type:Boolean,default:!1},disabledTime:{type:Function,default:function(){return!1}},timePickerOptions:{type:[Object,Function],default:function(){return null}},hourOptions:Array,minuteOptions:Array,secondOptions:Array,hourStep:{type:Number,default:1},minuteStep:{type:Number,default:1},secondStep:{type:Number,default:1},showHour:{type:Boolean,default:void 0},showMinute:{type:Boolean,default:void 0},showSecond:{type:Boolean,default:void 0},use12h:{type:Boolean,default:void 0},scrollDuration:{type:Number,default:100}},data:function(){return{innerValue:xr(this.value,this.defaultValue)}},computed:{title:function(){var t=this.timeTitleFormat,n=new Date(this.innerValue);return this.formatDate(n,t)},innerForamt:function(){return typeof this.format=="string"?this.format:"HH:mm:ss"},ShowHourMinuteSecondAMPM:function(){var t=this,n=this.innerForamt,i={showHour:/[HhKk]/.test(n),showMinute:/m/.test(n),showSecond:/s/.test(n),use12h:/a/i.test(n)},s={};return Object.keys(i).forEach(function(u){s[u]=typeof t[u]=="boolean"?t[u]:i[u]}),s}},watch:{value:{immediate:!0,handler:function(){this.innerValue=xr(this.value,this.defaultValue)}}},methods:{formatDate:function(t,n){return ai(t,n,{locale:this.getLocale().formatLocale})},isDisabledTime:function(t){return this.disabledTime(new Date(t))},isDisabledHour:function(t){var n=new Date(t);return this.isDisabledTime(n)&&this.isDisabledTime(n.setMinutes(0,0,0))&&this.isDisabledTime(n.setMinutes(59,59,999))},isDisabledMinute:function(t){var n=new Date(t);return this.isDisabledTime(n)&&this.isDisabledTime(n.setSeconds(0,0))&&this.isDisabledTime(n.setSeconds(59,999))},isDisabledAMPM:function(t){var n=new Date(t),i=n.getHours()<12?0:12,s=i+11;return this.isDisabledTime(n)&&this.isDisabledTime(n.setHours(i,0,0,0))&&this.isDisabledTime(n.setHours(s,59,59,999))},isDisabled:function(t,n){return n==="hour"?this.isDisabledHour(t):n==="minute"?this.isDisabledMinute(t):n==="ampm"?this.isDisabledAMPM(t):this.isDisabledTime(t)},handleSelect:function(t,n){var i=new Date(t);this.isDisabled(t,n)||(this.innerValue=i,this.isDisabledTime(i)||this.$emit("select",i,n))},handleClickTitle:function(){this.$emit("clicktitle")},getClasses:function(t,n){var i=new Date(t);return this.isDisabled(t,n)?"disabled":i.getTime()===this.innerValue.getTime()?"active":""}}},l0=s0,u0=function(){var t=this,n=t.$createElement,i=t._self._c||n;return i("div",{class:t.prefixClass+"-time"},[t.showTimeHeader?i("div",{class:t.prefixClass+"-time-header"},[i("button",{class:t.prefixClass+"-btn "+t.prefixClass+"-btn-text "+t.prefixClass+"-time-header-title",attrs:{type:"button"},on:{click:t.handleClickTitle}},[t._v(`
|
|
208
208
|
`+t._s(t.title)+`
|
|
209
|
-
`)])]):t._e(),t._v(" "),i("div",{class:t.prefixClass+"-time-content"},[t.timePickerOptions?i("list-options",{attrs:{date:t.innerValue,"get-classes":t.getClasses,options:t.timePickerOptions,format:t.innerForamt},on:{select:t.handleSelect}}):i("list-columns",t._b({attrs:{date:t.innerValue,"get-classes":t.getClasses,"hour-options":t.hourOptions,"minute-options":t.minuteOptions,"second-options":t.secondOptions,"hour-step":t.hourStep,"minute-step":t.minuteStep,"second-step":t.secondStep,"scroll-duration":t.scrollDuration},on:{select:t.handleSelect}},"list-columns",t.ShowHourMinuteSecondAMPM,!1))],1)])},c0=[],f0=void 0,d0=void 0,p0=void 0,h0=!1,Nn=Ft({render:u0,staticRenderFns:c0},f0,l0,d0,h0,p0,!1,void 0,void 0,void 0),ha={name:"TimeRange",inject:{prefixClass:{default:"mx"}},props:Ee({},Nn.props),data:function(){return{startValue:new Date(NaN),endValue:new Date(NaN)}},watch:{value:{immediate:!0,handler:function(){if(si(this.value)){var t=ca(this.value,2),n=t[0],i=t[1];this.startValue=n,this.endValue=i}else this.startValue=new Date(NaN),this.endValue=new Date(NaN)}}},methods:{emitChange:function(t,n){var i=[this.startValue,this.endValue];this.$emit("select",i,t==="time"?"time-range":t,n)},handleSelectStart:function(t,n){this.startValue=t,this.endValue.getTime()>=t.getTime()||(this.endValue=t),this.emitChange(n,0)},handleSelectEnd:function(t,n){this.endValue=t,this.startValue.getTime()<=t.getTime()||(this.startValue=t),this.emitChange(n,1)},disabledStartTime:function(t){return this.disabledTime(t,0)},disabledEndTime:function(t){return t.getTime()<this.startValue.getTime()||this.disabledTime(t,1)}},render:function(){var t=arguments[0],n=Array.isArray(this.defaultValue)?this.defaultValue:[this.defaultValue,this.defaultValue],i=this.prefixClass;return t("div",{class:"".concat(i,"-range-wrapper")},[t(Nn,{props:Ee({},Ee({},this.$props,{value:this.startValue,defaultValue:n[0],disabledTime:this.disabledStartTime})),on:Ee({},Ee({},this.$listeners,{select:this.handleSelectStart}))}),t(Nn,{props:Ee({},Ee({},this.$props,{value:this.endValue,defaultValue:n[1],disabledTime:this.disabledEndTime})),on:Ee({},Ee({},this.$listeners,{select:this.handleSelectEnd}))})])}},hs={name:"DatetimePanel",inject:{prefixClass:{default:"mx"}},emits:["select","update:show-time-panel"],props:Ee({},nr.props,{},Nn.props,{showTimePanel:{type:Boolean,default:void 0}}),data:function(){return{defaultTimeVisible:!1,currentValue:this.value}},computed:{timeVisible:function(){return typeof this.showTimePanel=="boolean"?this.showTimePanel:this.defaultTimeVisible}},watch:{value:function(t){this.currentValue=t}},methods:{closeTimePanel:function(){this.defaultTimeVisible=!1,this.$emit("update:show-time-panel",!1)},openTimePanel:function(){this.defaultTimeVisible=!0,this.$emit("update:show-time-panel",!0)},emitDate:function(t,n){this.$emit("select",t,n)},handleSelect:function(t,n){n==="date"&&this.openTimePanel();var i=li(t,xr(this.value,this.defaultValue));if(this.disabledTime(new Date(i))&&(i=li(t,this.defaultValue),this.disabledTime(new Date(i)))){this.currentValue=i;return}this.emitDate(i,n)}},render:function(){var t=arguments[0],n={props:Ee({},Cr(this.$props,Object.keys(nr.props)),{type:"date",value:this.currentValue}),on:{select:this.handleSelect}},i={props:Ee({},Cr(this.$props,Object.keys(Nn.props)),{showTimeHeader:!0,value:this.currentValue}),on:{select:this.emitDate,clicktitle:this.closeTimePanel}},s=this.prefixClass;return t("div",[t(nr,fa([{},n])),this.timeVisible&&t(Nn,fa([{class:"".concat(s,"-calendar-time")},i]))])}},pc={name:"DatetimeRange",inject:{prefixClass:{default:"mx"}},emits:["select","update:show-time-panel"],props:Ee({},pa.props,{},ha.props,{showTimePanel:{type:Boolean,default:void 0}}),data:function(){return{defaultTimeVisible:!1,currentValue:this.value}},computed:{timeVisible:function(){return typeof this.showTimePanel=="boolean"?this.showTimePanel:this.defaultTimeVisible}},watch:{value:function(t){this.currentValue=t}},methods:{closeTimePanel:function(){this.defaultTimeVisible=!1,this.$emit("update:show-time-panel",!1)},openTimePanel:function(){this.defaultTimeVisible=!0,this.$emit("update:show-time-panel",!0)},emitDate:function(t,n){this.$emit("select",t,n)},handleSelect:function(t,n){var i=this;n==="date"&&this.openTimePanel();var s=Array.isArray(this.defaultValue)?this.defaultValue:[this.defaultValue,this.defaultValue],u=t.map(function(c,p){var m=si(i.value)?i.value[p]:s[p];return li(c,m)});if(u[1].getTime()<u[0].getTime()&&(u=[u[0],u[0]]),u.some(this.disabledTime)&&(u=t.map(function(c,p){return li(c,s[p])}),u.some(this.disabledTime))){this.currentValue=u;return}this.emitDate(u,n)}},render:function(){var t=arguments[0],n={props:Ee({},Cr(this.$props,Object.keys(pa.props)),{type:"date",value:this.currentValue}),on:{select:this.handleSelect}},i={props:Ee({},Cr(this.$props,Object.keys(ha.props)),{value:this.currentValue,showTimeHeader:!0}),on:{select:this.emitDate,clicktitle:this.closeTimePanel}},s=this.prefixClass;return t("div",[t(pa,fa([{},n])),this.timeVisible&&t(ha,fa([{class:"".concat(s,"-calendar-time")},i]))])}},m0={default:nr,time:Nn,datetime:hs},v0={default:pa,time:ha,datetime:pc},rr={name:"DatePicker",provide:function(){var t=this;return{getLocale:function(){return t.locale},getWeek:this.getWeek,prefixClass:this.prefixClass,dispatchDatePicker:this.$emit.bind(this)}},props:Ee({},hs.props,{value:{},valueType:{type:String,default:"date"},type:{type:String,default:"date"},format:{type:String},formatter:{type:Object},range:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},rangeSeparator:{type:String},lang:{type:[String,Object]},placeholder:{type:String,default:""},editable:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},prefixClass:{type:String,default:"mx"},inputClass:{},inputAttr:{type:Object,default:function(){return{}}},appendToBody:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},popupClass:{},popupStyle:{type:Object,default:function(){return{}}},inline:{type:Boolean,default:!1},confirm:{type:Boolean,default:!1},confirmText:{type:String,default:"OK"},renderInputText:{type:Function},shortcuts:{type:Array,validator:function(t){return Array.isArray(t)&&t.every(function(n){return cn(n)&&typeof n.text=="string"&&typeof n.onClick=="function"})},default:function(){return[]}}}),data:function(){return{currentValue:null,userInput:null,defaultOpen:!1,mouseInInput:!1}},computed:{popupVisible:function(){return!this.disabled&&(typeof this.open=="boolean"?this.open:this.defaultOpen)},innerRangeSeparator:function(){return this.rangeSeparator||(this.multiple?",":" ~ ")},innerFormat:function(){var t={date:"YYYY-MM-DD",datetime:"YYYY-MM-DD HH:mm:ss",year:"YYYY",month:"YYYY-MM",time:"HH:mm:ss",week:"w"};return this.format||t[this.type]||t.date},innerValue:function(){var t=this.value;return this.validMultipleType?(t=Array.isArray(t)?t:[],t.map(this.value2date)):this.range?(t=Array.isArray(t)?t.slice(0,2):[null,null],t.map(this.value2date)):this.value2date(t)},text:function(){var t=this;return this.userInput!==null?this.userInput:typeof this.renderInputText=="function"?this.renderInputText(this.innerValue):this.isValidValue(this.innerValue)?Array.isArray(this.innerValue)?this.innerValue.map(function(n){return t.formatDate(n)}).join(this.innerRangeSeparator):this.formatDate(this.innerValue):""},showClearIcon:function(){return!this.disabled&&this.clearable&&this.text&&this.mouseInInput},locale:function(){return cn(this.lang)?cc(kr(),this.lang):kr(this.lang)},validMultipleType:function(){var t=["date","month","year"];return this.multiple&&!this.range&&t.indexOf(this.type)!==-1}},watch:{innerValue:{immediate:!0,handler:function(t){this.currentValue=t}},popupVisible:{handler:function(t){t&&(this.currentValue=this.innerValue)}}},created:function(){oi(this.format)==="object"&&console.warn("[vue2-datepicker]: The prop `format` don't support Object any more. You can use the new prop `formatter` to replace it")},methods:{handleMouseEnter:function(){this.mouseInInput=!0},handleMouseLeave:function(){this.mouseInInput=!1},handleClickOutSide:function(t){var n=t.target;this.$el.contains(n)||this.closePopup()},getFormatter:function(t){return cn(this.formatter)&&this.formatter[t]||cn(this.format)&&this.format[t]},getWeek:function(t,n){return typeof this.getFormatter("getWeek")=="function"?this.getFormatter("getWeek")(t,n):ns(t,n)},parseDate:function(t,n){if(n=n||this.innerFormat,typeof this.getFormatter("parse")=="function")return this.getFormatter("parse")(t,n);var i=new Date;return Kv(t,n,{locale:this.locale.formatLocale,backupDate:i})},formatDate:function(t,n){return n=n||this.innerFormat,typeof this.getFormatter("stringify")=="function"?this.getFormatter("stringify")(t,n):ai(t,n,{locale:this.locale.formatLocale})},value2date:function(t){switch(this.valueType){case"date":return t instanceof Date?new Date(t.getTime()):new Date(NaN);case"timestamp":return typeof t=="number"?new Date(t):new Date(NaN);case"format":return typeof t=="string"?this.parseDate(t):new Date(NaN);default:return typeof t=="string"?this.parseDate(t,this.valueType):new Date(NaN)}},date2value:function(t){if(!_n(t))return null;switch(this.valueType){case"date":return t;case"timestamp":return t.getTime();case"format":return this.formatDate(t);default:return this.formatDate(t,this.valueType)}},emitValue:function(t,n){var i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!0;this.userInput=null;var s=Array.isArray(t)?t.map(this.date2value):this.date2value(t);return this.$emit("input",s),this.$emit("change",s,n),i&&this.closePopup(),s},isValidValue:function(t){return this.validMultipleType?ug(t):this.range?si(t):_n(t)},isValidValueAndNotDisabled:function(t){if(!this.isValidValue(t))return!1;var n=typeof this.disabledDate=="function"?this.disabledDate:function(){return!1},i=typeof this.disabledTime=="function"?this.disabledTime:function(){return!1};return Array.isArray(t)||(t=[t]),t.every(function(s){return!n(s)&&!i(s)})},handleMultipleDates:function(t,n){if(this.validMultipleType&&n){var i=n.filter(function(s){return s.getTime()!==t.getTime()});return i.length===n.length&&i.push(t),i}return t},handleSelectDate:function(t,n,i){t=this.handleMultipleDates(t,i),this.confirm?this.currentValue=t:this.emitValue(t,n,!this.validMultipleType&&(n===this.type||n==="time"))},clear:function(){this.emitValue(this.range?[null,null]:null),this.$emit("clear")},handleClear:function(t){t.stopPropagation(),this.clear()},handleConfirmDate:function(){var t=this.emitValue(this.currentValue);this.$emit("confirm",t)},handleSelectShortcut:function(t){var n=t.currentTarget.getAttribute("data-index"),i=this.shortcuts[parseInt(n,10)];if(cn(i)&&typeof i.onClick=="function"){var s=i.onClick(this);s&&this.emitValue(s)}},openPopup:function(t){this.popupVisible||this.disabled||(this.defaultOpen=!0,this.$emit("open",t),this.$emit("update:open",!0))},closePopup:function(){this.popupVisible&&(this.defaultOpen=!1,this.$emit("close"),this.$emit("update:open",!1))},blur:function(){this.$refs.input&&this.$refs.input.blur()},focus:function(){this.$refs.input&&this.$refs.input.focus()},handleInputChange:function(){var t=this;if(!(!this.editable||this.userInput===null)){var n=this.userInput.trim();if(this.userInput=null,n===""){this.clear();return}var i;if(this.validMultipleType)i=n.split(this.innerRangeSeparator).map(function(u){return t.parseDate(u.trim())});else if(this.range){var s=n.split(this.innerRangeSeparator);s.length!==2&&(s=n.split(this.innerRangeSeparator.trim())),i=s.map(function(u){return t.parseDate(u.trim())})}else i=this.parseDate(n);this.isValidValueAndNotDisabled(i)?(this.emitValue(i),this.blur()):this.$emit("input-error",n)}},handleInputInput:function(t){this.userInput=typeof t=="string"?t:t.target.value},handleInputKeydown:function(t){var n=t.keyCode;n===9?this.closePopup():n===13&&this.handleInputChange()},handleInputBlur:function(t){this.$emit("blur",t)},handleInputFocus:function(t){this.openPopup(t),this.$emit("focus",t)},hasSlot:function(t){return!!(this.$slots[t]||this.$scopedSlots[t])},renderSlot:function(t,n,i){var s=this.$scopedSlots[t];return s?s(i)||n:this.$slots[t]||n},renderInput:function(){var t=this.$createElement,n=this.prefixClass,i=Ee({name:"date",type:"text",autocomplete:"off",value:this.text,class:this.inputClass||"".concat(this.prefixClass,"-input"),readonly:!this.editable,disabled:this.disabled,placeholder:this.placeholder},this.inputAttr),s=i.value,u=i.class,c=Qv(i,["value","class"]),p={keydown:this.handleInputKeydown,focus:this.handleInputFocus,blur:this.handleInputBlur,input:this.handleInputInput,change:this.handleInputChange},m=this.renderSlot("input",t("input",{domProps:{value:s},class:u,attrs:Ee({},c),on:Ee({},p),ref:"input"}),{props:i,events:p}),g=this.type==="time"?t(Yg):t(Lg);return t("div",{class:"".concat(n,"-input-wrapper"),on:{mouseenter:this.handleMouseEnter,mouseleave:this.handleMouseLeave,click:this.openPopup},ref:"inputWrapper"},[m,this.showClearIcon?t("i",{class:"".concat(n,"-icon-clear"),on:{click:this.handleClear}},[this.renderSlot("icon-clear",t(Xg))]):t("i",{class:"".concat(n,"-icon-calendar")},[this.renderSlot("icon-calendar",g)])])},renderContent:function(){var t=this.$createElement,n=this.range?v0:m0,i=n[this.type]||n.default,s=Ee({},Cr(this.$props,Object.keys(i.props)),{value:this.currentValue}),u=Ee({},Cr(this.$listeners,i.emits||[]),{select:this.handleSelectDate}),c=t(i,fa([{},{props:s,on:u,ref:"picker"}]));return t("div",{class:"".concat(this.prefixClass,"-datepicker-body")},[this.renderSlot("content",c,{value:this.currentValue,emit:this.handleSelectDate})])},renderSidebar:function(){var t=this,n=this.$createElement,i=this.prefixClass;return n("div",{class:"".concat(i,"-datepicker-sidebar")},[this.renderSlot("sidebar",null,{value:this.currentValue,emit:this.handleSelectDate}),this.shortcuts.map(function(s,u){return n("button",{key:u,attrs:{"data-index":u,type:"button"},class:"".concat(i,"-btn ").concat(i,"-btn-text ").concat(i,"-btn-shortcut"),on:{click:t.handleSelectShortcut}},[s.text])})])},renderHeader:function(){var t=this.$createElement;return t("div",{class:"".concat(this.prefixClass,"-datepicker-header")},[this.renderSlot("header",null,{value:this.currentValue,emit:this.handleSelectDate})])},renderFooter:function(){var t=this.$createElement,n=this.prefixClass;return t("div",{class:"".concat(n,"-datepicker-footer")},[this.renderSlot("footer",null,{value:this.currentValue,emit:this.handleSelectDate}),this.confirm?t("button",{attrs:{type:"button"},class:"".concat(n,"-btn ").concat(n,"-datepicker-btn-confirm"),on:{click:this.handleConfirmDate}},[this.confirmText]):null])}},render:function(){var t,n=arguments[0],i=this.prefixClass,s=this.inline,u=this.disabled,c=this.hasSlot("sidebar")||this.shortcuts.length?this.renderSidebar():null,p=n("div",{class:"".concat(i,"-datepicker-content")},[this.hasSlot("header")?this.renderHeader():null,this.renderContent(),this.hasSlot("footer")||this.confirm?this.renderFooter():null]);return n("div",{class:(t={},tr(t,"".concat(i,"-datepicker"),!0),tr(t,"".concat(i,"-datepicker-range"),this.range),tr(t,"".concat(i,"-datepicker-inline"),s),tr(t,"disabled",u),t)},[s?null:this.renderInput(),s?n("div",{class:"".concat(i,"-datepicker-main")},[c,p]):n($g,{ref:"popup",class:this.popupClass,style:this.popupStyle,attrs:{visible:this.popupVisible,appendToBody:this.appendToBody},on:{clickoutside:this.handleClickOutSide}},[c,p])])}};rr.locale=fc,rr.install=function(t){t.component(rr.name,rr)},typeof window<"u"&&window.Vue&&rr.install(window.Vue),is(rr,{CalendarPanel:nr,CalendarRange:pa,TimePanel:Nn,TimeRange:ha,DatetimePanel:hs,DatetimeRange:pc});const YC="",g0=y.defineComponent({__name:"SignupField",props:{id:null,value:null,label:null,disabled:{type:Boolean},displayInfo:{type:Boolean},type:null,decimals:null,leftIcon:null,rightIcon:null,placeholder:null,helperText:null,errorText:null,required:{type:Boolean},regex:null,isMobile:{type:Boolean},autocomplete:{type:Boolean},isExternalId:{type:Boolean}},emits:["input","right-icon-click"],setup(r,{emit:t}){const n=r,i=y.ref(!1),s=y.ref(!1),u=y.computed(()=>{var z;return s.value?"Obligatorio":n.errorText||((z=n.regex)==null?void 0:z.message)}),c=y.computed(()=>n.placeholder||""),p=y.computed(()=>i.value?u.value:ts(n.helperText)),m=y.computed(()=>{let z="";return i.value&&(z+=" input-error"),z}),g=y.computed(()=>{let z="t-field__helper-text";return i.value&&(z+=" error"),z}),_=()=>{n.regex&&typeof n.value=="string"?i.value=!RegExp(n.regex.pattern).test(n.value):n.required&&(i.value=!n.value,s.value=!n.value)};return y.watch(()=>n.value,_),{__sfc:!0,props:n,emits:t,isError:i,displayRequired:s,errorText:u,placeholder:c,lowerLabel:p,inputClass:m,lowerLabelClass:g,validate:_,handleInput:z=>{t("input",z)},handleDatePicker:z=>{t("input",z)},handleRightIconClick:()=>{t("right-icon-click")},stringToHTML:ts,Datepicker:rr,TIconButton:xm,TTextInput:Tm,TTypography:yr}}}),HC="";function fi(r,t,n,i,s,u,c,p){var m=typeof r=="function"?r.options:r;t&&(m.render=t,m.staticRenderFns=n,m._compiled=!0),i&&(m.functional=!0),u&&(m._scopeId="data-v-"+u);var g;if(c?(g=function(k){k=k||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!k&&typeof __VUE_SSR_CONTEXT__<"u"&&(k=__VUE_SSR_CONTEXT__),s&&s.call(this,k),k&&k._registeredComponents&&k._registeredComponents.add(c)},m._ssrRegister=g):s&&(g=p?function(){s.call(this,(m.functional?this.parent:this).$root.$options.shadowRoot)}:s),g)if(m.functional){m._injectStyles=g;var _=m.render;m.render=function(W,z){return g.call(z),_(W,z)}}else{var w=m.beforeCreate;m.beforeCreate=w?[].concat(w,g):[g]}return{exports:r,options:m}}var _0=function(){var t=this,n=t._self._c,i=t._self._setupProxy;return n("div",{staticClass:"t-field"},[t.label?n("label",{staticClass:"t-field__label",attrs:{for:t.id},domProps:{innerHTML:t._s(i.stringToHTML(t.label))}}):t._e(),t.displayInfo?n(i.TTypography,{attrs:{variant:"b3"}},[t._v(" "+t._s(t.value)+" ")]):t.type==="date"?n("div",{staticClass:"t-field__calendar"},[n("label",{staticClass:"t-field__label",attrs:{for:t.id},domProps:{innerHTML:t._s(i.stringToHTML(t.label))}}),n(i.Datepicker,{staticClass:"date-class",attrs:{value:t.value,"append-to-body":!1,format:"DD/MM/YYYY"},on:{input:i.handleDatePicker}})],1):n("div",{staticClass:"t-field__input"},[n(i.TTextInput,{class:i.inputClass,attrs:{id:t.id,value:t.value,placeholder:i.placeholder,type:t.type,disabled:t.disabled,"right-icon":t.rightIcon,"left-icon":t.leftIcon,"full-width":"",error:i.isError},on:{input:i.handleInput},scopedSlots:t._u([{key:"helperText",fn:function(){return[n("p",{class:i.lowerLabelClass,attrs:{for:t.id},domProps:{innerHTML:t._s(i.lowerLabel)}})]},proxy:!0}])}),t.isExternalId&&t.autocomplete?n(i.TIconButton,{attrs:{icon:"magnifying-glass"},on:{click:i.handleRightIconClick}}):t._e()],1)],1)},y0=[],b0=fi(g0,_0,y0,!1,null,"dceac95f",null,null);const w0=b0.exports,x0=y.defineComponent({__name:"SignupFields",props:{fieldsType:null,title:null,fields:null,autocomplete:{type:Boolean},accounts:null,isMobile:{type:Boolean}},emits:["input","search"],setup(r,{emit:t}){const n=r,i=(w,k)=>{t("input",{id:w,value:k})},{shouldShowField:s}=Mu(),u=y.computed(()=>n.fields.filter(s)),c=y.computed(()=>{const w={};return u.value.forEach(k=>{w[k.name]=k.value}),w});return{__sfc:!0,props:n,emit:t,handleInput:i,shouldShowField:s,fieldsToShow:u,variables:c,getFieldValue:w=>w.displayInfo&&iv(w.value)?Iu(w.value,c.value):w.value,isFieldSearchable:w=>w.isExternalId&&n.autocomplete,handleRightIconClick:()=>{t("search")},retrocompatibleIcon:w=>w==="DollarIcon"?"currency-dollar":w,TTypography:yr,TSelect:$m,stringToHTML:ts,SignupFieldComponent:w0}}}),UC="";var S0=function(){var t=this,n=t._self._c,i=t._self._setupProxy;return n("div",{staticClass:"fields"},[n(i.TTypography,{attrs:{variant:"s2","font-weight":"medium"}},[t._v(" "+t._s(t.title)+" ")]),t._l(i.fieldsToShow,function(s){var u,c;return[t.fieldsType==="invoice"&&s.isAccount?n(i.TSelect,{key:s.id||s.name,staticClass:"t-select",attrs:{placeholder:s.placeholder,value:(u=s.value)==null?void 0:u.toString(),"full-width":""},on:{input:p=>i.handleInput(s.id||s.id||s.name,p)},scopedSlots:t._u([{key:"label",fn:function(){return[s.label?n("label",{staticClass:"t-select__label",attrs:{for:s.id||s.name},domProps:{innerHTML:t._s(i.stringToHTML(s.label))}}):t._e()]},proxy:!0},{key:"helperText",fn:function(){return[s.helperText?n("p",{staticClass:"t-select__helper-text",domProps:{innerHTML:t._s(i.stringToHTML(s.helperText))}}):t._e()]},proxy:!0}],null,!0)},t._l(t.accounts,function({id:p,name:m}){return n("option",{key:p,domProps:{value:p}},[t._v(" "+t._s(m)+" ")])}),0):s.defaultOptions!==void 0?n(i.TSelect,{key:s.id||s.name,staticClass:"t-select",attrs:{placeholder:s.placeholder,value:(c=s.value)==null?void 0:c.toString(),"full-width":""},on:{input:p=>i.handleInput(s.id||s.name,p)},scopedSlots:t._u([{key:"label",fn:function(){return[s.label?n("label",{staticClass:"t-select__label",attrs:{for:s.id||s.name},domProps:{innerHTML:t._s(i.stringToHTML(s.label))}}):t._e()]},proxy:!0},{key:"helperText",fn:function(){return[s.helperText?n("p",{staticClass:"t-select__helper-text",domProps:{innerHTML:t._s(i.stringToHTML(s.helperText))}}):t._e()]},proxy:!0}],null,!0)},t._l(s.defaultOptions,function(p){return n("option",{key:p.toString(),domProps:{value:p.toString()}},[t._v(" "+t._s(p)+" ")])}),0):n(i.SignupFieldComponent,{key:s.name,attrs:{id:s.id||s.name,value:i.getFieldValue(s),type:s.type,label:s.label,placeholder:s.placeholder,decimals:s.decimals,"helper-text":s.helperText,"left-icon":i.retrocompatibleIcon(s.leftIcon),required:s.required,regex:s.regex,"display-info":s.displayInfo,"right-icon":i.isFieldSearchable(s)?"ph:magnifying-glass":void 0,"is-mobile":t.isMobile,autocomplete:i.props.autocomplete,"is-external-id":s.isExternalId},on:{input:p=>i.handleInput(s.id||s.name,p),"right-icon-click":function(p){i.isFieldSearchable(s)&&i.handleRightIconClick()}}})]})],2)},C0=[],T0=fi(x0,S0,C0,!1,null,"ce88ef94",null,null);const k0=T0.exports,D0=y.defineComponent({__name:"SignupCompleted",props:{type:{default:"success"},errorMessage:null,errorButtonLabel:null,successMessage:null,successButtonLabel:null},emits:["reset"],setup(r){const t=r,n=y.computed(()=>t.type==="error"?t.errorMessage:t.successMessage),i=y.computed(()=>t.type==="error"?t.errorButtonLabel:t.successButtonLabel);return{__sfc:!0,props:t,message:n,buttonText:i,TButton:ra,TTypography:yr}}}),GC="";var E0=function(){var t=this,n=t._self._c,i=t._self._setupProxy;return n("div",{staticClass:"success-form"},[n(i.TTypography,{attrs:{variant:"h1"}},[t._v(" "+t._s(i.message)+" ")]),n(i.TButton,{attrs:{variant:"secondary"},on:{click:function(s){return t.$emit("reset")}}},[t._v(" "+t._s(i.buttonText)+" ")])],1)},$0=[],A0=fi(D0,E0,$0,!1,null,"dd9e3f67",null,null);const I0=A0.exports,M0=y.defineComponent({__name:"CustomForm",props:{customerFields:null,invoiceFields:null,countryIso:null,isLoading:{type:Boolean},submitFormStatus:null,signupCompleted:{type:Boolean,default:!1},isAutocompleteEnabled:{type:Boolean},accounts:null,disableSubmit:{type:Boolean,default:!1},showSendByEmail:{type:Boolean,default:!1},invoiceFieldsTitle:{default:"Plan de pagos"},customerFieldsTitle:{default:"Información Cliente"},buttonLabel:{default:"Registrar"},sendByEmailText:{default:"Enviar información a correo electrónico"},errorMessage:{default:"Error en la creación"},errorButtonLabel:{default:"Intentar nuevamente"},successMessage:{default:"Inscripción exitosa"},successButtonLabel:{default:"Registrar nuevo cliente"},isMobile:{type:Boolean,default:!1},buttonColor:{default:"#5c0087"}},emits:["submit-form-data","reset","autocomplete-subscription","autocomplete-external-id"],setup(r,{emit:t}){const n=r,i=y.ref(n.customerFields),s=y.ref(n.invoiceFields),u=y.ref(n.isLoading),c=y.ref(n.submitFormStatus),p=y.ref(n.signupCompleted),m=y.ref(n.errorMessage),g=y.ref(n.isAutocompleteEnabled),_=y.ref(!n.showSendByEmail),w=y.computed(()=>[...i.value,...s.value]),{shouldShowField:k}=Mu(w),{cleanGovernmentId:W}=av(),z=cm({colors:{primary:{main:n.buttonColor}}});y.watch(n,j=>{i.value=j.customerFields,s.value=j.invoiceFields,u.value=j.isLoading,c.value=j.submitFormStatus,p.value=j.signupCompleted,m.value=j.errorMessage,g.value=j.isAutocompleteEnabled});const N=(j,O)=>j.type==="number"&&j.decimals?(Math.round(Number(O)*10**j.decimals)/10**j.decimals).toString():O,H=()=>{const j=i.value.find(({isExternalId:O})=>O);t("autocomplete-external-id",j==null?void 0:j.value)},Z=(j,{id:O,value:ie})=>{const we=j.findIndex(xe=>O===xe.id||O===xe.name);if(we!==-1){const xe=j[we];y.set(xe,"value",N(xe,ie)),xe.name==="product_id"&&g.value&&t("autocomplete-subscription",ie)}},K=()=>{const j={};return w.value.forEach(O=>{k(O)&&(j[O.name]=O.value)}),j},U=()=>{const j=K(),O={additional_data:{},customer_metadata:{},subscription_metadata:{},invoice_metadata:{},send_mail:_.value};return w.value.forEach(ie=>{if(ie.value){if(ie.relatedField&&!k(ie))return;let{value:we}=ie;ie.displayInfo&&(we=Iu(we,j)),ie.name.includes("customer_metadata")?O.customer_metadata[ie.name.replace("customer_metadata_","")]=we:ie.name.includes("subscription_metadata")?O.subscription_metadata[ie.name.replace("subscription_metadata_","")]=we:ie.name.includes("invoice_metadata")?O.invoice_metadata[ie.name.replace("invoice_metadata_","")]=we:ie.name.includes("additional_data")?O.additional_data[ie.name.replace("additional_data_","")]=we:ie.name==="government_id"&&n.countryIso==="CL"?O[ie.name]=W(we,n.countryIso):ie.name==="due_date"&&ov(we)?O[ie.name]=sv(we):ie.isAccount?O.id_account=we:O[ie.name]=we}}),O},be=()=>{let j=!0;return w.value.forEach(O=>{const ie=O.required&&(O.value===void 0||O.value==="")&&(!O.relatedField||k(O)),we=O.regex&&!RegExp(O.regex.pattern).test(O.value);(ie||we)&&(j=!1)}),j};return{__sfc:!0,props:n,emit:t,customerFields:i,invoiceFields:s,isLoading:u,submitFormStatus:c,signupCompleted:p,errorMessage:m,isAutocompleteEnabled:g,sendEmail:_,allFields:w,shouldShowField:k,cleanGovernmentId:W,theme:z,formatFieldValue:N,handleSearch:H,handleInput:Z,getVariables:K,buildSignupRequestBody:U,validateFormValues:be,submitForm:()=>{if(!be())return;const O=U();t("submit-form-data",O)},TButton:ra,TThemeProvider:pm,TCheckbox:Nm,SignupFields:k0,SignupCompleted:I0}}}),qC="";var O0=function(){var t=this,n=t._self._c,i=t._self._setupProxy;return n(i.TThemeProvider,{attrs:{theme:i.theme}},[n("main",[n("transition",{attrs:{name:"slide-fade",mode:"out-in"}},[i.signupCompleted?n(i.SignupCompleted,{attrs:{type:i.submitFormStatus,"error-message":i.errorMessage,"error-button-label":t.errorButtonLabel,"success-message":t.successMessage,"success-button-label":t.successButtonLabel},on:{reset:function(s){return i.emit("reset")}}}):n("div",{staticClass:"custom-form__container"},[n("div",{staticClass:"custom-form__fields",class:[t.isMobile?"custom-form__fields--rows":"custom-form__fields--columns"]},[n(i.SignupFields,{attrs:{fields:i.customerFields,"fields-type":"customer",title:t.customerFieldsTitle,autocomplete:i.isAutocompleteEnabled,accounts:t.accounts,"is-mobile":t.isMobile},on:{input:s=>i.handleInput(i.customerFields,s),search:i.handleSearch}}),n(i.SignupFields,{attrs:{fields:i.invoiceFields,"fields-type":"invoice",title:t.invoiceFieldsTitle,accounts:t.accounts,"is-mobile":t.isMobile},on:{input:s=>i.handleInput(i.invoiceFields,s)}})],1),n(i.TCheckbox,{attrs:{"label-position":"right",size:"small",id:"send_email"},model:{value:i.sendEmail,callback:function(s){i.sendEmail=s},expression:"sendEmail"}},[t._v(" "+t._s(t.sendByEmailText)+" ")]),n(i.TButton,{attrs:{disabled:t.disableSubmit,size:"large",loading:i.isLoading,"full-width":t.isMobile},on:{click:i.submitForm}},[t._v(" "+t._s(t.buttonLabel)+" ")])],1)],1)],1)])},F0=[],R0=fi(M0,O0,F0,!1,null,"6d6d0549",null,null);const L0=R0.exports;Xn.CustomForm=L0,Object.defineProperty(Xn,Symbol.toStringTag,{value:"Module"})});
|
|
209
|
+
`)])]):t._e(),t._v(" "),i("div",{class:t.prefixClass+"-time-content"},[t.timePickerOptions?i("list-options",{attrs:{date:t.innerValue,"get-classes":t.getClasses,options:t.timePickerOptions,format:t.innerForamt},on:{select:t.handleSelect}}):i("list-columns",t._b({attrs:{date:t.innerValue,"get-classes":t.getClasses,"hour-options":t.hourOptions,"minute-options":t.minuteOptions,"second-options":t.secondOptions,"hour-step":t.hourStep,"minute-step":t.minuteStep,"second-step":t.secondStep,"scroll-duration":t.scrollDuration},on:{select:t.handleSelect}},"list-columns",t.ShowHourMinuteSecondAMPM,!1))],1)])},c0=[],f0=void 0,d0=void 0,p0=void 0,h0=!1,Nn=Ft({render:u0,staticRenderFns:c0},f0,l0,d0,h0,p0,!1,void 0,void 0,void 0),ha={name:"TimeRange",inject:{prefixClass:{default:"mx"}},props:Ee({},Nn.props),data:function(){return{startValue:new Date(NaN),endValue:new Date(NaN)}},watch:{value:{immediate:!0,handler:function(){if(si(this.value)){var t=ca(this.value,2),n=t[0],i=t[1];this.startValue=n,this.endValue=i}else this.startValue=new Date(NaN),this.endValue=new Date(NaN)}}},methods:{emitChange:function(t,n){var i=[this.startValue,this.endValue];this.$emit("select",i,t==="time"?"time-range":t,n)},handleSelectStart:function(t,n){this.startValue=t,this.endValue.getTime()>=t.getTime()||(this.endValue=t),this.emitChange(n,0)},handleSelectEnd:function(t,n){this.endValue=t,this.startValue.getTime()<=t.getTime()||(this.startValue=t),this.emitChange(n,1)},disabledStartTime:function(t){return this.disabledTime(t,0)},disabledEndTime:function(t){return t.getTime()<this.startValue.getTime()||this.disabledTime(t,1)}},render:function(){var t=arguments[0],n=Array.isArray(this.defaultValue)?this.defaultValue:[this.defaultValue,this.defaultValue],i=this.prefixClass;return t("div",{class:"".concat(i,"-range-wrapper")},[t(Nn,{props:Ee({},Ee({},this.$props,{value:this.startValue,defaultValue:n[0],disabledTime:this.disabledStartTime})),on:Ee({},Ee({},this.$listeners,{select:this.handleSelectStart}))}),t(Nn,{props:Ee({},Ee({},this.$props,{value:this.endValue,defaultValue:n[1],disabledTime:this.disabledEndTime})),on:Ee({},Ee({},this.$listeners,{select:this.handleSelectEnd}))})])}},hs={name:"DatetimePanel",inject:{prefixClass:{default:"mx"}},emits:["select","update:show-time-panel"],props:Ee({},nr.props,{},Nn.props,{showTimePanel:{type:Boolean,default:void 0}}),data:function(){return{defaultTimeVisible:!1,currentValue:this.value}},computed:{timeVisible:function(){return typeof this.showTimePanel=="boolean"?this.showTimePanel:this.defaultTimeVisible}},watch:{value:function(t){this.currentValue=t}},methods:{closeTimePanel:function(){this.defaultTimeVisible=!1,this.$emit("update:show-time-panel",!1)},openTimePanel:function(){this.defaultTimeVisible=!0,this.$emit("update:show-time-panel",!0)},emitDate:function(t,n){this.$emit("select",t,n)},handleSelect:function(t,n){n==="date"&&this.openTimePanel();var i=li(t,xr(this.value,this.defaultValue));if(this.disabledTime(new Date(i))&&(i=li(t,this.defaultValue),this.disabledTime(new Date(i)))){this.currentValue=i;return}this.emitDate(i,n)}},render:function(){var t=arguments[0],n={props:Ee({},Cr(this.$props,Object.keys(nr.props)),{type:"date",value:this.currentValue}),on:{select:this.handleSelect}},i={props:Ee({},Cr(this.$props,Object.keys(Nn.props)),{showTimeHeader:!0,value:this.currentValue}),on:{select:this.emitDate,clicktitle:this.closeTimePanel}},s=this.prefixClass;return t("div",[t(nr,fa([{},n])),this.timeVisible&&t(Nn,fa([{class:"".concat(s,"-calendar-time")},i]))])}},pc={name:"DatetimeRange",inject:{prefixClass:{default:"mx"}},emits:["select","update:show-time-panel"],props:Ee({},pa.props,{},ha.props,{showTimePanel:{type:Boolean,default:void 0}}),data:function(){return{defaultTimeVisible:!1,currentValue:this.value}},computed:{timeVisible:function(){return typeof this.showTimePanel=="boolean"?this.showTimePanel:this.defaultTimeVisible}},watch:{value:function(t){this.currentValue=t}},methods:{closeTimePanel:function(){this.defaultTimeVisible=!1,this.$emit("update:show-time-panel",!1)},openTimePanel:function(){this.defaultTimeVisible=!0,this.$emit("update:show-time-panel",!0)},emitDate:function(t,n){this.$emit("select",t,n)},handleSelect:function(t,n){var i=this;n==="date"&&this.openTimePanel();var s=Array.isArray(this.defaultValue)?this.defaultValue:[this.defaultValue,this.defaultValue],u=t.map(function(c,p){var m=si(i.value)?i.value[p]:s[p];return li(c,m)});if(u[1].getTime()<u[0].getTime()&&(u=[u[0],u[0]]),u.some(this.disabledTime)&&(u=t.map(function(c,p){return li(c,s[p])}),u.some(this.disabledTime))){this.currentValue=u;return}this.emitDate(u,n)}},render:function(){var t=arguments[0],n={props:Ee({},Cr(this.$props,Object.keys(pa.props)),{type:"date",value:this.currentValue}),on:{select:this.handleSelect}},i={props:Ee({},Cr(this.$props,Object.keys(ha.props)),{value:this.currentValue,showTimeHeader:!0}),on:{select:this.emitDate,clicktitle:this.closeTimePanel}},s=this.prefixClass;return t("div",[t(pa,fa([{},n])),this.timeVisible&&t(ha,fa([{class:"".concat(s,"-calendar-time")},i]))])}},m0={default:nr,time:Nn,datetime:hs},v0={default:pa,time:ha,datetime:pc},rr={name:"DatePicker",provide:function(){var t=this;return{getLocale:function(){return t.locale},getWeek:this.getWeek,prefixClass:this.prefixClass,dispatchDatePicker:this.$emit.bind(this)}},props:Ee({},hs.props,{value:{},valueType:{type:String,default:"date"},type:{type:String,default:"date"},format:{type:String},formatter:{type:Object},range:{type:Boolean,default:!1},multiple:{type:Boolean,default:!1},rangeSeparator:{type:String},lang:{type:[String,Object]},placeholder:{type:String,default:""},editable:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},clearable:{type:Boolean,default:!0},prefixClass:{type:String,default:"mx"},inputClass:{},inputAttr:{type:Object,default:function(){return{}}},appendToBody:{type:Boolean,default:!0},open:{type:Boolean,default:void 0},popupClass:{},popupStyle:{type:Object,default:function(){return{}}},inline:{type:Boolean,default:!1},confirm:{type:Boolean,default:!1},confirmText:{type:String,default:"OK"},renderInputText:{type:Function},shortcuts:{type:Array,validator:function(t){return Array.isArray(t)&&t.every(function(n){return cn(n)&&typeof n.text=="string"&&typeof n.onClick=="function"})},default:function(){return[]}}}),data:function(){return{currentValue:null,userInput:null,defaultOpen:!1,mouseInInput:!1}},computed:{popupVisible:function(){return!this.disabled&&(typeof this.open=="boolean"?this.open:this.defaultOpen)},innerRangeSeparator:function(){return this.rangeSeparator||(this.multiple?",":" ~ ")},innerFormat:function(){var t={date:"YYYY-MM-DD",datetime:"YYYY-MM-DD HH:mm:ss",year:"YYYY",month:"YYYY-MM",time:"HH:mm:ss",week:"w"};return this.format||t[this.type]||t.date},innerValue:function(){var t=this.value;return this.validMultipleType?(t=Array.isArray(t)?t:[],t.map(this.value2date)):this.range?(t=Array.isArray(t)?t.slice(0,2):[null,null],t.map(this.value2date)):this.value2date(t)},text:function(){var t=this;return this.userInput!==null?this.userInput:typeof this.renderInputText=="function"?this.renderInputText(this.innerValue):this.isValidValue(this.innerValue)?Array.isArray(this.innerValue)?this.innerValue.map(function(n){return t.formatDate(n)}).join(this.innerRangeSeparator):this.formatDate(this.innerValue):""},showClearIcon:function(){return!this.disabled&&this.clearable&&this.text&&this.mouseInInput},locale:function(){return cn(this.lang)?cc(kr(),this.lang):kr(this.lang)},validMultipleType:function(){var t=["date","month","year"];return this.multiple&&!this.range&&t.indexOf(this.type)!==-1}},watch:{innerValue:{immediate:!0,handler:function(t){this.currentValue=t}},popupVisible:{handler:function(t){t&&(this.currentValue=this.innerValue)}}},created:function(){oi(this.format)==="object"&&console.warn("[vue2-datepicker]: The prop `format` don't support Object any more. You can use the new prop `formatter` to replace it")},methods:{handleMouseEnter:function(){this.mouseInInput=!0},handleMouseLeave:function(){this.mouseInInput=!1},handleClickOutSide:function(t){var n=t.target;this.$el.contains(n)||this.closePopup()},getFormatter:function(t){return cn(this.formatter)&&this.formatter[t]||cn(this.format)&&this.format[t]},getWeek:function(t,n){return typeof this.getFormatter("getWeek")=="function"?this.getFormatter("getWeek")(t,n):ns(t,n)},parseDate:function(t,n){if(n=n||this.innerFormat,typeof this.getFormatter("parse")=="function")return this.getFormatter("parse")(t,n);var i=new Date;return Kv(t,n,{locale:this.locale.formatLocale,backupDate:i})},formatDate:function(t,n){return n=n||this.innerFormat,typeof this.getFormatter("stringify")=="function"?this.getFormatter("stringify")(t,n):ai(t,n,{locale:this.locale.formatLocale})},value2date:function(t){switch(this.valueType){case"date":return t instanceof Date?new Date(t.getTime()):new Date(NaN);case"timestamp":return typeof t=="number"?new Date(t):new Date(NaN);case"format":return typeof t=="string"?this.parseDate(t):new Date(NaN);default:return typeof t=="string"?this.parseDate(t,this.valueType):new Date(NaN)}},date2value:function(t){if(!_n(t))return null;switch(this.valueType){case"date":return t;case"timestamp":return t.getTime();case"format":return this.formatDate(t);default:return this.formatDate(t,this.valueType)}},emitValue:function(t,n){var i=arguments.length>2&&arguments[2]!==void 0?arguments[2]:!0;this.userInput=null;var s=Array.isArray(t)?t.map(this.date2value):this.date2value(t);return this.$emit("input",s),this.$emit("change",s,n),i&&this.closePopup(),s},isValidValue:function(t){return this.validMultipleType?ug(t):this.range?si(t):_n(t)},isValidValueAndNotDisabled:function(t){if(!this.isValidValue(t))return!1;var n=typeof this.disabledDate=="function"?this.disabledDate:function(){return!1},i=typeof this.disabledTime=="function"?this.disabledTime:function(){return!1};return Array.isArray(t)||(t=[t]),t.every(function(s){return!n(s)&&!i(s)})},handleMultipleDates:function(t,n){if(this.validMultipleType&&n){var i=n.filter(function(s){return s.getTime()!==t.getTime()});return i.length===n.length&&i.push(t),i}return t},handleSelectDate:function(t,n,i){t=this.handleMultipleDates(t,i),this.confirm?this.currentValue=t:this.emitValue(t,n,!this.validMultipleType&&(n===this.type||n==="time"))},clear:function(){this.emitValue(this.range?[null,null]:null),this.$emit("clear")},handleClear:function(t){t.stopPropagation(),this.clear()},handleConfirmDate:function(){var t=this.emitValue(this.currentValue);this.$emit("confirm",t)},handleSelectShortcut:function(t){var n=t.currentTarget.getAttribute("data-index"),i=this.shortcuts[parseInt(n,10)];if(cn(i)&&typeof i.onClick=="function"){var s=i.onClick(this);s&&this.emitValue(s)}},openPopup:function(t){this.popupVisible||this.disabled||(this.defaultOpen=!0,this.$emit("open",t),this.$emit("update:open",!0))},closePopup:function(){this.popupVisible&&(this.defaultOpen=!1,this.$emit("close"),this.$emit("update:open",!1))},blur:function(){this.$refs.input&&this.$refs.input.blur()},focus:function(){this.$refs.input&&this.$refs.input.focus()},handleInputChange:function(){var t=this;if(!(!this.editable||this.userInput===null)){var n=this.userInput.trim();if(this.userInput=null,n===""){this.clear();return}var i;if(this.validMultipleType)i=n.split(this.innerRangeSeparator).map(function(u){return t.parseDate(u.trim())});else if(this.range){var s=n.split(this.innerRangeSeparator);s.length!==2&&(s=n.split(this.innerRangeSeparator.trim())),i=s.map(function(u){return t.parseDate(u.trim())})}else i=this.parseDate(n);this.isValidValueAndNotDisabled(i)?(this.emitValue(i),this.blur()):this.$emit("input-error",n)}},handleInputInput:function(t){this.userInput=typeof t=="string"?t:t.target.value},handleInputKeydown:function(t){var n=t.keyCode;n===9?this.closePopup():n===13&&this.handleInputChange()},handleInputBlur:function(t){this.$emit("blur",t)},handleInputFocus:function(t){this.openPopup(t),this.$emit("focus",t)},hasSlot:function(t){return!!(this.$slots[t]||this.$scopedSlots[t])},renderSlot:function(t,n,i){var s=this.$scopedSlots[t];return s?s(i)||n:this.$slots[t]||n},renderInput:function(){var t=this.$createElement,n=this.prefixClass,i=Ee({name:"date",type:"text",autocomplete:"off",value:this.text,class:this.inputClass||"".concat(this.prefixClass,"-input"),readonly:!this.editable,disabled:this.disabled,placeholder:this.placeholder},this.inputAttr),s=i.value,u=i.class,c=Qv(i,["value","class"]),p={keydown:this.handleInputKeydown,focus:this.handleInputFocus,blur:this.handleInputBlur,input:this.handleInputInput,change:this.handleInputChange},m=this.renderSlot("input",t("input",{domProps:{value:s},class:u,attrs:Ee({},c),on:Ee({},p),ref:"input"}),{props:i,events:p}),g=this.type==="time"?t(Yg):t(Lg);return t("div",{class:"".concat(n,"-input-wrapper"),on:{mouseenter:this.handleMouseEnter,mouseleave:this.handleMouseLeave,click:this.openPopup},ref:"inputWrapper"},[m,this.showClearIcon?t("i",{class:"".concat(n,"-icon-clear"),on:{click:this.handleClear}},[this.renderSlot("icon-clear",t(Xg))]):t("i",{class:"".concat(n,"-icon-calendar")},[this.renderSlot("icon-calendar",g)])])},renderContent:function(){var t=this.$createElement,n=this.range?v0:m0,i=n[this.type]||n.default,s=Ee({},Cr(this.$props,Object.keys(i.props)),{value:this.currentValue}),u=Ee({},Cr(this.$listeners,i.emits||[]),{select:this.handleSelectDate}),c=t(i,fa([{},{props:s,on:u,ref:"picker"}]));return t("div",{class:"".concat(this.prefixClass,"-datepicker-body")},[this.renderSlot("content",c,{value:this.currentValue,emit:this.handleSelectDate})])},renderSidebar:function(){var t=this,n=this.$createElement,i=this.prefixClass;return n("div",{class:"".concat(i,"-datepicker-sidebar")},[this.renderSlot("sidebar",null,{value:this.currentValue,emit:this.handleSelectDate}),this.shortcuts.map(function(s,u){return n("button",{key:u,attrs:{"data-index":u,type:"button"},class:"".concat(i,"-btn ").concat(i,"-btn-text ").concat(i,"-btn-shortcut"),on:{click:t.handleSelectShortcut}},[s.text])})])},renderHeader:function(){var t=this.$createElement;return t("div",{class:"".concat(this.prefixClass,"-datepicker-header")},[this.renderSlot("header",null,{value:this.currentValue,emit:this.handleSelectDate})])},renderFooter:function(){var t=this.$createElement,n=this.prefixClass;return t("div",{class:"".concat(n,"-datepicker-footer")},[this.renderSlot("footer",null,{value:this.currentValue,emit:this.handleSelectDate}),this.confirm?t("button",{attrs:{type:"button"},class:"".concat(n,"-btn ").concat(n,"-datepicker-btn-confirm"),on:{click:this.handleConfirmDate}},[this.confirmText]):null])}},render:function(){var t,n=arguments[0],i=this.prefixClass,s=this.inline,u=this.disabled,c=this.hasSlot("sidebar")||this.shortcuts.length?this.renderSidebar():null,p=n("div",{class:"".concat(i,"-datepicker-content")},[this.hasSlot("header")?this.renderHeader():null,this.renderContent(),this.hasSlot("footer")||this.confirm?this.renderFooter():null]);return n("div",{class:(t={},tr(t,"".concat(i,"-datepicker"),!0),tr(t,"".concat(i,"-datepicker-range"),this.range),tr(t,"".concat(i,"-datepicker-inline"),s),tr(t,"disabled",u),t)},[s?null:this.renderInput(),s?n("div",{class:"".concat(i,"-datepicker-main")},[c,p]):n($g,{ref:"popup",class:this.popupClass,style:this.popupStyle,attrs:{visible:this.popupVisible,appendToBody:this.appendToBody},on:{clickoutside:this.handleClickOutSide}},[c,p])])}};rr.locale=fc,rr.install=function(t){t.component(rr.name,rr)},typeof window<"u"&&window.Vue&&rr.install(window.Vue),is(rr,{CalendarPanel:nr,CalendarRange:pa,TimePanel:Nn,TimeRange:ha,DatetimePanel:hs,DatetimeRange:pc});const YC="",g0=y.defineComponent({__name:"SignupField",props:{id:null,value:null,label:null,disabled:{type:Boolean},displayInfo:{type:Boolean},type:null,decimals:null,leftIcon:null,rightIcon:null,placeholder:null,helperText:null,errorText:null,required:{type:Boolean},regex:null,isMobile:{type:Boolean},autocomplete:{type:Boolean},isExternalId:{type:Boolean}},emits:["input","right-icon-click"],setup(r,{emit:t}){const n=r,i=y.ref(!1),s=y.ref(!1),u=y.computed(()=>{var z;return s.value?"Obligatorio":n.errorText||((z=n.regex)==null?void 0:z.message)}),c=y.computed(()=>n.placeholder||""),p=y.computed(()=>i.value?u.value:ts(n.helperText)),m=y.computed(()=>{let z="";return i.value&&(z+=" input-error"),z}),g=y.computed(()=>{let z="t-field__helper-text";return i.value&&(z+=" error"),z}),_=()=>{n.regex&&typeof n.value=="string"?i.value=!RegExp(n.regex.pattern).test(n.value):n.required&&(i.value=!n.value,s.value=!n.value)};return y.watch(()=>n.value,_),{__sfc:!0,props:n,emits:t,isError:i,displayRequired:s,errorText:u,placeholder:c,lowerLabel:p,inputClass:m,lowerLabelClass:g,validate:_,handleInput:z=>{t("input",z)},handleDatePicker:z=>{t("input",z)},handleRightIconClick:()=>{t("right-icon-click")},stringToHTML:ts,Datepicker:rr,TIconButton:xm,TTextInput:Tm,TTypography:yr}}}),HC="";function fi(r,t,n,i,s,u,c,p){var m=typeof r=="function"?r.options:r;t&&(m.render=t,m.staticRenderFns=n,m._compiled=!0),i&&(m.functional=!0),u&&(m._scopeId="data-v-"+u);var g;if(c?(g=function(k){k=k||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,!k&&typeof __VUE_SSR_CONTEXT__<"u"&&(k=__VUE_SSR_CONTEXT__),s&&s.call(this,k),k&&k._registeredComponents&&k._registeredComponents.add(c)},m._ssrRegister=g):s&&(g=p?function(){s.call(this,(m.functional?this.parent:this).$root.$options.shadowRoot)}:s),g)if(m.functional){m._injectStyles=g;var _=m.render;m.render=function(W,z){return g.call(z),_(W,z)}}else{var w=m.beforeCreate;m.beforeCreate=w?[].concat(w,g):[g]}return{exports:r,options:m}}var _0=function(){var t=this,n=t._self._c,i=t._self._setupProxy;return n("div",{staticClass:"t-field"},[t.label?n("label",{staticClass:"t-field__label",attrs:{for:t.id},domProps:{innerHTML:t._s(i.stringToHTML(t.label))}}):t._e(),t.displayInfo?n(i.TTypography,{attrs:{variant:"b3"}},[t._v(" "+t._s(t.value)+" ")]):t.type==="date"?n("div",{staticClass:"t-field__calendar"},[n(i.Datepicker,{staticClass:"date-class",attrs:{value:t.value,"append-to-body":!1,format:"DD/MM/YYYY"},on:{input:i.handleDatePicker}})],1):n("div",{staticClass:"t-field__input"},[n(i.TTextInput,{class:i.inputClass,attrs:{id:t.id,value:t.value,placeholder:i.placeholder,type:t.type,disabled:t.disabled,"right-icon":t.rightIcon,"left-icon":t.leftIcon,"full-width":"",error:i.isError},on:{input:i.handleInput},scopedSlots:t._u([{key:"helperText",fn:function(){return[n("p",{class:i.lowerLabelClass,attrs:{for:t.id},domProps:{innerHTML:t._s(i.lowerLabel)}})]},proxy:!0}])}),t.isExternalId&&t.autocomplete?n(i.TIconButton,{attrs:{icon:"magnifying-glass"},on:{click:i.handleRightIconClick}}):t._e()],1)],1)},y0=[],b0=fi(g0,_0,y0,!1,null,"21f99496",null,null);const w0=b0.exports,x0=y.defineComponent({__name:"SignupFields",props:{fieldsType:null,title:null,fields:null,autocomplete:{type:Boolean},accounts:null,isMobile:{type:Boolean}},emits:["input","search"],setup(r,{emit:t}){const n=r,i=(w,k)=>{t("input",{id:w,value:k})},{shouldShowField:s}=Mu(),u=y.computed(()=>n.fields.filter(s)),c=y.computed(()=>{const w={};return u.value.forEach(k=>{w[k.name]=k.value}),w});return{__sfc:!0,props:n,emit:t,handleInput:i,shouldShowField:s,fieldsToShow:u,variables:c,getFieldValue:w=>w.displayInfo&&iv(w.value)?Iu(w.value,c.value):w.value,isFieldSearchable:w=>w.isExternalId&&n.autocomplete,handleRightIconClick:()=>{t("search")},retrocompatibleIcon:w=>w==="DollarIcon"?"currency-dollar":w,TTypography:yr,TSelect:$m,stringToHTML:ts,SignupFieldComponent:w0}}}),UC="";var S0=function(){var t=this,n=t._self._c,i=t._self._setupProxy;return n("div",{staticClass:"fields"},[n(i.TTypography,{attrs:{variant:"s2","font-weight":"medium"}},[t._v(" "+t._s(t.title)+" ")]),t._l(i.fieldsToShow,function(s){var u,c;return[t.fieldsType==="invoice"&&s.isAccount?n(i.TSelect,{key:s.id||s.name,staticClass:"t-select",attrs:{placeholder:s.placeholder,value:(u=s.value)==null?void 0:u.toString(),"full-width":""},on:{input:p=>i.handleInput(s.id||s.id||s.name,p)},scopedSlots:t._u([{key:"label",fn:function(){return[s.label?n("label",{staticClass:"t-select__label",attrs:{for:s.id||s.name},domProps:{innerHTML:t._s(i.stringToHTML(s.label))}}):t._e()]},proxy:!0},{key:"helperText",fn:function(){return[s.helperText?n("p",{staticClass:"t-select__helper-text",domProps:{innerHTML:t._s(i.stringToHTML(s.helperText))}}):t._e()]},proxy:!0}],null,!0)},t._l(t.accounts,function({id:p,name:m}){return n("option",{key:p,domProps:{value:p}},[t._v(" "+t._s(m)+" ")])}),0):s.defaultOptions!==void 0?n(i.TSelect,{key:s.id||s.name,staticClass:"t-select",attrs:{placeholder:s.placeholder,value:(c=s.value)==null?void 0:c.toString(),"full-width":""},on:{input:p=>i.handleInput(s.id||s.name,p)},scopedSlots:t._u([{key:"label",fn:function(){return[s.label?n("label",{staticClass:"t-select__label",attrs:{for:s.id||s.name},domProps:{innerHTML:t._s(i.stringToHTML(s.label))}}):t._e()]},proxy:!0},{key:"helperText",fn:function(){return[s.helperText?n("p",{staticClass:"t-select__helper-text",domProps:{innerHTML:t._s(i.stringToHTML(s.helperText))}}):t._e()]},proxy:!0}],null,!0)},t._l(s.defaultOptions,function(p){return n("option",{key:p.toString(),domProps:{value:p.toString()}},[t._v(" "+t._s(p)+" ")])}),0):n(i.SignupFieldComponent,{key:s.name,attrs:{id:s.id||s.name,value:i.getFieldValue(s),type:s.type,label:s.label,placeholder:s.placeholder,decimals:s.decimals,"helper-text":s.helperText,"left-icon":i.retrocompatibleIcon(s.leftIcon),required:s.required,regex:s.regex,"display-info":s.displayInfo,"right-icon":i.isFieldSearchable(s)?"ph:magnifying-glass":void 0,"is-mobile":t.isMobile,autocomplete:i.props.autocomplete,"is-external-id":s.isExternalId},on:{input:p=>i.handleInput(s.id||s.name,p),"right-icon-click":function(p){i.isFieldSearchable(s)&&i.handleRightIconClick()}}})]})],2)},C0=[],T0=fi(x0,S0,C0,!1,null,"ce88ef94",null,null);const k0=T0.exports,D0=y.defineComponent({__name:"SignupCompleted",props:{type:{default:"success"},errorMessage:null,errorButtonLabel:null,successMessage:null,successButtonLabel:null},emits:["reset"],setup(r){const t=r,n=y.computed(()=>t.type==="error"?t.errorMessage:t.successMessage),i=y.computed(()=>t.type==="error"?t.errorButtonLabel:t.successButtonLabel);return{__sfc:!0,props:t,message:n,buttonText:i,TButton:ra,TTypography:yr}}}),GC="";var E0=function(){var t=this,n=t._self._c,i=t._self._setupProxy;return n("div",{staticClass:"success-form"},[n(i.TTypography,{attrs:{variant:"h1"}},[t._v(" "+t._s(i.message)+" ")]),n(i.TButton,{attrs:{variant:"secondary"},on:{click:function(s){return t.$emit("reset")}}},[t._v(" "+t._s(i.buttonText)+" ")])],1)},$0=[],A0=fi(D0,E0,$0,!1,null,"dd9e3f67",null,null);const I0=A0.exports,qC="",M0=y.defineComponent({__name:"CustomForm",props:{customerFields:null,invoiceFields:null,countryIso:null,isLoading:{type:Boolean},submitFormStatus:null,signupCompleted:{type:Boolean,default:!1},isAutocompleteEnabled:{type:Boolean},accounts:null,disableSubmit:{type:Boolean,default:!1},showSendByEmail:{type:Boolean,default:!1},invoiceFieldsTitle:{default:"Plan de pagos"},customerFieldsTitle:{default:"Información Cliente"},buttonLabel:{default:"Registrar"},sendByEmailText:{default:"Enviar información a correo electrónico"},errorMessage:{default:"Error en la creación"},errorButtonLabel:{default:"Intentar nuevamente"},successMessage:{default:"Inscripción exitosa"},successButtonLabel:{default:"Registrar nuevo cliente"},isMobile:{type:Boolean,default:!1},buttonColor:{default:"#5c0087"}},emits:["submit-form-data","reset","autocomplete-subscription","autocomplete-external-id"],setup(r,{emit:t}){const n=r,i=y.ref(n.customerFields),s=y.ref(n.invoiceFields),u=y.ref(n.isLoading),c=y.ref(n.submitFormStatus),p=y.ref(n.signupCompleted),m=y.ref(n.errorMessage),g=y.ref(n.isAutocompleteEnabled),_=y.ref(!n.showSendByEmail),w=y.computed(()=>[...i.value,...s.value]),{shouldShowField:k}=Mu(w),{cleanGovernmentId:W}=av(),z=cm({colors:{primary:{main:n.buttonColor}}});y.watch(n,j=>{i.value=j.customerFields,s.value=j.invoiceFields,u.value=j.isLoading,c.value=j.submitFormStatus,p.value=j.signupCompleted,m.value=j.errorMessage,g.value=j.isAutocompleteEnabled});const N=(j,O)=>j.type==="number"&&j.decimals?(Math.round(Number(O)*10**j.decimals)/10**j.decimals).toString():O,H=()=>{const j=i.value.find(({isExternalId:O})=>O);t("autocomplete-external-id",j==null?void 0:j.value)},Z=(j,{id:O,value:ie})=>{const we=j.findIndex(xe=>O===xe.id||O===xe.name);if(we!==-1){const xe=j[we];y.set(xe,"value",N(xe,ie)),xe.name==="product_id"&&g.value&&t("autocomplete-subscription",ie)}},K=()=>{const j={};return w.value.forEach(O=>{k(O)&&(j[O.name]=O.value)}),j},U=()=>{const j=K(),O={additional_data:{},customer_metadata:{},subscription_metadata:{},invoice_metadata:{},send_mail:_.value};return w.value.forEach(ie=>{if(ie.value){if(ie.relatedField&&!k(ie))return;let{value:we}=ie;ie.displayInfo&&(we=Iu(we,j)),ie.name.includes("customer_metadata")?O.customer_metadata[ie.name.replace("customer_metadata_","")]=we:ie.name.includes("subscription_metadata")?O.subscription_metadata[ie.name.replace("subscription_metadata_","")]=we:ie.name.includes("invoice_metadata")?O.invoice_metadata[ie.name.replace("invoice_metadata_","")]=we:ie.name.includes("additional_data")?O.additional_data[ie.name.replace("additional_data_","")]=we:ie.name==="government_id"&&n.countryIso==="CL"?O[ie.name]=W(we,n.countryIso):ie.name==="due_date"&&ov(we)?O[ie.name]=sv(we):ie.isAccount?O.id_account=we:O[ie.name]=we}}),O},be=()=>{let j=!0;return w.value.forEach(O=>{const ie=O.required&&(O.value===void 0||O.value==="")&&(!O.relatedField||k(O)),we=O.regex&&!RegExp(O.regex.pattern).test(O.value);(ie||we)&&(j=!1)}),j};return{__sfc:!0,props:n,emit:t,customerFields:i,invoiceFields:s,isLoading:u,submitFormStatus:c,signupCompleted:p,errorMessage:m,isAutocompleteEnabled:g,sendEmail:_,allFields:w,shouldShowField:k,cleanGovernmentId:W,theme:z,formatFieldValue:N,handleSearch:H,handleInput:Z,getVariables:K,buildSignupRequestBody:U,validateFormValues:be,submitForm:()=>{if(!be())return;const O=U();t("submit-form-data",O)},TButton:ra,TThemeProvider:pm,TCheckbox:Nm,SignupFields:k0,SignupCompleted:I0}}}),VC="";var O0=function(){var t=this,n=t._self._c,i=t._self._setupProxy;return n(i.TThemeProvider,{attrs:{theme:i.theme}},[n("main",[n("transition",{attrs:{name:"slide-fade",mode:"out-in"}},[i.signupCompleted?n(i.SignupCompleted,{attrs:{type:i.submitFormStatus,"error-message":i.errorMessage,"error-button-label":t.errorButtonLabel,"success-message":t.successMessage,"success-button-label":t.successButtonLabel},on:{reset:function(s){return i.emit("reset")}}}):n("div",{staticClass:"custom-form__container"},[n("div",{staticClass:"custom-form__fields",class:[t.isMobile?"custom-form__fields--rows":"custom-form__fields--columns"]},[n(i.SignupFields,{attrs:{fields:i.customerFields,"fields-type":"customer",title:t.customerFieldsTitle,autocomplete:i.isAutocompleteEnabled,accounts:t.accounts,"is-mobile":t.isMobile},on:{input:s=>i.handleInput(i.customerFields,s),search:i.handleSearch}}),n(i.SignupFields,{attrs:{fields:i.invoiceFields,"fields-type":"invoice",title:t.invoiceFieldsTitle,accounts:t.accounts,"is-mobile":t.isMobile},on:{input:s=>i.handleInput(i.invoiceFields,s)}})],1),n(i.TCheckbox,{attrs:{"label-position":"right",size:"small",id:"send_email"},model:{value:i.sendEmail,callback:function(s){i.sendEmail=s},expression:"sendEmail"}},[t._v(" "+t._s(t.sendByEmailText)+" ")]),n(i.TButton,{attrs:{disabled:t.disableSubmit,size:"large",loading:i.isLoading,"full-width":t.isMobile},on:{click:i.submitForm}},[t._v(" "+t._s(t.buttonLabel)+" ")])],1)],1)],1)])},F0=[],R0=fi(M0,O0,F0,!1,null,"1a9dbdb9",null,null);const L0=R0.exports;Xn.CustomForm=L0,Object.defineProperty(Xn,Symbol.toStringTag,{value:"Module"})});
|
|
210
210
|
//# sourceMappingURL=index.umd.js.map
|