1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3917,4253],{6494:(e,r,n)=>{"use strict";n.d(r,{c:()=>i});var t=n(28888);function o(){let e=(0,t._)(["\n border: 1px solid var(--",");\n clear: ",";\n height: 0;\n line-height: 1;\n margin: ",";\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n"]);return o=function(){return e},e}let i=n(50730).Ay.div(o(),e=>e.$inverted?"grey-500":"ink",e=>e.$clearing&&"both",e=>e.$fitted?"0":"".concat(e.$section?"2":"1","rem 0"))},15039:(e,r)=>{var n;!function(){"use strict";var t={}.hasOwnProperty;function o(){for(var e="",r=0;r<arguments.length;r++){var n=arguments[r];n&&(e=i(e,function(e){if("string"==typeof e||"number"==typeof e)return e;if("object"!=typeof e)return"";if(Array.isArray(e))return o.apply(null,e);if(e.toString!==Object.prototype.toString&&!e.toString.toString().includes("[native code]"))return e.toString();var r="";for(var n in e)t.call(e,n)&&e[n]&&(r=i(r,n));return r}(n)))}return e}function i(e,r){return r?e?e+" "+r:e+r:e}e.exports?(o.default=o,e.exports=o):void 0===(n=(function(){return o}).apply(r,[]))||(e.exports=n)}()},19809:e=>{e.exports=function(e){return null==e}},72765:(e,r,n)=>{"use strict";n.d(r,{$z:()=>s,Ku:()=>a,cc:()=>l,gK:()=>u,n7:()=>c,v9:()=>d});var t=n(63922),o=n(94357),i=n(56799);let l=async e=>{(0,i.O)();let{first:r,after:n,filter:l,sort:s,purchaseType:c,startDate:a,endDate:d}=e,u=[(0,t.CO)({first:r,after:n}),"user=".concat(e.id,"&requestedBy=").concat(e.requestedBy)];l&&u.push("filter=".concat(JSON.stringify(l))),s&&u.push("sort=".concat(JSON.stringify(s))),c&&u.push("purchaseType=".concat(c)),a&&u.push("startDate=".concat(JSON.stringify(a))),d&&u.push("endDate=".concat(JSON.stringify(d)));let p=u.length>0?"?".concat(u.join("&")):"",h=await (0,o.s)("/api/purchases".concat(p),{method:"get"});return await h.json()},s=async e=>{(0,i.O)();let r=await (0,o.s)("/api/purchases/receipt/".concat(e),{method:"get"});return await r.json()},c=async(e,r)=>{let n=await (0,o.s)("/public/api/guest/receipt/".concat(e,"?email=").concat(encodeURIComponent(r)),{method:"get"});if(!n.ok){let e=await n.json();return{error:e.error,message:e.message}}let t=await n.json();return{items:t.items,websiteName:t.websiteName}},a=async()=>{(0,i.O)();let e=await (0,o.s)("/api/purchases/checkoutFree",{method:"post"});return await e.text()},d=async(e,r,n)=>{(0,i.O)();let t=["user=".concat(e)];r&&t.push("startDate=".concat(JSON.stringify(r))),n&&t.push("endDate=".concat(JSON.stringify(n)));let l=t.length>0?"?".concat(t.join("&")):"",s=await (0,o.s)("/api/purchases/licenses".concat(l),{method:"get"});if(!s.ok)throw Error("Failed to fetch user licenses");return await s.json()},u=async(e,r,n)=>{(0,i.O)();let t=["user=".concat(e)];r&&t.push("startDate=".concat(JSON.stringify(r))),n&&t.push("endDate=".concat(JSON.stringify(n)));let l=t.length>0?"?".concat(t.join("&")):"",s=await (0,o.s)("/api/purchases/domains".concat(l),{method:"get"});if(!s.ok)throw Error("Failed to fetch user domains");return await s.json()}},79997:(e,r,n)=>{"use strict";n.d(r,{V:()=>l});var t=n(37876),o=n(14232),i=n(14203);let l=e=>{let{children:r,...n}=e,l=(0,i.FD)(n);return o.createElement(i.hh,n,(0,t.jsx)("svg",{viewBox:"0 0 1536 1536",width:"1em",height:"1em",role:void 0,...l,children:(0,t.jsx)("path",{d:"M1284 606q0-28-18-46l-91-90q-19-19-45-19t-45 19L677 877 451 651q-19-19-45-19t-45 19l-91 90q-18 18-18 46 0 27 18 45l362 362q19 19 45 19 27 0 46-19l543-543q18-18 18-45zm252 162q0 209-103 385.5T1153.5 1433 768 1536t-385.5-103T103 1153.5 0 768t103-385.5T382.5 103 768 0t385.5 103T1433 382.5 1536 768z"})}))}},94253:(e,r,n)=>{"use strict";n.r(r),n.d(r,{SectionTitle:()=>S,default:()=>K});var t=n(28888),o=n(37876),i=n(79997),l=n(77328),s=n.n(l),c=n(89099),a=n(14232),d=n(96969),u=n(6494),p=n(75636),h=n(24142),g=n(72765),y=n(15832),b=n(50730);function f(){let e=(0,t._)(["\n padding: ",";\n"]);return f=function(){return e},e}function x(){let e=(0,t._)(["\n align-items: center;\n color: #242424;\n display: flex;\n margin-top: ",";\n\n &.--error {\n --text-color: var(--red-500);\n }\n\n &.--pending {\n --text-color: var(--blue-500);\n }\n\n &.--success {\n --text-color: var(--green-800);\n }\n\n > i {\n margin-left: var(--spacing-base);\n }\n"]);return x=function(){return e},e}
1function v(){let e=(0,t._)(["\n align-items: center;\n display: flex;\n height: var(--spacing-l);\n justify-content: space-between;\n"]);return v=function(){return e},e}function m(){let e=(0,t._)(["\n width: 100%;\n\n &:first-child,\n &:nth-child(2) {\n max-width: 15rem;\n }\n\n &:not(:first-child, &:nth-child(2)) {\n max-width: 5rem;\n }\n\n &:nth-child(2) {\n > span {\n color: var(--grey-500);\n margin-left: 0.5rem;\n }\n }\n\n &:last-child {\n align-items: center;\n display: flex;\n max-width: 15rem;\n\n > ",".Button--tertiary {\n line-height: normal;\n margin-left: var(--spacing-s);\n margin-right: var(--spacing-base);\n padding: 0;\n }\n }\n"]);return m=function(){return e},e}function j(){let e=(0,t._)(["\n align-items: center;\n color: var(--ink);\n display: flex;\n min-height: 2.5rem;\n\n &:first-child > "," {\n color: var(--grey-500);\n font-weight: bold;\n text-transform: uppercase;\n\n > "," {\n font-size: 75%;\n }\n }\n\n &:not(:first-child) {\n > ",":last-child {\n justify-content: space-between;\n\n > "," {\n font-size: 1rem;\n }\n }\n }\n"]);return j=function(){return e},e}function w(){let e=(0,t._)([""]);return w=function(){return e},e}function A(){let e=(0,t._)(["\n color: var(--grey-700);\n text-transform: uppercase;\n margin-bottom: var(--spacing-l);\n"]);return A=function(){return e},e}function D(){let e=(0,t._)(["\n margin-top: var(--spacing-base);\n max-width: 345px;\n\n > * {\n display: flex;\n justify-content: space-between;\n }\n"]);return D=function(){return e},e}function F(){let e=(0,t._)([""]);return F=function(){return e},e}function $(){let e=(0,t._)([""]);return $=function(){return e},e}function k(){let e=(0,t._)(["\n text-align: right;\n"]);return k=function(){return e},e}function B(){let e=(0,t._)(["\n align-items: center;\n display: flex;\n font-size: 1.25rem;\n font-weight: 600;\n padding: var(--spacing-s) var(--spacing-l);\n"]);return B=function(){return e},e}function N(){let e=(0,t._)(["\n min-height: 100vh;\n background: white;\n"]);return N=function(){return e},e}let O=b.Ay.div(f(),e=>e.$compact?"var(--spacing-base) ".concat(e.theme.scale(4)):"".concat(e.theme.scale(1)," ").concat(e.theme.scale(4))),_=b.Ay.div(x(),e=>e.$compact?"var(--spacing-s)":"var(--spacing-l)"),S=b.Ay.div.attrs({className:"txt-title-5"})(v()),T=b.Ay.div.attrs({className:"txt-x-small"})(m(),d.OV),P=b.Ay.div(j(),T,d.OV,T,d.OV),q=b.Ay.div(w()),C=b.Ay.div.attrs({className:"txt-title-Base"})(A()),J=(0,b.Ay)(y.BJ)(D()),z=b.Ay.div.attrs({className:"txt-Base"})(F()),I=b.Ay.div.attrs({className:"txt-title-4"})($()),E=b.Ay.div.attrs({className:"txt-x-small"})(k()),R=b.Ay.div(B()),V=b.Ay.div(N()),K=e=>{let r=(0,c.useRouter)().query.originPage||"social",[n,t]=(0,a.useState)(e.preloadedItems||[]),l=!!e.websiteName;(0,a.useEffect)(()=>{if(e.preloadedItems)return void t(e.preloadedItems);(0,g.$z)(e.receipt).then(e=>{t(e)})},[e.receipt,e.preloadedItems]),(0,a.useEffect)(()=>{n.length>0&&window.print()},[n]);let d=(0,o.jsxs)(O,{$compact:l,children:[(0,o.jsxs)(_,{className:"txt-title-3 --success",$compact:l,children:["Receipt Order",(0,o.jsx)(i.V,{})]}),(0,o.jsxs)(C,{children:["Receipt #",e.receipt]}),(0,o.jsxs)(y.BJ,{space:"0",children:[(0,o.jsx)(S,{children:"Items in Your Cart"}),(0,o.jsxs)(q,{children:[(0,o.jsxs)(P,{children:[(0,o.jsx)(T,{children:"Type"}),(0,o.jsx)(T,{children:"Item"}),(0,o.jsx)(T,{children:"Price ($)"}),(0,o.jsx)(T,{children:"Tax (%)"}),(0,o.jsx)(T,{children:"Shipping ($)"}),(0,o.jsx)(T,{children:"Others ($)"}),(0,o.jsx)(T,{children:"Subtotal ($)"})]}),n.map(e=>(0,o.jsxs)(P,{children:[(0,o.jsx)(T,{children:e.licenseType}),(0,o.jsxs)(T,{children:[e.itemName,"mozaikProduct"===e.itemType&&e.quantity&&(0,o.jsxs)("span",{children:["(Qty: ",e.quantity,")"]})]}),(0,o.jsxs)(T,{children:["CAD"," ","mozaikProduct"===e.itemType&&e.unitPrice?
1(+e.unitPrice).toFixed(2):(+e.price).toFixed(2)]}),(0,o.jsxs)(T,{children:[(+e.tax).toFixed(2)," %"]}),(0,o.jsxs)(T,{children:["CAD ",(+e.shipping).toFixed(2)]}),(0,o.jsxs)(T,{children:["CAD ",(+e.other).toFixed(2)]}),(0,o.jsxs)(T,{children:["CAD ",e.totalPrice]})]},e.id))]})]}),(0,o.jsx)(_,{className:"txt-title-4",children:"Purchase Total"}),(0,o.jsxs)(J,{children:[(0,o.jsxs)(z,{children:[(0,o.jsx)("span",{children:"Subtotal"}),(0,o.jsx)("span",{children:n.map(e=>+e.price).reduce((e,r)=>e+r,0).toFixed(2)})]}),(0,o.jsxs)(z,{children:[(0,o.jsx)("span",{children:"Tax"}),(0,o.jsx)("span",{children:n.map(e=>+e.tax).reduce((e,r)=>e+r,0).toFixed(2)})]}),(0,o.jsxs)(z,{children:[(0,o.jsx)("span",{children:"Shipping"}),(0,o.jsx)("span",{children:n.map(e=>+e.shipping).reduce((e,r)=>e+r,0).toFixed(2)})]}),(0,o.jsxs)(z,{children:[(0,o.jsx)("span",{children:"Others"}),(0,o.jsx)("span",{children:n.map(e=>+e.other).reduce((e,r)=>e+r,0).toFixed(2)})]}),(0,o.jsx)(u.c,{$inverted:!0}),(0,o.jsxs)(_,{children:[(0,o.jsx)("span",{children:"Total"}),(0,o.jsxs)(I,{children:[(0,o.jsx)("span",{children:n.map(e=>+e.totalPrice).reduce((e,r)=>e+r,0).toFixed(2)}),(0,o.jsx)(E,{children:"CAD"})]})]})]})]});return l?(0,o.jsxs)(V,{children:[(0,o.jsx)(s(),{children:(0,o.jsxs)("title",{children:[e.websiteName," - Receipt"]})}),(0,o.jsx)(R,{children:e.websiteName}),d]}):(0,o.jsxs)(y.py,{children:[(0,o.jsx)(h.DW,{logo:"web-builder"===r?"site-builder":"social",children:(0,o.jsx)(h.PG,{})}),d,(0,o.jsx)(p.D,{})]})}},96969:(e,r,n)=>{"use strict";n.d(r,{$_:()=>h,$n:()=>p,OV:()=>u});var t=n(28888),o=n(37876),i=n(15039),l=n.n(i),s=n(14232),c=n(50730);function a(){let e=(0,t._)(["\n --text-color: ",";\n /* Primary base style */\n text-align: center;\n\n border-width: ",";\n border-style: solid;\n border-color: ",";\n background-color: ",";\n\n /* Decouple text color from color and fill properties; see global.ts and IconWrapper */\n color: var(--text-color);\n fill: var(--text-color);\n\n padding: ",";\n border-radius: var(--spacing-s);\n width: auto;\n user-select: none;\n cursor: pointer;\n\n &[disabled] {\n cursor: not-allowed;\n }\n\n /* Keyboard focus indicator (WCAG 2.4.7). Hover/active styling below only\n changes the fill, which is not a sufficient focus cue on its own. */\n &:focus-visible {\n outline: 2px solid ",";\n outline-offset: 2px;\n }\n\n &.Button--fluid {\n width: 100%;\n }\n\n &:not([disabled]):not(.Button--active):active,\n &:not([disabled]):not(.Button--active):focus,\n &:not([disabled]):not(.Button--active):hover {\n --text-color: black;\n background-color: ",";\n border-color: ",";\n\n &.Button--secondary {\n --text-color: ",";\n background-color: ",";\n border-color: var(--text-color);\n }\n\n /* Underline on hover, but not when disabled */\n &.Button--tertiary {\
1n --text-color: ",";\n --underline-color: var(--text-color);\n background-color: transparent;\n border: none;\n box-shadow: none;\n text-decoration: underline;\n }\n }\n\n /* Secondary base style */\n &.Button--secondary {\n --text-color: ",";\n background-color: white;\n border-color: var(--text-color);\n }\n\n /* Tertiary base style */\n &.Button--tertiary {\n --text-color: ",";\n background-color: transparent;\n border: none;\n }\n\n /* Disabled/active styles */\n &[disabled],\n &.Button--active {\n --text-color: ",";\n background-color: ",";\n border-color: ",";\n\n &.Button--secondary {\n --text-color: ",";\n background-color: white;\n border-color: var(--text-color);\n }\n\n &.Button--tertiary {\n --text-color: ",";\n background-color: transparent;\n }\n }\n\n > i {\n height: auto;\n\n > svg {\n vertical-align: text-top;\n }\n }\n"]);return a=function(){return e},e}function d(){let e=(0,t._)(["\n border-radius: ",";\n border-width: ",";\n border-style: solid;\n border-color: var(",");\n background-color: var(",");\n width: fit-content;\n height: 38px;\n\n > :first-child {\n color: white;\n padding: 0 var(--spacing-xs);\n min-width: 30px;\n display: inline-block;\n text-align: center;\n }\n\n .Button {\n height: 100%;\n }\n"]);return d=function(){return e},e}let u=c.Ay.button(a(),e=>e.$buttonFlavour.neutral||"black",e=>e.theme.scale(-5),e=>e.$buttonFlavour.border,e=>e.$buttonFlavour.fill,e=>"".concat(e.theme.scale(-2)," ").concat(e.theme.scale(-1)),e=>e.theme.colors.blue.blue900,e=>e.$buttonFlavour.fillActive||e.$buttonFlavour.fill,e=>e.$buttonFlavour.borderActive||e.$buttonFlavour.border,e=>e.$buttonFlavour.secondaryActive||e.$buttonFlavour.secondary,e=>e.$buttonFlavour.secondaryFill,e=>e.$buttonFlavour.tertiaryActive,e=>e.$buttonFlavour.secondary,e=>e.$buttonFlavour.tertiary,e=>e.$buttonFlavour.disabled,e=>e.$buttonFlavour.fillDisabled,e=>e.$buttonFlavour.borderDisabled,e=>e.$buttonFlavour.secondaryDisabled,e=>e.$buttonFlavour.tertiaryDisabled),p=(0,s.forwardRef)((e,r)=>{let{active:n,as:t="button",children:i,color:a,disabled:d,fluid:p,secondary:h,tertiary:g,toggle:y,...b}=e,f=function(e){let r=(0,c.DP)(),n={blue:{border:r.colors.blue.blue800,borderDisabled:r.colors.blue.blue500,disabled:r.colors.grey.grey500,fill:r.colors.blue.blue200,fillActive:r.colors.blue.blue500,secondary:r.colors.blue.blue900,secondaryDisabled:r.colors.blue.blue200,secondaryFill:r.colors.blue.blue100,tertiary:r.colors.blue.blue900,tertiaryActive:r.colors.blue.blue800,tertiaryDisabled:r.colors.blue.blue500},green:{border:r.colors.green.green700,borderDisabled:r.colors.green.green200,disabled:r.colors.grey.grey500,fill:r.colors.green.green100,fillActive:r.colors.green.green500,secondary:r.colors.green.green900,secondaryActive:r.colors.green.green900,secondaryDisabled:r.colors.green.green100,secondaryFill:r.colors.green.green100,tertiary:r.colors.green.green900,tertiaryActive:r.colors.green.green800,tertiaryDisabled:r.colors.green.green200},grey:{border:r.colors.grey.grey500,borderActive:r.colors.black.black500,borderDisabled:r.colors.grey.grey500,disabled:r.colors.grey.grey300,fill:r.colors.grey.grey200,fillDisabled:r.colors.grey.grey100,neutral:r.colors.grey.greyink,secondary:r.colors.grey.grey700,secondaryActive:r.colors.grey.grey900,secondaryDisabled:r.colors.grey.grey200,secondaryFill:r.colors.grey.grey100,tertiary:r.colors.grey.grey700,tertiaryActive:r.colors.grey.grey900,tertiaryDisabled:r.colors.grey.grey300},purple:{border:r.colors.purple.purple700,borderDisabled:r.colors.purple.purple200,disabled:r.colors.grey.grey500,fill:r.colors.purple.purple100,fillActive:r.colors.purple.purple500,secondary:r.colors.purple.purple500,secondaryDisabled:r.colors.purple.purple200,secondaryFill:r.colors.purple.purple100,tertiary:r.colors.purple.purple500,tertiaryActive:r.colors.purple.purple700,tertiaryDisabled:r.colors.purple.purple100},red:{border:r.colors.red.red700,borderDisabled:r.colors.red.red200,disabled:r.colors.grey.grey500,fill:r.colors.red.red100,fillActive:r.colors.red.red500,fillDisabled:r.colors.red.red100,secondary:r.colors.red.red500,secondaryActive:r.colors.red.red700,secondary
1Disabled:r.colors.red.red200,secondaryFill:r.colors.red.red100,tertiary:r.colors.red.red500,tertiaryActive:r.colors.red.red700,tertiaryDisabled:r.colors.red.red200}};return(0,s.useMemo)(()=>n[e||"grey"],[e])}(a),x=l()(b.className,{Button:!0,"Button--active":n,"Button--fluid":p,"Button--secondary":h,"Button--tertiary":g}),v=y&&void 0===b["aria-pressed"]?{"aria-pressed":!!n}:{},m={as:t,$buttonFlavour:f,className:x,disabled:d,ref:r};if("a"===t){m.as="a";let e=d?void 0:b.href;return(0,o.jsx)(u,{...b,...v,...m,href:e,"aria-disabled":d||void 0,children:i})}return"input"===t?(m.as="input",(0,o.jsx)(u,{...b,...m,type:b.type||"button",value:i})):(0,o.jsx)(u,{...b,...v,...m,type:b.type||"button",children:i})}),h=c.Ay.div(d(),e=>e.theme.scale(-4),e=>e.theme.scale(-5),e=>e.$color,e=>e.$color)}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.