1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3785,597],{7983:function(e,t,r){"use strict";r.d(t,{Od:function(){return u}});var n=r(37178),o=r(44592),i=r(67294);r(85393),o.jU?i.useLayoutEffect:i.useEffect,o.Ts,o.Ts;var a=r(70917),s=r(97375);function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(this,arguments)}var c=["startColor","endColor","isLoaded","fadeDuration","speed","className"],d=(0,n.m$)("div",{baseStyle:{boxShadow:"none",backgroundClip:"padding-box",cursor:"default",color:"transparent",pointerEvents:"none",userSelect:"none","&::before, &::after, *":{visibility:"hidden"}}}),l=(0,a.F4)({from:{opacity:0},to:{opacity:1}}),useIsFirstRender=function(){var e=i.useRef(!0);return i.useEffect(function(){e.current=!1},[]),e.current},u=(0,n.Gp)(function(e,t){var r=(0,n.mq)("Skeleton",e),a=useIsFirstRender(),u=(0,n.Lr)(e);u.startColor,u.endColor;var p=u.isLoaded,h=u.fadeDuration;u.speed;var f=u.className,g=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(u,c),x=(0,s.D9)(p),b=(0,o.cx)("chakra-skeleton",f);return p?i.createElement(n.m$.div,_extends({ref:t,className:b,__css:{animation:a||x?"none":l+" "+h+"s"}},g)):i.createElement(d,_extends({ref:t,className:b},g,{__css:r}))});u.defaultProps={fadeDuration:.4,speed:.8},o.Ts&&(u.displayName="Skeleton"),o.Ts,o.Ts},30597:function(e,t,r){"use strict";r.d(t,{Z:function(){return DashboardLayout}});var n=r(59499),o=r(4730),i=r(67294),a=r(2962),s=r(68527),c=r(17674),d=r(41664),l=r.n(d),u=r(11163),p=r(49609),h=r(70771),f=r(15193),g=r(91363),x=r(44607);r(26207);var b=r(31541),m=r(14416),v=r(75457),j=r(59032),C=r(53854),w=r(47516),y=r(75313),_=r(85893),k=["children"];function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function MenuItems(e){var t=e.children,r=(0,o.Z)(e,k);return(0,_.jsx)(s.xv,_objectSpread(_objectSpread({mt:{base:4,md:0},mr:6,display:"block",color:"text.primary",fontWeight:"600",fontSize:"sm",lineHeight:1},r),{},{children:t}))}var sections_HeaderDashboard=function(e){var t=(0,m.I0)(),r=(0,u.useRouter)(),n=(0,v.Z)(),o=n.isPro,a=n.isBasic,d=n.fullname,k=(n.email,n.tier),S=n.finished;(0,m.v9)(function(e){return e.patterns}).length;var P=i.useState(!1),Z=(0,c.Z)(P,2),O=Z[0],I=Z[1];return S?(0,_.jsxs)(s.kC,_objectSpread(_objectSpread({as:"nav",align:"center",justify:"space-between",wrap:"wrap",padding:"1.5rem",bg:"transparent",color:"text.primary",w:"100%",zIndex:1e3},e),{},{children:[(0,_.jsx)(g.J,{isPro:!0}),(0,_.jsx)(s.xu,{display:{base:"block",md:"none"},onClick:function(){return I(!O)},children:(0,_.jsxs)("svg",{fill:"var(--chakra-colors-text-primary)",width:"24px",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[(0,_.jsx)("title",{children:"Menu"}),(0,_.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]})}),(0,_.jsx)(s.xu,{display:{base:O?"block":"none",md:"block"},mt:{base:4,md:0},pb:{base:8,md:0},children:(0,_.jsxs)(s.Kq,{isInline:!0,spacing:1,shouldWrapChildren:!0,justify:"center",align:"center",color:"text.primary",children:[(0,_.jsx)(MenuItems,{children:(0,_.jsx)(l(),{href:"/dashboard/saved",target:"_blank",children:"Your Graphics"})}),(0,_.jsx)(MenuItems,{children:(0,_.jsx)("a",{href:"https://www.notion.so/Help-Center-014bef9f000b4ee79caf63192aadd80e",target:"_blank",children:"Help Center"})}),(0,_.jsx)(MenuItems,{children:(0,_.jsxs)(h.v2,{placement:"bottom",children:[(0,_.jsx)(h.j2,{as:f.zx,color:"text.primary",rightIcon:(0,_.jsx)(C.EIi,{}),variant:"link",size:"md",fontWeight:"600",fontSize:"sm",justify:"center",textTransform:"capitalize",iconSpacing:1,_hover:{textDecor:"none"},_focus:{outline:"none"},_active:{outline:"none"},children:d}),(0,_.jsxs)(h.qy,{p:1,borderRadius:"14px",border:"1px solid",borderColor:"border.subtle",bg:"bg.surface",children:[(0,_.jsx)(l(),{href:"/dashboard/account",children:(0,_.jsx)(h.sN,{py:3,borderRadius:"10px",_hover:{bg:"bg.hover"},_focus:{bg:"bg.hover"},_active:{bg:"bg.hover"},fontWeight:"500",icon:(0,_.jsx)(w.EDj,{size:16,color:"var(--chakra-colors-text-muted)"}),children:"Account"})}),(0,_.jsx)(l(),{href:"/branding/guidelines",children:(0,_.jsx)(h.sN,{py:3,borderRadius:"10px",_hover:{bg:"bg.hover"},_focus:{bg:"bg.hover"},_active:{bg:"bg.hover"},fontWeight:"500",icon:(0,_.jsx)(C.Wdx,{size:16,color:"var(--chakra-colors-text-muted)"}),children:"Brand Guidelines"})}),(0,_.jsx)(l(),{href:"/changelog",children:(0,_.jsx)(h.sN,{py:3,borderRadius:"10px",_hover:{bg:"bg.hover"},_focus:{bg:"bg.hover"},_active:{bg:"bg.hover"},fontWeight:"500",icon:(0,_.jsx)(C.Fhe,{size:16,color:"var(--chakra-colors-text-muted)"}),children:"Changelog"})}),(0,_.jsx)(l(),{href:"/dashboard/billing",children:(0,_.jsx)(h.sN,{target:"_blank",py:3,borderRadius:"10px",_hover:{bg:"bg.hover"},_focus:{bg:"bg.hover"},_active:{bg:"bg.hover"},fontWeight:"500",icon:(0,_.jsx)(C.gyU,{size:16,color:"var(--chakra-colors-text-muted)"}),children:"Billing"})}),(0,_.jsx)(h.R,{my:"4px"}),(0,_.jsx)(h.sN,{icon:(0,_.jsx)(C.cKt,{size:16,color:"var(--chakra-colors-text-muted)"}),py:3,borderRadius:"10px",transition:"all 0.2s ease-out",border:"none !important",outline:"none !important",_hover:{color:"text.danger",bg:"#ff000005",svg:{stroke:"text.danger"},border:"none",outline:"none"},_focus:{border:"none",outline:"none"},fontWeight:"500",onClick:function(){t((0,j.pn)()),(0,b.fi)(),r.push("/auth/login")},children:"Logout"})]})]})}),(o||a)&&(0,_.jsx)(MenuItems,{lineHeight:"1.7",children:(0,_.jsx)(x.Z,{type:"light",fontWeight:600,children:k})}),(0,_.jsx)(MenuItems,{children:(0,_.jsx)(l(),{href:"/upgrade",children:(0,_.jsx)(f.zx,_objectSpread(_objectSpread({size:"md",fontSize:"14px",height:"34px",pb:"1px"},y.V8),{},{leftIcon:(0,_.jsx)(C.NNQ,{}),children:"Upgrade"}))})})]})})]})):(0,_.jsx)(p.$,{})},S=r(46734);r(61847),r(59208),r(520);var P=["title"];function DashboardLayout_ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function DashboardLayout_objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};
1t%2?DashboardLayout_ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):DashboardLayout_ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var Z="The MagicPattern Toolbox provides tools to generate engaging visuals in seconds.";function DashboardLayout(e){var t=e.title,r=void 0===t?"Dashboard":t,n=(0,o.Z)(e,P);return(0,_.jsxs)(_.Fragment,{children:[(0,_.jsx)(a.PB,{title:"".concat(r," - MagicPattern Visual Toolbox"),description:Z,openGraph:{title:r,description:Z}}),(0,_.jsxs)(s.kC,DashboardLayout_objectSpread(DashboardLayout_objectSpread({direction:"column",align:"center",maxW:{xl:"1200px"},m:"1rem auto"},n),{},{children:[(0,_.jsx)(sections_HeaderDashboard,{}),(0,_.jsx)(S.Z,{p:"1.5rem",align:"center",zIndex:1,minW:"100%",w:"100%",shouldWrapChildren:!1,children:n.children})]}))]})}},71518:function(e,t,r){"use strict";r.d(t,{ZP:function(){return Section},bg:function(){return ToggleSection},pw:function(){return AnimatedSectionContent}});var n=r(59499),o=r(17674),i=r(4730),a=r(67294),s=r(68527),c=r(53854),d=r(2061),l=r(84441),u=r(40439),p=r(46734),h=r(61847),f=r(59208);r(47699);var g=r(79396),x=r(85893),b=["isOpen","icon","title","alwaysOpen","children"],m=["icon","title","isEnabled","onToggle","children"],v=["isOpen","children","offset","pt"];function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function Section(e){var t=e.isOpen,r=e.icon,n=e.title,d=e.alwaysOpen,l=void 0!==d&&d,u=e.children,g=(0,i.Z)(e,b),m=a.useState(void 0!==t&&t),v=(0,o.Z)(m,2),j=v[0],C=v[1],w=j||l,toggle=function(){return C(!j)};return(0,x.jsxs)(p.Z,_objectSpread(_objectSpread({p:[5],py:6,spacing:0,bg:j?"bg.surface":"bg.surfaceSubtle",borderBottom:"1px solid",borderColor:"border.section",onClick:l||j?function(){}:toggle},g),{},{children:[(0,x.jsxs)(s.kC,{cursor:l?"default":"pointer",onClick:l&&!j?function(){}:toggle,w:"100%",justifyContent:"space-between",color:"text.muted",children:[(0,x.jsxs)(h.Z,{align:"center",spacing:2,opacity:j?1:.8,children:[r," ",(0,x.jsx)(f.Z,{fontSize:"11px",isUppercase:!0,children:n})]}),!l&&(0,x.jsx)(s.M5,{opacity:.4,children:j?(0,x.jsx)(c.ALZ,{}):(0,x.jsx)(c.kWQ,{})})]}),(0,x.jsx)(AnimatedSectionContent,{isOpen:w,pt:7,px:!0,children:u})]}))}function ToggleSection(e){var t=e.icon,r=e.title,n=e.isEnabled,o=void 0!==n&&n,a=e.onToggle,c=void 0===a?function(){}:a,d=e.children,l=(0,i.Z)(e,m);return(0,x.jsxs)(p.Z,_objectSpread(_objectSpread({p:[5],py:6,spacing:0,bg:o?"bg.surface":"bg.surfaceSubtle",borderBottom:"1px solid",borderColor:"border.section"},l),{},{children:[(0,x.jsxs)(s.kC,{cursor:"pointer",onClick:function(){return c(!o)},w:"100%",justifyContent:"space-between",align:"center",color:"text.primary",children:[(0,x.jsxs)(h.Z,{align:"center",spacing:2,opacity:o?1:.8,children:[t," ",(0,x.jsx)(f.Z,{fontSize:"11px",isUppercase:!0,children:r})]}),(0,x.jsx)(g.rs,{value:o,onClick:function(e){return c(!o)},size:"sm"})]}),(0,x.jsx)(AnimatedSectionContent,{isOpen:o,pt:7,px:!0,children:d})]}))}function AnimatedSectionContent(e){var t=e.isOpen,r=e.children,n=e.offset,o=void 0===n?10:n,a=e.pt,c=(0,i.Z)(e,v),p=(0,d.J)();return(0,x.jsx)(s.xu,{sx:{marginTop:t?"":"0 !important"},children:(0,x.jsx)(l.M,{initial:!1,children:t&&(0,x.jsx)(u.E.div,_objectSpread(_objectSpread(_objectSpread({style:{overflow:"visible",width:"100%"}},p?{initial:{height:"auto",opacity:1,y:0},animate:{height:"auto",opacity:1,y:0},exit:{height:"auto",opacity:1,y:0},transition:{duration:0}}:{initial:{height:0,opacity:0,y:-o},animate:{height:"auto",opacity:1,y:0},exit:{height:0,opacity:0,y:-o},transition:{duration:.2,ease:[.215,.61,.355,1]}}),c),{},{children:(0,x.jsx)(s.xu,{pt:void 0===a?0:a,children:r})}),"section-children")})})}},64135:function(e,t,r){"use strict";r.d(t,{$x:function(){return getPlatformIcon},Fc:function(){return YouTubeIcon},Vq:function(){return FacebookIcon},Zm:function(){return TwitterIcon},nI:function(){return LinkedInIcon},yu:function(){return InstagramIcon}}),r(67294);var n=r(85893),FacebookIcon=function(e){var t=e.size,r=void 0===t?20:t;return(0,n.jsxs)("svg",{width:r,height:r,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{width:"40",height:"40",rx:"14",fill:"#113CF9"}),(0,n.jsx)("path",{d:"M25.5629 9.00458L22.7856 9C19.6655 9 17.6491 11.1251 17.6491 14.4142V16.9106H14.8567C14.6154 16.9106 14.42 17.1115 14.42 17.3594V20.9763C14.42 21.2241 14.6156 21.4249 14.8567 21.4249H17.6491V30.5514C17.6491 30.7993 17.8445 31 18.0858 31H21.7291C21.9704 31 22.1658 30.799 22.1658 30.5514V21.4249H25.4308C25.6721 21.4249 25.8675 21.2241 25.8675 20.9763L25.8688 17.3594C25.8688 17.2404 25.8227 17.1264 25.7409 17.0422C25.6592 16.9579 25.5478 16.9106 25.4319 16.9106H22.1658V14.7944C22.1658 13.7773 22.4017 13.2609 23.6916 13.2609L25.5625 13.2602C25.8035 13.2602 25.9989 13.0593 25.9989 12.8117V9.45317C25.9989 9.20576 25.8038 9.00504 25.5629 9.00458Z",fill:"white"})]})},DribbbleIcon=function(e){var t=e.size,r=void 0===t?20:t;return(0,n.jsxs)("svg",{width:r,height:r,viewBox:"0 0 140 140",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{width:"140",height:"140",rx:"49",fill:"#EA4C89"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M70 28C46.8135 28 28 46.8135 28 70C28 93.1865 46.8135 112 70 112C93.141 112 112 93.1865 112 70C112 46.8135 93.141 28 70 28ZM97.7418 47.3601C102.753 53.4642 105.759 61.2538 105.85 69.6811C104.666 69.4533 92.8221 67.0391 80.8872 68.5423C80.6139 67.9501 80.3861 67.3123 80.1128 66.6746C79.384 64.9436 78.564 63.167 77.744 61.4816C90.9545 56.1063 96.9674 48.3623 97.7418 47.3601ZM70 34.1952C79.1106 34.1952 87.4469 37.6117 93.7787 43.2148C93.141 44.1258 87.7201 51.3688 74.9653 56.1518C69.0889 45.3557 62.5748 36.5184 61.5727 35.1518C64.2603 34.5141 67.0846 34.1952 70 34.1952ZM54.7397 37.5662C55.6963 38.8416 62.0738 47.7245 68.0412 58.2928C51.2777 62.757 36.4729 62.666 34.8785 62.666C37.2017 51.551 44.718 42.3037 54.7397 37.5662ZM34.1041 70.0455C34.1041 69.6811 34.1041 69.3167 34.1041 68.9523C35.6529 68.9978 53.0543 69.2256 70.9566 63.8504C72.0043 65.8547 72.9609 67.9045 73.872 69.9545C73.4164 70.0911 72.9154 70.2278 72.4599 70.3644C53.9653 76.3319 44.1258 92.6399 43.3059 94.0065C37.6117 87.6746 34.1041 79.2473 34.1041 70.0455ZM70 105.896C61.7094 105.896 54.0564 103.072 47.9978 98.334C48.6356 97.0131 55.9241 82.9826 76.1496 75.9219C76.2408 75.8764 76.2863 75.8764 76.3774 75.8308C81.4338 88.9045 83.4838 99.8828 84.0303 103.026C79.7028 104.894 74.9653 105.896 70 105.896ZM89.9979 99.7462C89.6334 97.5596 87.7202 87.0824 83.0282 74.1909C94.2799 72.4143 104.119 75.3297 105.349 75.7397C103.8 85.7158 98.0607 94.3254 89.9979 99.7462Z",fill:"white"})]})},PHIcon=function(e){var t=e.size,r=void 0===t?20:t;return(0,n.jsxs)("svg",{width:r,height:r,viewBox:"0 0 140 140",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{width:"140",height:"140",rx:"49",fill:"#DA5
152F"}),(0,n.jsxs)("g",{"clip-path":"url(#clip0)",children:[(0,n.jsx)("path",{d:"M112.011 70C112.011 93.2043 93.2155 112 70.0112 112C46.8069 112 28.008 93.2075 28.008 70C28.008 46.7925 46.8037 28 70.008 28C93.2123 28 112.008 46.7957 112.008 70",fill:"white"}),(0,n.jsx)("path",{d:"M75.6099 70H63.7087V57.4333H75.6099C79.0747 57.4333 81.9125 60.2678 81.9125 63.7358C81.9125 67.2038 79.0779 70.0384 75.6099 70.0384V70ZM75.6099 49.0384H55.3074V91.0384H63.7087V78.4397H75.6099C83.7297 78.4397 90.3106 71.8588 90.3106 63.739C90.3106 55.6193 83.7297 49.0384 75.6099 49.0384",fill:"#DA552F"})]}),(0,n.jsx)("defs",{children:(0,n.jsx)("clipPath",{id:"clip0",children:(0,n.jsx)("rect",{width:"84",height:"84",fill:"white",transform:"translate(28 28)"})})})]})},TwitterIcon=function(e){var t=e.size,r=void 0===t?20:t;return(0,n.jsxs)("svg",{width:r,height:r,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{width:"40",height:"40",rx:"14",fill:"#57C3FF"}),(0,n.jsx)("path",{d:"M30.5 13.7725C29.7271 14.1004 28.8978 14.3228 28.0264 14.4221C28.9161 13.9119 29.5972 13.1028 29.92 12.1415C29.0854 12.614 28.1642 12.957 27.1826 13.143C26.3966 12.3401 25.2785 11.84 24.0384 11.84C21.6593 11.84 19.7303 13.687 19.7303 15.9638C19.7303 16.2867 19.7683 16.6021 19.8418 16.9037C16.262 16.7315 13.0877 15.0893 10.9631 12.5938C10.5918 13.202 10.3805 13.9106 10.3805 14.6671C10.3805 16.0983 11.1416 17.3611 12.2964 18.0999C11.5904 18.0772 10.9264 17.8913 10.3451 17.5822V17.6337C10.3451 19.6315 11.8306 21.2989 13.8002 21.6784C13.4394 21.7714 13.0588 21.8229 12.6651 21.8229C12.387 21.8229 12.1179 21.7965 11.8542 21.7462C12.4027 23.386 13.9931 24.5784 15.8776 24.6111C14.4039 25.7168 12.5457 26.374 10.5275 26.374C10.1798 26.374 9.83724 26.3539 9.5 26.3174C11.4067 27.4898 13.6704 28.1733 16.1033 28.1733C24.028 28.1733 28.3597 21.8882 28.3597 16.4375L28.3453 15.9035C29.1917 15.3255 29.9239 14.5992 30.5 13.7725Z",fill:"white"})]})},InstagramIcon=function(e){var t=e.size,r=void 0===t?20:t;return(0,n.jsxs)("svg",{width:r,height:r,viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{width:"40",height:"40",rx:"14",fill:"url(#paint0_radial)"}),(0,n.jsx)("rect",{width:"40",height:"40",rx:"14",fill:"url(#paint1_radial)"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M10 20C10 15.8086 10 13.7129 11.0504 12.2672C11.3896 11.8003 11.8003 11.3896 12.2672 11.0504C13.7129 10 15.8086 10 20 10C24.1914 10 26.2871 10 27.7328 11.0504C28.1997 11.3896 28.6104 11.8003 28.9496 12.2672C30 13.7129 30 15.8086 30 20C30 24.1914 30 26.2871 28.9496 27.7328C28.6104 28.1997 28.1997 28.6104 27.7328 28.9496C26.2871 30 24.1914 30 20 30C15.8086 30 13.7129 30 12.2672 28.9496C11.8003 28.6104 11.3896 28.1997 11.0504 27.7328C10 26.2871 10 24.1914 10 20ZM20 14.7059C17.0763 14.7059 14.7059 17.0763 14.7059 20C14.7059 22.9237 17.0763 25.2941 20 25.2941C22.9237 25.2941 25.2941 22.9237 25.2941 20C25.2941 17.0763 22.9237 14.7059 20 14.7059ZM20 23.3088C18.1762 23.3088 16.6912 21.8238 16.6912 20C16.6912 18.1749 18.1762 16.6912 20 16.6912C21.8238 16.6912 23.3088 18.1749 23.3088 20C23.3088 21.8238 21.8238 23.3088 20 23.3088ZM26.3966 14.3088C26.3966 14.6984 26.0808 15.0143 25.6912 15.0143C25.3016 15.0143 24.9857 14.6984 24.9857 14.3088C24.9857 13.9192 25.3016 13.6034 25.6912 13.6034C26.0808 13.6034 26.3966 13.9192 26.3966 14.3088Z",fill:"white"}),(0,n.jsxs)("defs",{children:[(0,n.jsxs)("radialGradient",{id:"paint0_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(10.6251 43.0808) rotate(-90) scale(39.643 36.8711)",children:[(0,n.jsx)("stop",{"stop-color":"#FFDD55"}),(0,n.jsx)("stop",{offset:"0.1","stop-color":"#FFDD55"}),(0,n.jsx)("stop",{offset:"0.5","stop-color":"#FF543E"}),(0,n.jsx)("stop",{offset:"1","stop-color":"#C837AB"})]}),(0,n.jsxs)("radialGradient",{id:"paint1_radial",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(-6.70021 2.88153) rotate(78.6806) scale(17.7206 73.0449)",children:[(0,n.jsx)("stop",{"stop-color":"#3771C8"}),(0,n.jsx)("stop",{offset:"0.128","stop-color":"#3771C8"}),(0,n.jsx)("stop",{offset:"1","stop-color":"#6600FF","stop-opacity":"0"})]})]})]})},LinkedInIcon=function(e){var t=e.size,r=void 0===t?20:t;return(0,n.jsxs)("svg",{width:r,height:r,viewBox:"0 0 140 140",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{width:"140",height:"140",rx:"49",fill:"#0A66C2"}),(0,n.jsx)("path",{d:"M94.6445 94.6449H84.2724V78.4016C84.2724 74.5282 84.2032 69.5419 78.878 69.5419C73.4757 69.5419 72.6491 73.762 72.6491 78.1195V94.6436H62.2774V61.2409H72.2343
1V65.8057H72.3739C74.4013 62.3393 78.1848 60.2612 82.1981 60.4102C92.7105 60.4102 94.6489 67.3248 94.6489 76.3207L94.6445 94.6449ZM50.5743 56.6749H50.573C47.271 56.6749 44.554 53.9581 44.554 50.656C44.554 47.354 47.271 44.6369 50.573 44.6369C53.8747 44.6369 56.5914 47.3534 56.5921 50.6548V50.656C56.5921 53.9574 53.8756 56.6746 50.5743 56.6749ZM55.7602 94.6449H45.3774V61.2409H55.7602V94.6449ZM99.815 35.0048H40.1652C37.3652 34.9732 35.0341 37.2501 35 40.0502V99.9486C35.0329 102.75 37.3636 105.03 40.1652 105H99.815C102.624 105.035 104.962 102.756 105 99.9486V40.0461C104.962 37.2401 102.62 34.9635 99.815 35.0004V35.0048Z",fill:"white"})]})},NotionIcon=function(e){var t=e.size,r=void 0===t?20:t;return(0,n.jsxs)("svg",{width:r,height:r,viewBox:"0 0 140 140",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{x:"2",y:"2",width:"136",height:"136",rx:"47",fill:"white"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M43.741 42.9488C46.3402 45.0605 47.3152 44.8994 52.1962 44.5738L98.2105 41.8108C99.1864 41.8108 98.3749 40.8372 98.0494 40.6754L90.4074 35.1509C88.9431 34.014 86.9923 32.7121 83.2533 33.0378L38.6976 36.2875C37.0726 36.4486 36.7481 37.2611 37.3952 37.9123L43.741 42.9488ZM46.5036 53.6724V102.088C46.5036 104.69 47.8038 105.663 50.7304 105.502L101.3 102.576C104.228 102.415 104.554 100.625 104.554 98.5114V50.4212C104.554 48.311 103.742 47.173 101.95 47.3354L49.1043 50.4212C47.154 50.5851 46.5034 51.5607 46.5034 53.6724H46.5036ZM96.4259 56.2695C96.7501 57.7332 96.4259 59.1956 94.9594 59.3601L92.523 59.8456V95.5887C90.4074 96.7257 88.4566 97.3757 86.831 97.3757C84.2284 97.3757 83.5765 96.5628 81.627 94.1271L65.6892 69.1067V93.3147L70.7326 94.4527C70.7326 94.4527 70.7326 97.3757 66.6636 97.3757L55.4464 98.0265C55.1206 97.3757 55.4464 95.7524 56.5843 95.4272L59.5114 94.6159V62.6084L55.4472 62.2827C55.1212 60.819 55.9331 58.7086 58.2112 58.5448L70.2446 57.7337L86.831 83.0798V60.6579L82.6021 60.1726C82.2776 58.3832 83.5765 57.084 85.2028 56.9229L96.4259 56.2695ZM34.9566 31.9011L81.3017 28.4881C86.993 28 88.4573 28.327 92.0344 30.9254L106.828 41.3233C109.269 43.1114 110.083 43.5982 110.083 45.5473V102.576C110.083 106.15 108.781 108.264 104.229 108.587L50.4083 111.837C46.9912 112 45.3649 111.513 43.5754 109.237L32.6809 95.1021C30.729 92.5001 29.9172 90.5535 29.9172 88.2762V37.5855C29.9172 34.6627 31.2196 32.2247 34.9566 31.9011V31.9011Z",fill:"black"}),(0,n.jsx)("rect",{x:"2",y:"2",width:"136",height:"136",rx:"47"})]})},TikTokIcon=function(e){var t=e.size,r=void 0===t?20:t;return(0,n.jsxs)("svg",{width:r,height:r,viewBox:"0 0 140 140",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{width:"140",height:"140",rx:"49",fill:"black"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M36.4 28H103.6C108.239 28 112 31.7605 112 36.4V103.6C112 108.239 108.239 112 103.6 112H36.4C31.7605 112 28 108.239 28 103.6V36.4C28 31.7605 31.7605 28 36.4 28Z",fill:"#010101"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M80.7455 105.28C83.3014 105.28 85.3735 103.225 85.3735 100.69C85.3735 98.1545 83.3014 96.0988 80.7455 96.0988H80.0483C82.6042 96.0988 84.6763 98.1545 84.6763 100.69C84.6763 103.225 82.6042 105.28 80.0483 105.28H80.7455Z",fill:"#EE1D51"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M79.985 96.0988H79.2878C76.7319 96.0988 74.6594 98.1545 74.6594 100.69C74.6594 103.225 76.7319 105.28 79.2878 105.28H79.985C77.4287 105.28 75.3566 103.225 75.3566 100.69C75.3566 98.1545 77.4287 96.0988 79.985 96.0988V96.0988Z",fill:"#66C8CF"}),(0,n.jsx)("path",{d:"M80.0164 102.921C81.2595 102.921 82.2672 101.922 82.2672 100.689C82.2672 99.4568 81.2595 98.4575 80.0164 98.4575C78.7732 98.4575 77.7655 99.4568 77.7655 100.689C77.7655 101.922 78.7732 102.921 80.0164 102.921Z",fill:"#010101"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M44.8 94.024V96.3508H47.5257V105.217H50.2523V96.4136H52.4709L53.2316 94.024H44.8ZM67.1155 94.024V96.3508H69.8411V105.217H72.5678V96.4136H74.7864L75.5471 94.024H67.1155ZM53.7393 95.3445C53.7393 94.6153 54.3344 94.024 55.0696 94.024C55.8054 94.024 56.4011 94.6153 56.4011 95.3445C56.4011 96.0736 55.8057 96.6649 55.0696 96.6649C54.3344 96.6646 53.7393 96.0736 53.7393 95.3445ZM53.7393 97.6084H56.4011V105.217H53.7393V97.6084ZM57.5425 94.024V105.217H60.2053V102.325L61.0295 101.57L63.6285 105.28H66.4811L62.7404 99.8721L66.1004 96.6018H62.8674L60.2053 99.2427V94.024H57.5425ZM86.2604 94.024V105.217H88.9236V102.325L89.7474 101.57L92.3471 105.28H95.2L91.4594 99.8721L94.8194 96.6018H91.5864L88.9236 99.2427V94.024H86.2604Z",fill:"white"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M82.1522 55.2785C85.8294 57.9056 90.3344 59.4516 95.1997 59.4516V50.0936C94.2789 50.094 93.3605 49.998 92.4596 49.807V57.1732C87.5947 57.1732 83.0903 55.6272 79.4121 53V72.0966C79.4121 81.6498 71.6639 89.3935 62.1064 89.3935C58.5405 89.3935 55.2258 88.316 52.4723 86.468C55.6149 89.6795 59.9973 91.672 64.8458 91.672C74.404 91.672 82.1525 83.9282 82.1525 74.3747V55.2785H82.1522ZM85.5323 45.8375C83.6531 43.7856 82.4193 41.1335 82.1522 38.2016V36.998H79.5556C80.2091 40.7243 82.4384 43.9079 85.5323 45.8375V45.8375ZM58.5173 79.1375C57.4674 77.7616 56.8999 76.0782 56.9024 74.3475C56.9024 69.9781 60.4466 66.4357 64.8189 66.4357C65.6337 66.4351 66.4437 66.5601 67.2203 66.8063V57.2394C66.3129 57.1151 65.397 57.0624
164.4813 57.0818V64.5282C63.7042 64.282 62.8939 64.157 62.0789 64.1576C57.7065 64.1576 54.1627 67.7 54.1627 72.0697C54.1627 75.1592 55.9341 77.8345 58.5173 79.1375V79.1375Z",fill:"#EE1D52"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M79.412 53C83.0902 55.6272 87.5946 57.1732 92.4595 57.1732V49.807C89.744 49.2291 87.3399 47.8105 85.5322 45.8375C82.4383 43.9079 80.209 40.7243 79.5554 36.998H72.735V74.3743C72.7195 78.7316 69.1814 82.2596 64.8185 82.2596C62.2474 82.2596 59.9633 81.0349 58.5168 79.1375C55.9336 77.8345 54.1622 75.1592 54.1622 72.0697C54.1622 67.7 57.706 64.1576 62.0784 64.1576C62.916 64.1576 63.7234 64.288 64.4808 64.5282V57.0818C55.0913 57.2756 47.5397 64.9438 47.5397 74.3747C47.5397 79.0824 49.4203 83.3503 52.4722 86.4683C55.2257 88.3163 58.5403 89.3939 62.1063 89.3939C71.6638 89.3939 79.412 81.6498 79.412 72.0969V53Z",fill:"white"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M92.4595 49.807V47.8152C90.0106 47.8189 87.61 47.1335 85.5322 45.8372C87.3714 47.8498 89.7933 49.2377 92.4595 49.807V49.807ZM79.5555 36.9981C79.493 36.642 79.4452 36.2835 79.412 35.9235V34.72H69.9946V72.0966C69.9795 76.4535 66.4418 79.9815 62.0785 79.9815C60.7973 79.9815 59.588 79.6778 58.5169 79.1375C59.9634 81.0349 62.2475 82.2596 64.8185 82.2596C69.1812 82.2596 72.7196 78.7316 72.735 74.3744V36.9981H79.5555ZM64.4812 57.0818V54.9613C63.6943 54.8537 62.9009 54.7999 62.1067 54.8003C52.5482 54.8003 44.8 62.5445 44.8 72.0966C44.8 78.0855 47.8452 83.3634 52.4726 86.468C49.4207 83.3499 47.5401 79.082 47.5401 74.3744C47.5401 64.9438 55.0914 57.2757 64.4812 57.0818V57.0818Z",fill:"#69C9D0"}),(0,n.jsx)("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M80.0479 105.28C82.6038 105.28 84.6762 103.225 84.6762 100.69C84.6762 98.1545 82.6038 96.0988 80.0479 96.0988H79.9847C77.4288 96.0988 75.3567 98.1545 75.3567 100.69C75.3567 103.225 77.4288 105.28 79.9847 105.28H80.0479ZM77.7658 100.69C77.7658 99.4565 78.7738 98.4575 80.0169 98.4575C81.2591 98.4575 82.2671 99.4565 82.2671 100.69C82.2671 101.923 81.2591 102.922 80.0169 102.922C78.7738 102.922 77.7658 101.923 77.7658 100.69Z",fill:"white"})]})},YouTubeIcon=function(e){var t=e.size,r=void 0===t?20:t;return(0,n.jsxs)("svg",{width:r,height:r,viewBox:"0 0 140 140",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,n.jsx)("rect",{width:"140",height:"140",rx:"49",fill:"#FF0000"}),(0,n.jsx)("path",{d:"M71.8619 99.0326L54.6281 98.7173C49.048 98.6076 43.4542 98.827 37.9838 97.689C29.6617 95.989 29.0722 87.6531 28.4552 80.6609C27.6052 70.8307 27.9342 60.8222 29.5383 51.0742C30.4432 45.6038 34.0079 42.3408 39.5194 41.9843C58.1242 40.6955 76.8524 40.8463 95.4161 41.4496C97.3766 41.5044 99.3509 41.8061 101.284 42.1488C110.826 43.8215 111.059 53.2678 111.676 61.2198C112.293 69.254 112.033 77.3293 110.854 85.3087C109.908 91.917 108.098 97.456 100.461 97.9907C90.8917 98.6899 81.5413 99.252 71.9441 99.0738C71.9441 99.0326 71.8893 99.0326 71.8619 99.0326ZM61.73 82.3061C68.9416 78.1656 76.0161 74.0937 83.1865 69.9806C75.9612 65.8401 68.9004 61.7682 61.73 57.6551V82.3061Z",fill:"white"})]})};function getPlatformIcon(e){switch(e){case"twitter":return(0,n.jsx)(TwitterIcon,{});case"facebook":return(0,n.jsx)(FacebookIcon,{});case"instagram":return(0,n.jsx)(InstagramIcon,{});case"dribbble":return(0,n.jsx)(DribbbleIcon,{});case"linkedin":return(0,n.jsx)(LinkedInIcon,{});case"producthunt":return(0,n.jsx)(PHIcon,{});case"notion":return(0,n.jsx)(NotionIcon,{});case"youtube":return(0,n.jsx)(YouTubeIcon,{});case"tiktok":return(0,n.jsx)(TikTokIcon,{});default:return null}}t.ZP=[{platform:"facebook",name:"News Feed",ratio:1,dimensions:{width:1200,height:1200}},{platform:"facebook",name:"Stories",ratio:.5625,dimensions:{width:1080,height:1920}},{platform:"facebook",name:"Profile Picture",ratio:1,dimensions:{width:720,height:720}},{platform:"facebook",name:"Cover Photo",ratio:830/312,dimensions:{width:830,height:312}},{platform:"facebook",name:"Event Photo",ratio:1336/700,dimensions:{width:1336,height:700}},{platform:"facebook",name:"Group Photo",ratio:640/334,dimensions:{width:640,height:334}},{platform:"facebook",name:"Open Graph",ratio:1200/630,dimensions:{width:1200,height:630}},{platform:"instagram",name:"Feed",ratio:1,dimensions:{width:1200,height:1200}},{platform:"instagram",name:"Stories",ratio:.5625,dimensions:{width:1080,height:1920}},{platform:"instagram",name:"Reels",ratio:.5625,dimensions:{width:1080,height:1920}},{platform:"twitter",name:"Image",ratio:1200/675,dimensions:{width:1200,height:675}},{platform:"twitter",name:"Cover Photo",ratio:3,dimensions:{width:1200,height:400}},{platform:"twitter",name:"Open Graph",ratio:1200/630,dimensions:{width:1200,height:630}},{platform:"twitter",name:"Fleets",ratio:.5625,dimensions:{width:1080,height:1920}},{platform:"twitter",name:"Profile Picture",ratio:1,dimensions:{width:720,height:720}},{platform:"linkedin",name:"Feed",ratio:1,dimensions:{width:1200,height:1200}},{platform:"linkedin",name:"Cover Photo (Business)",ratio:1128/191,dimensions:{width:1128,height:191}},{platform:"linkedin",name:"Cover Photo (Personal)",ratio:4,dimensions:{width:792,height:198}},{platform:"linkedin",name:"Stories",ratio:.5625,dimensions:{width:1080,height:1920}}
1,{platform:"youtube",name:"Thumbnail",ratio:1280/720,dimensions:{width:1280,height:720}},{platform:"youtube",name:"Banner",ratio:2560/1440,dimensions:{width:2560,height:1440}},{platform:"youtube",name:"Video (4K)",ratio:3840/2160,dimensions:{width:3840,height:2160}}]},72005:function(e,t,r){"use strict";r.d(t,{BW:function(){return getPublicPacks},Nd:function(){return getUserPacks},ko:function(){return getPackById}});var n=r(50029),o=r(87794),i=r.n(o),a=r(9669),s=r.n(a),c=r(31541);function _createPack(){return(_createPack=(0,n.Z)(i().mark(function _callee(e){var t,r;return i().wrap(function(n){for(;;)switch(n.prev=n.next){case 0:return t=(0,c.Fc)(),r={headers:{Authorization:"JWT ".concat(t)}},n.abrupt("return",s().post("https://api.magicpattern.design/packs",e,r).then(function(e){return e.data?e.data:{success:!1}}).catch(function(e){return e.response&&401===e.response.status&&(0,c.fi)(),e.response}));case 4:case"end":return n.stop()}},_callee)}))).apply(this,arguments)}function _editPack(){return(_editPack=(0,n.Z)(i().mark(function _callee2(e,t){var r,n,o;return i().wrap(function(i){for(;;)switch(i.prev=i.next){case 0:return r=(0,c.Fc)(),n="https://api.magicpattern.design/packs/"+e,o={headers:{Authorization:"JWT ".concat(r)}},i.abrupt("return",s().patch(n,t,o).then(function(e){return e.data?e.data:{success:!1}}).catch(function(e){return e.response&&401===e.response.status&&(0,c.fi)(),e.response}));case 4:case"end":return i.stop()}},_callee2)}))).apply(this,arguments)}function getUserPacks(){return _getUserPacks.apply(this,arguments)}function _getUserPacks(){return(_getUserPacks=(0,n.Z)(i().mark(function _callee3(){var e,t;return i().wrap(function(r){for(;;)switch(r.prev=r.next){case 0:return e=(0,c.Fc)(),t={headers:{Authorization:"JWT ".concat(e)}},r.abrupt("return",s().get("https://api.magicpattern.design/packs",t).then(function(e){return e.data}).catch(function(e){return e.response&&401===e.response.status&&(0,c.fi)(),e.response}));case 4:case"end":return r.stop()}},_callee3)}))).apply(this,arguments)}function getPackById(e){return _getPackById.apply(this,arguments)}function _getPackById(){return(_getPackById=(0,n.Z)(i().mark(function _callee4(e){var t,r,n;return i().wrap(function(o){for(;;)switch(o.prev=o.next){case 0:return t=(0,c.Fc)(),r="https://api.magicpattern.design/packs/"+e,n={headers:{Authorization:"JWT ".concat(t)}},o.abrupt("return",s().get(r,n).then(function(e){return e.data}).catch(function(e){return e.response&&401===e.response.status&&(0,c.fi)(),e.response}));case 4:case"end":return o.stop()}},_callee4)}))).apply(this,arguments)}function _reactivatePackById(){return(_reactivatePackById=(0,n.Z)(i().mark(function _callee7(e){var t,r,n;return i().wrap(function(o){for(;;)switch(o.prev=o.next){case 0:return t=(0,c.Fc)(),r="https://api.magicpattern.design/packs/re-activate/"+e,n={headers:{Authorization:"JWT ".concat(t)}},o.abrupt("return",s().get(r,n).then(function(e){return e.data}).catch(function(e){return e.response&&401===e.response.status&&(0,c.fi)(),e.response}));case 4:case"end":return o.stop()}},_callee7)}))).apply(this,arguments)}function getPublicPacks(){return _getPublicPacks.apply(this,arguments)}function _getPublicPacks(){return(_getPublicPacks=(0,n.Z)(i().mark(function _callee9(){return i().wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",s().get("https://api.magicpattern.design/packs/public").then(function(e){return e.data}).catch(function(e){return e.response&&401===e.response.status&&(0,c.fi)(),e.response}));case 2:case"end":return e.stop()}},_callee9)}))).apply(this,arguments)}function _deletePack(){return(_deletePack=(0,n.Z)(i().mark(function _callee10(e){var t,r,n;return i().wrap(function(o){for(;;)switch(o.prev=o.next){case 0:return t=(0,c.Fc)(),r="".concat("https://api.magicpattern.design","/packs/").concat(e),n={headers:{Authorization:"JWT ".concat(t)}},o.abrupt("return",s().delete(r,n).then(function(e){if(!e.data)throw Error("Server error");return e.data}).catch(function(e){return e.response&&401===e.response.status&&(0,c.fi)(),e.response}));case 4:case"end":return o.stop()}},_callee10)}))).apply(this,arguments)}function _achievePack(){return(_achievePack=(0,n.Z)(i().mark(function _callee11(e){var t,r,n;return i().wrap(function(o){for(;;)switch(o.prev=o.next){case 0:return t=(0,c.Fc)(),r="https://api.magicpattern.design/packs/archieve/"+e,n={headers:{Authorization:"JWT ".concat(t)}},o.abrupt("return",s().get(r,n).then(function(e){return e.data?e.data:{success:!1}}).catch(function(e){return e.response&&401===e.response.status&&(0,c.fi)(),e.response}));case 4:case"end":return o.stop()}},_callee11)}))).apply(this,arguments)}t.ZP={getUserPacks:getUserPacks,createPack:function(e){return _createPack.apply(this,arguments)},deletePack:function(e){return _deletePack.apply(this,arguments)},editPack:function(e,t){return _editPack.apply(this,arguments)},achievePack:function(e){return _achievePack.apply(this,arguments)},reactivatePackById:function(e){return _reactivatePackById.apply(this,arguments)}}},21680:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return Home}});var n=r(59499),o=r(17674),i=r(67294),a=r(41664),s=r.n(a),c=r(49609),d=r
1(68527),l=r(70771),u=r(15193),p=r(53854),h=r(85893),f=r(51922),g=r(90116),x=r(4730),b=r(11163),m=r(47398),v=r(86501),j=r(86728),C=r(75457);r(109);var w=r(75313),y=r(14416),_=r(38015),k=r(60216),S=r(53076),P=r(520),Z=r(79101),O=["toolId"];function ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function SavedMeshGradient(e){var t=e.toolId,r=void 0===t?"mesh-gradients":t;(0,x.Z)(e,O);var n=i.useState([]),a=(0,o.Z)(n,2),s=a[0],c=a[1],l=i.useState(),u=(0,o.Z)(l,2),p=u[0],b=u[1];i.useEffect(function(){(0,j.b6)(r).then(function(e){var t=e.success,r=e.graphics;t&&c(r.sort(function(e,t){return new Date(t.createdAt)-new Date(e.createdAt)}))}).finally(function(){b(!0)})},[]);var m=(0,C.Z)(),v=m.isPro,w=m.isBasic;m.finished;var y=!(v||w),_=s.length>0&&p;return p?_?(0,h.jsx)(d.Eq,{spacing:6,w:"100%",children:s.map(function(e,t){return(0,h.jsx)(d.Uc,{w:["100%","100%","auto","auto"],children:(0,h.jsx)(GraphicCard,_objectSpread(_objectSpread({toolId:r,isLocked:y||t>100&&w,id:e._id},e),{},{layers:JSON.parse(e.layers)}),e._id)})})}):(0,h.jsx)(f.r,{}):(0,h.jsx)(d.Eq,{spacing:6,w:"100%",children:(0,g.Z)([,,]).map(function(e,t){return(0,h.jsx)(Z.tJ,{},t)})})}var GraphicCard=function(e){var t=e.id,r=e.width,n=e.height,a=e.layers,c=e.toolId,l=e.isLocked,f=i.useRef(null),g=(0,b.useRouter)(),x=(0,y.I0)(),C=i.useState(""),Z=(0,o.Z)(C,2),O=(Z[0],Z[1]);return i.useEffect(function(){var e;(0,S.g_)({canvas:f.current,dimensions:{width:r,height:n},filters:_objectSpread({blur:0},a.filters),shapes:a.shapes,version:null!==(e=null==a?void 0:a.version)&&void 0!==e?e:1,hasRandomBlend:a.hasRandomBlend,callback:function(){return O(f.current.toDataURL("image/jpg"))},doScaleDown:!0,maxSize:400})},[]),(0,h.jsx)(h.Fragment,{children:(0,h.jsxs)(d.Kq,{spacing:4,p:4,borderRadius:"2rem",bg:"#ffffff",minW:["100%","100%","300px","260px"],maxW:["100%","100%","300px","260px"],w:["100%","230px","260px","260px"],_dark:{bg:"bg.surface",borderColor:"border.subtle"},children:[(0,h.jsxs)(d.xu,{position:"relative",children:[(0,h.jsx)(d.M5,{bg:"#f4f4f4",borderRadius:"1rem",_dark:{bg:"bg.hover"},children:(0,h.jsx)(d.xu,{display:"block",m:"1rem",ref:f,as:"canvas",w:400,h:300,maxW:"200px",width:"100%",height:"auto",borderRadius:"15px",shadow:"md"})}),(0,h.jsx)(m.u,{label:"Delete the current pattern",placement:"top",children:(0,h.jsx)(d.xu,{position:"absolute",top:0,right:0,m:2,p:2,borderRadius:"1000px",bg:"rgba(255,255,255,0.9)",cursor:"pointer",boxShadow:"md",onClick:function(){window.confirm("Do you want to delete this graphic?")&&("geometric-patterns"===c?(x((0,k.U1)(t)),_.ZP.deletePattern(t).then(function(e){e.success&&v.ZP.success("Pattern deleted successfully!",{duration:3e3})})):j.ZP.deleteGraphic(t).then(function(e){e.success&&v.ZP.success("Graphic deleted successfully!",{duration:3e3}),g.reload()}))},color:"primary.900",_dark:{bg:"#333333aa",color:"text.primary"},children:(0,h.jsx)(p._YF,{size:16})})})]}),l?(0,h.jsx)(s(),{href:"/upgrade",children:(0,h.jsx)(u.zx,{size:"sm",colorScheme:"primary",bg:"primary.900",_hover:{opacity:"0.9"},borderRadius:"80000px",isFullWidth:!0,leftIcon:(0,h.jsx)(p.Zp7,{}),_dark:w.gS,children:"Upgrade to Open"})}):(0,h.jsx)(u.zx,_objectSpread(_objectSpread({as:"a",target:"_blank",href:"/tools/".concat(c,"?id=").concat(t)},w.gS),{},{onClick:function(){(0,P.q)("OPEN_SAVED_GRAPHIC")},leftIcon:(0,h.jsx)(p.LsQ,{}),_dark:w.Vr,children:"Edit Graphic"}))]},t)})},I=r(81931),V=["toolId"];function SavedShaderGradient_ownKeys(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function SavedShaderGradient_objectSpread(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};
1t%2?SavedShaderGradient_ownKeys(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):SavedShaderGradient_ownKeys(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function SavedShaderGradient(e){var t=e.toolId,r=void 0===t?"shader-background-generator":t;(0,x.Z)(e,V);var n=i.useState([]),a=(0,o.Z)(n,2),s=a[0],c=a[1],l=i.useState(),u=(0,o.Z)(l,2),p=u[0],b=u[1];i.useEffect(function(){(0,j.b6)(r).then(function(e){var t=e.success,r=e.graphics;t&&c(r.sort(function(e,t){return new Date(t.createdAt)-new Date(e.createdAt)}))}).finally(function(){b(!0)})},[]);var m=(0,C.Z)(),v=m.isPro,w=m.isBasic,y=!(v||w),_=s.length>0&&p;return p?_?(0,h.jsx)(d.Eq,{spacing:6,w:"100%",children:s.map(function(e,t){return(0,h.jsx)(d.Uc,{w:["100%","100%","auto","auto"],children:(0,h.jsx)(SavedShaderGradient_GraphicCard,SavedShaderGradient_objectSpread({toolId:r,isLocked:y||t>100&&w,id:e._id},e))},e._id)})}):(0,h.jsx)(f.r,{}):(0,h.jsx)(d.Eq,{spacing:6,w:"100%",children:(0,g.Z)([,,]).map(function(e,t){return(0,h.jsx)(Z.tJ,{},t)})})}var SavedShaderGradient_GraphicCard=function(e){var t=e.id,r=e.width,n=e.height,o=e.layers,a=e.toolId,c=e.isLocked,l=(0,b.useRouter)(),f=i.useMemo(function(){try{var e,t="string"==typeof o?JSON.parse(o):o;return null!==(e=null==t?void 0:t.state)&&void 0!==e?e:{}}catch(e){return{}}},[o]);return(0,h.jsxs)(d.Kq,{spacing:4,p:4,borderRadius:"2rem",bg:"#ffffff",minW:["100%","100%","300px","260px"],maxW:["100%","100%","300px","260px"],w:["100%","230px","260px","260px"],_dark:{bg:"bg.surface",borderColor:"border.subtle"},children:[(0,h.jsxs)(d.xu,{position:"relative",children:[(0,h.jsx)(d.M5,{bg:"#f4f4f4",borderRadius:"1rem",p:"1rem",_dark:{bg:"bg.hover"},children:(0,h.jsx)(d.xu,{w:"100%",sx:{filter:c?"blur(4px)":void 0},children:(0,h.jsx)(I.F,{state:f,ratio:r/n||1})})}),(0,h.jsx)(m.u,{label:"Delete the current gradient",placement:"top",children:(0,h.jsx)(d.xu,{position:"absolute",top:0,right:0,m:2,p:2,borderRadius:"1000px",bg:"rgba(255,255,255,0.9)",cursor:"pointer",boxShadow:"md",onClick:function(){window.confirm("Do you want to delete this graphic?")&&j.ZP.deleteGraphic(t).then(function(e){e.success&&v.ZP.success("Graphic deleted successfully!",{duration:3e3}),l.reload()})},color:"primary.900",_dark:{bg:"#333333aa",color:"text.primary"},children:(0,h.jsx)(p._YF,{size:16})})})]}),c?(0,h.jsx)(s(),{href:"/upgrade",children:(0,h.jsx)(u.zx,{size:"sm",colorScheme:"primary",bg:"primary.900",_hover:{opacity:"0.9"},_dark:w.gS,borderRadius:"80000px",isFullWidth:!0,leftIcon:(0,h.jsx)(p.Zp7,{}),children:"Upgrade to Open"})}):(0,h.jsx)(u.zx,SavedShaderGradient_objectSpread(SavedShaderGradient_objectSpread({as:"a",target:"_blank",href:"/tools/".concat(a,"?id=").concat(t)},w.gS),{},{_dark:w.Vr,onClick:function(){(0,P.q)("OPEN_SAVED_GRAPHIC")},leftIcon:(0,h.jsx)(p.LsQ,{}),children:"Edit Graphic"}))]},t)},H=r(30597);r(42978);var D=r(80610);r(46734);var L=r(61847);function Home(){var e=i.useState("geometric-patterns"),t=(0,o.Z)(e,2),r=t[0],n=t[1];return(0,C.Z)().finished?(0,h.jsx)(H.Z,{children:(0,h.jsxs)(d.gC,{spacing:"8",align:"start",w:"100%",minW:"100%",children:[(0,h.jsxs)(d.gC,{align:"start",spacing:3,w:"100%",minW:"100%",children:[(0,h.jsx)(s(),{href:"/dashboard",children:(0,h.jsxs)(L.Z,{align:"center",fontSize:"xs",color:"text.muted",fontWeight:"600",cursor:"pointer",children:[(0,h.jsx)(p.jTe,{}),(0,h.jsx)(d.xv,{children:"Back To Dashboard"})]})}),(0,h.jsxs)(L.Z,{align:"center",spacing:2,flexWrap:"wrap",children:[(0,h.jsx)(d.X6,{as:"h1",fontSize:"24px",color:"text.primary",fontWeight:750,fontFamily:"Inter",children:"Saved Graphics from"}),(0,h.jsx)(ToolDropdown,{toolId:r,setToolId:n})]})]}),"geometric-patterns"===r?(0,h.jsx)(f.Z,{}):"mesh-gradients"===r?(0,h.jsx)(SavedMeshGradient,{}):"social-media-editor"===r?(0,h.jsx)(Z.ZP,{}):"shader-background-generator"===r?(0,h.jsx)(SavedShaderGradient,{}):(0,h.jsx)(D.Z,{toolId:r})]})}):(0,h.jsx)(c.$,{})}var M=[{id:"geometric-patterns",name:"Geometric Patterns"},{id:"seamless-patterns",name:"Seamless Patterns"},{id:"social-media-editor",name:"Social Media Editor"},{id:"blob-composition",name:"Blob Compositions"},{id:"blurry-gradients",name:"Blurry Gradients"},{id:"mesh-gradients",name:"Mesh Gradients"},{id:"css-pattern-editor",name:"CSS Patterns"},{id:"polka-dot-pattern-generator",name:"Polka Dot Patterns"}
1,{id:"grid-background-pattern-generator",name:"Grid Backgrounds"},{id:"shader-background-generator",name:"Shader Gradients"}],ToolDropdown=function(e){var t,r,o=e.toolId,a=e.setToolId,s=(0,b.useRouter)();i.useEffect(function(){if(s.isReady){var e=s.query.tool;e&&a(e)}},[s.isReady]);var c=M.find(function(e){return e.id===o})||M[0],handleSelect=function(e){a(e),s.push({pathname:"/dashboard/saved",query:{tool:e}},void 0,{shallow:!0})};return(0,h.jsxs)(l.v2,{placement:"bottom-start",isLazy:!0,autoSelect:!1,children:[(0,h.jsx)(l.j2,(r={as:u.zx,rightIcon:(0,h.jsx)(p.EIi,{size:14}),h:"auto",py:2,pl:3,pr:3,fontSize:"16px",fontWeight:750,fontFamily:"Inter",color:"primary.500",backgroundImage:"linear-gradient(45deg, #f0eefd, #f0eefd55)",_dark:(t={color:"text.primary",backgroundImage:"linear-gradient(45deg, var(--chakra-colors-bg-surface), var(--chakra-colors-bg-hover))",bg:"primary.100"},(0,n.Z)(t,"color","text.accent"),(0,n.Z)(t,"background","linear-gradient(45deg, var(--chakra-colors-bg-buttonSecondary), var(--chakra-colors-bg-buttonSecondary))"),t),border:"1px solid",borderColor:"#444BF711",borderRadius:"100px"},(0,n.Z)(r,"fontWeight","600"),(0,n.Z)(r,"borderRadius","full"),(0,n.Z)(r,"iconSpacing",1),(0,n.Z)(r,"transition","all 0.2s ease-out"),(0,n.Z)(r,"_hover",{shadow:"none",outline:"none"}),(0,n.Z)(r,"_active",{shadow:"none",outline:"none"}),(0,n.Z)(r,"_expanded",{shadow:"none",outline:"none"}),(0,n.Z)(r,"children",c.name),r)),(0,h.jsx)(l.qy,{p:1,borderRadius:"14px",border:"1px solid",borderColor:"border.subtle",boxShadow:"0px 20px 40px -12px rgb(1 21 63 / 25%)",minW:"220px",maxH:"60vh",overflowY:"auto",className:"custom-scrollbar",bg:"bg.surface",_dark:{boxShadow:"0px 20px 40px -12px rgb(1 21 63 / 25%)"},children:M.map(function(e){var t=e.id,r=e.name,n=t===c.id;return(0,h.jsx)(l.sN,{onClick:function(){return handleSelect(t)},borderRadius:"10px",fontSize:"14px",py:2,fontWeight:600,color:n?"primary.500":"text.muted",bg:n?"#444BF710":"transparent",_hover:{bg:"bg.hover"},_focus:{bg:"bg.hover"},children:r},t)})})]})}},18286:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/dashboard/saved",function(){return r(21680)}])},25934:function(e,t,r){"use strict";r.d(t,{Z:function(){return esm_browser_v4}});for(var n,o=new Uint8Array(16),i=/^(?:[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,a=[],s=0;s<256;++s)a.push((s+256).toString(16).substr(1));var esm_browser_stringify=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,r=(a[e[t+0]]+a[e[t+1]]+a[e[t+2]]+a[e[t+3]]+"-"+a[e[t+4]]+a[e[t+5]]+"-"+a[e[t+6]]+a[e[t+7]]+"-"+a[e[t+8]]+a[e[t+9]]+"-"+a[e[t+10]]+a[e[t+11]]+a[e[t+12]]+a[e[t+13]]+a[e[t+14]]+a[e[t+15]]).toLowerCase();if(!("string"==typeof r&&i.test(r)))throw TypeError("Stringified UUID is invalid");return r},esm_browser_v4=function(e,t,r){var i=(e=e||{}).random||(e.rng||function(){if(!n&&!(n="undefined"!=typeof crypto&&crypto.getRandomValues&&crypto.getRandomValues.bind(crypto)||"undefined"!=typeof msCrypto&&"function"==typeof msCrypto.getRandomValues&&msCrypto.getRandomValues.bind(msCrypto)))throw Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");return n(o)})();if(i[6]=15&i[6]|64,i[8]=63&i[8]|128,t){r=r||0;for(var a=0;a<16;++a)t[r+a]=i[a];return t}return esm_browser_stringify(i)}},83618:function(e,t,r){"use strict";r.d(t,{Z:function(){return _toArray}});var n=r(14666),o=r(28811),i=r(2937),a=r(14882);function _toArray(e){return(0,n.Z)(e)||(0,o.Z)(e)||(0,i.Z)(e)||(0,a.Z)()}}},function(e){e.O(0,[3874,2546,4377,5445,2934,3737,771,7573,6893,5655,9352,2283,3640,8562,8670,7461,6792,781,7147,2540,6929,8586,2363,8696,2255,9774,2888,179],function(){return e(e.s=18286)}),_N_E=e.O()}]);
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.