https://app.scarf.sh/_next/static/chunks/pages/new-pixel/[owner]/[pixelId]/created-6347943dcda9188e.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9045],{81476:function(e,t,n){"use strict";var r,i,l,o,a,u,s,c=n(67294);function d(){return(d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}t.Z=function(e){return c.createElement("svg",d({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 163 163"},e),r||(r=c.createElement("path",{fill:"#fff",d:"M0 0h162.485v162.485H0z"})),i||(i=c.createElement("path",{fill:"#0572F1",d:"M129.468 102.506h-13.42v13.42h13.42z",opacity:.23})),l||(l=c.createElement("path",{fill:"#0572F1",d:"M99.613 106.35H83.704v15.908h15.909zM109.79 96.248h26.012V70.236H109.79z"})),o||(o=c.createElement("path",{fill:"#0572F1",d:"M83.78 70.232h26.011V44.221H83.779z",opacity:.08})),a||(a=c.createElement("path",{fill:"#0572F1",d:"M109.719 70.232h16.587V53.645h-16.587z",opacity:.79})),u||(u=c.createElement("path",{fill:"#0572F1",d:"M66.66 48.145h8.067v-8.068h-8.068z",opacity:.52})),s||(s=c.createElement("path",{stroke:"#0076FF",strokeMiterlimit:10,strokeWidth:7.54,d:"M57.69 112.532c11.618 0 21.036-9.418 21.036-21.036 0-11.617-9.418-21.035-21.035-21.035-11.618 0-21.036 9.418-21.036 21.035 0 11.618 9.418 21.036 21.036 21.036ZM70.509 79.885l9.424-9.424M36.655 113.743l9.425-9.425M45.475 79.284l-9.424-9.425M79.257 113.212l-9.425-9.425M57.69 74.236V60.89M57.69 122.257v-13.345M40.427 91.498H27.082M88.301 91.645H74.956"})))}},47286:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/new-pixel/[owner]/[pixelId]/created",function(){return n(65827)}])},65827:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return v}});var r=n(85893),i=n(11163),l=n(67294),o=n(26858),a=n(33540),u=n(43436),s=n(92985),c=n(62979),d=n(64651),f=n(95115),h=n(25532),p=n(81476);function v(){var e,t;let n=(0,i.useRouter)(),v="string"==typeof(null===(e=n.query)||void 0===e?void 0:e.pixelId)?n.query.pixelId:void 0,m=(0,d.qI)(),{trackingPixel:g,refreshTrackingPixel:x}=(0,h.YX)({owner:m,trackingPixelId:v}),{defaultDomains:w}=(0,f.nz)(m),{trackingPixelDomains:y}=(0,f.ph)({owner:m,trackingPixelId:v,ignore404:!0}),b=(0,l.useMemo)(()=>{var e;if(null==g||null==y)return!1;let t=null===(e=y.at(0))||void 0===e?void 0:e.name;return null!=t&&null!=w&&!t.startsWith(w.tracking_pixel)},[g,y,w]);return(0,r.jsx)(a.A,{variant:"dashboard",children:(0,r.jsxs)("div",{className:"flex w-full gap-8 rounded-sm bg-white p-6 py-12 shadow-sm",children:[(0,r.jsx)(p.Z,{width:"200",height:"200",className:"self-center hidden md:block"}),(0,r.jsxs)("div",{className:"w-full",children:[g&&(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsx)("h3",{children:s.ZP.copy_your_pixel}),(0,r.jsxs)("p",{className:"space-x-1",children:[(0,r.jsx)("span",{children:s.ZP.your_pixel_has_been_created}),(0,r.jsx)("span",{className:"font-bold",children:s.ZP.now_copy_your_pixel})]}),(0,r.jsx)("p",{children:s.ZP.paste_the_generated_tag}),b&&(0,r.jsxs)("p",{className:"p-4 font-semibold text-warning-700 rounded-lg bg-warning-100/30",children:["It looks like you have a custom domain associated with your pixel. To begin, please set a CNAME in your DNS records to point to"," ",(0,r.jsx)("code",{className:"text-warning-700",children:null==w?void 0:w.tracking_pixel}),". Instructions on how to do this will differ depending on which DNS provider you use."]}),(0,r.jsx)("ul",{children:(0,r.jsx)(c.v,{variant:"preview",pixel:g,domains:y,refreshTrackingPixels:x,owner:m})})]}),(0,r.jsxs)("div",{className:"mt-8 flex items-center",children:[(0,r.jsx)("div",{className:"flex-1 text-xs text-gray-500",children:"Your can manage your pixel later in the pixel on the detail page."}),(0,r.jsx)("div",{children:(0,r.jsx)(u.H,{className:"text-primary-500 text-sm",href:m&&o.Z.createPixel({owner:m,packageId:null==g?void 0:null===(t=g.package)||void 0===t?void 0:t.id}),event:"Pixel created > Make another pixel",children:"Make another pixel"})})]})]})]})})}},25234:function(e,t,n){"use strict";n.d(t,{v:function(){return o}});var r=n(67294),i=n(57110),l=n(39438);function o(e,t){let[n,o]=(0,r.useState)(e),a=(0,l.E)(e);return(0,i.e)(()=>o(a.current),[a,o,...t]),n}},89327:function(e,t,n){"use strict";n.d(t,{q:function(){return l}});var r=n(67294),i=n(68354);function l(e,t,n){let[l,o]=(0,r.useState)(n),a=void 0!==e,u=(0,r.useRef)(a),s=(0,r.useRef)(!1),c=(0,r.useRef)(!1);return!a||u.current||s.current?a||!u.current||c.current||(c.current=!0,u.current=a,console.error("A component is changing from controlled to uncontrolled. This may be caused by the value changing from a defined value to undefined, which should not happen.")):(s.current=!0,u.current=a,console.error("A component is changing from uncontrolled to controlled. This may be caused by the value changing from undefined to a defined value, which should not happen.")),[a?e:l,(0,i.z)(e=>(a||o(e),null==t?void 0:t(e)))]}},91034:function(e,t,n){"use strict";n.d(t,{f:function(){return o}});var r=n(67294),i=n(57110);function l(e){var t;if(e.type)return e.type;let n=null!=(t=e.as)?t:"button";if("string"==typeof n&&"button"===n.toLowerCase())return"button"}function o(e,t){let[n,o]=(0,r.useState)(()=>l(e));return(0,i.e)(()=>{o(l(e))},[e.type,e.as]),(0,i.e)(()=>{n||t.current&&t.current instanceof HTMLButtonElement&&!t.current.hasAttribute("type")&&o("button")},[n,t]),n}},42970:function(e,t,n){"use strict";n.d(t,{g:function(){return l}});var r=n(67294);function i(e){return[e.screenX,e.screenY]}function l(){let e=(0,r.useRef)([-1,-1]);return{wasMoved(t){let n=i(t);return(e.current[0]!==n[0]||e.current[1]!==n[1])&&(e.current=n,!0)},update(t){e.current=i(t)}}}},19540:function(e,t,n){"use strict";let r;n.d(t,{T:function(){return i},d:function(){return l}});var i=((r=i||{})[r.First=0]="First",r[r.Previous=1]="Previous",r[r.Next=2]="Next",r[r.Last=3]="Last",r[r.Specific=4]="Specific",r[r.Nothing=5]="Nothing",r);function l(e,t){let n=t.resolveItems();if(n.length<=0)return null;let r=t.resolveActiveIndex(),i=null!=r?r:-1,l=(()=>{switch(e.focus){case 0:return n.findIndex(e=>!t.resolveDisabled(e));case 1:{let e=n.slice().reverse().findIndex((e,n,r)=>(-1===i||!(r.length-n-1>=i))&&!t.resolveDisabled(e));return -1===e?e:n.length-1-e}case 2:return n.findIndex((e,n)=>!(n<=i)&&!t.resolveDisabled(e));case 3:{let e=n.slice().reverse().findIndex(e=>!t.resolveDisabled(e));return -1===e?e:n.length-1-e}case 4:return n.findIndex(n=>t.resolveId(n)===e.id);case 5:return null;default:!function(e){throw Error("Unexpected object: "+e)}(e)}})();return -1===l?r:l}},22983:function(e,t,n){"use strict";function r(e,t){return e?e+"["+t+"]":t}function i(e){var t,n;let r=null!=(t=null==e?void 0:e.form)?t:e.closest("form");if(r){for(let t of r.elements)if(t!==e&&("INPUT"===t.tagName&&"submit"===t.type||"BUTTON"===t.tagName&&"submit"===t.type||"INPUT"===t.nodeName&&"image"===t.type)){t.click();return}null==(n=r.requestSubmit)||n.call(r)}}n.d(t,{g:function(){return i},t:function(){return function e(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];for(let[l,o]of Object.entries(t))!function t(n,i,l){if(Array.isArray(l))for(let[e,o]of l.entries())t(n,r(i,e.toString()),o);else l instanceof Date?n.push([i,l.toISOString()]):"boolean"==typeof l?n.push([i,l?"1":"0"]):"string"==typeof l?n.push([i,l]):"number"==typeof l?n.push([i,"".concat(l)]):null==l?n.push([i,""]):e(l,i,n)}(i,r(n,l),o);return i}}})},68119:function(e,t,n){"use strict";var r=n(67294);let i=r.forwardRef(function(e,t){let{title:n,titleId:i,...l}=e;return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"

1currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":i},l),n?r.createElement("title",{id:i},n):null,r.createElement("path",{fillRule:"evenodd",d:"M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z",clipRule:"evenodd"}))});t.Z=i},62263:function(e,t,n){"use strict";var r=n(67294);let i=r.forwardRef(function(e,t){let{title:n,titleId:i,...l}=e;return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:t,"aria-labelledby":i},l),n?r.createElement("title",{id:i},n):null,r.createElement("path",{fillRule:"evenodd",d:"M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z",clipRule:"evenodd"}))});t.Z=i}},function(e){e.O(0,[1371,7536,3493,1638,7117,3306,8616,8987,539,2888,9774,179],function(){return e(e.s=47286)}),_N_E=e.O()}]);