@htmlbricks/hb-checkout 0.66.1 → 0.66.3
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/main.iife.js
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
height: 0;
|
|
9
9
|
overflow: hidden;
|
|
10
10
|
}
|
|
11
|
-
`,i instanceof Document&&i.head?i.head.appendChild(a):i.appendChild(a)}}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 Fs="@google-pay/button-element",Bs="3.2.1";function Vs(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 a=i();s(a)},t)})}}class X extends HTMLElement{constructor(){super(...arguments),this.manager=new js({cssSelector:"google-pay-button",softwareInfoId:Fs,softwareInfoVersion:Bs}),this.initializeButton=Vs(()=>{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 ln(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([Ln(),q("paymentrequest")],X.prototype,"paymentRequest",void 0),de([mt()],X.prototype,"environment",void 0),de([qs(),q("existingpaymentmethodrequired")],X.prototype,"existingPaymentMethodRequired",void 0),de([mt(),q("buttoncolor")],X.prototype,"buttonColor",void 0),de([mt(),q("buttontype")],X.prototype,"buttonType",void 0),de([mt(),q("buttonradius")],X.prototype,"buttonRadius",void 0),de([mt(),q("buttonsizemode")],X.prototype,"buttonSizeMode",void 0),de([mt(),q("buttonlocale")],X.prototype,"buttonLocale",void 0),de([mt(),q("buttonbordertype")],X.prototype,"buttonBorderType",void 0),de([Ln(),q("paymentDataChangedCallback"),q("paymentdatachangedcallback"),q("onpaymentdatachanged")],X.prototype,"onPaymentDataChanged",void 0),de([Ln(),q("paymentAuthorizedCallback"),q("paymentauthorizedcallback"),q("onpaymentauthorized")],X.prototype,"onPaymentAuthorized",void 0),de([q("readyToPayChangeCallback"),q("readytopaychangecallback"),q("onreadytopaychange")],X.prototype,"onReadyToPayChange",void 0),de([q("loadPaymentDataCallback"),q("loadpaymentdatacallback"),q("onloadpaymentdata")],X.prototype,"onLoadPaymentData",void 0),de([q("cancelCallback"),q("cancelcallback"),q("oncancel")],X.prototype,"onCancel",void 0),de([q("errorCallback"),q("errorcallback"),q("onerror")],X.prototype,"onError",void 0),de([q("clickCallback"),q("clickcallback"),q("onclick")],X.prototype,"onClick",void 0),customElements.define("google-pay-button",X);const Xr={version:"0.66.1"},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 Hs(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var un={exports:{}},Ys=un.exports,Qr;function Us(){return Qr||(Qr=1,(function(e,t){(function(n,r){e.exports=r()})(Ys,(function(){var n=1e3,r=6e4,i=36e5,s="millisecond",a="second",o="minute",u="hour",l="day",f="week",h="month",p="quarter",m="year",d="date",T="Invalid Date",L=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,z=/\[([^\]]+)]|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 y=["th","st","nd","rd"],b=x%100;return"["+x+(y[(b-20)%10]||y[b]||y[0])+"]"}},G=function(x,y,b){var $=String(x);return!$||$.length>=y?x:""+Array(y+1-$.length).join(b)+x},De={s:G,z:function(x){var y=-x.utcOffset(),b=Math.abs(y),$=Math.floor(b/60),_=b%60;return(y<=0?"+":"-")+G($,2,"0")+":"+G(_,2,"0")},m:function x(y,b){if(y.date()<b.date())return-x(b,y);var $=12*(b.year()-y.year())+(b.month()-y.month()),_=y.clone().add($,h),c=b-_<0,v=y.clone().add($+(c?-1:1),h);return+(-($+(b-_)/(c?_-v:v-_))||0)},a:function(x){return x<0?Math.ceil(x)||0:Math.floor(x)},p:function(x){return{M:h,y:m,w:f,d:l,D:d,h:u,m:o,s:a,ms:s,Q:p}[x]||String(x||"").toLowerCase().replace(/s$/,"")},u:function(x){return x===void 0}},ae="en",ne={};ne[ae]=E;var qe="$isDayjsObject",Q=function(x){return x instanceof ot||!(!x||!x[qe])},Be=function x(y,b,$){var _;if(!y)return ae;if(typeof y=="string"){var c=y.toLowerCase();ne[c]&&(_=c),b&&(ne[c]=b,_=c);var v=y.split("-");if(!_&&v.length>1)return x(v[0])}else{var g=y.name;ne[g]=y,_=g}return!$&&_&&(ae=_),_||!$&&ae},H=function(x,y){if(Q(x))return x.clone();var b=typeof y=="object"?y:{};return b.date=x,b.args=arguments,new ot(b)},S=De;S.l=Be,S.i=Q,S.w=function(x,y){return H(x,{locale:y.$L,utc:y.$u,x:y.$x,$offset:y.$offset})};var ot=(function(){function x(b){this.$L=Be(b.locale,null,!0),this.parse(b),this.$x=this.$x||b.x||{},this[qe]=!0}var y=x.prototype;return y.parse=function(b){this.$d=(function($){var _=$.date,c=$.utc;if(_===null)return new Date(NaN);if(S.u(_))return new Date;if(_ instanceof Date)return new Date(_);if(typeof _=="string"&&!/Z$/i.test(_)){var v=_.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(_)})(b),this.init()},y.init=function(){var b=this.$d;this.$y=b.getFullYear(),this.$M=b.getMonth(),this.$D=b.getDate(),this.$W=b.getDay(),this.$H=b.getHours(),this.$m=b.getMinutes(),this.$s=b.getSeconds(),this.$ms=b.getMilliseconds()},y.$utils=function(){return S},y.isValid=function(){return this.$d.toString()!==T},y.isSame=function(b,$){var _=H(b);return this.startOf($)<=_&&_<=this.endOf($)},y.isAfter=function(b,$){return H(b)<this.startOf($)},y.isBefore=function(b,$){return this.endOf($)<H(b)},y.$g=function(b,$,_){return S.u(b)?this[$]:this.set(_,b)},y.unix=function(){return Math.floor(this.valueOf()/1e3)},y.valueOf=function(){return this.$d.getTime()},y.startOf=function(b,$){var _=this,c=!!S.u($)||$,v=S.p(b),g=function(Y,U){var W=S.w(_.$u?Date.UTC(_.$y,U,Y):new Date(_.$y,U,Y),_);return c?W:W.endOf(l)},w=function(Y,U){return S.w(_.toDate()[Y].apply(_.toDate("s"),(c?[0,0,0,0]:[23,59,59,999]).slice(U)),_)},k=this.$W,M=this.$M,N=this.$D,j="set"+(this.$u?"UTC":"");switch(v){case m: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 o:return w(j+"Seconds",2);case a:return w(j+"Milliseconds",3);default:return this.clone()}},y.endOf=function(b){return this.startOf(b,!1)},y.$set=function(b,$){var _,c=S.p(b),v="set"+(this.$u?"UTC":""),g=(_={},_[l]=v+"Date",_[d]=v+"Date",_[h]=v+"Month",_[m]=v+"FullYear",_[u]=v+"Hours",_[o]=v+"Minutes",_[a]=v+"Seconds",_[s]=v+"Milliseconds",_)[c],w=c===l?this.$D+($-this.$W):$;if(c===h||c===m){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},y.set=function(b,$){return this.clone().$set(b,$)},y.get=function(b){return this[S.p(b)]()},y.add=function(b,$){var _,c=this;b=Number(b);var v=S.p($),g=function(M){var N=H(c);return S.w(N.date(N.date()+Math.round(M*b)),c)};if(v===h)return this.set(h,this.$M+b);if(v===m)return this.set(m,this.$y+b);if(v===l)return g(1);if(v===f)return g(7);var w=(_={},_[o]=r,_[u]=i,_[a]=n,_)[v]||1,k=this.$d.getTime()+b*w;return S.w(k,this)},y.subtract=function(b,$){return this.add(-1*b,$)},y.format=function(b){var $=this,_=this.$locale();if(!this.isValid())return _.invalidDate||T;var c=b||"YYYY-MM-DDTHH:mm:ssZ",v=S.z(this),g=this.$H,w=this.$m,k=this.$M,M=_.weekdays,N=_.months,j=_.meridiem,B=function(U,W,be,ve){return U&&(U[W]||U($,c))||be[W].slice(0,ve)},re=function(U){return S.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(z,(function(U,W){return W||(function(be){switch(be){case"YY":return String($.$y).slice(-2);case"YYYY":return S.s($.$y,4,"0");case"M":return k+1;case"MM":return S.s(k+1,2,"0");case"MMM":return B(_.monthsShort,k,N,3);case"MMMM":return B(N,k);case"D":return $.$D;case"DD":return S.s($.$D,2,"0");case"d":return String($.$W);case"dd":return B(_.weekdaysMin,$.$W,M,2);case"ddd":return B(_.weekdaysShort,$.$W,M,3);case"dddd":return M[$.$W];case"H":return String(g);case"HH":return S.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 S.s(w,2,"0");case"s":return String($.$s);case"ss":return S.s($.$s,2,"0");case"SSS":return S.s($.$ms,3,"0");case"Z":return v}return null})(U)||v.replace(":","")}))},y.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},y.diff=function(b,$,_){var c,v=this,g=S.p($),w=H(b),k=(w.utcOffset()-this.utcOffset())*r,M=this-w,N=function(){return S.m(v,w)};switch(g){case m:c=N()/12;break;case h:c=N();break;case p: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 o:c=M/r;break;case a:c=M/n;break;default:c=M}return _?c:S.a(c)},y.daysInMonth=function(){return this.endOf(h).$D},y.$locale=function(){return ne[this.$L]},y.locale=function(b,$){if(!b)return this.$L;var _=this.clone(),c=Be(b,$,!0);return c&&(_.$L=c),_},y.clone=function(){return S.w(this.$d,this)},y.toDate=function(){return new Date(this.valueOf())},y.toJSON=function(){return this.isValid()?this.toISOString():null},y.toISOString=function(){return this.$d.toISOString()},y.toString=function(){return this.$d.toUTCString()},x})(),Nt=ot.prototype;return H.prototype=Nt,[["$ms",s],["$s",a],["$m",o],["$H",u],["$W",l],["$M",h],["$y",m],["$D",d]].forEach((function(x){Nt[x[1]]=function(y){return this.$g(y,x[0],x[1])}})),H.extend=function(x,y){return x.$i||(x(y,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}))})(un)),un.exports}var Ws=Us();const Js=Hs(Ws);var _t={},ei;function Gs(){if(ei)return _t;ei=1,Object.defineProperty(_t,"__esModule",{value:!0}),_t.LanguageTranslator=void 0,_t.getChildStyleToPass=e,_t.addComponent=t;function e(r,i){var s,a,o="";try{if(r&&i?.length&&(!((s=Object.keys(r))===null||s===void 0)&&s.length)&&(!((a=i?.filter(function(p){return Object.keys(r).includes(p.name)}))===null||a===void 0)&&a.length))for(var u=function(p){var m=i?.filter(function(d){return d.name===p&&d.defaultValue!==r[p]});m&&(o+="".concat(p,":").concat(r[p],";"))},l=0,f=Object.keys(r);l<f.length;l++){var h=f[l];u(h)}}catch(p){console.error("error getting child style to pass",p)}finally{return o}}function t(r){var i,s=((i=r?.repoName.split("/"))===null||i===void 0?void 0:i[1])||r?.repoName;if(!s)throw new Error("wrong componentPath "+r?.repoName);if(!r?.version)throw new Error("wrong version "+r?.version);var a=r?.iifePath||"main.iife.js";if(!document.getElementById(s+"-script"))try{var o=document.createElement("script");if(o.id=s+"-script",o.src="https://cdn.jsdelivr.net/npm/".concat(r.repoName,"@").concat(r.version,"/").concat(a),r?.local)o.src="".concat(r.local);else if(location.href.includes("localhost:6006")){var u=s.split("-")[0];o.src="http://localhost:6006/webcomponents/".concat(s.replace(u+"-",""),"/").concat(a)}document.head.appendChild(o)}catch(l){console.warn(l)}}var n=(function(){function r(i){if(this.lang="",!i?.dictionary)throw new Error("no dictionary provided");this.dictionary=i.dictionary,this.setLang(i?.lang)}return r.prototype.setLang=function(i){i||(i=r.getDefaultLang()),this.lang=i},r.prototype.translateWord=function(i,s){return r.getDictionaryWord(i,this.dictionary,s||this.lang)},r.prototype.translateDate=function(i,s,a){return r.formatDate(i,s,a||this.lang)},r.getDefaultLang=function(){var i,s,a,o="en";return navigator?.languages&&(!((a=(s=(i=navigator.languages[0])===null||i===void 0?void 0:i.split("-")[0])===null||s===void 0?void 0:s.toLowerCase())===null||a===void 0)&&a.length)&&(o=navigator.languages[0].split("-")[0].toLowerCase()),o},r.getDictionaryWord=function(i,s,a){var o;if(!i)throw new Error("no wordKey provided");if(!s)throw new Error("no dictionary provided");if(a&&(!((o=s[a])===null||o===void 0)&&o[i]))return s[a][i];var u="",l=r.getDefaultLang();if(!a||l!==a){var f=s?.[l];f?.[i]&&(u=f[i])}return u},r.formatDate=function(i,s,a){if(!i)throw new Error("no date provided");if(typeof i.getMonth!="function")throw new Error("wrong date format");var o=new Intl.DateTimeFormat(a||r.getDefaultLang(),s);return o.format(i)},r})();return _t.LanguageTranslator=n,_t}var ti=Gs(),Zs=se('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css" class="svelte-162a4cu"/>'),Ks=se('<h1 class="title svelte-162a4cu" part="title">Checkout</h1>'),Xs=se('<div class="dataentry svelte-162a4cu"><span class="dataentry_value svelte-162a4cu"> </span></div>'),Qs=se('<div class="dataentrycontainer svelte-162a4cu"><!></div>'),ea=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),ta=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),na=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),ra=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),ia=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),sa=se('<div id="shipment_separator" class="svelte-162a4cu"><!></div>'),aa=se("<hb-payment-paypal></hb-payment-paypal>",2),oa=se("<google-pay-button></google-pay-button>",2),la=se('<div class="payment_button_container svelte-162a4cu"><!></div>'),ua=se('<div id="payment_btn_container" class="svelte-162a4cu"></div>'),ca=se('By Clicking..<button class="btn btn-default svelte-162a4cu">Terms and conditions</button>',1),fa=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),da=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>'),ha=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 va={hash:"svelte-162a4cu",code:`@charset "UTF-8";
|
|
11
|
+
`,i instanceof Document&&i.head?i.head.appendChild(a):i.appendChild(a)}}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 Fs="@google-pay/button-element",Bs="3.2.1";function Vs(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 a=i();s(a)},t)})}}class X extends HTMLElement{constructor(){super(...arguments),this.manager=new js({cssSelector:"google-pay-button",softwareInfoId:Fs,softwareInfoVersion:Bs}),this.initializeButton=Vs(()=>{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 ln(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([Ln(),q("paymentrequest")],X.prototype,"paymentRequest",void 0),de([mt()],X.prototype,"environment",void 0),de([qs(),q("existingpaymentmethodrequired")],X.prototype,"existingPaymentMethodRequired",void 0),de([mt(),q("buttoncolor")],X.prototype,"buttonColor",void 0),de([mt(),q("buttontype")],X.prototype,"buttonType",void 0),de([mt(),q("buttonradius")],X.prototype,"buttonRadius",void 0),de([mt(),q("buttonsizemode")],X.prototype,"buttonSizeMode",void 0),de([mt(),q("buttonlocale")],X.prototype,"buttonLocale",void 0),de([mt(),q("buttonbordertype")],X.prototype,"buttonBorderType",void 0),de([Ln(),q("paymentDataChangedCallback"),q("paymentdatachangedcallback"),q("onpaymentdatachanged")],X.prototype,"onPaymentDataChanged",void 0),de([Ln(),q("paymentAuthorizedCallback"),q("paymentauthorizedcallback"),q("onpaymentauthorized")],X.prototype,"onPaymentAuthorized",void 0),de([q("readyToPayChangeCallback"),q("readytopaychangecallback"),q("onreadytopaychange")],X.prototype,"onReadyToPayChange",void 0),de([q("loadPaymentDataCallback"),q("loadpaymentdatacallback"),q("onloadpaymentdata")],X.prototype,"onLoadPaymentData",void 0),de([q("cancelCallback"),q("cancelcallback"),q("oncancel")],X.prototype,"onCancel",void 0),de([q("errorCallback"),q("errorcallback"),q("onerror")],X.prototype,"onError",void 0),de([q("clickCallback"),q("clickcallback"),q("onclick")],X.prototype,"onClick",void 0),customElements.define("google-pay-button",X);const Xr={version:"0.66.3"},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 Hs(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var un={exports:{}},Ys=un.exports,Qr;function Us(){return Qr||(Qr=1,(function(e,t){(function(n,r){e.exports=r()})(Ys,(function(){var n=1e3,r=6e4,i=36e5,s="millisecond",a="second",o="minute",u="hour",l="day",f="week",h="month",p="quarter",m="year",d="date",T="Invalid Date",L=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,z=/\[([^\]]+)]|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 y=["th","st","nd","rd"],b=x%100;return"["+x+(y[(b-20)%10]||y[b]||y[0])+"]"}},G=function(x,y,b){var $=String(x);return!$||$.length>=y?x:""+Array(y+1-$.length).join(b)+x},De={s:G,z:function(x){var y=-x.utcOffset(),b=Math.abs(y),$=Math.floor(b/60),_=b%60;return(y<=0?"+":"-")+G($,2,"0")+":"+G(_,2,"0")},m:function x(y,b){if(y.date()<b.date())return-x(b,y);var $=12*(b.year()-y.year())+(b.month()-y.month()),_=y.clone().add($,h),c=b-_<0,v=y.clone().add($+(c?-1:1),h);return+(-($+(b-_)/(c?_-v:v-_))||0)},a:function(x){return x<0?Math.ceil(x)||0:Math.floor(x)},p:function(x){return{M:h,y:m,w:f,d:l,D:d,h:u,m:o,s:a,ms:s,Q:p}[x]||String(x||"").toLowerCase().replace(/s$/,"")},u:function(x){return x===void 0}},ae="en",ne={};ne[ae]=E;var qe="$isDayjsObject",Q=function(x){return x instanceof ot||!(!x||!x[qe])},Be=function x(y,b,$){var _;if(!y)return ae;if(typeof y=="string"){var c=y.toLowerCase();ne[c]&&(_=c),b&&(ne[c]=b,_=c);var v=y.split("-");if(!_&&v.length>1)return x(v[0])}else{var g=y.name;ne[g]=y,_=g}return!$&&_&&(ae=_),_||!$&&ae},H=function(x,y){if(Q(x))return x.clone();var b=typeof y=="object"?y:{};return b.date=x,b.args=arguments,new ot(b)},S=De;S.l=Be,S.i=Q,S.w=function(x,y){return H(x,{locale:y.$L,utc:y.$u,x:y.$x,$offset:y.$offset})};var ot=(function(){function x(b){this.$L=Be(b.locale,null,!0),this.parse(b),this.$x=this.$x||b.x||{},this[qe]=!0}var y=x.prototype;return y.parse=function(b){this.$d=(function($){var _=$.date,c=$.utc;if(_===null)return new Date(NaN);if(S.u(_))return new Date;if(_ instanceof Date)return new Date(_);if(typeof _=="string"&&!/Z$/i.test(_)){var v=_.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(_)})(b),this.init()},y.init=function(){var b=this.$d;this.$y=b.getFullYear(),this.$M=b.getMonth(),this.$D=b.getDate(),this.$W=b.getDay(),this.$H=b.getHours(),this.$m=b.getMinutes(),this.$s=b.getSeconds(),this.$ms=b.getMilliseconds()},y.$utils=function(){return S},y.isValid=function(){return this.$d.toString()!==T},y.isSame=function(b,$){var _=H(b);return this.startOf($)<=_&&_<=this.endOf($)},y.isAfter=function(b,$){return H(b)<this.startOf($)},y.isBefore=function(b,$){return this.endOf($)<H(b)},y.$g=function(b,$,_){return S.u(b)?this[$]:this.set(_,b)},y.unix=function(){return Math.floor(this.valueOf()/1e3)},y.valueOf=function(){return this.$d.getTime()},y.startOf=function(b,$){var _=this,c=!!S.u($)||$,v=S.p(b),g=function(Y,U){var W=S.w(_.$u?Date.UTC(_.$y,U,Y):new Date(_.$y,U,Y),_);return c?W:W.endOf(l)},w=function(Y,U){return S.w(_.toDate()[Y].apply(_.toDate("s"),(c?[0,0,0,0]:[23,59,59,999]).slice(U)),_)},k=this.$W,M=this.$M,N=this.$D,j="set"+(this.$u?"UTC":"");switch(v){case m: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 o:return w(j+"Seconds",2);case a:return w(j+"Milliseconds",3);default:return this.clone()}},y.endOf=function(b){return this.startOf(b,!1)},y.$set=function(b,$){var _,c=S.p(b),v="set"+(this.$u?"UTC":""),g=(_={},_[l]=v+"Date",_[d]=v+"Date",_[h]=v+"Month",_[m]=v+"FullYear",_[u]=v+"Hours",_[o]=v+"Minutes",_[a]=v+"Seconds",_[s]=v+"Milliseconds",_)[c],w=c===l?this.$D+($-this.$W):$;if(c===h||c===m){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},y.set=function(b,$){return this.clone().$set(b,$)},y.get=function(b){return this[S.p(b)]()},y.add=function(b,$){var _,c=this;b=Number(b);var v=S.p($),g=function(M){var N=H(c);return S.w(N.date(N.date()+Math.round(M*b)),c)};if(v===h)return this.set(h,this.$M+b);if(v===m)return this.set(m,this.$y+b);if(v===l)return g(1);if(v===f)return g(7);var w=(_={},_[o]=r,_[u]=i,_[a]=n,_)[v]||1,k=this.$d.getTime()+b*w;return S.w(k,this)},y.subtract=function(b,$){return this.add(-1*b,$)},y.format=function(b){var $=this,_=this.$locale();if(!this.isValid())return _.invalidDate||T;var c=b||"YYYY-MM-DDTHH:mm:ssZ",v=S.z(this),g=this.$H,w=this.$m,k=this.$M,M=_.weekdays,N=_.months,j=_.meridiem,B=function(U,W,be,ve){return U&&(U[W]||U($,c))||be[W].slice(0,ve)},re=function(U){return S.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(z,(function(U,W){return W||(function(be){switch(be){case"YY":return String($.$y).slice(-2);case"YYYY":return S.s($.$y,4,"0");case"M":return k+1;case"MM":return S.s(k+1,2,"0");case"MMM":return B(_.monthsShort,k,N,3);case"MMMM":return B(N,k);case"D":return $.$D;case"DD":return S.s($.$D,2,"0");case"d":return String($.$W);case"dd":return B(_.weekdaysMin,$.$W,M,2);case"ddd":return B(_.weekdaysShort,$.$W,M,3);case"dddd":return M[$.$W];case"H":return String(g);case"HH":return S.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 S.s(w,2,"0");case"s":return String($.$s);case"ss":return S.s($.$s,2,"0");case"SSS":return S.s($.$ms,3,"0");case"Z":return v}return null})(U)||v.replace(":","")}))},y.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},y.diff=function(b,$,_){var c,v=this,g=S.p($),w=H(b),k=(w.utcOffset()-this.utcOffset())*r,M=this-w,N=function(){return S.m(v,w)};switch(g){case m:c=N()/12;break;case h:c=N();break;case p: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 o:c=M/r;break;case a:c=M/n;break;default:c=M}return _?c:S.a(c)},y.daysInMonth=function(){return this.endOf(h).$D},y.$locale=function(){return ne[this.$L]},y.locale=function(b,$){if(!b)return this.$L;var _=this.clone(),c=Be(b,$,!0);return c&&(_.$L=c),_},y.clone=function(){return S.w(this.$d,this)},y.toDate=function(){return new Date(this.valueOf())},y.toJSON=function(){return this.isValid()?this.toISOString():null},y.toISOString=function(){return this.$d.toISOString()},y.toString=function(){return this.$d.toUTCString()},x})(),Nt=ot.prototype;return H.prototype=Nt,[["$ms",s],["$s",a],["$m",o],["$H",u],["$W",l],["$M",h],["$y",m],["$D",d]].forEach((function(x){Nt[x[1]]=function(y){return this.$g(y,x[0],x[1])}})),H.extend=function(x,y){return x.$i||(x(y,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}))})(un)),un.exports}var Ws=Us();const Js=Hs(Ws);var _t={},ei;function Gs(){if(ei)return _t;ei=1,Object.defineProperty(_t,"__esModule",{value:!0}),_t.LanguageTranslator=void 0,_t.getChildStyleToPass=e,_t.addComponent=t;function e(r,i){var s,a,o="";try{if(r&&i?.length&&(!((s=Object.keys(r))===null||s===void 0)&&s.length)&&(!((a=i?.filter(function(p){return Object.keys(r).includes(p.name)}))===null||a===void 0)&&a.length))for(var u=function(p){var m=i?.filter(function(d){return d.name===p&&d.defaultValue!==r[p]});m&&(o+="".concat(p,":").concat(r[p],";"))},l=0,f=Object.keys(r);l<f.length;l++){var h=f[l];u(h)}}catch(p){console.error("error getting child style to pass",p)}finally{return o}}function t(r){var i,s=((i=r?.repoName.split("/"))===null||i===void 0?void 0:i[1])||r?.repoName;if(!s)throw new Error("wrong componentPath "+r?.repoName);if(!r?.version)throw new Error("wrong version "+r?.version);var a=r?.iifePath||"main.iife.js";if(!document.getElementById(s+"-script"))try{var o=document.createElement("script");if(o.id=s+"-script",o.src="https://cdn.jsdelivr.net/npm/".concat(r.repoName,"@").concat(r.version,"/").concat(a),r?.local)o.src="".concat(r.local);else if(location.href.includes("localhost:6006")){var u=s.split("-")[0];o.src="http://localhost:6006/webcomponents/".concat(s.replace(u+"-",""),"/").concat(a)}document.head.appendChild(o)}catch(l){console.warn(l)}}var n=(function(){function r(i){if(this.lang="",!i?.dictionary)throw new Error("no dictionary provided");this.dictionary=i.dictionary,this.setLang(i?.lang)}return r.prototype.setLang=function(i){i||(i=r.getDefaultLang()),this.lang=i},r.prototype.translateWord=function(i,s){return r.getDictionaryWord(i,this.dictionary,s||this.lang)},r.prototype.translateDate=function(i,s,a){return r.formatDate(i,s,a||this.lang)},r.getDefaultLang=function(){var i,s,a,o="en";return navigator?.languages&&(!((a=(s=(i=navigator.languages[0])===null||i===void 0?void 0:i.split("-")[0])===null||s===void 0?void 0:s.toLowerCase())===null||a===void 0)&&a.length)&&(o=navigator.languages[0].split("-")[0].toLowerCase()),o},r.getDictionaryWord=function(i,s,a){var o;if(!i)throw new Error("no wordKey provided");if(!s)throw new Error("no dictionary provided");if(a&&(!((o=s[a])===null||o===void 0)&&o[i]))return s[a][i];var u="",l=r.getDefaultLang();if(!a||l!==a){var f=s?.[l];f?.[i]&&(u=f[i])}return u},r.formatDate=function(i,s,a){if(!i)throw new Error("no date provided");if(typeof i.getMonth!="function")throw new Error("wrong date format");var o=new Intl.DateTimeFormat(a||r.getDefaultLang(),s);return o.format(i)},r})();return _t.LanguageTranslator=n,_t}var ti=Gs(),Zs=se('<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css" class="svelte-162a4cu"/>'),Ks=se('<h1 class="title svelte-162a4cu" part="title">Checkout</h1>'),Xs=se('<div class="dataentry svelte-162a4cu"><span class="dataentry_value svelte-162a4cu"> </span></div>'),Qs=se('<div class="dataentrycontainer svelte-162a4cu"><!></div>'),ea=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),ta=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),na=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),ra=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),ia=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),sa=se('<div id="shipment_separator" class="svelte-162a4cu"><!></div>'),aa=se("<hb-payment-paypal></hb-payment-paypal>",2),oa=se("<google-pay-button></google-pay-button>",2),la=se('<div class="payment_button_container svelte-162a4cu"><!></div>'),ua=se('<div id="payment_btn_container" class="svelte-162a4cu"></div>'),ca=se('By Clicking..<button class="btn btn-default svelte-162a4cu">Terms and conditions</button>',1),fa=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),da=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>'),ha=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 va={hash:"svelte-162a4cu",code:`@charset "UTF-8";
|
|
12
12
|
@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");
|
|
13
13
|
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css");
|
|
14
14
|
/*!
|
package/manifest.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@htmlbricks/hb-checkout",
|
|
3
|
-
"version": "0.66.
|
|
3
|
+
"version": "0.66.3",
|
|
4
4
|
"contributors": [],
|
|
5
5
|
"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.",
|
|
6
6
|
"licenses": [
|