@htmlbricks/hb-checkout 0.66.4 → 0.66.5

package/main.iife.js

@@ -8,7 +8,7 @@
             height: 0;
             overflow: hidden;
           }
-        `,i instanceof Document&&i.head?i.head.appendChild(o):i.appendChild(o)}}isClientInvalidated(t){return this.oldInvalidationValues?this.getInvalidationValues(t).some((r,i)=>JSON.stringify(r)!==JSON.stringify(this.oldInvalidationValues[i])):!0}getInvalidationValues(t){var n,r;return[t.environment,t.existingPaymentMethodRequired,!!t.onPaymentDataChanged,!!t.onPaymentAuthorized,t.buttonType,t.buttonColor,t.buttonRadius,t.buttonLocale,t.buttonSizeMode,t.buttonBorderType,t.paymentRequest.merchantInfo.merchantId,t.paymentRequest.merchantInfo.merchantName,(n=t.paymentRequest.merchantInfo.softwareInfo)===null||n===void 0?void 0:n.id,(r=t.paymentRequest.merchantInfo.softwareInfo)===null||r===void 0?void 0:r.version,t.paymentRequest.allowedPaymentMethods]}}var qs="@google-pay/button-element",js="3.2.1";function Fs(e,t=0){let n;return function(...r){window.clearTimeout(n);const i=function(){return n=void 0,e(...r)};return new Promise(s=>{n=window.setTimeout(()=>{const o=i();s(o)},t)})}}class X extends HTMLElement{constructor(){super(...arguments),this.manager=new zs({cssSelector:"google-pay-button",softwareInfoId:qs,softwareInfoVersion:js}),this.initializeButton=Fs(()=>{if(!this.assertRequiredProperty("paymentRequest")||!this.assertRequiredProperty("environment"))return;const t={paymentRequest:this.paymentRequest,environment:this.environment,existingPaymentMethodRequired:this.existingPaymentMethodRequired,onPaymentDataChanged:this.onPaymentDataChanged,onPaymentAuthorized:this.onPaymentAuthorized,buttonColor:this.buttonColor,buttonType:this.buttonType,buttonRadius:this.buttonRadius,buttonSizeMode:this.buttonSizeMode,buttonLocale:this.buttonLocale,buttonBorderType:this.buttonBorderType,onReadyToPayChange:n=>{this.onReadyToPayChange&&this.onReadyToPayChange(n),this.dispatch("readytopaychange",n)},onCancel:n=>{this.onCancel&&this.onCancel(n),this.dispatch("cancel",n)},onError:n=>{var r;this.onError&&((r=this.onError)===null||r===void 0||r.call(this,n)),this.dispatchEvent(new ErrorEvent("error",{error:n}))},onLoadPaymentData:n=>{this.onLoadPaymentData&&this.onLoadPaymentData(n),this.dispatch("loadpaymentdata",n)},onClick:n=>{var r;this.onClick&&((r=this.onClick)===null||r===void 0||r.call(this,n))}};this.manager.configure(t)})}get isReadyToPay(){return this.manager.isReadyToPay}assertRequiredProperty(t){const n=this[t];return n==null?(this.throwError(Error(`Required property not set: ${t}`)),!1):!0}throwError(t){throw t}static get observedAttributes(){return X._observedAttributes}addObservedAttribute(t){X._observedAttributes.push(t)}dispatch(t,n){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,cancelable:!1,detail:n}))}connectedCallback(){return on(this,void 0,void 0,function*(){return yield this.manager.mount(this),this.initializeButton()})}disconnectedCallback(){this.manager.unmount()}attributeChangedCallback(t){return this.initializeButton()}notifyPropertyChanged(t){return this.initializeButton()}}X._observedAttributes=[],de([On(),z("paymentrequest")],X.prototype,"paymentRequest",void 0),de([mt()],X.prototype,"environment",void 0),de([Os(),z("existingpaymentmethodrequired")],X.prototype,"existingPaymentMethodRequired",void 0),de([mt(),z("buttoncolor")],X.prototype,"buttonColor",void 0),de([mt(),z("buttontype")],X.prototype,"buttonType",void 0),de([mt(),z("buttonradius")],X.prototype,"buttonRadius",void 0),de([mt(),z("buttonsizemode")],X.prototype,"buttonSizeMode",void 0),de([mt(),z("buttonlocale")],X.prototype,"buttonLocale",void 0),de([mt(),z("buttonbordertype")],X.prototype,"buttonBorderType",void 0),de([On(),z("paymentDataChangedCallback"),z("paymentdatachangedcallback"),z("onpaymentdatachanged")],X.prototype,"onPaymentDataChanged",void 0),de([On(),z("paymentAuthorizedCallback"),z("paymentauthorizedcallback"),z("onpaymentauthorized")],X.prototype,"onPaymentAuthorized",void 0),de([z("readyToPayChangeCallback"),z("readytopaychangecallback"),z("onreadytopaychange")],X.prototype,"onReadyToPayChange",void 0),de([z("loadPaymentDataCallback"),z("loadpaymentdatacallback"),z("onloadpaymentdata")],X.prototype,"onLoadPaymentData",void 0),de([z("cancelCallback"),z("cancelcallback"),z("oncancel")],X.prototype,"onCancel",void 0),de([z("errorCallback"),z("errorcallback"),z("onerror")],X.prototype,"onError",void 0),de([z("clickCallback"),z("clickcallback"),z("onclick")],X.prototype,"onClick",void 0),customElements.define("google-pay-button",X);const Kr={version:"0.66.4"},he=[{type:"text",placeholder:"Insert your Full Name here...",id:"fullName",required:!0,label:"Full Name",validationTip:"This field cannot be empty."},{type:"text",placeholder:"Insert your Street/Square address with number...",id:"addressWithNumber",required:!0,label:"Street/Square/...",validationTip:"This field cannot be empty."},{id:"name-row2",type:"row",params:{columns:[{type:"text",placeholder:"Insert your nationality here...",id:"nationality",required:!0,label:"Nationality",validationTip:"This field cannot be empty."},{type:"text",placeholder:"Insert your city name here...",id:"city",required:!0,label:"City",validationTip:"This field cannot be empty."},{type:"number",placeholder:"Insert your zip code here...",id:"zip",required:!0,label:"Zip",validationTip:"This field cannot be empty."}]}}];function Bs(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ln={exports:{}},Vs=ln.exports,Xr;function Hs(){return Xr||(Xr=1,(function(e,t){(function(n,r){e.exports=r()})(Vs,(function(){var n=1e3,r=6e4,i=36e5,s="millisecond",o="second",a="minute",u="hour",l="day",f="week",h="month",b="quarter",y="year",d="date",S="Invalid Date",L=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,q=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,E={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(x){var _=["th","st","nd","rd"],p=x%100;return"["+x+(_[(p-20)%10]||_[p]||_[0])+"]"}},G=function(x,_,p){var $=String(x);return!$||$.length>=_?x:""+Array(_+1-$.length).join(p)+x},De={s:G,z:function(x){var _=-x.utcOffset(),p=Math.abs(_),$=Math.floor(p/60),m=p%60;return(_<=0?"+":"-")+G($,2,"0")+":"+G(m,2,"0")},m:function x(_,p){if(_.date()<p.date())return-x(p,_);var $=12*(p.year()-_.year())+(p.month()-_.month()),m=_.clone().add($,h),c=p-m<0,v=_.clone().add($+(c?-1:1),h);return+(-($+(p-m)/(c?m-v:v-m))||0)},a:function(x){return x<0?Math.ceil(x)||0:Math.floor(x)},p:function(x){return{M:h,y,w:f,d:l,D:d,h:u,m:a,s:o,ms:s,Q:b}[x]||String(x||"").toLowerCase().replace(/s$/,"")},u:function(x){return x===void 0}},ae="en",ne={};ne[ae]=E;var ze="$isDayjsObject",Q=function(x){return x instanceof ot||!(!x||!x[ze])},Be=function x(_,p,$){var m;if(!_)return ae;if(typeof _=="string"){var c=_.toLowerCase();ne[c]&&(m=c),p&&(ne[c]=p,m=c);var v=_.split("-");if(!m&&v.length>1)return x(v[0])}else{var g=_.name;ne[g]=_,m=g}return!$&&m&&(ae=m),m||!$&&ae},H=function(x,_){if(Q(x))return x.clone();var p=typeof _=="object"?_:{};return p.date=x,p.args=arguments,new ot(p)},T=De;T.l=Be,T.i=Q,T.w=function(x,_){return H(x,{locale:_.$L,utc:_.$u,x:_.$x,$offset:_.$offset})};var ot=(function(){function x(p){this.$L=Be(p.locale,null,!0),this.parse(p),this.$x=this.$x||p.x||{},this[ze]=!0}var _=x.prototype;return _.parse=function(p){this.$d=(function($){var m=$.date,c=$.utc;if(m===null)return new Date(NaN);if(T.u(m))return new Date;if(m instanceof Date)return new Date(m);if(typeof m=="string"&&!/Z$/i.test(m)){var v=m.match(L);if(v){var g=v[2]-1||0,w=(v[7]||"0").substring(0,3);return c?new Date(Date.UTC(v[1],g,v[3]||1,v[4]||0,v[5]||0,v[6]||0,w)):new Date(v[1],g,v[3]||1,v[4]||0,v[5]||0,v[6]||0,w)}}return new Date(m)})(p),this.init()},_.init=function(){var p=this.$d;this.$y=p.getFullYear(),this.$M=p.getMonth(),this.$D=p.getDate(),this.$W=p.getDay(),this.$H=p.getHours(),this.$m=p.getMinutes(),this.$s=p.getSeconds(),this.$ms=p.getMilliseconds()},_.$utils=function(){return T},_.isValid=function(){return this.$d.toString()!==S},_.isSame=function(p,$){var m=H(p);return this.startOf($)<=m&&m<=this.endOf($)},_.isAfter=function(p,$){return H(p)<this.startOf($)},_.isBefore=function(p,$){return this.endOf($)<H(p)},_.$g=function(p,$,m){return T.u(p)?this[$]:this.set(m,p)},_.unix=function(){return Math.floor(this.valueOf()/1e3)},_.valueOf=function(){return this.$d.getTime()},_.startOf=function(p,$){var m=this,c=!!T.u($)||$,v=T.p(p),g=function(Y,U){var W=T.w(m.$u?Date.UTC(m.$y,U,Y):new Date(m.$y,U,Y),m);return c?W:W.endOf(l)},w=function(Y,U){return T.w(m.toDate()[Y].apply(m.toDate("s"),(c?[0,0,0,0]:[23,59,59,999]).slice(U)),m)},k=this.$W,M=this.$M,N=this.$D,j="set"+(this.$u?"UTC":"");switch(v){case y:return c?g(1,0):g(31,11);case h:return c?g(1,M):g(0,M+1);case f:var B=this.$locale().weekStart||0,re=(k<B?k+7:k)-B;return g(c?N-re:N+(6-re),M);case l:case d:return w(j+"Hours",0);case u:return w(j+"Minutes",1);case a:return w(j+"Seconds",2);case o:return w(j+"Milliseconds",3);default:return this.clone()}},_.endOf=function(p){return this.startOf(p,!1)},_.$set=function(p,$){var m,c=T.p(p),v="set"+(this.$u?"UTC":""),g=(m={},m[l]=v+"Date",m[d]=v+"Date",m[h]=v+"Month",m[y]=v+"FullYear",m[u]=v+"Hours",m[a]=v+"Minutes",m[o]=v+"Seconds",m[s]=v+"Milliseconds",m)[c],w=c===l?this.$D+($-this.$W):$;if(c===h||c===y){var k=this.clone().set(d,1);k.$d[g](w),k.init(),this.$d=k.set(d,Math.min(this.$D,k.daysInMonth())).$d}else g&&this.$d[g](w);return this.init(),this},_.set=function(p,$){return this.clone().$set(p,$)},_.get=function(p){return this[T.p(p)]()},_.add=function(p,$){var m,c=this;p=Number(p);var v=T.p($),g=function(M){var N=H(c);return T.w(N.date(N.date()+Math.round(M*p)),c)};if(v===h)return this.set(h,this.$M+p);if(v===y)return this.set(y,this.$y+p);if(v===l)return g(1);if(v===f)return g(7);var w=(m={},m[a]=r,m[u]=i,m[o]=n,m)[v]||1,k=this.$d.getTime()+p*w;return T.w(k,this)},_.subtract=function(p,$){return this.add(-1*p,$)},_.format=function(p){var $=this,m=this.$locale();if(!this.isValid())return m.invalidDate||S;var c=p||"YYYY-MM-DDTHH:mm:ssZ",v=T.z(this),g=this.$H,w=this.$m,k=this.$M,M=m.weekdays,N=m.months,j=m.meridiem,B=function(U,W,be,ve){return U&&(U[W]||U($,c))||be[W].slice(0,ve)},re=function(U){return T.s(g%12||12,U,"0")},Y=j||function(U,W,be){var ve=U<12?"AM":"PM";return be?ve.toLowerCase():ve};return c.replace(q,(function(U,W){return W||(function(be){switch(be){case"YY":return String($.$y).slice(-2);case"YYYY":return T.s($.$y,4,"0");case"M":return k+1;case"MM":return T.s(k+1,2,"0");case"MMM":return B(m.monthsShort,k,N,3);case"MMMM":return B(N,k);case"D":return $.$D;case"DD":return T.s($.$D,2,"0");case"d":return String($.$W);case"dd":return B(m.weekdaysMin,$.$W,M,2);case"ddd":return B(m.weekdaysShort,$.$W,M,3);case"dddd":return M[$.$W];case"H":return String(g);case"HH":return T.s(g,2,"0");case"h":return re(1);case"hh":return re(2);case"a":return Y(g,w,!0);case"A":return Y(g,w,!1);case"m":return String(w);case"mm":return T.s(w,2,"0");case"s":return String($.$s);case"ss":return T.s($.$s,2,"0");case"SSS":return T.s($.$ms,3,"0");case"Z":return v}return null})(U)||v.replace(":","")}))},_.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},_.diff=function(p,$,m){var c,v=this,g=T.p($),w=H(p),k=(w.utcOffset()-this.utcOffset())*r,M=this-w,N=function(){return T.m(v,w)};switch(g){case y:c=N()/12;break;case h:c=N();break;case b:c=N()/3;break;case f:c=(M-k)/6048e5;break;case l:c=(M-k)/864e5;break;case u:c=M/i;break;case a:c=M/r;break;case o:c=M/n;break;default:c=M}return m?c:T.a(c)},_.daysInMonth=function(){return this.endOf(h).$D},_.$locale=function(){return ne[this.$L]},_.locale=function(p,$){if(!p)return this.$L;var m=this.clone(),c=Be(p,$,!0);return c&&(m.$L=c),m},_.clone=function(){return T.w(this.$d,this)},_.toDate=function(){return new Date(this.valueOf())},_.toJSON=function(){return this.isValid()?this.toISOString():null},_.toISOString=function(){return this.$d.toISOString()},_.toString=function(){return this.$d.toUTCString()},x})(),Pt=ot.prototype;return H.prototype=Pt,[["$ms",s],["$s",o],["$m",a],["$H",u],["$W",l],["$M",h],["$y",y],["$D",d]].forEach((function(x){Pt[x[1]]=function(_){return this.$g(_,x[0],x[1])}})),H.extend=function(x,_){return x.$i||(x(_,ot,H),x.$i=!0),H},H.locale=Be,H.isDayjs=Q,H.unix=function(x){return H(1e3*x)},H.en=ne[ae],H.Ls=ne,H.p={},H}))})(ln)),ln.exports}var Ys=Hs();const Us=Bs(Ys);function Qr(e){const t=e?.repoName.split("/")?.[1]||e?.repoName;if(!t)throw new Error("wrong componentPath "+e?.repoName);if(!e?.version)throw new Error("wrong version "+e?.version);const n=e?.iifePath||"main.iife.js";if(!document.getElementById(t+"-script"))try{const r=document.createElement("script");if(r.id=t+"-script",r.src=`https://cdn.jsdelivr.net/npm/${e.repoName}@${e.version}/${n}`,e?.local)r.src=`${e.local}`;else if(location.href.includes("localhost:6006")){const i=t.split("-")[0];r.src=`http://localhost:6006/webcomponents/${t.replace(i+"-","")}/${n}`}document.head.appendChild(r)}catch(r){console.warn(r)}}var Ws=se('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css" class="svelte-162a4cu"/>'),Js=se('<h1 class="title svelte-162a4cu" part="title">Checkout</h1>'),Gs=se('<div class="dataentry svelte-162a4cu"><span class="dataentry_value svelte-162a4cu"> </span></div>'),Zs=se('<div class="dataentrycontainer svelte-162a4cu"><!></div>'),Ks=se('<h4 class="subtitle svelte-162a4cu" part="subtitle"><button class="btn btn-sm detail_btn svelte-162a4cu">edit</button></h4> <div class="dataentrycontainer svelte-162a4cu"><div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Name</span><span class="dataentry_value svelte-162a4cu"> </span></div> <div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Address</span><span class="dataentry_value svelte-162a4cu"> </span></div></div>',1),Xs=se('<h4 class="subtitle svelte-162a4cu" part="subtitle">Address</h4> <div class="svelte-162a4cu"><hb-form></hb-form> <div class="svelte-162a4cu"><button style="width:100%;margin-bottom:10px" class="btn btn-primary svelte-162a4cu">continue</button></div></div>',3),Qs=se('<h4 style="margin-top:20px" class="subtitle svelte-162a4cu" part="subtitle"><span class="detail_label svelte-162a4cu"><i class="bi bi-truck svelte-162a4cu"></i> Shipment Service</span><button class="btn btn-sm detail_btn svelte-162a4cu">edit</button></h4> <div class="dataentrycontainer svelte-162a4cu"><div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Shipping Fee</span><span class="dataentry_value svelte-162a4cu"> </span></div> <div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Arrive</span><span class="dataentry_value svelte-162a4cu"> </span></div></div>',1),ea=se('<h4 class="subtitle svelte-162a4cu" part="subtitle" style="margin-top:20px"><i class="bi bi-truck svelte-162a4cu"></i> Shipment Service</h4> <div class="svelte-162a4cu"><hb-form></hb-form> <div class="svelte-162a4cu"><button style="width:100%" class="btn btn-primary svelte-162a4cu">continue</button></div></div>',3),ta=se('<h4 style="margin-top:20px" class="subtitle svelte-162a4cu" part="subtitle"><span class="detail_label svelte-162a4cu"><i class="bi bi-truck svelte-162a4cu"></i> Shipment Service</span><button class="btn btn-sm detail_btn svelte-162a4cu">edit</button></h4> <div class="dataentrycontainer svelte-162a4cu"><div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Shipping Fee</span><span class="dataentry_value svelte-162a4cu"> </span></div> <div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Shipping Time</span><span class="dataentry_value svelte-162a4cu"> </span></div></div>',1),na=se('<div id="shipment_separator" class="svelte-162a4cu"><!></div>'),ra=se("<hb-payment-paypal></hb-payment-paypal>",2),ia=se("<google-pay-button></google-pay-button>",2),sa=se('<div class="payment_button_container svelte-162a4cu"><!></div>'),aa=se('<div id="payment_btn_container" class="svelte-162a4cu"></div>'),oa=se('By Clicking..<button class="btn btn-default svelte-162a4cu">Terms and conditions</button>',1),la=se('<h3 class="subtitle svelte-162a4cu" part="subtitle"><i class="bi bi-wallet2 svelte-162a4cu"></i> Payment Method</h3> <!> <div class="footer_note svelte-162a4cu"><!></div>',1),ua=se('<div id="payment_completed_content" class="svelte-162a4cu"><div id="payment_completed_title" class="svelte-162a4cu">payment completed</div> <div id="payment_completed_content" class="svelte-162a4cu"> </div> <div id="payment_completed_footer" class="svelte-162a4cu"><button class="btn btn-link svelte-162a4cu">invoice</button></div></div>'),ca=se('<!> <div id="border_top" class="svelte-162a4cu"><div class="svelte-162a4cu"><h3 class="subtitle svelte-162a4cu" part="subtitle"><i class="bi bi-send-fill svelte-162a4cu"></i> Delivery</h3> <!></div> <!></div> <div class="payment_title svelte-162a4cu"><!></div>',1);const fa={hash:"svelte-162a4cu",code:`@charset "UTF-8";
+        `,i instanceof Document&&i.head?i.head.appendChild(o):i.appendChild(o)}}isClientInvalidated(t){return this.oldInvalidationValues?this.getInvalidationValues(t).some((r,i)=>JSON.stringify(r)!==JSON.stringify(this.oldInvalidationValues[i])):!0}getInvalidationValues(t){var n,r;return[t.environment,t.existingPaymentMethodRequired,!!t.onPaymentDataChanged,!!t.onPaymentAuthorized,t.buttonType,t.buttonColor,t.buttonRadius,t.buttonLocale,t.buttonSizeMode,t.buttonBorderType,t.paymentRequest.merchantInfo.merchantId,t.paymentRequest.merchantInfo.merchantName,(n=t.paymentRequest.merchantInfo.softwareInfo)===null||n===void 0?void 0:n.id,(r=t.paymentRequest.merchantInfo.softwareInfo)===null||r===void 0?void 0:r.version,t.paymentRequest.allowedPaymentMethods]}}var qs="@google-pay/button-element",js="3.2.1";function Fs(e,t=0){let n;return function(...r){window.clearTimeout(n);const i=function(){return n=void 0,e(...r)};return new Promise(s=>{n=window.setTimeout(()=>{const o=i();s(o)},t)})}}class X extends HTMLElement{constructor(){super(...arguments),this.manager=new zs({cssSelector:"google-pay-button",softwareInfoId:qs,softwareInfoVersion:js}),this.initializeButton=Fs(()=>{if(!this.assertRequiredProperty("paymentRequest")||!this.assertRequiredProperty("environment"))return;const t={paymentRequest:this.paymentRequest,environment:this.environment,existingPaymentMethodRequired:this.existingPaymentMethodRequired,onPaymentDataChanged:this.onPaymentDataChanged,onPaymentAuthorized:this.onPaymentAuthorized,buttonColor:this.buttonColor,buttonType:this.buttonType,buttonRadius:this.buttonRadius,buttonSizeMode:this.buttonSizeMode,buttonLocale:this.buttonLocale,buttonBorderType:this.buttonBorderType,onReadyToPayChange:n=>{this.onReadyToPayChange&&this.onReadyToPayChange(n),this.dispatch("readytopaychange",n)},onCancel:n=>{this.onCancel&&this.onCancel(n),this.dispatch("cancel",n)},onError:n=>{var r;this.onError&&((r=this.onError)===null||r===void 0||r.call(this,n)),this.dispatchEvent(new ErrorEvent("error",{error:n}))},onLoadPaymentData:n=>{this.onLoadPaymentData&&this.onLoadPaymentData(n),this.dispatch("loadpaymentdata",n)},onClick:n=>{var r;this.onClick&&((r=this.onClick)===null||r===void 0||r.call(this,n))}};this.manager.configure(t)})}get isReadyToPay(){return this.manager.isReadyToPay}assertRequiredProperty(t){const n=this[t];return n==null?(this.throwError(Error(`Required property not set: ${t}`)),!1):!0}throwError(t){throw t}static get observedAttributes(){return X._observedAttributes}addObservedAttribute(t){X._observedAttributes.push(t)}dispatch(t,n){this.dispatchEvent(new CustomEvent(t,{bubbles:!0,cancelable:!1,detail:n}))}connectedCallback(){return on(this,void 0,void 0,function*(){return yield this.manager.mount(this),this.initializeButton()})}disconnectedCallback(){this.manager.unmount()}attributeChangedCallback(t){return this.initializeButton()}notifyPropertyChanged(t){return this.initializeButton()}}X._observedAttributes=[],de([On(),z("paymentrequest")],X.prototype,"paymentRequest",void 0),de([mt()],X.prototype,"environment",void 0),de([Os(),z("existingpaymentmethodrequired")],X.prototype,"existingPaymentMethodRequired",void 0),de([mt(),z("buttoncolor")],X.prototype,"buttonColor",void 0),de([mt(),z("buttontype")],X.prototype,"buttonType",void 0),de([mt(),z("buttonradius")],X.prototype,"buttonRadius",void 0),de([mt(),z("buttonsizemode")],X.prototype,"buttonSizeMode",void 0),de([mt(),z("buttonlocale")],X.prototype,"buttonLocale",void 0),de([mt(),z("buttonbordertype")],X.prototype,"buttonBorderType",void 0),de([On(),z("paymentDataChangedCallback"),z("paymentdatachangedcallback"),z("onpaymentdatachanged")],X.prototype,"onPaymentDataChanged",void 0),de([On(),z("paymentAuthorizedCallback"),z("paymentauthorizedcallback"),z("onpaymentauthorized")],X.prototype,"onPaymentAuthorized",void 0),de([z("readyToPayChangeCallback"),z("readytopaychangecallback"),z("onreadytopaychange")],X.prototype,"onReadyToPayChange",void 0),de([z("loadPaymentDataCallback"),z("loadpaymentdatacallback"),z("onloadpaymentdata")],X.prototype,"onLoadPaymentData",void 0),de([z("cancelCallback"),z("cancelcallback"),z("oncancel")],X.prototype,"onCancel",void 0),de([z("errorCallback"),z("errorcallback"),z("onerror")],X.prototype,"onError",void 0),de([z("clickCallback"),z("clickcallback"),z("onclick")],X.prototype,"onClick",void 0),customElements.define("google-pay-button",X);const Kr={version:"0.66.5"},he=[{type:"text",placeholder:"Insert your Full Name here...",id:"fullName",required:!0,label:"Full Name",validationTip:"This field cannot be empty."},{type:"text",placeholder:"Insert your Street/Square address with number...",id:"addressWithNumber",required:!0,label:"Street/Square/...",validationTip:"This field cannot be empty."},{id:"name-row2",type:"row",params:{columns:[{type:"text",placeholder:"Insert your nationality here...",id:"nationality",required:!0,label:"Nationality",validationTip:"This field cannot be empty."},{type:"text",placeholder:"Insert your city name here...",id:"city",required:!0,label:"City",validationTip:"This field cannot be empty."},{type:"number",placeholder:"Insert your zip code here...",id:"zip",required:!0,label:"Zip",validationTip:"This field cannot be empty."}]}}];function Bs(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var ln={exports:{}},Vs=ln.exports,Xr;function Hs(){return Xr||(Xr=1,(function(e,t){(function(n,r){e.exports=r()})(Vs,(function(){var n=1e3,r=6e4,i=36e5,s="millisecond",o="second",a="minute",u="hour",l="day",f="week",h="month",b="quarter",y="year",d="date",S="Invalid Date",L=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,q=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,E={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(x){var _=["th","st","nd","rd"],p=x%100;return"["+x+(_[(p-20)%10]||_[p]||_[0])+"]"}},G=function(x,_,p){var $=String(x);return!$||$.length>=_?x:""+Array(_+1-$.length).join(p)+x},De={s:G,z:function(x){var _=-x.utcOffset(),p=Math.abs(_),$=Math.floor(p/60),m=p%60;return(_<=0?"+":"-")+G($,2,"0")+":"+G(m,2,"0")},m:function x(_,p){if(_.date()<p.date())return-x(p,_);var $=12*(p.year()-_.year())+(p.month()-_.month()),m=_.clone().add($,h),c=p-m<0,v=_.clone().add($+(c?-1:1),h);return+(-($+(p-m)/(c?m-v:v-m))||0)},a:function(x){return x<0?Math.ceil(x)||0:Math.floor(x)},p:function(x){return{M:h,y,w:f,d:l,D:d,h:u,m:a,s:o,ms:s,Q:b}[x]||String(x||"").toLowerCase().replace(/s$/,"")},u:function(x){return x===void 0}},ae="en",ne={};ne[ae]=E;var ze="$isDayjsObject",Q=function(x){return x instanceof ot||!(!x||!x[ze])},Be=function x(_,p,$){var m;if(!_)return ae;if(typeof _=="string"){var c=_.toLowerCase();ne[c]&&(m=c),p&&(ne[c]=p,m=c);var v=_.split("-");if(!m&&v.length>1)return x(v[0])}else{var g=_.name;ne[g]=_,m=g}return!$&&m&&(ae=m),m||!$&&ae},H=function(x,_){if(Q(x))return x.clone();var p=typeof _=="object"?_:{};return p.date=x,p.args=arguments,new ot(p)},T=De;T.l=Be,T.i=Q,T.w=function(x,_){return H(x,{locale:_.$L,utc:_.$u,x:_.$x,$offset:_.$offset})};var ot=(function(){function x(p){this.$L=Be(p.locale,null,!0),this.parse(p),this.$x=this.$x||p.x||{},this[ze]=!0}var _=x.prototype;return _.parse=function(p){this.$d=(function($){var m=$.date,c=$.utc;if(m===null)return new Date(NaN);if(T.u(m))return new Date;if(m instanceof Date)return new Date(m);if(typeof m=="string"&&!/Z$/i.test(m)){var v=m.match(L);if(v){var g=v[2]-1||0,w=(v[7]||"0").substring(0,3);return c?new Date(Date.UTC(v[1],g,v[3]||1,v[4]||0,v[5]||0,v[6]||0,w)):new Date(v[1],g,v[3]||1,v[4]||0,v[5]||0,v[6]||0,w)}}return new Date(m)})(p),this.init()},_.init=function(){var p=this.$d;this.$y=p.getFullYear(),this.$M=p.getMonth(),this.$D=p.getDate(),this.$W=p.getDay(),this.$H=p.getHours(),this.$m=p.getMinutes(),this.$s=p.getSeconds(),this.$ms=p.getMilliseconds()},_.$utils=function(){return T},_.isValid=function(){return this.$d.toString()!==S},_.isSame=function(p,$){var m=H(p);return this.startOf($)<=m&&m<=this.endOf($)},_.isAfter=function(p,$){return H(p)<this.startOf($)},_.isBefore=function(p,$){return this.endOf($)<H(p)},_.$g=function(p,$,m){return T.u(p)?this[$]:this.set(m,p)},_.unix=function(){return Math.floor(this.valueOf()/1e3)},_.valueOf=function(){return this.$d.getTime()},_.startOf=function(p,$){var m=this,c=!!T.u($)||$,v=T.p(p),g=function(Y,U){var W=T.w(m.$u?Date.UTC(m.$y,U,Y):new Date(m.$y,U,Y),m);return c?W:W.endOf(l)},w=function(Y,U){return T.w(m.toDate()[Y].apply(m.toDate("s"),(c?[0,0,0,0]:[23,59,59,999]).slice(U)),m)},k=this.$W,M=this.$M,N=this.$D,j="set"+(this.$u?"UTC":"");switch(v){case y:return c?g(1,0):g(31,11);case h:return c?g(1,M):g(0,M+1);case f:var B=this.$locale().weekStart||0,re=(k<B?k+7:k)-B;return g(c?N-re:N+(6-re),M);case l:case d:return w(j+"Hours",0);case u:return w(j+"Minutes",1);case a:return w(j+"Seconds",2);case o:return w(j+"Milliseconds",3);default:return this.clone()}},_.endOf=function(p){return this.startOf(p,!1)},_.$set=function(p,$){var m,c=T.p(p),v="set"+(this.$u?"UTC":""),g=(m={},m[l]=v+"Date",m[d]=v+"Date",m[h]=v+"Month",m[y]=v+"FullYear",m[u]=v+"Hours",m[a]=v+"Minutes",m[o]=v+"Seconds",m[s]=v+"Milliseconds",m)[c],w=c===l?this.$D+($-this.$W):$;if(c===h||c===y){var k=this.clone().set(d,1);k.$d[g](w),k.init(),this.$d=k.set(d,Math.min(this.$D,k.daysInMonth())).$d}else g&&this.$d[g](w);return this.init(),this},_.set=function(p,$){return this.clone().$set(p,$)},_.get=function(p){return this[T.p(p)]()},_.add=function(p,$){var m,c=this;p=Number(p);var v=T.p($),g=function(M){var N=H(c);return T.w(N.date(N.date()+Math.round(M*p)),c)};if(v===h)return this.set(h,this.$M+p);if(v===y)return this.set(y,this.$y+p);if(v===l)return g(1);if(v===f)return g(7);var w=(m={},m[a]=r,m[u]=i,m[o]=n,m)[v]||1,k=this.$d.getTime()+p*w;return T.w(k,this)},_.subtract=function(p,$){return this.add(-1*p,$)},_.format=function(p){var $=this,m=this.$locale();if(!this.isValid())return m.invalidDate||S;var c=p||"YYYY-MM-DDTHH:mm:ssZ",v=T.z(this),g=this.$H,w=this.$m,k=this.$M,M=m.weekdays,N=m.months,j=m.meridiem,B=function(U,W,be,ve){return U&&(U[W]||U($,c))||be[W].slice(0,ve)},re=function(U){return T.s(g%12||12,U,"0")},Y=j||function(U,W,be){var ve=U<12?"AM":"PM";return be?ve.toLowerCase():ve};return c.replace(q,(function(U,W){return W||(function(be){switch(be){case"YY":return String($.$y).slice(-2);case"YYYY":return T.s($.$y,4,"0");case"M":return k+1;case"MM":return T.s(k+1,2,"0");case"MMM":return B(m.monthsShort,k,N,3);case"MMMM":return B(N,k);case"D":return $.$D;case"DD":return T.s($.$D,2,"0");case"d":return String($.$W);case"dd":return B(m.weekdaysMin,$.$W,M,2);case"ddd":return B(m.weekdaysShort,$.$W,M,3);case"dddd":return M[$.$W];case"H":return String(g);case"HH":return T.s(g,2,"0");case"h":return re(1);case"hh":return re(2);case"a":return Y(g,w,!0);case"A":return Y(g,w,!1);case"m":return String(w);case"mm":return T.s(w,2,"0");case"s":return String($.$s);case"ss":return T.s($.$s,2,"0");case"SSS":return T.s($.$ms,3,"0");case"Z":return v}return null})(U)||v.replace(":","")}))},_.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},_.diff=function(p,$,m){var c,v=this,g=T.p($),w=H(p),k=(w.utcOffset()-this.utcOffset())*r,M=this-w,N=function(){return T.m(v,w)};switch(g){case y:c=N()/12;break;case h:c=N();break;case b:c=N()/3;break;case f:c=(M-k)/6048e5;break;case l:c=(M-k)/864e5;break;case u:c=M/i;break;case a:c=M/r;break;case o:c=M/n;break;default:c=M}return m?c:T.a(c)},_.daysInMonth=function(){return this.endOf(h).$D},_.$locale=function(){return ne[this.$L]},_.locale=function(p,$){if(!p)return this.$L;var m=this.clone(),c=Be(p,$,!0);return c&&(m.$L=c),m},_.clone=function(){return T.w(this.$d,this)},_.toDate=function(){return new Date(this.valueOf())},_.toJSON=function(){return this.isValid()?this.toISOString():null},_.toISOString=function(){return this.$d.toISOString()},_.toString=function(){return this.$d.toUTCString()},x})(),Pt=ot.prototype;return H.prototype=Pt,[["$ms",s],["$s",o],["$m",a],["$H",u],["$W",l],["$M",h],["$y",y],["$D",d]].forEach((function(x){Pt[x[1]]=function(_){return this.$g(_,x[0],x[1])}})),H.extend=function(x,_){return x.$i||(x(_,ot,H),x.$i=!0),H},H.locale=Be,H.isDayjs=Q,H.unix=function(x){return H(1e3*x)},H.en=ne[ae],H.Ls=ne,H.p={},H}))})(ln)),ln.exports}var Ys=Hs();const Us=Bs(Ys);function Qr(e){const t=e?.repoName.split("/")?.[1]||e?.repoName;if(!t)throw new Error("wrong componentPath "+e?.repoName);if(!e?.version)throw new Error("wrong version "+e?.version);const n=e?.iifePath||"main.iife.js";if(!document.getElementById(t+"-script"))try{const r=document.createElement("script");if(r.id=t+"-script",r.src=`https://cdn.jsdelivr.net/npm/${e.repoName}@${e.version}/${n}`,e?.local)r.src=`${e.local}`;else if(location.href.includes("localhost:6006")){const i=t.split("-")[0];r.src=`http://localhost:6006/webcomponents/${t.replace(i+"-","")}/${n}`}document.head.appendChild(r)}catch(r){console.warn(r)}}var Ws=se('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css" class="svelte-162a4cu"/>'),Js=se('<h1 class="title svelte-162a4cu" part="title">Checkout</h1>'),Gs=se('<div class="dataentry svelte-162a4cu"><span class="dataentry_value svelte-162a4cu"> </span></div>'),Zs=se('<div class="dataentrycontainer svelte-162a4cu"><!></div>'),Ks=se('<h4 class="subtitle svelte-162a4cu" part="subtitle"><button class="btn btn-sm detail_btn svelte-162a4cu">edit</button></h4> <div class="dataentrycontainer svelte-162a4cu"><div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Name</span><span class="dataentry_value svelte-162a4cu"> </span></div> <div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Address</span><span class="dataentry_value svelte-162a4cu"> </span></div></div>',1),Xs=se('<h4 class="subtitle svelte-162a4cu" part="subtitle">Address</h4> <div class="svelte-162a4cu"><hb-form></hb-form> <div class="svelte-162a4cu"><button style="width:100%;margin-bottom:10px" class="btn btn-primary svelte-162a4cu">continue</button></div></div>',3),Qs=se('<h4 style="margin-top:20px" class="subtitle svelte-162a4cu" part="subtitle"><span class="detail_label svelte-162a4cu"><i class="bi bi-truck svelte-162a4cu"></i> Shipment Service</span><button class="btn btn-sm detail_btn svelte-162a4cu">edit</button></h4> <div class="dataentrycontainer svelte-162a4cu"><div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Shipping Fee</span><span class="dataentry_value svelte-162a4cu"> </span></div> <div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Arrive</span><span class="dataentry_value svelte-162a4cu"> </span></div></div>',1),ea=se('<h4 class="subtitle svelte-162a4cu" part="subtitle" style="margin-top:20px"><i class="bi bi-truck svelte-162a4cu"></i> Shipment Service</h4> <div class="svelte-162a4cu"><hb-form></hb-form> <div class="svelte-162a4cu"><button style="width:100%" class="btn btn-primary svelte-162a4cu">continue</button></div></div>',3),ta=se('<h4 style="margin-top:20px" class="subtitle svelte-162a4cu" part="subtitle"><span class="detail_label svelte-162a4cu"><i class="bi bi-truck svelte-162a4cu"></i> Shipment Service</span><button class="btn btn-sm detail_btn svelte-162a4cu">edit</button></h4> <div class="dataentrycontainer svelte-162a4cu"><div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Shipping Fee</span><span class="dataentry_value svelte-162a4cu"> </span></div> <div class="dataentry svelte-162a4cu"><span class="dataentry_key svelte-162a4cu">Shipping Time</span><span class="dataentry_value svelte-162a4cu"> </span></div></div>',1),na=se('<div id="shipment_separator" class="svelte-162a4cu"><!></div>'),ra=se("<hb-payment-paypal></hb-payment-paypal>",2),ia=se("<google-pay-button></google-pay-button>",2),sa=se('<div class="payment_button_container svelte-162a4cu"><!></div>'),aa=se('<div id="payment_btn_container" class="svelte-162a4cu"></div>'),oa=se('By Clicking..<button class="btn btn-default svelte-162a4cu">Terms and conditions</button>',1),la=se('<h3 class="subtitle svelte-162a4cu" part="subtitle"><i class="bi bi-wallet2 svelte-162a4cu"></i> Payment Method</h3> <!> <div class="footer_note svelte-162a4cu"><!></div>',1),ua=se('<div id="payment_completed_content" class="svelte-162a4cu"><div id="payment_completed_title" class="svelte-162a4cu">payment completed</div> <div id="payment_completed_content" class="svelte-162a4cu"> </div> <div id="payment_completed_footer" class="svelte-162a4cu"><button class="btn btn-link svelte-162a4cu">invoice</button></div></div>'),ca=se('<!> <div id="border_top" class="svelte-162a4cu"><div class="svelte-162a4cu"><h3 class="subtitle svelte-162a4cu" part="subtitle"><i class="bi bi-send-fill svelte-162a4cu"></i> Delivery</h3> <!></div> <!></div> <div class="payment_title svelte-162a4cu"><!></div>',1);const fa={hash:"svelte-162a4cu",code:`@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
 @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css");
 /*!

package/manifest.json

@@ -453,8 +453,7 @@
       }
     }
   ],
-  "iifeIntegrity": "sha384-vowN3r1CeW2Y/jgwIr/vXZCVvqBwllsn2HK8e07sGpVjxamGnL06wx/FdTAw/O+S",
-  "iifeIntegrityType": "sha384",
+  "iifeIntegrity": "sha384-JxZKTFeTdjU9PFSlbpcCh2NOD4z6f89d8teBOY4MpsQ2b5r8np8QKZK/pIqbjUFM",
   "screenshots": [],
   "licenses": [
     {
@@ -474,5 +473,5 @@
   "size": {},
   "iifePath": "main.iife.js",
   "repoName": "@htmlbricks/hb-checkout",
-  "version": "0.66.4"
+  "version": "0.66.5"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@htmlbricks/hb-checkout",
-  "version": "0.66.4",
+  "version": "0.66.5",
   "contributors": [],
   "description": "End-to-end checkout flow: editable billing/shipping user profile (`hb-form`), shipment method choice, optional card form, Google Pay (`@google-pay/button-element`), and PayPal via `hb-payment-paypal` according to `gateways` and `payment` JSON. Parses string props into objects, merges card networks defaults, and tracks `completed` to switch between editable steps and a read-only confirmation summary with events for payment and form submissions.",
   "licenses": [