https://editors-cdn.template.net/lib/tnet/dashboard/prod/assets/SkinEnhancerPlugin-CFoYVQgs.js

1import{r as s,j as o,i as t}from"./globals-CFSQ210q.js";import{S as l,R as d,I as c}from"./soft-BUVg_YlG.js";import{Y as E,w as u,$ as f}from"../dashboard.index-2.36.71.js";import{u as x}from"./useGoProButton-CepDIEp1.js";import{u as g}from"./ga-trackings-BfaZK4r3.js";import{P as b}from"./common-B_jj4doT.js";import{P as h,a as T}from"./generating.helper-C3-w7OpT.js";import{s as N,T as I}from"./freeUserUsageGuard-D99dlO4c.js";import{c as P}from"./useClickOutside-CCecjK59.js";import"./mui-DpnpJwNe.js";import"./dynamic-wjz2zcmq.js";import"./common-5WoiZp67.js";import"./user.store-Be5YGvl_.js";import"./common-h63AaBgX.js";import"./temporary-icons-PcoNF8RH.js";import"./LoadingIcon-D-Tm2r0Q.js";import"./useGraphicEditorEvent-xzeqtsLO.js";import"./trackings-CqiCzOjl.js";import"./useUploadFile-De1cmf7H.js";import"./common-DPQVgxeX.js";import"./videoGenerationJob.service-2uX-Zrjt.js";import"./backgroundTimer-BglNA7Z0.js";import"./dynamic-2gr0ktf5.js";import"https://editors-cdn.template.net/lib/mfe/ui/prod/0.2.43/remoteEntry.mjs";import"./useClickOutside-DvMWYT6h.js";import"./ErrorBoundary-KSLYF9Dd.js";import"./constants-IHjmL7A-.js";import"./template-Cxigv_8s.js";import"./index-xC8yc7KB.js";import"./arrow-right-CLSn--T7.js";import"./index.esm-S4U4FYPJ.js";import"./memoize-one.esm-DhmFm5Lm.js";import"./service-LFAP3GMV.js";import"./hubspot-D6s2uQbw.js";import"./index-DOw1OqCx.js";import"./go-pro-button-BnXDcKV_.js";import"./index-BLNo03l4.js";import"./pricing-badge-blue-DziZnQbe.js";import"./brand-template.store-BHAjX2PX.js";import"./global.styled-Do2_9hIX.js";import"./blank-page-Dgihkob4.js";import"./edit-pen-CvmfzxaJ.js";import"./v2-DDfNLiDH.js";import"./index.esm-BFPFTCzs.js";import"./useInfiniteQuery-B-LsL0ph.js";import"./useBaseQuery-DBUaY80j.js";import"./font-loader-Cnbm3T6x.js";import"./useQuery-DAtzKUAu.js";import"./ai-chat-helper-D4UphFS8.js";import"./EditorIcon-CfHIub6c.js";import"./helper-D1dlNlc-.js";import"./index-LGuDSiVa.js";import"./close-icon-LGo3mxnM.js";import"./whiteboard.store-B7KVaApp.js";import"./helpers-C9t0GIhx.js";import"./CloseIcon-D-dfe1YW.js";import"./CheckIcon-BCmZC6TY.js";import"./CopyIcon-DSvHUKyd.js";import"./index.es-6j7zAMxE.js";const y=[{id:"soft",label:"Soft",image:l},{id:"realistic",label:"Realistic",image:d},{id:"imperfect",label:"Imperfect",image:c}],Ri=()=>{const{pluginOptions:r}=P(),{user:e,handlePricing:m}=x(),n=g(),a=s.useCallback(i=>{if(!E()){u(!0,f.TEXT_EDITOR,()=>a(i));return}if(N(I.SKIN_ENHANCER)){m({heading:"Unlock AI Editing",plan:(e==null?void 0:e.userRankType)==="PLUS"?"max_yearly":"plus_yearly",pricingPosition:b.AI_EDITING,callback:()=>a(i)});return}window.dispatchEvent(new CustomEvent(h.GE_SKIN_ENHANCER_CHANGE,{detail:{enhanceType:i,layerUuid:r==null?void 0:r.layerUuid}})),n&&window.dispatchEvent(new CustomEvent(T.ON_CLOSE_PANEL))},[r==null?void 0:r.layerUuid,n,e,m]);return o.jsx(p.Container,{children:o.jsx(p.EnhanceTypeGrid,{children:y.map(i=>o.jsxs(p.EnhanceTypeButton,{onClick:()=>a(i.id),children:[o.jsx(p.Thumbnail,{src:i.image,alt:i.label}),o.jsx(p.EnhanceTypeLabel,{children:i.label})]},i.id))})})},p={Container:t.div`
2    display: flex;
3    flex-direction: column;
4    padding: 0 20px 20px 20px;
5
6    @media (max-width: 767px) {
7      padding: 0 16px 16px 16px;
8    }
9  `,EnhanceTypeGrid:t.div`
10    display: grid;
11    grid-template-columns: repeat(3, 1fr);
12    gap: 8px;
13  `,EnhanceTypeButton:t.button`
14    display: flex;
15    flex-direction: column;
16    align-items: center;
17    gap: 8px;
18    background: transparent;
19    border: none;
20    border-radius: 12px;
21    padding: 4px;
22    cursor: pointer;
23
24    &:hover img {
25      border-color: var(--Primary-500, #1e0dff);
26    }
27  `,Thumbnail:t.img`
28    width: 100%;
29    aspect-ratio: 1;
30    border-radius: 10px;
31    object-fit: cover;
32    border: 1px solid transparent;
33    transition: border-color 0.15s ease;
34  `,EnhanceTypeLabel:t.span`
35    font-size: 12px;
36    font-weight: 500;
37    color: #1f2124;
38    padding-bottom: 4px;
39  `};export{Ri as default};