https://procontent.renewedvision.com/js/procontent/assets/PreviewNewOrganization-JRwiJyjt.js

1import{R as y,r as a,j as t}from"./app-BeGqF6ux.js";import je from"./OrganizationCard-BKuge4x6.js";import{b as F}from"./Tooltip-DYcxt1UG.js";import"./index-Dkf2GVy1.js";import{d as ge}from"./dayjs-BlgjZc9C.js";import Pe from"./SubscriptionList-BpaN37Oj.js";import Se from"./UserList-C7Vvw0R4.js";import $e from"./BibleList-DGSq5rp7.js";import Ce from"./ProContentList-C9LyDZm8.js";import we from"./DeviceSubscriptionList-AoxyzA0c.js";import De from"./PaymentMethodsList-DTLwIIpM.js";import{s as Q,$ as ee,a as te,w as se,e as re,Z as Ee,V as Ne,u as Ie,N as ke}from"./use-resolve-button-type-DmeNMHf2.js";import{Y as z,y as H,T as Fe,b as Te,o as $,K as B,c as Me,u as K,a as Oe,N as Be,i as R,x as Re,s as ze,A as q,V as Y,p as He,d as T}from"./transition-Ct1T4ZBx.js";import{n as U,l as Ue,i as W,o as N,M as Le,H as Ye,m as Ke,a as Ve,w as Ae}from"./keyboard-toIh2LEh.js";import{C as Ge}from"./close-provider-BGG9Ic6R.js";import{l as Xe,b as Je,j as _e,g as qe}from"./form-fields-BsGuOjsW.js";import"./index-wDwR1beo.js";import"./iconBase-CN8tsjra.js";import"./index-DcCpBeBN.js";import"./button.styles-7lPNyjJO.js";import"./useTranslation-kJHeU9i8.js";import"./helpers-CgA5RTdO.js";var Z;let We=(Z=y.startTransition)!=null?Z:function(e){e()};var Ze=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Ze||{}),Qe=(e=>(e[e.ToggleDisclosure=0]="ToggleDisclosure",e[e.CloseDisclosure=1]="CloseDisclosure",e[e.SetButtonId=2]="SetButtonId",e[e.SetPanelId=3]="SetPanelId",e[e.SetButtonElement=4]="SetButtonElement",e[e.SetPanelElement=5]="SetPanelElement",e))(Qe||{});let et={0:e=>({...e,disclosureState:K(e.disclosureState,{0:1,1:0})}),1:e=>e.disclosureState===1?e:{...e,disclosureState:1},2(e,r){return e.buttonId===r.buttonId?e:{...e,buttonId:r.buttonId}},3(e,r){return e.panelId===r.panelId?e:{...e,panelId:r.panelId}},4(e,r){return e.buttonElement===r.element?e:{...e,buttonElement:r.element}},5(e,r){return e.panelElement===r.element?e:{...e,panelElement:r.element}}},V=a.createContext(null);V.displayName="DisclosureContext";function A(e){let r=a.useContext(V);if(r===null){let o=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,A),o}return r}let G=a.createContext(null);G.displayName="DisclosureAPIContext";function ae(e){let r=a.useContext(G);if(r===null){let o=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,ae),o}return r}let X=a.createContext(null);X.displayName="DisclosurePanelContext";function tt(){return a.useContext(X)}function st(e,r){return K(r.type,et,e,r)}let rt=a.Fragment;function at(e,r){let{defaultOpen:o=!1,...n}=e,d=a.useRef(null),p=H(r,Fe(i=>{d.current=i},e.as===void 0||Te(e.as))),h=a.useReducer(st,{disclosureState:o?0:1,buttonElement:null,panelElement:null,buttonId:null,panelId:null}),[{disclosureState:l,buttonId:c},x]=h,m=$(i=>{x({type:1});let v=Ue(d.current);if(!v||!c)return;let g=i?W(i)?i:"current"in i&&W(i.current)?i.current:v.getElementById(c):v.getElementById(c);g?.focus()}),b=a.useMemo(()=>({close:m}),[m]),u=U({open:l===0,close:m}),j={ref:p},s=B();return y.createElement(V.Provider,{value:h},y.createElement(G.Provider,{value:b},y.createElement(Ge,{value:m},y.createElement(Me,{value:K(l,{0:R.Open,1:R.Closed})},s({ourProps:j,theirProps:n,slot:u,defaultTag:rt,name:"Disclosure"})))))}let lt="button";function nt(e,r){let o=a.useId(),{id:n=`headlessui-disclosure-button-${o}`,disabled:d=!1,autoFocus:p=!1,...h}=e,[l,c]=A("Disclosure.Button"),x=tt(),m=x===null?!1:x===l.panelId,b=a.useRef(null),u=H(b,r,$(f=>{if(!m)return c({type:4,element:f})}));a.useEffect(()=>{if(!m)return c({type:2,buttonId:n}),()=>{c({type:2,buttonId:null})}},[n,c,m]);let j=$(f=>{var w;if(m){if(l.disclosureState===1)return;switch(f.key){case N.Space:case N.Enter:f.preventDefault(),f.stopPropagation(),c({type:0}),(w=l.buttonElement)==null||w.focus();break}}else switch(f.key){case N.Space:case N.Enter:f.preventDefault(),f.stopPropagation(),c({type:0});break}}),s=$(f=>{f.key===N.Space&&f.preventDefault()}),i=$(f=>{var w;Q(f.currentTarget)||d||(m?(c({type:0}),(w=l.buttonElement)==null||w.focus()):c({type:0}))}),{isFocusVisible:v,focusProps:g}=ee({autoFocus:p}),{isHovered:D,hoverProps:I}=te({isDisabled:d}),{pressed:O,pressProps:P}=se({disabled:d}),k=U({open:l.disclosureState===0,hover:D,active:O,disabled:d,focus:v,autofocus:p}),C=re(e,l.buttonElement),L=m?Y({ref:u,type:C,disabled:d||void 0,autoFocus:p,onKeyDown:j,onClick:i},g,I,P):Y({ref:u,id:n,type:C,"aria-expanded":l.disclosureState===0,"aria-controls":l.panelElement?l.panelId:void 0,disabled:d||void 0,autoFocus:p,onKeyDown:j,onKeyUp:s,onClick:i},g,I,P);return B()({ourProps:L,theirProps:h,slot:k,defaultTag:lt,name:"Disclosure.Button"})}let ot="div",it=q.RenderStrategy|q.Static;function ct(e,r){let o=a.useId(),{id:n=`headlessui-disclosure-panel-${o}`,transition:d=!1,...p}=e,[h,l]=A("Disclosure.Panel"),{close:c}=ae("Disclosure.Panel"),[x,m]=a.useState(null),b=H(r,$(D=>{We(()=>l({type:5,element:D}))}),m);a.useEffect(()=>(l({type:3,panelId:n}),()=>{l({type:3,panelId:null})}),[n,l]);let u=Oe(),[j,s]=Be(d,x,u!==null?(u&R.Open)===R.Open:h.disclosureState===0),i=U({open:h.disclosureState===0,close:c}),v={ref:b,id:n,...Re(s)},g=B();return y.createElement(ze,null,y.createElement(X.Provider,{value:h.panelId},g({ourProps:v,theirProps:p,slot:i,defaultTag:ot,features:it,visible:j,name:"Disclosure.Panel"})))}let ut=z(at),E=z(nt),dt=z(ct),M=Object.assign(ut,{Button:E,Panel:dt}),J=a.createContext(null);J.displayName="GroupContext";let mt=a.Fragment;function pt(e){var r;let[o,n]=a.useState(null),[d,p]=Ne(),[h,l]=Ye(),c=a.useMemo(()=>({switch:o,setSwitch:n}),[o,n]),x={},m=e,b=B();return y.createElement(l,{name:"Switch.Description",value:h},y.createElement(p,{name:"Switch.Label",value:d,props:{htmlFor:(r=c.switch)==null?void 0:r.id,onClick(u){o&&(Ke(u.currentTarget)&&u.preventDefault(),o.click(),o.focus({preventScroll:!0}))}}},y.createElement(J.Provider,{value:c},b({ourProps:x,theirProps:m,slot:{},defaultTag:mt,name:"Switch.Group"}))))}let ft="button";function ht(e,r){var o;let n=a.useId(),d=Ie(),p=Ve(),{id:h=d||`headlessui-switch-${n}`,disabled:l=p||!1,checked:c,defaultChecked:x,onChange:m,name:b,value:u,form:j,autoFocus:s=!1,...i}

1=e,v=a.useContext(J),[g,D]=a.useState(null),I=a.useRef(null),O=H(I,r,v===null?null:v.setSwitch,D),P=Xe(x),[k,C]=Je(c,m,P??!1),L=He(),[f,w]=a.useState(!1),_=$(()=>{w(!0),C?.(!k),L.nextFrame(()=>{w(!1)})}),le=$(S=>{if(Q(S.currentTarget))return S.preventDefault();S.preventDefault(),_()}),ne=$(S=>{S.key===N.Space?(S.preventDefault(),_()):S.key===N.Enter&&qe(S.currentTarget)}),oe=$(S=>S.preventDefault()),ie=ke(),ce=Ae(),{isFocusVisible:ue,focusProps:de}=ee({autoFocus:s}),{isHovered:me,hoverProps:pe}=te({isDisabled:l}),{pressed:fe,pressProps:he}=se({disabled:l}),xe=U({checked:k,disabled:l,hover:me,focus:ue,active:fe,autofocus:s,changing:f}),be=Y({id:h,ref:O,role:"switch",type:re(e,g),tabIndex:e.tabIndex===-1?0:(o=e.tabIndex)!=null?o:0,"aria-checked":k,"aria-labelledby":ie,"aria-describedby":ce,disabled:l||void 0,autoFocus:s,onClick:le,onKeyUp:ne,onKeyPress:oe},de,pe,he),ye=a.useCallback(()=>{if(P!==void 0)return C?.(P)},[C,P]),ve=B();return y.createElement(y.Fragment,null,b!=null&&y.createElement(_e,{disabled:l,data:{[b]:u||"on"},overrides:{type:"checkbox",checked:k},form:j,onReset:ye}),ve({ourProps:be,theirProps:i,slot:xe,defaultTag:ft,name:"Switch"}))}let xt=z(ht),bt=pt,yt=Ee,vt=Le,jt=Object.assign(xt,{Group:bt,Label:yt,Description:vt});function Kt({props:e,setProPresenterData:r,hasError:o}){const[n,d]=a.useState(!1),[p,h]=a.useState(!1),[l,c]=a.useState(e.proPresenter.filter(s=>s.subscriptionCycle==="Monthly")),[x,m]=a.useState(e.proPresenter.filter(s=>s.subscriptionCycle==="Yearly")),b=a.forwardRef(function(s,i){return t.jsx("div",{className:"mt-6 flex w-full cursor-pointer items-center justify-start gap-4",ref:i,...s})});b.displayName="CustomButton";const u={enter:"transition duration-100 ease-out",enterFrom:"transform scale-95 opacity-0",enterTo:"transform scale-100 opacity-100",leave:"transition duration-75 ease-out",leaveFrom:"transform scale-100 opacity-100",leaveTo:"transform scale-95 opacity-0",className:"pb-2 pt-2"};a.useEffect(()=>{l.length===0&&(d(!1),h(!0)),j(x)},[]),a.useEffect(()=>{j(n?l:x)},[n]);const j=s=>{const i=s.reduce((g,D)=>{const I=D.subscriptionPrice.reduce((O,P)=>O+P.amount,0);return g+I},0),v=ge(s[0]?.subscriptionRenewalDate).format("MM/DD/YYYY");r({totalAmount:i,renewalDate:v,cycle:s[0]?.subscriptionCycle==="Monthly"?"mo":"yr",subscriptionCycle:s[0]?.subscriptionCycle})};return t.jsxs("div",{className:"grow rounded-lg border border-utility-stroke-tertiary p-4 pt-6",children:[t.jsx(je,{organization:e.toOrganization,isPreview:!0,hasError:o}),t.jsx("div",{className:"my-6 border border-utility-stroke-secondary"}),t.jsx(M,{defaultOpen:!0,children:({open:s})=>t.jsxs(t.Fragment,{children:[t.jsxs(E,{className:"mb-2 mt-6 flex w-full items-center justify-start gap-2",children:[t.jsx(F,{name:"HiChevronUp",size:"xs",className:`${s?"rotate-90 transform":""}`}),t.jsx("h5",{className:"text-subtitle-md-bold",children:"Users"})]}),t.jsx(T,{show:s,...u,children:t.jsx("div",{children:t.jsx(Se,{users:e.users})})})]})}),t.jsx(M,{defaultOpen:!0,children:({open:s})=>t.jsxs(t.Fragment,{children:[t.jsxs(E,{as:b,children:[t.jsxs("div",{className:"flex items-center gap-2",children:[t.jsx(F,{name:"HiChevronUp",size:"xs",className:`${s?"rotate-90 transform":""}`}),t.jsx("h5",{className:"text-subtitle-md-bold",children:"ProPresenter"})]}),s&&t.jsxs("div",{className:"flex items-center gap-2 text-subtitle-sm",children:[t.jsx("div",{className:n?"":"text-type-black-secondary",children:"Billed Monthly"}),t.jsx(jt,{checked:n,onChange:()=>d(!n),disabled:p,className:`group relative flex h-5 w-10 cursor-pointer items-center rounded-full border border-utility-stroke-secondary ${n||p?"bg-utility-stroke-tertiary":"bg-interactive-default-active"} p-1 transition-colors duration-200 ease-in-out focus:outline-none`,children:t.jsx("span",{"aria-hidden":"true",className:`${n?"translate-x-0":"translate-x-5"} pointer-events-none inline-block size-3 rounded-full bg-white shadow-lg ring-0 transition duration-200 ease-in-out`})}),t.jsx("div",{className:n?"text-type-black-secondary":"",children:"Billed Yearly"})]})]}),t.jsx(T,{show:s,...u,children:t.jsx("div",{children:t.jsx(Pe,{subscriptions:n?l:x,isPreview:!0})})})]})}),t.jsx(M,{defaultOpen:!0,children:({open:s})=>t.jsxs(t.Fragment,{children:[t.jsxs(E,{className:"mb-2 mt-6 flex w-full items-center justify-start gap-2",children:[t.jsx(F,{name:"HiChevronUp",size:"xs",className:`${s?"rotate-90 transform":""}`}),t.jsx("h5",{className:"text-subtitle-md-bold",children:"ProContent"})]}),t.jsx(T,{show:s,...u,children:t.jsx("div",{children:t.jsx(Ce,{proContent:e.proContent.available?e.proContent:{name:"",type:"",priceFormatted:"",cycle:"",nextBilling

1Cycle:""}})})})]})}),[e.proDisplay,e.proScoreboard].filter(s=>s.available).map(s=>t.jsx(M,{defaultOpen:!0,children:({open:i})=>t.jsxs(t.Fragment,{children:[t.jsxs(E,{className:"mb-2 mt-6 flex w-full items-center justify-start gap-2",children:[t.jsx(F,{name:"HiChevronUp",size:"xs",className:`${i?"rotate-90 transform":""}`}),t.jsx("h5",{className:"text-subtitle-md-bold",children:s.name})]}),t.jsx(T,{show:i,...u,children:t.jsx("div",{children:t.jsx(we,{subscription:s})})})]})},s.name)),t.jsx(M,{defaultOpen:!0,children:({open:s})=>t.jsxs(t.Fragment,{children:[t.jsxs(E,{className:"mb-2 mt-6 flex w-full items-center justify-start gap-2",children:[t.jsx(F,{name:"HiChevronUp",size:"xs",className:`${s?"rotate-90 transform":""}`}),t.jsx("h5",{className:"text-subtitle-md-bold",children:"Bibles"})]}),t.jsx(T,{show:s,...u,children:t.jsx("div",{children:t.jsx($e,{bibles:e.bibles})})})]})}),t.jsx(M,{defaultOpen:!0,children:({open:s})=>t.jsxs(t.Fragment,{children:[t.jsxs(E,{className:"mb-2 mt-6 flex w-full items-center justify-start gap-2",children:[t.jsx(F,{name:"HiChevronUp",size:"xs",className:`${s?"rotate-90 transform":""}`}),t.jsx("h5",{className:"text-subtitle-md-bold",children:"Payments"})]}),t.jsx(T,{show:s,...u,children:t.jsx("div",{children:e.paymentMethod?t.jsx(De,{paymentMethod:e.paymentMethod}):t.jsx("div",{className:"text-center text-heading-5 text-utility-warning-dark",children:"Please Add a Payment Method to destination organization"})})})]})})]})}export{Kt as default};