https://www.rankandstyle.com/_next/static/chunks/pages/admin/subscription-hubs/edit/[id]-d0979b4f5f93fb2b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4147],{12744:(e,s,i)=>{"use strict";i.d(s,{A:()=>U});var t=i(37876),r=i(26727),n=i(10892),l=i(58362),d=i(3369),o=i(20038),a=i(30258),u=i(43588),p=i(11171),c=i.n(p),b=i(9092),h=i(76686),x=i(82702),m=i(22250),A=i(24661),g=i(58347),S=i(93494),j=i(41411),I=i(57025);let H=({subscriptionHubStep:e,index:s,isSubmitting:i,onDelete:r,setFieldValue:p,onMoveComponentUp:H,onMoveComponentDown:f,upDisabled:v=!1,downDisabled:w=!1})=>(0,t.jsxs)(b.A,{elevation:3,sx:{marginLeft:"1em",marginTop:"2em",padding:"1em"},children:[(0,t.jsxs)(h.A,{sx:{marginBottom:"1em"},display:"flex",justifyContent:"space-between",children:[(0,t.jsxs)(x.A,{variant:"h3",children:[`Step #${e.order}`,c()(e.id)&&(0,t.jsxs)("small",{children:[" ",` (id: ${e.id})`]})]}),(0,t.jsxs)(h.A,{display:"flex",alignItems:"center",gap:1,children:[(0,t.jsx)(m.A,{size:"small",disabled:v||i,onClick:()=>H?.(s),title:"Move Step up",children:(0,t.jsx)(S.A,{})}),(0,t.jsx)(m.A,{size:"small",disabled:w||i,onClick:()=>f?.(s),title:"Move Step down",children:(0,t.jsx)(j.A,{})}),(0,t.jsx)(n.A,{onConfirmation:r,message:`Are you sure you want to delete the step #${e.order}${c()(e.id)?` (id: ${e.id})`:""}?`,children:(0,t.jsx)(A.A,{variant:"text",endIcon:(0,t.jsx)(l.A,{}),color:"error",children:"Delete Step"})})]})]}),(0,t.jsxs)(g.A,{container:!0,spacing:2,children:[(0,t.jsx)(g.A,{size:{xs:12,md:12},children:(0,t.jsx)(a.A,{title:"Step Image",onSave:e=>p(`subscriptionHubSteps[${s}].headerImageId`,e.id),onDelete:()=>p(`subscriptionHubSteps[${s}].headerImageId`,null),height:500,width:500,imageId:e.headerImageId})}),(0,t.jsx)(g.A,{size:{xs:12},children:(0,t.jsx)(o.A,{name:`subscriptionHubSteps[${s}].instagramLink`,label:"Instagram Link",isSubmitting:i})}),(0,t.jsx)(g.A,{size:{xs:12},children:(0,t.jsx)(o.A,{name:`subscriptionHubSteps[${s}].title`,label:"Title",isSubmitting:i})}),(0,t.jsx)(I.A,{initialValue:e.description??"",onChange:e=>p(`subscriptionHubSteps[${s}].description`,e),placeholder:"Enter description...",label:"Description"}),(0,t.jsx)(u.A,{setFieldValue:p,relationName:`subscriptionHubSteps[${s}].subscriptionHubStepsOnProducts`,productsOnSomething:e.subscriptionHubStepsOnProducts??[]}),(0,t.jsx)(g.A,{size:{xs:12},children:(0,t.jsx)(d.A,{productsOnSomething:e.subscriptionHubStepsOnProducts??[],productsToDelete:e.productsToDelete??[],setFieldValue:p,relationName:`subscriptionHubSteps[${s}].subscriptionHubStepsOnProducts`,productsToDeleteRelationName:`subscriptionHubSteps[${s}].productsToDelete`})})]})]},s);var f=i(70521),v=i(57186),w=i(26686);let y=({subscriptionHubSteps:e,subscriptionHubStepsToDelete:s,isSubmitting:i,setFieldValue:n})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(g.A,{size:{xs:12},display:"flex",justifyContent:"space-between",style:{margin:"2em 1em 0",borderTop:"0.5px solid grey"},children:[(0,t.jsxs)(g.A,{display:"flex",justifyContent:"space-between",sx:{gap:"24px"},children:[(0,t.jsx)("h1",{children:"Steps"}),(0,t.jsx)(f.A,{name:"showStepsNumbers",isSubmitting:i,labelPlacement:"start"})]}),(0,t.jsx)(A.A,{variant:"text",endIcon:(0,t.jsx)(r.A,{}),onClick:()=>{n("subscriptionHubSteps",[...e,{subscriptionHubStepsOnProducts:[],order:e.length+1,id:(0,v.A)()}])},children:"Add Step"})]}),(0,t.jsx)(g.A,{size:{xs:12},children:e.map((r,l)=>(0,t.jsx)(H,{subscriptionHubStep:r,index:l,isSubmitting:i,onDelete:()=>{let i=e.filter((e,s)=>s!==l).sort((0,w.hz)(w.pH.asc,"order"));n("subscriptionHubSteps",i=i.map((e,s)=>({...e,order:s+1}))),c()(r.id)&&n("subscriptionHubStepsToDelete",[...s,r.id])},setFieldValue:n,onMoveComponentUp:()=>(s=>{if(s>0){let i=e.map((i,t)=>t===s?{...i,order:e[s-1].order}:t===s-1?{...i,order:e[s].order}:i);i.sort((e,s)=>e.order-s.order),n("subscriptionHubSteps",i)}})(l),onMoveComponentDown:()=>(s=>{if(s<e.length-1){let i=e.map((i,t)=>t===s?{...i,order:e[s+1].order}:t===s+1?{...i,order:e[s].order}:i);i.sort((e,s)=>e.order-s.order),n("subscriptionHubSteps",i)}})(l),upDisabled:0===l,downDisabled:l===e.length-1},r.id))})]});var E=i(51829),T=i(16969),C=i(51130),D=i(57390),P=i(75340),k=i(61482),O=i(56557),$=i.n(O),z=i(59852),N=i(72193),B=i(73446),V=i(76213),F=i(14232),_=i(64177);let U=({subscriptionHub:e})=>{let[s,{data:i,error:r}]=(0,_.n)(z.Bu),[l]=(0,_.n)(z.EG),[d,u]=(0,F.useState)(!1),[p,b]=(0,F.useState)(!1),[h,x]=(0,F.useState)(),m=(0,F.useRef)("draft");(0,F.useEffect)(()=>{x((0,B.u)(e))},[e,x]),(0,F.useEffect)(()=>{!r&&i&&(x((0,B.u)(i.saveSubscriptionHub)),u(!0))},[r,i,x,u]);let S={subscriptionHubSteps:h?.subscriptionHubSteps??[],showStepsNumbers:h?.showStepsNumbers??!0,subscriptionHubStepsToDelete:[],authorId:h?.authorId??null,headline:h?.headline??"",content:h?.content??"",footer:h?.footer??"",copywriterId:h?.copywriterId??null,reviewerId:h?.reviewerId??null,headerImageBigId:h?.headerImageBigId??null,headerImageBig:h?.headerImageBig??null,meta:h?.meta??{description:"",keywords:"",title:""},productExpertId:h?.productExpertId??null,publishAt:h?.publishAt??"",showInSave:h?.showInSave??!1,showInShop:h?.showInShop??!1,awakn:h?.awakn??!1,slug:h?.slug??"",title:h?.title??"",robotsMetaTag:"noindex,nofollow"},j=(e,s)=>(m.current=e,s()),H=async e=>{await l({variables:{id:e}}),b(!0)};return e?.id&&!h?null:(0,t.jsx)(E.A,{baseUrl:"/subscription-hubs",existingId:e?.id,updatedId:i?.saveSubscriptionHub?.id,savedSuccessfully:d,unPublishedSuccessfully:p,initialValues:S,error:r,validate:e=>{let s={...(0,N.D2)({inputValues:e,requiredFields:["title","slug"]}),...(0,V.Cs)(e.subscriptionHubSteps,"subscriptionHubSteps")};return"publish"===m.current&&(s={...s,...(0,N.D2)({inputValues:e,requiredFields:["publishAt","headline","copywriterId","content"]}),...(0,V.lH)(e.headerImageBig,"headerImageBigId",{labelPrefix:"Header Image Big: "})},e.subscriptionHubSteps?.forEach((e,i)=>{s={...s={...s,...(0,N.D2)({inputValues:e,requiredFields:[],keyOverride:`subscriptionHubSteps.${i}`})},...(0,V.qG)(e.subscriptionHubStepsOnProducts??null,`subscriptionHubSteps.${i}.subscriptionHubStepsOnProducts`)}})),s},onSubmit:async i=>{let{meta:t,subscriptionHubSteps:r,headerImageBig:n,...l}=i;await s({variables:{subscriptionHub:{...l,subscriptionHubSteps:r?.map(e=>({subscriptionHubStepsOnProducts:(0,V.Z3)(e.subscriptionHubStepsOnProducts),description:e.description??"",id:c()(e.id)?e.id:void 0,order:e.order,productsToDelete:e.productsToDelete??[],title:e.title??"",headerImageId:e.headerImageId,instagramLink:e.instagramLink??""}))??[],id:e?.id,publishAt:$()(i.publishAt).toDate(),meta:{...t,id:e?.metaId||void 0}},publish:"publish"===m.current}})},children:s=>{let{isSubmitting:i,values:r,errors:l,touched:d,setFieldValue:u,submitForm:p}=s;return(0,t.jsxs)(g.A,{container:!0,spacing:2,children:[(0,t.jsx)(g.A,{size:{xs:12,md:6},children:(0,t.jsx)(a.A,{title:"Header Image Big",onSave:e=>{u("headerImageBigId",e.id),u("headerImageBig",e)},height:800,width:800,imageId:r.headerImageBigId,captionEnabled:!1,altEnabled:!0})}),(0,t.jsx)(g.A,{size:{xs:12,md:6}}),(0,t.jsx)(g.A,{size:{xs:12,sm:6},children:(0,t.jsx)(o.A,{name:"title",isSubmitting:i})}),(0,t.jsx)(g.A,{size:{xs:12,sm:6},children:(0,t.jsx)(D.A,{name:"slug",isSubmitting:i})}),(0,t.jsx)(g.A,{size:{xs:12,sm:6},children:(0,t.jsx)(o.A,{name:"headline",isSubmitting:i})}),(0,t.jsx)(g.A,{size:{xs:12,sm:6},children:(0,t.jsx)(C.A,{name:"publishAt",helperText:d.publishAt&&l.publishAt,error:d.publishAt&&!!l.publishAt,value:r.publishAt,onChange:e=>u("publishAt",$()(e).isValid()||e?$()(e):""),label:"Publish At",disabled:i})}),(0,t.jsx)(g.A,{size:{xs:12,sm:6},children:(0,t.jsx)(k.A,{label:"Copywriter",userId:r.copywriterId,onChange:(e,s)=>u("copywriterId",s?.id),error:d.copywriterId&&!!l.copywriterId,helperText:d.copywriterId&&l.copywriterId})}),(0,t.jsx)(g.A,{size:{xs:12,md:6},children:(0,t.jsx)(k.A,{label:"Product Expert",userId:r.productExpertId,onChange:(e,s)=>u("productExpertId",s?.id),error:d.productExpertId&&!!l.productExpertId,helperText:d.productExpertId&&l.productExpertId})}),(0,t.jsx)(I.A,{initialValue:S.content,onChange:e=>u("content",e),label:"Content"}),(0,t.jsx)(y,{subscriptionHubSteps:r.subscriptionHubSteps,subscriptionHubStepsToDelete:r.subscriptionHubStepsToDelete,isSubmitting:i,setFieldValue:u}),(0,t.jsx)(I.A,{initialValue:S.footer,onChange:e=>u("footer",e),label:"Footer"}),(0,t.jsx)(P.A,{isSubmitting:i}),(0,t.jsx)(g.A,{size:{xs:12},children:(0,t.jsxs)(g.A,{sx:T.VU,children:[(0,t.jsx)(g.A,{children:(0,t.jsx)(A.A,{variant:"contained",color:"primary",disabled:i,onClick:()=>j("draft",p),children:"Save Draft"})}),(0,t.jsx)(g.A,{children:(0,t.jsx)(n.A,{message:"Are you sure to Save and Publish your changes for this Subscription Hub?",onConfirmation:()=>j("publish",p),children:(0,t.jsx)(A.A,{variant:"contained",color:"secondary",disabled:i,children:"Save & Publish"})})}),e?.isPublished&&(0,t.jsx)(g.A,{children:(0,t.jsx)(n.A,{message:"Are you sure to un-publish this Subscription Hub?",onConfirmation:()=>H(e.id),children:(0,t.jsx)(A.A,{variant:"contained",color:"warning",children:"Un-publish"})})})]})})]})}})}},51130:(e,s,i)=>{"use strict";i.d(s,{A:()=>a});var t=i(37876);i(14232);var r=i(56557),n=i.n(r),l=i(99275),d=i(63405),o=i(61611);let a=({name:e,label:s,helperText:i,error:r,value:a,onChange:u,disabled:p})=>(0,t.jsx)(o.$J,{dateAdapter:l.R,children:(0,t.jsx)(d.K,{sx:{width:"250px"},value:n()(a??null),onChange:u,label:s,disabled:p,slotProps:{textField:{name:e,error:r,helperText:i}}})})},61482:(e,s,i)=>{"use strict";i.d(s,{A:()=>u});var t=i(37876),r=i(80053),n=i(26686),l=i(14232),d=i(59852),o=i(54431),a=i(75850);let u=({label:e="User",userId:s,onChange:i,error:u,helperText:p})=>{let[c,b]=(0,l.useState)(""),{loading:h,data:x}=(0,o.IT)(d.sO,{variables:{offset:0,limit:10,sort:[{firstName:n.pH.asc},{lastName:n.pH.asc}],role:a.f.AUTHOR,search:c||void 0}}),{data:m}=(0,o.IT)(d.xb,{skip:!s,variables:{id:s}});return(0,t.jsx)(r.A,{data:x?.users.data,error:u,getOptionLabel:e=>(({firstName:e,lastName:s,email:i})=>`${e} ${s}`.trim()||i)(e),helperText:p,label:e,loading:h,onChange:i,setSearch:b,value:s&&m?.user||null})}},73572:(e,s,i)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/admin/subscription-hubs/edit/[id]",function(){return i(85912)}])},75850:(e,s,i)=>{"use strict";i.d(s,{f:()=>t});let t={USER:"user",STAFF:"staff",AUTHOR:"author",SUPERADMIN:"superadmin"}},85912:(e,s,i)=>{"use strict";i.r(s),i.d(s,{default:()=>h});var t=i(37876),r=i(93546),n=i(12744),l=i(75353),d=i(21565),o=i(59852),a=i(76686),u=i(11399),p=i(54431),c=i(89099);let b=()=>{let e=(0,c.useRouter)(),s=(0,u.OX)(e),{data:i}=(0,p.IT)(o.EE,{skip:!s,variables:{id:s}});return(0,t.jsxs)(a.A,{display:"flex",flexDirection:"column",alignItems:"center",gap:2,children:[(0,t.jsx)(l.A,{title:(0,t.jsx)(d.A,{title:"Edit Subscription Hub",backLink:(0,u.a$)("/subscription-hubs")}),sx:{width:"100%"},content:!1}),(0,t.jsx)(l.A,{sx:{position:"relative",width:"100%"},children:(0,t.jsx)(a.A,{children:i?.subscriptionHub&&(0,t.jsx)(n.A,{subscriptionHub:i.subscriptionHub})})})]})};b.getLayout=function(e){return(0,t.jsx)(r.A,{children:e})};let h=b}},e=>{e.O(0,[7755,6680,7713,3996,6654,7664,6103,8230,2251,8856,4431,6760,8289,7602,3990,424,3089,1678,2732,696,5454,8575,4770,9514,8612,6146,3546,9852,5066,9800,8886,636,6593,8792],()=>e(e.s=73572)),_N_E=e.O()}]);