favesalon-embed 1.0.14 → 1.0.16

package/dist/favesalon-embed/buy-giftcard-form.entry.js

@@ -0,0 +1,998 @@
+import { r as registerInstance, h } from './index-888e99e3.js';
+import { _ as _root, i as isSymbol_1, a as isObject_1, H as HttpService, d as dayjs_min, b as dateFormat, g as get_1, s as shortDateFormat, c as getSalonImage, e as getSalonAddress } from './services-9a686ade.js';
+import { c as createCommonjsModule, g as getDefaultExportFromCjs } from './_commonjsHelpers-9bc404fc.js';
+import { C as Colors } from './colors-ea36347a.js';
+
+var teConnect = createCommonjsModule(function (module, exports) {
+!function(e,t){"object"=='object'&&"object"=='object'?module.exports=t():"function"==typeof undefined&&undefined.amd?undefined([],t):"object"=='object'?exports["te-connect"]=t():e["te-connect"]=t();}(self,(()=>(()=>{var t={506:e=>{e.exports=function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e};},926:e=>{function t(e,t,n,r,o,a,i){try{var s=e[a](i),c=s.value;}catch(e){return void n(e)}s.done?t(c):Promise.resolve(c).then(r,o);}e.exports=function(e){return function(){var n=this,r=arguments;return new Promise((function(o,a){var i=e.apply(n,r);function s(e){t(i,o,a,s,c,"next",e);}function c(e){t(i,o,a,s,c,"throw",e);}s(void 0);}))}};},575:e=>{e.exports=function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")};},226:e=>{e.exports=function(e,t){var n=t.get(e);if(!n)throw new TypeError("attempted to get private field on non-instance");return n.get?n.get.call(e):n.value};},962:e=>{e.exports=function(e,t,n){var r=t.get(e);if(!r)throw new TypeError("attempted to set private field on non-instance");if(r.set)r.set.call(e,n);else {if(!r.writable)throw new TypeError("attempted to set read only private field");r.value=n;}return n};},913:e=>{function t(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r);}}e.exports=function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e};},713:e=>{e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e};},754:e=>{function t(n){return e.exports=t=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},t(n)}e.exports=t;},205:(e,t,n)=>{var r=n(489);e.exports=function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&r(e,t);};},479:(e,t,n)=>{var r=n(316);e.exports=function(e,t){if(null==e)return {};var n,o,a=r(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)n=i[o],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n]);}return a};},316:e=>{e.exports=function(e,t){if(null==e)return {};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o};},585:(e,t,n)=>{var r=n(8),o=n(506);e.exports=function(e,t){return !t||"object"!==r(t)&&"function"!=typeof t?o(e):t};},489:e=>{function t(n,r){return e.exports=t=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},t(n,r)}e.exports=t;},8:e=>{function t(n){return "function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?e.exports=t=function(e){return typeof e}:e.exports=t=function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(n)}e.exports=t;},553:e=>{var t=function(e){"use strict";var t,n=Object.prototype,r=n.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},a=o.iterator||"@@iterator",i=o.asyncIterator||"@@asyncIterator",s=o.toStringTag||"@@toStringTag";function c(e,t,n){return Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}),e[t]}try{c({},"");}catch(e){c=function(e,t,n){return e[t]=n};}function u(e,t,n,r){var o=t&&t.prototype instanceof m?t:m,a=Object.create(o.prototype),i=new j(r||[]);return a._invoke=function(e,t,n){var r=p;return function(o,a){if(r===y)throw new Error("Generator is already running");if(r===d){if("throw"===o)throw a;return S()}for(n.method=o,n.arg=a;;){var i=n.delegate;if(i){var s=M(i,n);if(s){if(s===h)continue;return s}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(r===p)throw r=d,n.arg;n.dispatchException(n.arg);}else "return"===n.method&&n.abrupt("return",n.arg);r=y;var c=l(e,t,n);if("normal"===c.type){if(r=n.done?d:f,c.arg===h)continue;return {value:c.arg,done:n.done}}"throw"===c.type&&(r=d,n.method="throw",n.arg=c.arg);}}}(e,n,i),a}function l(e,t,n){try{return {type:"normal",arg:e.call(t,n)}}catch(e){return {type:"throw",arg:e}}}e.wrap=u;var p="suspendedStart",f="suspendedYield",y="executing",d="completed",h={};function m(){}function v(){}function g(){}var w={};w[a]=function(){return this};var b=Object.getPrototypeOf,P=b&&b(b(R([])));P&&P!==n&&r.call(P,a)&&(w=P);var E=g.prototype=m.prototype=Object.create(w);function k(e){["next","throw","return"].forEach((function(t){c(e,t,(function(e){return this._invoke(t,e)}));}));}function C(e,t){function n(o,a,i,s){var c=l(e[o],e,a);if("throw"!==c.type){var u=c.arg,p=u.value;return p&&"object"==typeof p&&r.call(p,"__await")?t.resolve(p.__await).then((function(e){n("next",e,i,s);}),(function(e){n("throw",e,i,s);})):t.resolve(p).then((function(e){u.value=e,i(u);}),(function(e){return n("throw",e,i,s)}))}s(c.arg);}var o;this._invoke=function(e,r){function a(){return new t((function(t,o){n(e,r,t,o);}))}return o=o?o.then(a,a):a()};}function M(e,n){var r=e.iterator[n.method];if(r===t){if(n.delegate=null,"throw"===n.method){if(e.iterator.return&&(n.method="return",n.arg=t,M(e,n),"throw"===n.method))return h;n.method="throw",n.arg=new TypeError("The iterator does not provide a 'throw' method");}return h}var o=l(r,e.iterator,n.arg);if("throw"===o.type)return n.method="throw",n.arg=o.arg,n.delegate=null,h;var a=o.arg;return a?a.done?(n[e.resultName]=a.value,n.next=e.nextLoc,"return"!==n.method&&(n.method="next",n.arg=t),n.delegate=null,h):a:(n.method="throw",n.arg=new TypeError("iterator result is not an object"),n.delegate=null,h)}function L(e){var t={tryLoc:e[0]};1 in e&&(t.catchLoc=e[1]),2 in e&&(t.finallyLoc=e[2],t.afterLoc=e[3]),this.tryEntries.push(t);}function O(e){var t=e.completion||{};t.type="normal",delete t.arg,e.completion=t;}function j(e){this.tryEntries=[{tryLoc:"root"}],e.forEach(L,this),this.reset(!0);}function R(e){if(e){var n=e[a];if(n)return n.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function n(){for(;++o<e.length;)if(r.call(e,o))return n.value=e[o],n.done=!1,n;return n.value=t,n.done=!0,n};return i.next=i}}return {next:S}}function S(){return {value:t,done:!0}}return v.prototype=E.constructor=g,g.constructor=v,v.displayName=c(g,s,"GeneratorFunction"),e.isGeneratorFunction=function(e){var t="function"==typeof e&&e.constructor;return !!t&&(t===v||"GeneratorFunction"===(t.displayName||t.name))},e.mark=function(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,g):(e.__proto__=g,c(e,s,"GeneratorFunction")),e.prototype=Object.create(E),e},e.awrap=function(e){return {__await:e}},k(C.prototype),C.prototype[i]=function(){return this},e.AsyncIterator=C,e.async=function(t,n,r,o,a){void 0===a&&(a=Promise);var i=new C(u(t,n,r,o),a);return e.isGeneratorFunction(n)?i:i.next().then((function(e){return e.done?e.value:i.next()}))},k(E),c(E,s,"Generator"),E[a]=function(){return this},E.toString=function(){return "[object Generator]"},e.keys=function(e){var t=[];for(var n in e)t.push(n);return t.reverse(),function n(){for(;t.length;){var r=t.pop();if(r in e)return n.value=r,n.done=!1,n}return n.done=!0,n}},e.values=R,j.prototype={constructor:j,reset:function(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(O),!e)for(var n in this)"t"===n.charAt(0)&&r.call(this,n)&&!isNaN(+n.slice(1))&&(this[n]=t);},stop:function(){this.done=!0;var e=this.tryEntries[0].completion;if("throw"===e.type)throw e.arg;return this.rval},dispatchException:function(e){if(this.done)throw e;var n=this;function o(r,o){return s.type="throw",s.arg=e,n.next=r,o&&(n.method="next",n.arg=t),!!o}for(var a=this.tryEntries.length-1;a>=0;--a){var i=this.tryEntries[a],s=i.completion;if("root"===i.tryLoc)return o("end");if(i.tryLoc<=this.prev){var c=r.call(i,"catchLoc"),u=r.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return o(i.catchLoc,!0);if(this.prev<i.finallyLoc)return o(i.finallyLoc)}else if(c){if(this.prev<i.catchLoc)return o(i.catchLoc,!0)}else {if(!u)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return o(i.finallyLoc)}}}},abrupt:function(e,t){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&r.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var a=o;break}}a&&("break"===e||"continue"===e)&&a.tryLoc<=t&&t<=a.finallyLoc&&(a=null);var i=a?a.completion:{};return i.type=e,i.arg=t,a?(this.method="next",this.next=a.finallyLoc,h):this.complete(i)},complete:function(e,t){if("throw"===e.type)throw e.arg;return "break"===e.type||"continue"===e.type?this.next=e.arg:"return"===e.type?(this.rval=this.arg=e.arg,this.method="return",this.next="end"):"normal"===e.type&&t&&(this.next=t),h},finish:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.finallyLoc===e)return this.complete(n.completion,n.afterLoc),O(n),h}},catch:function(e){for(var t=this.tryEntries.length-1;t>=0;--t){var n=this.tryEntries[t];if(n.tryLoc===e){var r=n.completion;if("throw"===r.type){var o=r.arg;O(n);}return o}}throw new Error("illegal catch attempt")},delegateYield:function(e,n,r){return this.delegate={iterator:R(e),resultName:n,nextLoc:r},"next"===this.method&&(this.arg=t),h}},e}(e.exports);try{regeneratorRuntime=t;}catch(e){Function("r","regeneratorRuntime = r")(t);}},757:(e,t,n)=>{e.exports=n(553);}},n={};function r(e){var o=n[e];if(void 0!==o)return o.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,r),a.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]});},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0});};var o={};return (()=>{"use strict";r.r(o),r.d(o,{createTEConnect:()=>$e});var t=r(479),n=r.n(t),a=r(926),i=r.n(a),s=r(757),c=r.n(s),u="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto),l=new Uint8Array(16);function p(){if(!u)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return u(l)}const f=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i,y=function(e){return "string"==typeof e&&f.test(e)};for(var d=[],h=0;h<256;++h)d.push((h+256).toString(16).substr(1));const m=function(e,t,n){var r=(e=e||{}).random||(e.rng||p)();if(r[6]=15&r[6]|64,r[8]=63&r[8]|128,t){n=n||0;for(var o=0;o<16;++o)t[n+o]=r[o];return t}return function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=(d[e[t+0]]+d[e[t+1]]+d[e[t+2]]+d[e[t+3]]+"-"+d[e[t+4]]+d[e[t+5]]+"-"+d[e[t+6]]+d[e[t+7]]+"-"+d[e[t+8]]+d[e[t+9]]+"-"+d[e[t+10]]+d[e[t+11]]+d[e[t+12]]+d[e[t+13]]+d[e[t+14]]+d[e[t+15]]).toLowerCase();if(!y(n))throw TypeError("Stringified UUID is invalid");return n}(r)};var v="https://svc4.magensa.net",g="".concat(v,"/TEConnect"),w="_tec-payment-evt-ele",b="hideZip",P="tecPaymentRequest",E={passive:!0},k=["total","currencyCode","countryCode","merchantCapabilities","supportedNetworks","storeDisplayName"],C=["allowedCardNetworks","transactionInfo","merchantName","gatewayId"],M=["apiVersion","apiVersionMinor","callbackIntents","offerInfo","emailRequired","shippingAddressRequired","shippingAddressParameters","shippingOptionRequired","shippingOptionParameters"],L=[].concat(M,["allowedPaymentMethods","existingPaymentMethodRequired","environment","paymentDataCallbacks","prefetchGooglePaymentData"]),O=["appleMerchantId","googleMerchantId"],j=["buttonColor","buttonType","buttonLocale","buttonSizeMode","buttonRootNode"],R="tec-payment-request-complete",S="tec-payment-method-selected",x="tec-payment-request-cancel",I="tec-payment-shipping-contact",T="tec-payment-shipping-method",_={baseRequest:{apiVersion:2,apiVersionMinor:0},allowedCardAuthMethods:["PAN_ONLY","CRYPTOGRAM_3DS"],baseCardPaymentMethod:{type:"CARD",parameters:{allowedAuthMethods:null,allowedCardNetworks:null}},tokenizationSpecification:{type:"PAYMENT_GATEWAY",parameters:null},merchantInfo:null,transactionInfo:null,environment:"TEST"},q=r(713),A=r.n(q),N=r(8),D=r.n(N),U="'te-connect' is designed for use within web applications.",F="DOM element provided is not the expected node.",G="Unable to recognize provided node",W="Node info object provided is not in recognized format.",z="Response from server has been altered. Refused response, please try again",V="Timeout: Response not received from TEConnect",B="'instanceDetails' object supplied to 'createPaymentToken' function is missing a required property:",Y="to the 'listenFor' function",K="Please supply a Payment Request object",J="Failed to locate TecPR event element. Please make sure TEConnect Payment Request button is mounted, and TEConnect elements are unaltered on the DOM.";function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r);}return n}function $(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){A()(e,t,n[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t));}));}return e}function H(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return Q(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return "Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Q(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return {s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,s=!1;return {s:function(){n=n.call(e);},n:function(){var e=n.next();return i=e.done,e},e:function(e){s=!0,a=e;},f:function(){try{i||null==n.return||n.return();}finally{if(s)throw a}}}}function Q(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var X=function(e){return "string"==typeof e&&""!==e},ee=function(e,t){return e?"string"!=typeof e.nodeName?new Error(G):"IFRAME"!==e.nodeName?new Error(F):!0!==t?te(e,"__teConnectSecureFrame","__te-connect-secure-window"):te(e,"__tecPrFrameName","__tec-pr-window"):new Error(G)},te=function(e,t,n){var r=e.name,o=e.id;return "string"==typeof r&&"string"==typeof o&&r===t&&o===n||new Error(F)},ne=function(e){return e?y(e)?void 0:new Error("formId is not valid"):new Error("formId not found")},re=function(e){if(!e)return {error:"Node info object not provided in 'createPayment' call."};if("object"!==D()(e))return {error:W};if(void 0===e.elements||void 0===e.formId)return {error:W};var t=ee(e.elements);if(t instanceof Error)return {error:t.message};var n=ne(e.formId);return n instanceof Error?{error:n.message}:e},oe=function(e){if("object"!==D()(e)||null===e)return {error:"'createPaymentToken' function requires an 'instanceDetails' object as a parameter"};var t=e.instanceId,n=e.formId,r=e.controllerRef;if(!X(t))return {error:"".concat(B," 'instanceId'")};if(!X(n))return {error:"".concat(B," 'formId'")};var o=ne(n);if(o instanceof Error)return {error:o.message};var a=ee(r,!0);return a instanceof Error?{error:a.message}:e},ae=function(e,t){if("object"!==D()(e))throw new Error(K);var n,r=H(t);try{for(r.s();!(n=r.n()).done;){var o=n.value;if(void 0===e[o])throw new Error("'".concat(o,"' is a required property for a Payment Request object, but was found to be 'undefined'"))}}catch(e){r.e(e);}finally{r.f();}},ie=function(e,t){var n=_;n.merchantInfo={merchantName:e.merchantName,merchantId:t},n.baseCardPaymentMethod.parameters={allowedAuthMethods:e.allowedAuthMethods||n.allowedCardAuthMethods,allowedCardNetworks:e.allowedCardNetworks},n.transactionInfo=e.transactionInfo,n.tokenizationSpecification.parameters={gateway:"magensa",gatewayMerchantId:e.gatewayId};var r,o=H(L);try{for(o.s();!(r=o.n()).done;){var a=r.value;void 0!==e[a]&&(n[a]=e[a]);}}catch(e){o.e(e);}finally{o.f();}return n},se=function(e){var t=e.baseCardPaymentMethod,n=e.tokenizationSpecification,r=e.allowedPaymentMethods,o=[$($({},t),{},{tokenizationSpecification:n})];if(r&&r.length>0){var a,i=H(r);try{for(i.s();!(a=i.n()).done;){var s=a.value;o.push($($({},s),{},{tokenizationSpecification:n}));}}catch(e){i.e(e);}finally{i.f();}}return o},ce=function(e){var t,n=e.baseRequest,r=e.merchantInfo,o=e.transactionInfo,a=$($({},n),{},{allowedPaymentMethods:se(e),transactionInfo:o,merchantInfo:r}),i=H(M);try{for(i.s();!(t=i.n()).done;){var s=t.value;void 0!==e[s]&&(a[s]=e[s]);}}catch(e){i.e(e);}finally{i.f();}return a},ue=function(e,t){if("object"!==D()(e))throw new Error(K);var n={},r=t.appleMerchantId,o=t.googleMerchantId;return r&&(e.applePay?(ae(e.applePay,k),n.applePay=e.applePay):(ae(e,k),n.applePay=e)),o&&(e.googlePay?(ae(e.googlePay,C),n.googlePay=ie(e.googlePay,o)):(ae(e,C),n.googlePay=ie(e,o))),n},le=function(e){if(e){var t=e.closest("div");if(t)return t;var n=document.getElementsByClassName(w);if(n&&n.length>0)return n[0]}throw new Error(J)},pe=function(e){return function(t,n){var r=new CustomEvent(t,{detail:n});e.dispatchEvent(r);}},fe=function(e){if(e&&"object"===D()(e)){var t=e.errorType;if("string"==typeof t)switch(t){case"failure":return {error:"unknown",message:e.message};case"addressInvalid":return {error:"addressUnserviceable",message:e.message};default:return}}return {error:"unknown",message:""}},ye=function(e){var t,n=[],r=H(e);try{for(r.s();!(t=r.n()).done;){var o=t.value;if(o instanceof window.ApplePayError)n.push(o);else {var a=fe(o);void 0!==a&&n.push(new window.ApplePayError(a.error,"countryCode",a.message));}}}catch(o){r.e(o);}finally{r.f();}return n},de=function(e){if(e){if("string"==typeof e)return {status:"success"===e.toLowerCase()?ApplePaySession.STATUS_SUCCESS:ApplePaySession.STATUS_FAILURE};if(e&&"number"==typeof e.status){if(e.errors&&e.errors.length>0){var t=ye(e.errors);e.errors=t;}return e}}return console.error("[Token Exchange Connect Error]: Unrecognized completion result. Completing payment with failure."),{status:ApplePaySession.STATUS_FAILURE}},he=r(913),me=r.n(he),ve=r(575),ge=r.n(ve),we=r(506),be=r.n(we),Pe=r(205),Ee=r.n(Pe),ke=r(585),Ce=r.n(ke),Me=r(754),Le=r.n(Me),Oe=r(962),je=r.n(Oe),Re=r(226),Se=r.n(Re);function xe(e,t,n){!function(e,t){if(t.has(e))throw new TypeError("Cannot initialize the same private elements twice on an object")}(e,t),t.set(e,n);}var Ie=new WeakMap,Te=new WeakMap,_e=new WeakMap,qe=new WeakMap,Ae=new WeakMap,Ne=new WeakMap,De=new WeakMap,Ue=new WeakMap,Fe=new WeakMap,Ge=new WeakMap,We=function(){function e(t,n){var r=this;ge()(this,e),xe(this,Ie,{writable:!0,value:void 0}),xe(this,Te,{writable:!0,value:void 0}),xe(this,_e,{writable:!0,value:void 0}),xe(this,qe,{writable:!0,value:void 0}),xe(this,Ae,{writable:!0,value:void 0}),xe(this,Ne,{writable:!0,value:void 0}),xe(this,De,{writable:!0,value:void 0}),xe(this,Ue,{writable:!0,value:void 0}),xe(this,Fe,{writable:!0,value:void 0}),xe(this,Ge,{writable:!0,value:void 0}),A()(this,"getGooglePayCanMakePayments",(function(e){!function(e){var t=document.getElementById("_google-pay-api");if(t)t.removeEventListener("load",e,E),t.addEventListener("load",e,E);else {var n=document.createElement("script");n.src="https://pay.google.com/gp/p/js/pay.js",n.async=!0,n.id="_google-pay-api",n.addEventListener("load",e,E),document.body.appendChild(n);}}((function(){if(!window.google)throw new Error("Google Pay API was loaded, but `window.google` is unavailable");var t,n,o;r.googlePayClient||(r.googlePayClient=new google.payments.api.PaymentsClient((o={environment:(t=e).environment,merchantInfo:t.merchantInfo},(n=t.paymentDataCallbacks)&&(o.paymentDataCallbacks=n),o))),r.googlePayClient.isReadyToPay(function(e){var t=e.baseRequest,n=e.baseCardPaymentMethod,r=e.allowedPaymentMethods,o=e.existingPaymentMethodRequired,a=[n];if(r&&r.length>0){var i,s=H(r);try{for(s.s();!(i=s.n()).done;){var c=i.value;a.push(c);}}catch(e){s.e(e);}finally{s.f();}}var u=$($({},t),{},{allowedPaymentMethods:a});return !0===o&&(u.existingPaymentMethodRequired=o),u}(e)).then((function(e){r.googleCanMakePaymentsResult=void 0!==e.paymentMethodPresent?e:e.result;})).catch((function(e){console.error(e),r.googleCanMakePaymentsResult=!1;}));}));})),A()(this,"applePayCanMakePayments",(function(e){window.ApplePaySession&&window.ApplePaySession.canMakePayments()?ApplePaySession.canMakePaymentsWithActiveCard(e).then((function(e){r.appleCanMakePaymentsResult=e;})).catch((function(e){console.error(e),r.appleCanMakePaymentsResult=!1;})):r.appleCanMakePaymentsResult=!1;})),je()(this,Ie,t),je()(this,Te,n);var o=n.appleMerchantId;n.googleMerchantId&&this.getGooglePayCanMakePayments(t.googlePay),o&&this.applePayCanMakePayments(o);}return me()(e,[{key:"paymentRequestObj",get:function(){return Se()(this,Ie)},set:function(e){je()(this,Ie,e);}},{key:"paymentRequestIds",get:function(){return Se()(this,Te)},set:function(e){je()(this,Te,e);}},{key:"googlePayClient",get:function(){return Se()(this,_e)},set:function(e){je()(this,_e,e);}},{key:"customerPaymentListener",get:function(){return Se()(this,qe)},set:function(e){je()(this,qe,e);}},{key:"customerCancelListener",get:function(){return Se()(this,Ae)},set:function(e){je()(this,Ae,e);}},{key:"paymentMethodListener",get:function(){return Se()(this,Ne)},set:function(e){je()(this,Ne,e);}},{key:"shippingContactListener",get:function(){return Se()(this,De)},set:function(e){je()(this,De,e);}},{key:"shippingMethodListener",get:function(){return Se()(this,Ue)},set:function(e){je()(this,Ue,e);}},{key:"googleCanMakePaymentsResult",get:function(){return Se()(this,Fe)},set:function(e){je()(this,Fe,e);}},{key:"appleCanMakePaymentsResult",get:function(){return Se()(this,Ge)},set:function(e){je()(this,Ge,e);}}]),e}(),ze=["tokenizationData"];function Ve(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r);}return n}function Be(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Ve(Object(n),!0).forEach((function(t){A()(e,t,n[t]);})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Ve(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t));}));}return e}var Ye=function(t){Ee()(s,t);var r,o,a=(r=s,o=function(){if("undefined"==typeof Reflect||!Reflect.construct)return !1;if(Reflect.construct.sham)return !1;if("function"==typeof Proxy)return !0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return !1}}(),function(){var e,t=Le()(r);if(o){var n=Le()(this).constructor;e=Reflect.construct(t,arguments,n);}else e=t.apply(this,arguments);return Ce()(this,e)});function s(t,r){var o;return ge()(this,s),o=a.call(this,t,r),A()(be()(o),"updatePaymentRequest",(function(e){var t=ue(e,o.paymentRequestIds);o.paymentRequestObj=t;})),A()(be()(o),"appleCanMakePayments",(function(){return new Promise((function(e){if("boolean"==typeof o.appleCanMakePaymentsResult)return e({applePay:o.appleCanMakePaymentsResult});var t=setTimeout((function(){void 0===o.appleCanMakePaymentsResult&&(o.appleCanMakePaymentsResult=!1);}),2e4);return e(function e(n){return new Promise((function(n){if("boolean"==typeof o.appleCanMakePaymentsResult)return clearTimeout(t),n({applePay:o.appleCanMakePaymentsResult});setTimeout((function(){return n(e())}),200);}))}())}))})),A()(be()(o),"googleCanMakePayments",(function(){return new Promise((function(e){if(void 0!==o.googleCanMakePaymentsResult)return e({googlePay:o.googleCanMakePaymentsResult});var t=setTimeout((function(){void 0===o.googleCanMakePaymentsResult&&(o.googleCanMakePaymentsResult=!1);}),2e4);return e(function e(n){return new Promise((function(n){void 0!==o.googleCanMakePaymentsResult?(clearTimeout(t),n({googlePay:o.googleCanMakePaymentsResult})):setTimeout((function(){return n(e())}),200);}))}())}))})),A()(be()(o),"canMakePayments",(function(e){return new Promise((function(e){var t=o.paymentRequestIds,n=t.appleMerchantId,r=t.googleMerchantId;if(n&&r){var a={};return o.appleCanMakePayments().then((function(e){return Object.assign(a,e)})).then((function(t){return o.googleCanMakePayments().then((function(n){return Object.assign(a,n),e(!1===t.applePay&&!1===n.googlePay?null:a)}))}))}return n?o.appleCanMakePayments().then((function(t){return e(!1===t.applePay?null:t)})):r?o.googleCanMakePayments().then((function(t){return e(!1===t.googlePay?null:t)})):void 0}))})),A()(be()(o),"listenFor",(function(t,n){var r=function(e,t){if("function"!=typeof t)throw new Error("Please supply a function as the listener argument ".concat(Y));if("string"!=typeof e)throw new Error("Please specify the event ".concat(Y));return {eventToLower:e.toLowerCase(),suppliedListener:t}}(t,n),a=r.eventToLower,i=r.suppliedListener,s=function(t){var n=t.detail;return n?i(n):e};switch(a){case"confirm-token":o.customerPaymentListener=s;break;case"cancel-transaction":o.customerCancelListener=s;break;case"payment-method-selection":o.paymentMethodListener=s;break;case"shipping-contact-update":o.shippingContactListener=s;break;case"shipping-method-update":o.shippingMethodListener=s;break;default:return}})),A()(be()(o),"createPaymentRequestToken",function(){var e=i()(c().mark((function e(t){var n,r,a,i,s,u,l,p,f,y,d,h,w,b,P,k,C;return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=o.paymentRequestObj.applePay&&"number"==typeof o.paymentRequestObj.applePay.applePayVersion?o.paymentRequestObj.applePay.applePayVersion:3,r=new ApplePaySession(n,o.paymentRequestObj.applePay),a=o.paymentRequestObj.applePay.storeDisplayName,i=oe(t),s=i.instanceId,u=i.formId,l=i.controllerRef,p=i.error,f=le(l),y=pe(f),!p){e.next=8;break}return e.abrupt("return",y(R,{error:p}));case 8:return d=o.paymentRequestIds.appleMerchantId,h=m(),w=null,b=null,P=function(e){var t=e.validationURL;X(t)&&l.contentWindow.postMessage(JSON.stringify({type:"_create_payment_request_session",vUrl:t,iid:s,sessionSignature:h,prFormId:u,storeDisplayName:a,appleMerchantId:d}),g);},r.onvalidatemerchant=P,"function"==typeof o.customerCancelListener&&(f.removeEventListener(x,o.customerCancelListener,E),f.addEventListener(x,o.customerCancelListener,E)),r.oncancel=function(e){var t=e.sessionError;y(x,{sessionError:t}),f.removeEventListener(S,o.paymentMethodListener,E),f.removeEventListener(I,o.shippingContactListener,E),f.removeEventListener(T,o.shippingMethodListener,E),f.removeEventListener(x,o.customerCancelListener,E);},"function"==typeof o.paymentMethodListener&&(f.removeEventListener(S,o.paymentMethodListener,E),f.addEventListener(S,o.paymentMethodListener,E),r.onpaymentmethodselected=function(e){var t=e.paymentMethod;y(S,{paymentMethod:t,completePaymentMethodSelection:function(e){r.completePaymentMethodSelection(e);}});}),"function"==typeof o.shippingContactListener&&(f.removeEventListener(I,o.shippingContactListener,E),f.addEventListener(I,o.shippingContactListener,E),r.onshippingcontactselected=function(e){var t=e.shippingContact;y(I,{shippingContact:t,completeShippingContactSelection:function(e){if(!e)throw new Error("Please provide a 'shippingContactUpdate' object");if(e.errors&&e.errors.length>0){var t=e.errors,n=ye(t);e.errors=n;}r.completeShippingContactSelection(e);}});}),"function"==typeof o.shippingMethodListener&&(f.removeEventListener(T,o.shippingMethodListener,E),f.addEventListener(T,o.shippingMethodListener,E),r.onshippingmethodselected=function(e){var t=e.shippingMethod;y(T,{shippingMethod:t,completeShippingMethodSelection:function(e){r.completeShippingMethodSelection(e);}});}),k=function e(t){if(v===t.origin){var n=t.data;if(X(n)){var a=JSON.parse(n),i=a.type,c=a.sessionNonce,u=a.sessionObj,l=a.iid,p=a.error;if("_payment-requests-session-resp"===i&&l===s){if(c===h){if(clearTimeout(b),p&&(w={error:p},window.removeEventListener("message",e,E),"function"==typeof r.abort))return r.abort();r.completeMerchantValidation(u),r.onpaymentauthorized=function(e){f.removeEventListener(R,o.customerPaymentListener,E),f.addEventListener(R,o.customerPaymentListener,E),w={tokenDetails:{type:"applePay",token:e.payment.token},completePayment:function(e){var t=de(e);r.completePayment(t),f.removeEventListener(R,o.customerPaymentListener,E);}},f.removeEventListener(x,o.customerCancelListener,E),f.removeEventListener(S,o.paymentMethodListener,E),f.removeEventListener(I,o.shippingContactListener,E),f.removeEventListener(T,o.shippingMethodListener,E);};}else w={error:z};window.removeEventListener("message",e,E);}}}},b=setTimeout((function(){w||(w={error:V},window.removeEventListener("message",k,E));}),61e3),window.addEventListener("message",k,E),C=function e(t){return new Promise((function(t){return w?t(y(R,w)):setTimeout((function(){return t(e())}),400)}))},r.begin(),e.next=27,C();case 27:return e.abrupt("return",e.sent);case 28:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()),A()(be()(o),"mountGoogleButton",(function(e,t){var r=t.eventRef,a=t.googlePayOptions,i=function(e){if(e&&e.className===w)return e;throw new Error(J)}(r),s=pe(i),c=document.getElementById(e);if(!c)throw new Error("Could not locate specified node. Please ensure the node is present on the DOM, and the id supplied is accurate and unique.");if(o.googlePayClient){var u=function(){return i.removeEventListener(R,o.customerPaymentListener,E),i.addEventListener(R,o.customerPaymentListener,E),o.googlePayClient.loadPaymentData(ce(o.paymentRequestObj.googlePay)).then((function(e){if(e&&e.paymentMethodData){var t=e.paymentMethodData,r=t.tokenizationData,a=n()(t,ze);"object"===D()(r)&&(s(R,{tokenDetails:{type:"googlePay",token:r.token,additionalData:Be(Be({},a),{},{tokenizationDataType:r.type})}}),i.removeEventListener(R,o.customerPaymentListener,E));}})).catch((function(e){s(R,{error:e.message||e.statusCode}),console.error(e),i.removeEventListener(R,o.customerPaymentListener,E);}))},l={allowedPaymentMethods:se(o.paymentRequestObj.googlePay)};if(a){var p=function(e){var t,n={},r=H(j);try{for(r.s();!(t=r.n()).done;){var o=t.value;e[o]&&(n[o]=e[o]);}}catch(e){r.e(e);}finally{r.f();}return n}(a);"function"==typeof a.preClick?l.onClick=function(){return a.preClick(),u()}:l.onClick=u,Object.assign(l,p);}else l.onClick=u;var f=o.googlePayClient.createButton(l);if(c.appendChild(f),!0===o.paymentRequestObj.googlePay.prefetchGooglePaymentData){var y=ce(o.paymentRequestObj.googlePay),d=y.transactionInfo&&y.transactionInfo.currencyCode||"USD";y.transactionInfo={totalPriceStatus:"NOT_CURRENTLY_KNOWN",currencyCode:d},o.googlePayClient.prefetchPaymentData();}}})),o}return me()(s)}(We);const Ke=Ye;var Je=me()((function e(t,n){ge()(this,e);var r=new Ke(t,n);this.createPaymentRequestToken=r.createPaymentRequestToken,this.canMakePayments=r.canMakePayments,this.listenFor=r.listenFor,this.updatePaymentRequest=r.updatePaymentRequest,this.mountGoogleButton=r.mountGoogleButton;})),Ze=["nonce","type"],$e=function(e,t){var r=function(e){var t={};if("object"===D()(e)){"boolean"==typeof e[b]&&(t[b]=e[b]);var n=e[P];if(n&&"object"===D()(n)){var r,o={},a=H(O);try{for(a.s();!(r=a.n()).done;){var i=r.value,s=n[i];X(s)&&(o[i]="".concat(s));}}catch(e){a.e(e);}finally{a.f();}var c=function(e){var t,n=0,r=H(O);try{for(r.s();!(t=r.n()).done;){var o=e[t.value];X(o)&&n++;}}catch(e){r.e(e);}finally{r.f();}if(0===n)throw new Error("'tecPaymentRequest' object was supplied, but was found to be empty. Please supply the id(s) for the desired payment request platform(s).");return e}(o);t[P]=c;}}return t}(t),o=r.hideZip,a=r.tecPaymentRequest,s=function(e){if(!e)throw new Error("".concat("Please provide a"," public key (pubKey) ").concat("to the 'createTEConnect' function"));if("string"!=typeof e)throw new Error("'pubKey' should be a string, but was found to be ".concat(D()(e)));return e}(e),u=m(),l=function(){if(!window)throw new Error("Unable to locate Window Interface. ".concat(U));if(!window.location)throw new Error("Unable to read 'location' property of Window Interface. ".concat(U));var e=window.location.origin;if(e)return e;throw new Error("Unable to read client's origin. ".concat(U))}(),p={};p.requestClient={instanceId:u,pubKey:s,requestOrigin:l};var f="".concat(g,"/?instanceId=").concat(u,"&pubKey=").concat(s,"&requestOrigin=").concat(btoa(l));return p.frameUrl="".concat(f,"&hideZip=").concat(!0===o?"true":"false"),a&&(p.prFrameUrl="".concat(f,"&enableTecPR=true"),p.paymentsRequestInterface=function(e){return function(t){var n=ue(t,e);return new Je(n,e)}}(a)),p.createPayment=function(){var e=i()(c().mark((function e(t,r){var o,a,i,s,u,l,p,f,y;return c().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(o=re(t),a=o.elements,i=o.formId,!(s=o.error)){e.next=3;break}return e.abrupt("return",{error:s});case 3:return u=m(),l=null,p=null,f=function e(t){if(t.origin===v){var r=JSON.parse(t.data);if(r&&"token_exchange_response"===r.type){if(clearTimeout(p),void 0!==r.nonce){var o=r.nonce,a=(r.type,n()(r,Ze));l=o===u?a:{error:z};}else l=void 0!==r.error?{error:r.error}:{error:z};window.removeEventListener("message",e,E);}}},p=setTimeout((function(){l||(l={error:V},window.removeEventListener("message",f,E));}),61e3),window.addEventListener("message",f,E),a.contentWindow.postMessage(JSON.stringify({type:"create_card_payment",formId:i,nonce:u,billingZip:r||null}),g),y=function e(t){return new Promise((function(t){return l?t(l):setTimeout((function(){return t(e())}),400)}))},e.next=14,y();case 14:return e.abrupt("return",e.sent);case 15:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}(),p};})(),o})()));
+});
+
+const teConnect$1 = /*@__PURE__*/getDefaultExportFromCjs(teConnect);
+
+/**
+ * Gets the timestamp of the number of milliseconds that have elapsed since
+ * the Unix epoch (1 January 1970 00:00:00 UTC).
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Date
+ * @returns {number} Returns the timestamp.
+ * @example
+ *
+ * _.defer(function(stamp) {
+ *   console.log(_.now() - stamp);
+ * }, _.now());
+ * // => Logs the number of milliseconds it took for the deferred invocation.
+ */
+var now = function() {
+  return _root.Date.now();
+};
+
+var now_1 = now;
+
+/** Used to match a single whitespace character. */
+var reWhitespace = /\s/;
+
+/**
+ * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
+ * character of `string`.
+ *
+ * @private
+ * @param {string} string The string to inspect.
+ * @returns {number} Returns the index of the last non-whitespace character.
+ */
+function trimmedEndIndex(string) {
+  var index = string.length;
+
+  while (index-- && reWhitespace.test(string.charAt(index))) {}
+  return index;
+}
+
+var _trimmedEndIndex = trimmedEndIndex;
+
+/** Used to match leading whitespace. */
+var reTrimStart = /^\s+/;
+
+/**
+ * The base implementation of `_.trim`.
+ *
+ * @private
+ * @param {string} string The string to trim.
+ * @returns {string} Returns the trimmed string.
+ */
+function baseTrim(string) {
+  return string
+    ? string.slice(0, _trimmedEndIndex(string) + 1).replace(reTrimStart, '')
+    : string;
+}
+
+var _baseTrim = baseTrim;
+
+/** Used as references for various `Number` constants. */
+var NAN = 0 / 0;
+
+/** Used to detect bad signed hexadecimal string values. */
+var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
+
+/** Used to detect binary string values. */
+var reIsBinary = /^0b[01]+$/i;
+
+/** Used to detect octal string values. */
+var reIsOctal = /^0o[0-7]+$/i;
+
+/** Built-in method references without a dependency on `root`. */
+var freeParseInt = parseInt;
+
+/**
+ * Converts `value` to a number.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to process.
+ * @returns {number} Returns the number.
+ * @example
+ *
+ * _.toNumber(3.2);
+ * // => 3.2
+ *
+ * _.toNumber(Number.MIN_VALUE);
+ * // => 5e-324
+ *
+ * _.toNumber(Infinity);
+ * // => Infinity
+ *
+ * _.toNumber('3.2');
+ * // => 3.2
+ */
+function toNumber(value) {
+  if (typeof value == 'number') {
+    return value;
+  }
+  if (isSymbol_1(value)) {
+    return NAN;
+  }
+  if (isObject_1(value)) {
+    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
+    value = isObject_1(other) ? (other + '') : other;
+  }
+  if (typeof value != 'string') {
+    return value === 0 ? value : +value;
+  }
+  value = _baseTrim(value);
+  var isBinary = reIsBinary.test(value);
+  return (isBinary || reIsOctal.test(value))
+    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
+    : (reIsBadHex.test(value) ? NAN : +value);
+}
+
+var toNumber_1 = toNumber;
+
+/** Error message constants. */
+var FUNC_ERROR_TEXT = 'Expected a function';
+
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var nativeMax = Math.max,
+    nativeMin = Math.min;
+
+/**
+ * Creates a debounced function that delays invoking `func` until after `wait`
+ * milliseconds have elapsed since the last time the debounced function was
+ * invoked. The debounced function comes with a `cancel` method to cancel
+ * delayed `func` invocations and a `flush` method to immediately invoke them.
+ * Provide `options` to indicate whether `func` should be invoked on the
+ * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
+ * with the last arguments provided to the debounced function. Subsequent
+ * calls to the debounced function return the result of the last `func`
+ * invocation.
+ *
+ * **Note:** If `leading` and `trailing` options are `true`, `func` is
+ * invoked on the trailing edge of the timeout only if the debounced function
+ * is invoked more than once during the `wait` timeout.
+ *
+ * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
+ * until to the next tick, similar to `setTimeout` with a timeout of `0`.
+ *
+ * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
+ * for details over the differences between `_.debounce` and `_.throttle`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to debounce.
+ * @param {number} [wait=0] The number of milliseconds to delay.
+ * @param {Object} [options={}] The options object.
+ * @param {boolean} [options.leading=false]
+ *  Specify invoking on the leading edge of the timeout.
+ * @param {number} [options.maxWait]
+ *  The maximum time `func` is allowed to be delayed before it's invoked.
+ * @param {boolean} [options.trailing=true]
+ *  Specify invoking on the trailing edge of the timeout.
+ * @returns {Function} Returns the new debounced function.
+ * @example
+ *
+ * // Avoid costly calculations while the window size is in flux.
+ * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
+ *
+ * // Invoke `sendMail` when clicked, debouncing subsequent calls.
+ * jQuery(element).on('click', _.debounce(sendMail, 300, {
+ *   'leading': true,
+ *   'trailing': false
+ * }));
+ *
+ * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
+ * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
+ * var source = new EventSource('/stream');
+ * jQuery(source).on('message', debounced);
+ *
+ * // Cancel the trailing debounced invocation.
+ * jQuery(window).on('popstate', debounced.cancel);
+ */
+function debounce(func, wait, options) {
+  var lastArgs,
+      lastThis,
+      maxWait,
+      result,
+      timerId,
+      lastCallTime,
+      lastInvokeTime = 0,
+      leading = false,
+      maxing = false,
+      trailing = true;
+
+  if (typeof func != 'function') {
+    throw new TypeError(FUNC_ERROR_TEXT);
+  }
+  wait = toNumber_1(wait) || 0;
+  if (isObject_1(options)) {
+    leading = !!options.leading;
+    maxing = 'maxWait' in options;
+    maxWait = maxing ? nativeMax(toNumber_1(options.maxWait) || 0, wait) : maxWait;
+    trailing = 'trailing' in options ? !!options.trailing : trailing;
+  }
+
+  function invokeFunc(time) {
+    var args = lastArgs,
+        thisArg = lastThis;
+
+    lastArgs = lastThis = undefined;
+    lastInvokeTime = time;
+    result = func.apply(thisArg, args);
+    return result;
+  }
+
+  function leadingEdge(time) {
+    // Reset any `maxWait` timer.
+    lastInvokeTime = time;
+    // Start the timer for the trailing edge.
+    timerId = setTimeout(timerExpired, wait);
+    // Invoke the leading edge.
+    return leading ? invokeFunc(time) : result;
+  }
+
+  function remainingWait(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime,
+        timeWaiting = wait - timeSinceLastCall;
+
+    return maxing
+      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
+      : timeWaiting;
+  }
+
+  function shouldInvoke(time) {
+    var timeSinceLastCall = time - lastCallTime,
+        timeSinceLastInvoke = time - lastInvokeTime;
+
+    // Either this is the first call, activity has stopped and we're at the
+    // trailing edge, the system time has gone backwards and we're treating
+    // it as the trailing edge, or we've hit the `maxWait` limit.
+    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
+      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
+  }
+
+  function timerExpired() {
+    var time = now_1();
+    if (shouldInvoke(time)) {
+      return trailingEdge(time);
+    }
+    // Restart the timer.
+    timerId = setTimeout(timerExpired, remainingWait(time));
+  }
+
+  function trailingEdge(time) {
+    timerId = undefined;
+
+    // Only invoke if we have `lastArgs` which means `func` has been
+    // debounced at least once.
+    if (trailing && lastArgs) {
+      return invokeFunc(time);
+    }
+    lastArgs = lastThis = undefined;
+    return result;
+  }
+
+  function cancel() {
+    if (timerId !== undefined) {
+      clearTimeout(timerId);
+    }
+    lastInvokeTime = 0;
+    lastArgs = lastCallTime = lastThis = timerId = undefined;
+  }
+
+  function flush() {
+    return timerId === undefined ? result : trailingEdge(now_1());
+  }
+
+  function debounced() {
+    var time = now_1(),
+        isInvoking = shouldInvoke(time);
+
+    lastArgs = arguments;
+    lastThis = this;
+    lastCallTime = time;
+
+    if (isInvoking) {
+      if (timerId === undefined) {
+        return leadingEdge(lastCallTime);
+      }
+      if (maxing) {
+        // Handle invocations in a tight loop.
+        clearTimeout(timerId);
+        timerId = setTimeout(timerExpired, wait);
+        return invokeFunc(lastCallTime);
+      }
+    }
+    if (timerId === undefined) {
+      timerId = setTimeout(timerExpired, wait);
+    }
+    return result;
+  }
+  debounced.cancel = cancel;
+  debounced.flush = flush;
+  return debounced;
+}
+
+var debounce_1 = debounce;
+
+var teConnectJs = createCommonjsModule(function (module, exports) {
+!function(t,e){"object"=='object'&&"object"=='object'?module.exports=e():"function"==typeof undefined&&undefined.amd?undefined([],e):"object"=='object'?exports["te-connect-js"]=e():t["te-connect-js"]=e();}(self,(()=>(()=>{var t={713:t=>{t.exports=function(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t};}},e={};function n(o){var r=e[o];if(void 0!==r)return r.exports;var s=e[o]={exports:{}};return t[o](s,s.exports,n),s.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var o in e)n.o(e,o)&&!n.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]});},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0});};var o={};return (()=>{"use strict";n.r(o),n.d(o,{TeConnectJs:()=>b});var t=n(713),e=n.n(t);const r="https://svc4.magensa.net",s=`${r}/TEConnect`,i=["instanceId","pubKey","requestOrigin"],a="This usually means TEConnect was not loaded properly - or is unable to resolve the TEConnect URL.",c=`Reference to Card Entry element was not found. ${a}.`,l=`Id for TEConnect inputs was not found. ${a}.`,p="Error in 'mountTecPrButton'. Payment Request interface not found.",u="__te-connect-secure-window",d="__tec-pr-window",h={passive:!0},y={border:"none !important",margin:"0px !important",padding:"0px !important",width:"1px !important",minWidth:"100% !important",overflow:"hidden !important",display:"block !important",userSelect:"none !important",transform:"translateZ(0px) !important",height:"100%"},m={buttonLanguage:"en",buttonType:"plain",buttonStyle:"black"};function f(t,e){var n=document.createElement("iframe");return n.id=!0!==e?u:d,n.title=!0!==e?"TEConnect Secure Frame":"TEConnect Payment Requests Frame",n.name=!0!==e?"__teConnectSecureFrame":"__tecPrFrameName",n.width="100%",n.loading="lazy",n.allowPaymentRequest=!0,n.frameBorder="0",n.scrolling="no",n.setAttribute("allowtransparency","true"),n.src=t,!0!==e?function(t){for(var e=Object.keys(y),n=0;n<e.length;n++){var o=e[n];t.style[o]=y[o];}}(n):(n.width="0",n.height="0",n.style.position="absolute",n.style.left="-9000px",n.style.overflow="hidden",n.style.visibility="hidden"),n}function w(t){const e=document.getElementById(t);if(!e)throw new Error("Could not locate specified node. Please ensure the node is present on the DOM, and the id supplied is accurate and unique.");return e}class g{get clientStyles(){return this._clientStyles}set clientStyles(t){JSON.stringify(this.clientStyles)!==JSON.stringify(t)&&this.sendStyles(t),this._clientStyles=t;}get formId(){return this._formId}set formId(t){""!==t&&"object"==typeof this.clientStyles&&this.sendStyles(this.clientStyles),this._formId=t;}constructor(t){e()(this,"teConnect",void 0),e()(this,"listenerOptionsSupported",void 0),e()(this,"createTecPrTokenMethod",void 0),e()(this,"applePayBtnOptions",void 0),e()(this,"canMakePaymentsResult",void 0),e()(this,"mountGoogleBtnMethod",void 0),e()(this,"_clientStyles",void 0),e()(this,"_formId",void 0),e()(this,"sendStyles",(t=>{const e=document.getElementById(u);e&&e.contentWindow&&e.contentWindow.postMessage(JSON.stringify({type:"client_style_sheet",styles:t}),s);})),e()(this,"setStyles",(t=>{const e=function(t){if(t&&"object"==typeof t&&"function"==typeof t.hasOwnProperty&&(t.hasOwnProperty("boxes")||t.hasOwnProperty("base")))return t;throw new Error("Styles object provided is not in recognized format. Please refer to the Styles API docs for guidance on how to construct your custom styles object.")}(t);this.clientStyles=e;})),e()(this,"mountCardEntry",((t,e)=>{const n=w(t);e&&this.setStyles(e),this.attachTeFormListener();const o=f(this.teConnect.frameUrl);n.appendChild(o);})),e()(this,"createPayment",(async t=>{const e=document.getElementById(u);if(!e)throw new Error("Could not locate 'Card Entry'. Please ensure the node is present on the DOM ('mountCardEntry' was called prior to this call).");const n=(o=e,r=this.formId,o?r&&"string"==typeof r?"":l:c);var o,r;if(""!==n)return {error:n};const s={elements:e,formId:this.formId};return await this.teConnect.createPayment(s,t)})),e()(this,"createPaymentRequestToken",(async()=>{if("function"==typeof this.createTecPrTokenMethod){const t=document.getElementById(d);if(!t)throw new Error("Could not locate TEConnect Payment Request. Please ensure the nodes are present on the DOM.");if("string"!=typeof this.prFormId||this.prFormId.length<5)throw new Error(`[TEConnect Session Error]: ${l}`);try{await this.createTecPrTokenMethod({instanceId:this.teConnect.requestClient.instanceId,formId:this.prFormId,controllerRef:t});}catch(t){console.error("[TEConnect Session Error]: ",t);}}})),e()(this,"mountTecPrButton",((t,e)=>{if(this.canMakePaymentsResult){const{applePay:n,googlePay:o}=this.canMakePaymentsResult,r=function(){const t=document.createElement("div");return t.className="_tec-payment-evt-ele",t}();if(n){if(this.applePayBtnOptions=(t=>{if(t){const{applePayOptions:e}=t;if(e&&"object"==typeof e){const{buttonLanguage:t,buttonType:n,buttonStyle:o}=e,r=(t=>{if("string"!=typeof t)return "black";switch(t.toLowerCase()){case"black":default:return "black";case"white":return "white";case"white-outline":return "white-with-line"}})(o);return {buttonLanguage:t&&"string"==typeof t?`${t}`:m.buttonLanguage,buttonType:n&&"string"==typeof n?`${n}`:m.buttonType,buttonStyle:r}}}return m})(e||this.applePayBtnOptions),"function"!=typeof this.createTecPrTokenMethod||"string"!=typeof this.teConnect.prFrameUrl)throw new Error(p);{const e=w("string"==typeof t?t:t.applePayNode);this.attachTeFormListener();const n=function(t){const e=document.createElement("style");return e.innerHTML=`\n        .apple-pay-button {\n            display: inline-block;\n            -webkit-appearance: -apple-pay-button;\n            -apple-pay-button-type: ${t};\n        }\n        .apple-pay-button-black {\n            -apple-pay-button-style: black;\n        }\n        .apple-pay-button-white {\n            -apple-pay-button-style: white;\n        }\n        .apple-pay-button-white-with-line {\n            -apple-pay-button-style: white-outline;\n        }\n    `,e}(this.applePayBtnOptions.buttonType);e.appendChild(n);const o=f(this.teConnect.prFrameUrl,!0);r.appendChild(o),e.appendChild(r);const s=function(t){let{buttonStyle:e,buttonLanguage:n}=t;const o=document.createElement("div");return o.id="te-connect-apple-pay-btn",o.classList.add("apple-pay-button","apple-pay-button-"+e),o.lang=n,o}(this.applePayBtnOptions);s.onclick=this.createPaymentRequestToken,e.appendChild(s),this.prFormId||(o.src=o.src);}}if(o){if("function"!=typeof this.mountGoogleBtnMethod)throw new Error(p);{const o="string"==typeof t?t:t.googlePayNode,s=w(o);n||s.appendChild(r);const i={instanceId:this.teConnect.requestClient.instanceId,eventRef:r};e&&e.googlePayOptions&&(i.googlePayOptions=e.googlePayOptions),this.mountGoogleBtnMethod(o,i);}}}})),e()(this,"canMakePayments",(t=>()=>new Promise((e=>t().then((t=>{this.canMakePaymentsResult=t,e(t);})))))),e()(this,"createTecPaymentRequest",(t=>{if("function"==typeof this.teConnect.paymentsRequestInterface){const{createPaymentRequestToken:e,canMakePayments:n,mountGoogleButton:o,...r}=this.teConnect.paymentsRequestInterface(t);return this.createTecPrTokenMethod=e,this.mountGoogleBtnMethod=o,{...r,canMakePayments:this.canMakePayments(n),mountTecPrButton:this.mountTecPrButton}}throw new Error("Please provide 'tecPaymentRequest' options to the 'createTEConnect' method, prior to creating a prInterface")})),this.teConnect=function(t){if(!t)throw new Error(NO_INSTANCE);if("object"!=typeof t.requestClient)throw new Error(INCOMPLETE_INSTANCE);const{requestClient:e}=t;if("function"!=typeof e.hasOwnProperty)throw new Error(INCOMPLETE_INSTANCE);for(const t of i)if(!e.hasOwnProperty(t))throw new Error(INCOMPLETE_INSTANCE);return t}(t),this.listenerOptionsSupported=function(){var t=!1;try{var e={get passive(){return t=!0,!1}};window.addEventListener("test",null,e),window.removeEventListener("test",null,e);}catch{t=!1;}return t}(),this.formIdListener=this.formIdListener.bind(this),this.attachTeFormListener=this.attachTeFormListener.bind(this),this.mountCardEntry=this.mountCardEntry.bind(this);}formIdListener(t){if(t.origin===r&&t.data&&"string"==typeof t.data){const{formId:e,prFormId:n}=JSON.parse(t.data);"string"==typeof e&&e.length>5&&(this.formId=e),"string"==typeof n&&n.length>5&&(this.prFormId=n);}}attachTeFormListener(){window.addEventListener("message",this.formIdListener,!this.listenerOptionsSupported||h),window.addEventListener("unload",(function(){window.removeEventListener("message",this.formIdListener,!this.listenerOptionsSupported||h);}),!this.listenerOptionsSupported||h);}}class b{constructor(t){const e=new g(t);this.createPayment=e.createPayment,this.setStyles=e.setStyles,this.mountCardEntry=e.mountCardEntry,this.createTecPaymentRequest=e.createTecPaymentRequest;}}})(),o})()));
+//# sourceMappingURL=te-connect-js.map
+});
+
+const teConnectJs$1 = /*@__PURE__*/getDefaultExportFromCjs(teConnectJs);
+
+const buyGiftcardFormCss = "buy-giftcard-form{display:block;width:100%}.buy-giftcard-form *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}";
+
+var DeliveryType;
+(function (DeliveryType) {
+  DeliveryType[DeliveryType["Email"] = 0] = "Email";
+  DeliveryType[DeliveryType["SMS"] = 1] = "SMS";
+})(DeliveryType || (DeliveryType = {}));
+var FormStep;
+(function (FormStep) {
+  FormStep["GiftCardInfo"] = "Gift Card Info";
+  FormStep["PaymentInfo"] = "Payment Info";
+  FormStep["PaymentSucceed"] = "Payment Succeed";
+})(FormStep || (FormStep = {}));
+const customStyles = {
+  base: {
+    backgroundColor: 'rgba(255, 255, 255, 0)',
+    wrapper: {
+      backgroundColor: 'rgba(255, 255, 255, 0)',
+      direction: 'column',
+      margin: '0 -8px',
+      padding: 0,
+    },
+    variants: {
+      inputType: 'outlined',
+      inputMargin: 'dense',
+    },
+  },
+  boxes: {
+    borderRadius: 4,
+    textColor: Colors.TextColor,
+    errorColor: Colors.Error03,
+    width: '100%',
+  },
+};
+const BuyGiftcardForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.onChangeEmail = debounce_1((recipientEmail) => {
+      this.recipientEmail = recipientEmail;
+      if (this.recipientEmailConfirm) {
+        if (this.deliveryType === DeliveryType.Email) {
+          this.isInvalidEmails = recipientEmail !== this.recipientEmailConfirm;
+        }
+        else {
+          this.isInvalidPhones = recipientEmail !== this.recipientEmailConfirm;
+        }
+      }
+      else {
+        this.isInvalidEmails = false;
+        this.isInvalidPhones = false;
+      }
+    }, 300);
+    this.onChangeConfirmEmail = debounce_1((recipientEmailConfirm) => {
+      this.recipientEmailConfirm = recipientEmailConfirm;
+      if (this.recipientEmail) {
+        if (this.deliveryType === DeliveryType.Email) {
+          this.isInvalidEmails = recipientEmailConfirm !== this.recipientEmail;
+        }
+        else {
+          this.isInvalidPhones = recipientEmailConfirm !== this.recipientEmail;
+        }
+      }
+      else {
+        this.isInvalidEmails = false;
+        this.isInvalidPhones = false;
+      }
+    }, 300);
+    this.onSubmitGiftCardForm = async () => {
+      const recipientEmailStr = String(this.recipientEmail).replaceAll(' ', '');
+      const isInvalidEmailFormats = this.deliveryType === DeliveryType.Email && recipientEmailStr.indexOf('@') === -1;
+      if (this.deliveryType === DeliveryType.Email && (!recipientEmailStr || isInvalidEmailFormats || this.isInvalidEmails)) {
+        this.errorMessage = !recipientEmailStr || isInvalidEmailFormats
+          ? 'Inputted emails are invalid'
+          : 'Inputted emails are not matched';
+      }
+      else if (this.deliveryType === DeliveryType.SMS && (!recipientEmailStr || this.isInvalidPhones)) {
+        this.errorMessage = !recipientEmailStr
+          ? 'Inputted phones are invalid'
+          : 'Inputted phones are not matched';
+      }
+      else if (this.customAmount || this.selectedAmount) {
+        this.step = FormStep.PaymentInfo;
+        setTimeout(() => this.initMagensaPayment(), 350);
+      }
+    };
+    this.salonId = undefined;
+    this.teConnect = undefined;
+    this.isLoading = true;
+    this.isSubmitting = undefined;
+    this.errorMessage = undefined;
+    this.userInfo = undefined;
+    this.salonInfo = undefined;
+    this.giftCardSettings = undefined;
+    this.magensaCredentials = undefined;
+    this.step = FormStep.GiftCardInfo;
+    this.selectedAmount = undefined;
+    this.customAmount = undefined;
+    this.deliveryType = DeliveryType.Email;
+    this.deliveryDate = undefined;
+    this.recipientFirstName = undefined;
+    this.recipientLastName = undefined;
+    this.recipientEmail = undefined;
+    this.recipientEmailConfirm = undefined;
+    this.recipientMessage = undefined;
+    this.isInvalidEmails = undefined;
+    this.isInvalidPhones = undefined;
+    this.selectedStyleId = undefined;
+  }
+  async componentDidLoad() {
+    const promises = [
+      this.fetchSalonInfo(),
+      this.fetchGiftCardSettings(),
+      this.fetchMagensaCredentials(),
+    ];
+    await Promise.all(promises);
+    this.isLoading = false;
+  }
+  async fetchMagensaCredentials() {
+    try {
+      this.magensaCredentials = await HttpService().fetchMagensaCredentials(Number(this.salonId));
+    }
+    catch (e) { }
+  }
+  async fetchSalonInfo() {
+    try {
+      this.salonInfo = await HttpService().fetchSalonInfo(Number(this.salonId));
+    }
+    catch (e) { }
+  }
+  async fetchGiftCardSettings() {
+    try {
+      this.giftCardSettings = await HttpService().fetchGiftCardSettings(Number(this.salonId));
+    }
+    catch (e) { }
+  }
+  initMagensaPayment() {
+    const teInstance = teConnect.createTEConnect(this.magensaCredentials.token, { hideZip: true });
+    this.teConnect = new teConnectJs.TeConnectJs(teInstance);
+    this.teConnect.mountCardEntry('buy-giftcard--payment', customStyles);
+  }
+  renderPaymentOnlineDisabled() {
+    return (h("div", { style: { paddingTop: '24px', textAlign: 'center' } }, h("div", { style: { fontSize: '24px', fontWeight: '700', lineHeight: '1.4' } }, "Online Gift Card is not available"), h("div", { style: { marginTop: '12px' } }, "Please call us for assistance or visit salon. Thanks!"), h("div", { style: { marginTop: '12px' } }, h("a", { rel: "noopener noreferrer", href: `tel:${this.salonInfo.businessPhone}` }, h("button", { type: "button", style: {
+        background: Colors.Secondary,
+        border: `1px solid ${Colors.Secondary}`,
+        borderRadius: '8px',
+        color: Colors.White,
+        cursor: 'pointer',
+        fontSize: '16px',
+        fontWeight: '700',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        height: '44px',
+      } }, this.salonInfo.businessPhone)))));
+  }
+  renderUserVerificationForm() {
+    return (h("div", null, h("buy-giftcard-verification", { "salon-id": Number(this.salonId), onSuccess: (user) => this.userInfo = user })));
+  }
+  renderGiftCardForm() {
+    const { recommendAmounts, acceptCustomAmount, giftCardStyles, } = this.giftCardSettings || {};
+    const totalAmount = (recommendAmounts || []).length;
+    const isDeliveryEmail = this.deliveryType === DeliveryType.Email;
+    return (h("div", { class: "buy-giftcard-form" }, h("div", { style: { fontSize: '18px' } }, "Select Gift Card amount"), h("div", { style: {
+        display: 'flex',
+        justifyContent: 'space-between',
+        marginTop: '12px',
+      } }, totalAmount > 0 && (h("div", null, h("div", { style: { display: 'flex' } }, recommendAmounts.map((recommendValue, idx) => {
+      const isSelected = this.selectedAmount === recommendValue;
+      return (h("button", { type: "button", key: `gc--recommend-amount--${recommendValue}`, value: recommendValue, onClick: () => this.selectedAmount = recommendValue, style: {
+          border: `1px solid ${Colors.Gray02}`,
+          backgroundColor: Colors.White,
+          color: Colors.TextColor,
+          borderRadius: '0px',
+          cursor: 'pointer',
+          height: '48px',
+          minWidth: '64px',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          fontSize: '18px',
+          padding: '8px 12px',
+          ...idx === 0 ? { borderRadius: '8px 0 0 8px', } : {},
+          ...idx === (totalAmount - 1) ? { borderRadius: '0 8px 8px 0' } : {},
+          ...isSelected ? { backgroundColor: Colors.Gray01, fontWeight: '600' } : {},
+        } }, "$", recommendValue));
+    })))), acceptCustomAmount && (h("div", { style: { position: 'relative', marginLeft: '16px', maxWith: '160px' } }, h("span", { style: {
+        position: 'absolute',
+        left: '14px',
+        top: '50%',
+        fontSize: '18px',
+        transform: 'translate(0, -50%)',
+      } }, "$"), h("input", { type: "number", value: this.customAmount, onInput: (evt) => this.customAmount = evt.target.value, style: {
+        border: `1px solid ${Colors.Gray02}`,
+        backgroundColor: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        padding: '8px 16px 8px 32px',
+        height: '48px',
+        width: '100%',
+        fontSize: '18px',
+        fontWeight: '600',
+      } })))), h("div", { style: {
+        borderTop: `1px solid ${Colors.Gray02}`,
+        marginTop: '24px',
+        paddingTop: '16px',
+      } }, h("div", { style: { fontSize: '18px' } }, "Recipient name"), h("div", { style: { display: 'flex', alignItems: 'center', marginTop: '12px' } }, h("div", { style: { width: '48%' } }, h("input", { placeholder: "First name", type: "text", value: this.recipientFirstName, onInput: (evt) => {
+        this.recipientFirstName = evt.target.value.trim();
+      }, style: {
+        border: `1px solid ${Colors.Gray02}`,
+        backgroundColor: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        padding: '8px 16px',
+        height: '48px',
+        width: '100%',
+      } })), h("div", { style: { width: '48%', marginLeft: '4%' } }, h("input", { placeholder: "Last name", type: "text", value: this.recipientLastName, onInput: (evt) => {
+        this.recipientLastName = evt.target.value.trim();
+      }, style: {
+        border: `1px solid ${Colors.Gray02}`,
+        backgroundColor: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        padding: '8px 16px',
+        height: '48px',
+        width: '100%',
+      } })))), h("div", { style: { marginTop: '24px' } }, h("div", { style: { fontSize: '18px' } }, "Delivery method?"), h("div", { style: { display: 'flex', marginTop: '12px' } }, h("div", { style: {
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+      }, onClick: () => {
+        this.recipientEmail = null;
+        this.recipientEmailConfirm = null;
+        this.deliveryType = DeliveryType.Email;
+      } }, h("span", { style: {
+        border: `1px solid ${Colors.Gray02}`,
+        backgroundClip: 'content-box',
+        borderRadius: '50%',
+        height: '16px',
+        width: '16px',
+        padding: '4px',
+        ...isDeliveryEmail ? {
+          border: `1px solid ${Colors.Secondary}`,
+          backgroundColor: Colors.Secondary,
+        } : {},
+      } }), h("span", { style: { marginLeft: '12px' } }, "EMAIL")), h("div", { style: {
+        cursor: 'pointer',
+        display: 'flex',
+        alignItems: 'center',
+        marginLeft: '32px',
+      }, onClick: () => {
+        this.recipientEmail = null;
+        this.recipientEmailConfirm = null;
+        this.deliveryType = DeliveryType.SMS;
+      } }, h("span", { style: {
+        border: `1px solid ${Colors.Gray02}`,
+        backgroundClip: 'content-box',
+        borderRadius: '50%',
+        height: '16px',
+        width: '16px',
+        padding: '4px',
+        ...!isDeliveryEmail ? {
+          border: `1px solid ${Colors.Secondary}`,
+          backgroundColor: Colors.Secondary,
+        } : {},
+      } }), h("span", { style: { marginLeft: '12px' } }, "TEXT"))), h("div", { style: {
+        display: 'flex',
+        alignItems: 'center',
+        marginTop: '24px',
+      } }, h("div", { style: { width: '48%' } }, h("input", { placeholder: isDeliveryEmail ? 'Enter email' : 'Enter phone', type: "text", value: this.recipientEmail, onInput: (evt) => this.onChangeEmail(evt.target.value.trim()), style: {
+        border: `1px solid ${Colors.Gray02}`,
+        backgroundColor: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        padding: '8px 16px',
+        height: '48px',
+        width: '100%',
+      } })), h("div", { style: { width: '48%', marginLeft: '4%' } }, h("input", { placeholder: isDeliveryEmail ? 'Re-enter email' : 'Re-enter phone', type: "text", value: this.recipientEmailConfirm, onInput: (evt) => this.onChangeConfirmEmail(evt.target.value.trim()), style: {
+        border: `1px solid ${Colors.Gray02}`,
+        backgroundColor: Colors.White,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        padding: '8px 16px',
+        height: '48px',
+        width: '100%',
+      } }))), this.isInvalidEmails && (h("div", { style: {
+        color: Colors.Red03,
+        fontSize: '90%',
+        marginTop: '16px',
+      } }, "Inputted emails are not matched")), this.isInvalidPhones && (h("div", { style: {
+        color: Colors.Red03,
+        fontSize: '90%',
+        marginTop: '16px',
+      } }, "Inputted phones are not matched")), h("div", { style: {
+        border: `1px solid ${Colors.Info02}`,
+        backgroundColor: Colors.Info01,
+        marginTop: '16px',
+        padding: '16px',
+      } }, "Gift card info will send to your email once it cannot delivery to recipient")), giftCardStyles.length > 0 && (h("div", { style: {
+        borderTop: `1px solid ${Colors.Gray02}`,
+        marginTop: '24px',
+        paddingTop: '16px',
+      } }, h("div", { style: { fontSize: '18px' } }, "Select Gift Card style"), h("div", { style: { marginTop: '12px' } }, giftCardStyles.map((giftCardStyle, idx) => {
+      const isSelected = this.selectedStyleId === giftCardStyle.id;
+      return (h("div", { class: "gift-card-style-option", key: `form--buy-gift-card--id-${giftCardStyle.id}`, style: {
+          display: 'inline-block',
+          verticalAlign: 'top',
+          height: 'auto',
+          padding: '0',
+          width: '33%',
+          marginBottom: '24px',
+          paddingRight: '24px',
+        } }, h("div", { style: {
+          border: `1px solid ${Colors.Gray02}`,
+          borderRadius: '8px',
+          cursor: 'pointer',
+          display: 'flex',
+          position: 'relative',
+          justifyContent: 'center',
+          flexDirection: 'column',
+          alignItems: 'center',
+          overflow: 'hidden',
+        }, onClick: () => this.selectedStyleId = giftCardStyle.id }, isSelected && (h("div", null, h("div", { style: {
+          backgroundColor: 'rgba(0, 0, 0, 0.25)',
+          borderRadius: '8px',
+          position: 'absolute',
+          inset: '0',
+          zIndex: '3',
+        } }), h("i", { class: "ri-checkbox-circle-fill", style: {
+          position: 'absolute',
+          left: '50%',
+          top: '50%',
+          transform: 'translate(-50%, -50%)',
+          fontSize: '32px',
+          zIndex: '5',
+        } }))), h("img", { src: giftCardStyle.imageUrl, alt: `Style ${idx + 1}`, style: { position: 'relative', maxHeight: '100%', maxWidth: '100%', zIndex: '2' } }))));
+    })))), h("div", { style: {
+        borderTop: `1px solid ${Colors.Gray02}`,
+        marginTop: '24px',
+        paddingTop: '16px',
+      } }, h("div", { style: { fontSize: '18px' } }, "Delivery date"), h("div", { style: { marginTop: '12px', maxWidth: '50%' } }, h("input", { type: "date", placeholder: "Today", onInput: (evt) => {
+        this.deliveryDate = evt.target.value.trim();
+      }, style: {
+        backgroundColor: Colors.White,
+        border: `1px solid ${Colors.Gray02}`,
+        color: Colors.TextColor,
+        borderRadius: '8px',
+        padding: '8px 16px',
+        height: '48px',
+        width: '100%',
+        fontSize: '18px',
+      } })), h("div", { style: { marginTop: '16px' } }, h("textarea", { rows: 4, placeholder: "Include a message...", onInput: (evt) => {
+        this.recipientMessage = evt.target.value.trim();
+      }, style: {
+        border: `1px solid ${Colors.Gray02}`,
+        background: Colors.White,
+        color: Colors.TextColor,
+        padding: '16px',
+        resize: 'none',
+        fontSize: '16px',
+        borderRadius: '8px',
+        width: '100%',
+      } }))), h("div", { style: {
+        marginTop: '24px',
+        textAlign: 'right',
+      } }, h("button", { type: "button", style: {
+        background: Colors.Secondary,
+        border: `1px solid ${Colors.Secondary}`,
+        borderRadius: '8px',
+        cursor: 'pointer',
+        color: Colors.White,
+        fontSize: '16px',
+        fontWeight: '700',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        height: '48px',
+      }, onClick: () => this.onSubmitGiftCardForm() }, "Next")), this.errorMessage && (h("div", { style: {
+        backgroundColor: Colors.Red01,
+        border: `1px solid ${Colors.Red02}`,
+        marginBottom: '24px',
+        padding: '16px',
+      } }, this.errorMessage))));
+  }
+  renderPaymentSucceed() {
+    return (h("div", { style: { paddingTop: '24px', textAlign: 'center' } }, h("div", { style: { fontSize: '24px', fontWeight: '700', lineHeight: '1.4' } }, "Thank you!"), h("div", { style: { marginTop: '12px' } }, "Your gift card has been purchased successfully")));
+  }
+  async createCardPayment() {
+    try {
+      const { error, token } = await this.teConnect.createPayment();
+      if (!error && token) {
+        return Promise.resolve({ token });
+      }
+      return Promise.reject({ message: error });
+    }
+    catch (res) {
+      return Promise.reject({ message: res.error || 'Something went wrong when processing your card' });
+    }
+  }
+  async processCardToken(Token) {
+    const defaultErrorMessage = 'Something went wrong when creating payment transaction';
+    try {
+      const { MPPGv4WSFault, TransactionOutput } = await HttpService().magensaProcessToken({
+        raw_data: [{
+            Token,
+            Authentication: {
+              CustomerCode: this.magensaCredentials.customerCode,
+              Username: this.magensaCredentials.username,
+              Password: this.magensaCredentials.password,
+            },
+            TransactionInput: {
+              TransactionType: 1,
+              ProcessorName: this.magensaCredentials.processorName,
+              Amount: this.customAmount || this.selectedAmount || 1,
+            },
+          }],
+      });
+      if (!MPPGv4WSFault && TransactionOutput && TransactionOutput.TransactionID) {
+        return Promise.resolve({ transactionID: TransactionOutput.TransactionID });
+      }
+      let message = MPPGv4WSFault && MPPGv4WSFault.FaultReason;
+      if (!message && TransactionOutput && TransactionOutput.TransactionMessage) {
+        message = TransactionOutput.TransactionMessage;
+      }
+      return Promise.reject({ message: message || defaultErrorMessage });
+    }
+    catch (res) {
+      return Promise.reject({ message: res.error || defaultErrorMessage });
+    }
+  }
+  async voidPaymentRequest(ReferenceTransactionID) {
+    const defaultErrorMessage = 'Something went wrong when updating payment transaction status';
+    try {
+      const { MPPGv4WSFault, TransactionOutput } = await HttpService().magensaConfirmTransaction({
+        raw_data: [{
+            Authentication: {
+              CustomerCode: this.magensaCredentials.customerCode,
+              Username: this.magensaCredentials.username,
+              Password: this.magensaCredentials.password,
+            },
+            TransactionInput: {
+              ReferenceTransactionID,
+              TransactionType: 4,
+              ProcessorName: this.magensaCredentials.processorName,
+              Amount: this.customAmount || this.selectedAmount || 1,
+            },
+          }],
+      });
+      if (!MPPGv4WSFault && TransactionOutput && TransactionOutput.TransactionID) {
+        return Promise.resolve({ transactionID: TransactionOutput.TransactionID });
+      }
+      let message = MPPGv4WSFault && MPPGv4WSFault.FaultReason;
+      if (!message && TransactionOutput && TransactionOutput.TransactionMessage) {
+        message = TransactionOutput.TransactionMessage;
+      }
+      return Promise.reject({ message: message || defaultErrorMessage });
+    }
+    catch (res) {
+      return Promise.reject({ message: res.error || defaultErrorMessage });
+    }
+  }
+  async onSubmitPaymentForm() {
+    this.isSubmitting = true;
+    this.errorMessage = null;
+    if (this.recipientFirstName && this.recipientLastName && this.recipientEmail) {
+      try {
+        const { token } = await this.createCardPayment();
+        const { transactionID } = await this.processCardToken(token);
+        await this.voidPaymentRequest(transactionID);
+        if (token) {
+          const { giftCardStyles } = this.giftCardSettings || {};
+          const selectedGiftCardStyle = this.selectedStyleId
+            ? ((giftCardStyles || []).find(style => style.id === this.selectedStyleId) || {}).imageUrl : '';
+          const recipientUserEmail = (this.recipientEmail || '').indexOf('@') > -1 ? this.recipientEmail : '';
+          const recipientUserPhone = (this.recipientEmail || '').indexOf('@') === -1 ? this.recipientEmail : '';
+          await HttpService().onBuyGiftCard(this.salonInfo.id, {
+            source: token,
+            amount: this.customAmount || this.selectedAmount || '',
+            gift_card_style: selectedGiftCardStyle || '',
+            delivery_date: this.deliveryDate ? dayjs_min(this.deliveryDate).format(dateFormat) : dayjs_min().format(dateFormat),
+            promotion_code: '',
+            p_email: this.userInfo.email || '',
+            p_first_name: this.userInfo.firstName || '',
+            p_last_name: this.userInfo.lastName || '',
+            p_phone: this.userInfo.mobilePhone || '',
+            r_first_name: this.recipientFirstName || this.userInfo.firstName || '',
+            r_last_name: this.recipientLastName || this.userInfo.lastName || '',
+            r_email: recipientUserEmail || recipientUserPhone || this.userInfo.email || this.userInfo.mobilePhone || '',
+            r_message: this.recipientMessage || '',
+            billing_street: '',
+            billing_city: '',
+            billing_state: '',
+            billing_zip: '',
+            payment_valid: {
+              type: 'magensa',
+              magensa_transaction_id: transactionID,
+              magensa_user: this.magensaCredentials.username,
+              magensa_password: this.magensaCredentials.password,
+              magensa_customer_code: this.magensaCredentials.customerCode,
+            },
+          });
+          this.step = FormStep.PaymentSucceed;
+        }
+        else {
+          this.errorMessage = `Something went wrong with your credit card`;
+        }
+      }
+      catch (error) {
+        this.errorMessage = error.message || (error.error && error.error.message) || get_1(error, 'response.data.message') || `Something went wrong when purchasing your gift card`;
+      }
+    }
+    this.isSubmitting = false;
+  }
+  renderPaymentForm() {
+    return (h("div", null, h("div", { style: { fontSize: '16px' } }, "Amount: ", h("b", { style: {
+        fontSize: '18px',
+        fontWeight: '700',
+        marginLeft: '6px',
+      } }, "$", this.customAmount || this.selectedAmount)), h("div", { style: { fontSize: '16px', marginTop: '8px' } }, "Delivery to: ", h("b", { style: {
+        fontSize: '18px',
+        fontWeight: '700',
+        marginLeft: '6px',
+      } }, this.recipientFirstName, " ", this.recipientLastName, " (", this.recipientEmail, ")")), h("div", { style: { fontSize: '16px', marginTop: '8px' } }, "When: ", h("b", { style: {
+        fontSize: '18px',
+        fontWeight: '700',
+        marginLeft: '6px',
+      } }, this.deliveryDate ? dayjs_min(this.deliveryDate).format(shortDateFormat) : 'Today')), h("div", { style: { fontSize: '18px', marginTop: '24px' } }, "Payment"), h("div", { style: { marginTop: '8px', marginLeft: '-6px' } }, h("credit-card-types", null)), h("div", { id: "buy-giftcard--payment", style: { height: '300px', maxWidth: '400px', marginTop: '24px' } }), h("button", { type: "button", disabled: this.isSubmitting, style: {
+        border: `1px solid ${Colors.Secondary}`,
+        background: Colors.Secondary,
+        color: Colors.White,
+        borderRadius: '8px',
+        cursor: 'pointer',
+        fontSize: '16px',
+        fontWeight: '700',
+        paddingLeft: '24px',
+        paddingRight: '24px',
+        height: '44px',
+        width: '100%',
+      }, onClick: () => this.onSubmitPaymentForm() }, "Submit")));
+  }
+  renderSalonInfo() {
+    const salonImageUrl = getSalonImage(this.salonInfo);
+    return (h("div", { style: {
+        backgroundColor: Colors.White,
+        border: `1px solid ${Colors.Gray02}`,
+        borderRadius: '8px',
+        padding: '24px',
+      } }, h("div", { style: { display: 'flex' } }, salonImageUrl && (h("div", { style: { marginRight: '24px' } }, h("img", { src: salonImageUrl, alt: this.salonInfo.businessName, style: { maxWidth: '84px' } }))), h("div", { style: { flexGrow: '1', flexShrink: '1' } }, h("div", { style: {
+        fontSize: '24px',
+        lineHeight: '1.3',
+      } }, this.salonInfo.businessName), h("div", { style: {
+        color: Colors.Gray05,
+        display: 'flex',
+        marginTop: '4px',
+      } }, h("i", { class: "ri-map-pin-line", style: {
+        marginRight: '4px',
+        fontSize: '20px',
+      } }), h("div", { style: {
+        flexGrow: '1',
+        flexShrink: '1',
+        overflow: 'hidden',
+        fontSize: '16px',
+      } }, getSalonAddress(this.salonInfo))), h("div", { style: {
+        display: 'flex',
+        alignItems: 'center',
+        color: Colors.Gray05,
+        marginTop: '4px',
+      } }, h("i", { class: "ri-phone-line", style: {
+        marginRight: '4px',
+        fontSize: '20px',
+      } }), h("div", { style: {
+        flexGrow: '1',
+        flexShrink: '1',
+        overflow: 'hidden',
+        fontSize: '16px',
+      } }, "Phone: ", this.salonInfo.businessPhone))))));
+  }
+  renderSkeletons() {
+    return (h("div", null, h("div", { style: {
+        backgroundColor: Colors.Gray02,
+        height: '20px',
+        width: '160px',
+      } }), h("div", { style: { paddingTop: '24px' } }, h("div", { style: {
+        backgroundColor: Colors.Gray02,
+        height: '16px',
+        width: '160px',
+      } }), h("div", { style: {
+        display: 'flex',
+        flexDirection: 'row',
+        marginTop: '12px',
+      } }, h("div", { style: {
+        backgroundColor: Colors.Gray01,
+        marginRight: '8px',
+        height: '32px',
+        width: '100px',
+      } }), h("div", { style: {
+        backgroundColor: Colors.Gray01,
+        marginRight: '8px',
+        height: '32px',
+        width: '100px',
+      } }), h("div", { style: {
+        backgroundColor: Colors.Gray01,
+        height: '32px',
+        width: '100px',
+      } }))), h("div", { style: { paddingTop: '24px' } }, h("div", { style: {
+        backgroundColor: Colors.Gray02,
+        height: '16px',
+        width: '160px',
+      } }), h("div", { style: {
+        overflow: 'hidden',
+        marginBottom: '-16px',
+        marginTop: '12px',
+      } }, [1, 2, 3, 4].map((fakeId) => {
+      return (h("div", { key: `form--buy-gift-card--id-${fakeId}`, style: {
+          float: 'left',
+          width: '47%',
+          marginRight: '3%',
+          marginBottom: '16px',
+        } }, h("div", { style: {
+          backgroundColor: Colors.Gray01,
+          borderRadius: '8px',
+          height: '90px',
+        } })));
+    }))), h("div", { style: { paddingTop: '24px', marginBottom: '-16px' } }, h("div", { style: {
+        backgroundColor: Colors.Gray02,
+        height: '16px',
+        width: '160px',
+      } }), h("div", { style: {
+        overflow: 'hidden',
+        marginBottom: '-16px',
+        marginTop: '12px',
+      } }, [1, 2, 3, 4].map((fakeId) => {
+      return (h("div", { key: `form--buy-gift-card--id-${fakeId}`, style: {
+          float: 'left',
+          width: '47%',
+          marginRight: '3%',
+          marginBottom: '16px',
+        } }, h("div", { style: {
+          backgroundColor: Colors.Gray01,
+          borderRadius: '8px',
+          height: '40px',
+        } })));
+    })), h("div", { style: { marginBottom: '16px', paddingTop: '24px' } }, h("div", { style: {
+        backgroundColor: Colors.Gray01,
+        height: '84px',
+      } }))), h("div", { style: { paddingTop: '32px' } }, h("div", { style: {
+        backgroundColor: Colors.Gray02,
+        height: '40px',
+      } }))));
+  }
+  render() {
+    if (this.isLoading) {
+      return (h("div", { style: {
+          width: '90%',
+          maxWidth: '600px',
+          margin: 'auto',
+          paddingBottom: '32px',
+        } }, this.renderSkeletons()));
+    }
+    const { acceptPaymentOnline, } = this.giftCardSettings || {};
+    return (h("div", { class: "buy-giftcard--wrapper", style: { paddingBottom: '32px' } }, h("div", { style: { marginBottom: '32px' } }, h("div", { style: { backgroundColor: Colors.Secondary, height: '120px' } }), h("div", { style: {
+        width: '90%',
+        maxWidth: '600px',
+        margin: '-60px auto 0',
+      } }, this.renderSalonInfo())), h("div", { style: {
+        width: '90%',
+        maxWidth: '600px',
+        margin: 'auto',
+      } }, !acceptPaymentOnline && this.renderPaymentOnlineDisabled(), acceptPaymentOnline && (h("div", null, !this.userInfo && this.renderUserVerificationForm(), this.userInfo && (h("div", null, this.step === FormStep.GiftCardInfo && this.renderGiftCardForm(), this.step === FormStep.PaymentInfo && this.renderPaymentForm(), this.step === FormStep.PaymentSucceed && this.renderPaymentSucceed())))))));
+  }
+};
+BuyGiftcardForm.style = buyGiftcardFormCss;
+
+export { BuyGiftcardForm as buy_giftcard_form };