https://gemvision.com/assets/Membership-CT2mcer8.js

1import{R as E,j as e,p as P,q as v,s as _,a2 as G,bM as L,a3 as R,bE as H,bF as A,bB as g,M as c,bG as $,n as b,ab as C,bC as D,cH as f,u as U,r as d,B as w,f as z,h as K,I as F,v as N,t as W,c as O,aO as q,cI as J,cJ as S,cK as y,cL as k,cM as Q}from"./index-BqKviU6K.js";import{A as V}from"./Amount-B4iMHH3M.js";import{T as X}from"./TableContainer-Db8nMZag.js";import{S as Y}from"./Skeleton-6KkVt0oR.js";import"./react-number-format.es-BwYP-tag.js";const Z=({title:r,description:i})=>{const s=r.includes("MatrixGold")?"matrixgold":"countersketch";return e.jsxs(P,{children:[v(r,i,!1),_(`/${s}/membership`),e.jsx("script",{type:"application/ld+json",children:`{
2          "@context": "https://schema.org/", 
3          "@type": "BreadcrumbList", 
4          "itemListElement": [{
5            "@type": "ListItem", 
6            "position": 1, 
7            "name": "${s}",
8            "item": "https://gemvision.com/${s}"
9          }, {
10            "@type": "ListItem", 
11            "position": 2, 
12            "name": "Membership",
13            "description": "${i}",
14            "item": "https://gemvision.com/${s}/membership"
15          }]
16        }`})]})},ee=E.memo(Z),te=G(e.jsx("path",{fillRule:"evenodd",d:"M4 11h16v2H4z"})),I=({membershipCondition:r,product:i})=>r?e.jsx(L,{sx:{color:i==="MatrixGold"?"#caa849":"#4786eb"}}):e.jsx(te,{sx:{color:"#888888",fontSize:"20px"}}),n=C(D)({[`&.${f.head}`]:{backgroundColor:"transparent",borderBottom:"none",textAlign:"center"},[`&.${f.body}`]:{color:"#BBBBBB",borderBottom:"none"},[`&.${f.body}:not(:first-of-type)`]:{textAlign:"center"}}),j=C(b)(()=>({color:"#fafafa",fontWeight:600})),se=({tableData:r,price:i,product:s})=>e.jsx(X,{component:R,elevation:0,sx:{background:"#222",my:4,borderRadius:2},children:e.jsxs(H,{children:[e.jsx(A,{children:e.jsxs(g,{children:[e.jsx(n,{}),e.jsx(n,{children:e.jsx(j,{sx:{color:"#fafafa",fontWeight:600},children:e.jsx(c,{id:"membership.withoutMembership"})})}),e.jsxs(n,{children:[e.jsxs(j,{sx:{color:"#fafafa",fontWeight:600},children:[e.jsx(c,{id:"membership.withMembership"})," ",e.jsx("br",{})]}),e.jsx(j,{sx:{color:"#fafafa",fontWeight:600},children:i!==0&&e.jsxs(e.Fragment,{children:[e.jsx(V,{value:i/100})," / ",e.jsx(c,{id:"common.year"})]})})]})]})}),e.jsx($,{children:r.map((t,h)=>e.jsxs(g,{sx:{"&:nth-of-type(odd)":{background:"#282828"}},children:[e.jsx(n,{children:e.jsx(b,{children:e.jsx(c,{id:t.title})})}),e.jsx(n,{children:e.jsx(I,{membershipCondition:t.withoutMembership,product:s})}),e.jsx(n,{children:e.jsx(I,{membershipCondition:t.withMembership,product:s})})]},h))})]})}),B=({productData:r,image:i,buttonHref:s,product:t,price:h})=>{const m=U(),[p,u]=d.useState(!1),l=t==="MatrixGold"?m.formatMessage({id:"seo.membership.title.matrixgold"}):m.formatMessage({id:"seo.membership.title.counterSketch"}),x=t==="MatrixGold"?m.formatMessage({id:"seo.membership.description.matrixGold"}):m.formatMessage({id:"seo.membership.description.counterSketch"});return e.jsxs(w,{"data-gtm-click-section":t,children:[e.jsx(ee,{title:l,description:x}),!p&&e.jsx(Y,{width:"100%",sx:{height:{xs:150,sm:200,md:300}}}),e.jsx(w,{component:"img",sx:{height:"100%",width:"100%",objectFit:"cover",borderRadius:2},src:i,hidden:!p,onLoad:()=>u(!0)}),e.jsx(b,{sx:{mt:4,mb:2},children:e.jsx(c,{id:"membership.warning",values:{product:t}})}),e.jsx(se,{price:h,tableData:r,product:t}),e.jsxs(z,{alignItems:"center",gap:4,"data-gtm-click-section":`${t} Membership`,"data-gtm-click-subsection1":"Subscribe",children:[e.jsx(b,{children:e.jsx(c,{id:"membership.info",values:{product:t}})}),e.jsx(K,{"data-gtm-click-subsection2":"primary-cta",component:F,to:s,variant:"outlined",color:"secondary",size:"large",children:e.jsx(c,{id:"common.subscribeNow"})})]})]})},ie=[{title:"membership.techSupport",withoutMembership:!0,withMembership:!0},{title:"membership.fullAccess",withoutMembership:!1,withMembership:!0},{title:"membership.libraryUpdate",withoutMembership:!1,withMembership:!0},{title:"membership.virtualSeminars",withoutMembership:!1,withMembership:!0},{title:"membership.specialEvents",withoutMembership:!1,withMembership:!0},{title:"membership.softwareUpgrades",withoutMembership:!1,withMembership:!0},{title:"membership.certifications",withoutMembership:!1,withMembership:!0}],re=[{title:"membership.techSupport",withoutMembership:!0,withMembership:!0},{title:"membership.fullAccess",withoutMembership:!1,withMembership:!0},{title:"membership.virtualSeminars",withoutMembership:!1,withMembership:!0},{title:"membership.specialEvents",withoutMembership:!1,withMembership:!0},{title:"membership.softwareUpgradesDiscount",withoutMembership:!1,withMembership:!0},{title:"membership.certifications",withoutMembership:!1,withMembership:!0}

16],he=({product:r})=>{const i=N(),[s]=W(["country_code"]),t=O(o=>o.storeReducer.membershipProducts),[h,m]=d.useState(0),[p,u]=d.useState(0),l=o=>t?.find(M=>M.prices.some(T=>T.metadata._sku===o))?.prices.find(M=>M.metadata._sku===o)?.unit_amount,x=()=>{const o=l(S),a=s.country_code==="us"?l(k):l(y);o&&m(o),a&&u(a)};return d.useEffect(()=>{const o=async()=>{try{const a=await J(s.country_code,[S,y,k]);i(Q(a))}catch(a){console.error("Error fetching products - ",a)}};s.country_code&&(t?x():o())},[t,s]),e.jsx(q,{width:"sm",pt:{xs:6,sm:6,lg:6},"data-cy":"membership-container",children:r==="MatrixGold"?e.jsx(B,{price:h,product:"MatrixGold",productData:re,image:"https://meteor.stullercloud.com/das/134322386",buttonHref:"/store/matrixgold-membership/matrixgold-membership"}):e.jsx(B,{price:p,product:"CounterSketch",productData:ie,image:"https://meteor.stullercloud.com/das/134322378",buttonHref:"/store/countersketch-membership/countersketch-membership"})})};export{he as default};