https://www.takhini.org/_assets/MarketplaceReviewModal-76831bf8f7003b70.js

1"use strict";(globalThis.rspackChunknotion_next=globalThis.rspackChunknotion_next||[]).push([[16676],{307077(e,t,a){a(635790);var i=a(440302);let r={position:"relative"};function l(e){let{name:t,htmlLabel:l,children:n,errorMessage:o,hideLabel:c,style:d={},labelStyle:u={},errorMessageStyle:g={},required:m}=e,p=(0,a(960253).I)(()=>({formLabel:{visibility:c?"hidden":"inherit"}}),[c]);return(0,i.jsxs)(a(4458).VP,{gap:8,className:"autolayout-fill-width",style:{position:"relative",...d},children:[(0,i.jsxs)(a(4458).fI,{gap:2,style:r,children:[(0,i.jsx)(s,{htmlFor:l,style:{...p.formLabel,...u},children:t}),m?(0,i.jsx)(a(111010).D,{styleKey:"captionRegular",colorPalette:"red",colorVariant:"accentPrimary",children:"*"}):void 0]}),n,o?(0,i.jsx)("div",{role:"alert",style:g,children:(0,i.jsx)(a(111010).D,{styleKey:"captionRegular",colorPalette:"red",colorVariant:"accentPrimary",children:o})}):void 0]})}function s(e){let{children:t,htmlFor:r,style:l}=e;return(0,i.jsx)(a(111010).D,{styleKey:"captionRegular",style:l,children:(0,i.jsx)("label",{htmlFor:r,children:t})})}a.d(t,{O:()=>l},{A:l})},893380(e,t,a){async function i(e){let{environment:t,acquisitionId:i,rating:r,title:s,description:c,name:d}=e;try{(0,a(225929).Bl)(r)}catch(t){var u=t;let e=n(u);if(e)throw Error(e);o()}l({title:s,description:c,name:d});let g=await t.api.callMainCellApi({eventName:"createMarketplaceListingReview",environment:t,data:{acquisitionId:i,rating:r,title:s,description:c,name:d}});if("success"===g.type){let e=g.data.marketplaceListingReviewId;return a(369785).A.setReviewId(i,e),{reviewId:e}}o()}async function r(e){let{environment:t,reviewId:a,title:i,description:r,name:s}=e;if(!a)throw Error("Review id is required");l({title:i,description:r,name:s});let n=await t.api.callMainCellApi({eventName:"updateMarketplaceListingReview",environment:t,data:{reviewId:a,title:i,description:r,name:s}});if("success"===n.type)return n.data.success;o()}function l(e){let{title:t,description:i,name:r}=e,l=[];if(void 0!==t)try{(0,a(225929).IH)(t)}catch(e){l.push(Error(n(e),{cause:"title"}))}if(void 0!==i)try{(0,a(225929)._A)(i)}catch(e){l.push(Error(n(e),{cause:"description"}))}if(void 0!==r)try{(0,a(225929).RY)(r)}catch(e){l.push(Error(n(e),{cause:"name"}))}if(l.length>0)throw AggregateError(l)}async function s(e){let{environment:t,listingId:i,sort:r,offset:l,limit:s}=e,n=await t.api.callMainCellApi({eventName:"getMarketplaceListingReviews",environment:t,data:{listingId:i,sort:(0,a(225929).Lh)(r??"mostRecent"),limit:s,offset:l}}),o=[];return"success"===n.type&&(o=n.data.reviewIds),{reviewIds:o}}function n(e){if((0,a(101787).iD)(e,a(101787).rT))return(0,a(416207).D)(a(962299).A.getIntl(),e.body)}function o(){throw Error(a(962299).A.getIntl().formatMessage({id:"marketplace.review.createReviewError",defaultMessage:"Something went wrong"}))}a(533958),a(682556),a(435368),a.d(t,{Df:()=>i,Jj:()=>s,TG:()=>r})},21968(e,t,a){a(159952),a(635790);var i=a(440302);let r={display:"flex",flexDirection:"column",alignItems:"center",textAlign:"center",gap:"8px"},l={paddingTop:"16px"};function s(e){let{icon:t,title:s,subTitle:n,body:c,actions:d,width:u,style:g}=e,m=function(e){let{width:t=406,style:i={}}=e;return(0,a(960253).I)(()=>({container:{display:"flex",flexDirection:"column",alignItems:"center",width:t,padding:"20px",gap:"24px",...i}}),[t,i])}({width:u,style:g});return(0,i.jsxs)("div",{style:m.container,children:[(0,i.jsxs)(a(111010).D,{styleKey:a(139424).A.isMobile?"titleXlBold":"titleSmMedium",style:{...r,...!t&&l},children:[t,s,n?(0,i.jsx)(a(111010).D,{styleKey:"bodyRegular",colorVariant:"secondary",children:n}):null]}),c,(0,i.jsx)(a(4458).VP,{gap:6,width:"100%",children:null==d?void 0:d.map((e,t)=>(0,i.jsx)(o,{...e},`marketplace-modal-action-${t}`))})]})}let n={mobileButton:a(139424).A.isMobile?{height:48,borderRadius:12}:{},plainButton:{justifyContent:"center"},actionError:{textAlign:"center"}};function o(e){return(0,i.jsxs)(i.Fragment,{children:[(()=>{switch(e.type){case"primary":return(0,i.jsx)(a(912946).j,{size:"lg",onClick:e.onClick,disabled:e.isDisabled,isLoading:e.isLoading,colorPalette:a(139424).A.isMobile?void 0:"blue",style:n.mobileButton,children:(0,i.jsx)(a(111010).D,{styleKey:a(139424).A.isMobile?"titleSmMedium":"bodyMedium",children:e.text})});case"outline":return(0,i.jsx)(a(548436).A,{size:"lg",onClick:e.onClick,style:n.mobileButton,children:(0,i.jsx)(a(111010).D,{styleKey:a(139424).A.isMobile?"titleSmMedium":"bodyMedium",children:e.text})});case"plain":return(0,i.jsx)(a(988022).p,{size:"lg",onClick:e.onClick,colorPalette:e.isBlue?"blue":"gray",style:{...n.plainButton,...n.mobileButton},children:(0,i.jsx)(a(111010).D,{styleKey:a(139424).A.isMobile?"titleSmRegular":"bodyRegular",children:e.text})});default:(0,a(48697).HB)(e)}})(),e.error?(0,i.jsx)(a(111010).D,{styleKey:"bodyRegular",colorPalette:"red",colorVariant:"tertiary",style:n.actionError,children:e.error}):void 0]})}a.d(t,{Y:()=>s})},653023(e,t,a){a(159952);var i=a(635790),r=a(440302);let l={marketplaceRatingContainer:{paddingBottom:"4px"},star:{cursor:"pointer",padding:"0 4px",height:"40px",width:"40px",color:a(632079).Tj.marketplaceStarDefault},starDragging:{cursor:"grabbing"},highlighted:{color:a(632079).Tj.marketplaceStarSelected},error:{color:a(632079).Tj.red.text.tertiary},errorMessage:{marginTop:"8px",textAlign:"center"}};function s(e){var t;let{labelledBy:s,error:d,isDisabled:u,rating:g,onRatingConfirmed:m}=e,p=(0,a(327219).tz)(),h=(t=u,(0,a(960253).I)(()=>({group:{display:"flex",...t&&{pointerEvents:"none"}}}),[t])),[f,v]=(0,i.useState)(0),y=g??f,[w,b]=(0,i.useState)(!1),[M,x]=(0,i.useState)(0),k=()=>x(0);return(0,r.jsxs)("div",{style:l.marketplaceRatingContainer,children:[(0,r.jsx)("div",{role:"radiogroup","aria-labelledby":s,"aria-invalid":!!d,"aria-errormessage":d?n:void 0,"aria-required":!0,style:h.group,onMouseLeave:e=>{k(),b(!1),o(e)&&y&&(null==m||m(y))},onBlur:k,children:a(295180).Vu.map(e=>{let t=y===e,i=e<=y,s={...l.star,...!u&&(i||e<=M)&&l.highlighted,...w&&l.starDragging,...d&&!M&&l.error};return(0,r.jsx)("div",{role:"radio",tabIndex:0,"aria-checked":t,"aria-label":p.formatMessage(c.starLabel,{star:e}),"aria-disabled":u,onFocus:()=>{x(e)},onMouseDown:()=>{b(!1),v(e)},onKeyDown:t=>{"Enter"===t.key&&(v(e),null==m||m(e),b(!1))},onMouseUp:()=>{b(!1),null==m||m(e)},onMouseEnter:t=>{o(t)&&(b(!0),v(e)),x(e)},children:i?(0,r.jsx)(a(16275).I,{icon:a(170303).F,fitToViewBox:"all",style:s}):(0,r.jsx)(a(16275).I,{icon:a(150963).w,fitToViewBox:"all",style:s})},e)})}),d?(0,r.jsx)(a(111010).D,{id:n,styleKey:"bodyRegular",colorPalette:"red",colorVariant:"tertiary",style:l.errorMessage,children:d.message}):void 0]})}let n="rating-error-message";function o(e){return 1===e.buttons}let c=(0,a(327219).YK)({starLabel:{id:"marketplace.rating.star",defaultMessage:"Select {star, plural, one {{star, number} star} other {{star, number} stars}}"}});a.d(t,{v:()=>s})},385601(e,t,a){a.r(t),a.d(t,{MarketplaceReviewModal:()=>f}),a(176765),a(851344),a(866491);var i=a(635790);a(533958),a(682556),a(730330),a(218043);var r=a(440302);function l(){let e=(0,a(327219).tz)(),t=(0,a(533992).v3)(),[l,d]=(0,i.useState)(""),[u,g]=(0,i.useState)(),[m,p]=(0,i.useState)(""),[h,f]=(0,i.useState)(),[v,y]=(0,i.useState)(""),[w,b]=(0,i.useState)(),M=(0,a(579993).K8)(()=>{var t;return null==(t=a(728372).AppStoreCurrentUserStore.state)?void 0:t.getDisplayName(e,!0)},[e]);(0,i.useEffect)(()=>{M&&y(M)},[M]);let{acquisitionId:x,rating:k,source:_,productType:R}=(0,a(579993).O$)(a(369785).A),{trackRateListing:j,trackReviewListing:T}=(0,a(980458).o)(x),C=(0,a(579993).K8)(()=>a(369785).A.getReviewId(x),[x]),[S,A]=(0,a(97668).V$)(async()=>{let e={title:l,description:m,name:v};return C?(0,a(893380).TG)({environment:t,reviewId:C,...e}):(0,a(893380).Df)({environment:t,acquisitionId:x,rating:k,...e})},[t,C,x,k,l,m,v]),P=async()=>{try{await A(),T({type:"add",source:_}),k&&j({type:"add",surface:"emptyState",rating:k,source:_}),a(369785).A.updateState({stage:"success"})}

1catch(e){e instanceof AggregateError&&e.errors.forEach(e=>{"title"===e.cause?g(e.message):"description"===e.cause?f(e.message):"name"===e.cause&&b(e.message)})}};return(0,r.jsx)("form",{method:"dialog",children:(0,r.jsx)(a(21968).Y,{title:e.formatMessage(c.modalTitle),subTitle:e.formatMessage(c.modalSubTitle),body:(0,r.jsxs)(a(4458).VP,{width:"100%",gap:16,children:[(0,r.jsx)(a(307077).O,{name:e.formatMessage(c.title),htmlLabel:s,errorMessage:u,children:(0,r.jsx)(a(287562).p,{id:s,placeholder:e.formatMessage(c.titlePlaceholder),value:l,onChange:e=>{d(e.target.value),g(void 0)},"aria-invalid":!!u,autoComplete:"off"})}),(0,r.jsx)(a(307077).O,{name:e.formatMessage(c.review),htmlLabel:n,errorMessage:h,children:(0,r.jsx)(a(287562).p,{id:n,placeholder:e.formatMessage(function(e){switch(e){case"marketplace_service":return c.reviewPlaceholderService;case"marketplace_custom_agent":return c.reviewPlaceholderAgent;case"integration_listing":return c.reviewPlaceholderConnection;default:return c.reviewPlaceholderTemplate}}(R)),value:m,onChange:e=>{p(e.target.value),f(void 0)},textarea:!0,autosize:!0,autosizeMinHeight:50,textareaSubmitOnEnter:!1,showClearButton:!0,"aria-invalid":!!h,autoComplete:"off"})}),(0,r.jsx)(a(307077).O,{name:e.formatMessage(c.name),htmlLabel:o,errorMessage:w,children:(0,r.jsx)(a(287562).p,{id:o,placeholder:e.formatMessage(c.namePlaceholder),value:v,onChange:e=>{y(e.target.value),b(void 0)},showClearButton:!0,"aria-invalid":!!w})})]}),actions:[{type:"primary",text:e.formatMessage(c.submit),onClick:P,isDisabled:!!(u||h),isLoading:"pending"===S.status},{type:"plain",text:e.formatMessage(c.skip),onClick:()=>a(369785).A.closeModal()}]})})}let s="marketplace-review-title",n="marketplace-review-review",o="marketplace-review-name",c=(0,a(327219).YK)({modalTitle:{id:"marketplace.submitRatingModal.details.modalTitle",defaultMessage:"Share your thoughts"},modalSubTitle:{id:"marketplace.submitRatingModal.details.modalSubTitle",defaultMessage:"Leave a review for the Notion community"},title:{id:"marketplace.submitRatingModal.details.title",defaultMessage:"Title"},titlePlaceholder:{id:"marketplace.submitRatingModal.details.titlePlaceholder",defaultMessage:"My review"},review:{id:"marketplace.submitRatingModal.details.review",defaultMessage:"Review"},reviewPlaceholderTemplate:{id:"marketplace.submitRatingModal.details.reviewPlaceholder.template",defaultMessage:"This template is…"},reviewPlaceholderService:{id:"marketplace.submitRatingModal.details.reviewPlaceholder.service",defaultMessage:"This service is…"},reviewPlaceholderAgent:{id:"marketplace.submitRatingModal.details.reviewPlaceholder.agent",defaultMessage:"This agent is…"},reviewPlaceholderConnection:{id:"marketplace.submitRatingModal.details.reviewPlaceholder.connection",defaultMessage:"This connection is…"},name:{id:"marketplace.submitRatingModal.details.name",defaultMessage:"Name shown on review"},namePlaceholder:{id:"marketplace.submitRatingModal.details.namePlaceholder",defaultMessage:"Your name"},submit:{id:"marketplace.submitRatingModal.details.submit",defaultMessage:"Submit"},skip:{id:"marketplace.submitRatingModal.details.skip",defaultMessage:"Skip"}});function d(){let e=(0,a(327219).tz)(),{acquisitionId:t,productType:i,source:l}=(0,a(579993).O$)(a(369785).A),{onRatingConfirmed:s,onSubmit:n,isLoading:o,error:c}=(0,a(5248)._)({acquisitionId:t,source:l}),d=async()=>{try{await n(),a(369785).A.updateState({stage:"details"})}catch(e){(0,a(208318).t)().error({from:"MarketplaceReviewModalRatingStage",type:"submitRatingFailed",error:e})}};return(0,r.jsx)("form",{method:"dialog",children:(0,r.jsx)(a(21968).Y,{title:(0,r.jsx)("div",{id:u,children:e.formatMessage(function(e){switch(e){case"marketplace_service":return g.rateService;case"marketplace_custom_agent":return g.rateAgent;case"integration_listing":return g.rateConnection;default:return g.rateThisTemplate}}(i))}),body:(0,r.jsx)(a(653023).v,{labelledBy:u,error:c,onRatingConfirmed:s}),actions:[{type:"primary",text:e.formatMessage(g.submit),onClick:d,isDisabled:!!c,isLoading:o},{type:"plain",text:e.formatMessage(g.cancel),onClick:()=>a(369785).A.closeModal()}]})})}let u="rate-this-template",g=(0,a(327219).YK)({rateThisTemplate:{id:"marketplace.submitRatingModal.rateThisTemplate",defaultMessage:"Rate this template"}

1,rateService:{id:"marketplace.submitRatingModal.rateService",defaultMessage:"Rate this service"},rateAgent:{id:"marketplace.submitRatingModal.rateAgent",defaultMessage:"Rate this agent"},rateConnection:{id:"marketplace.submitRatingModal.rateConnection",defaultMessage:"Rate this connection"},submit:{id:"marketplace.submitRatingModal.submit",defaultMessage:"Submit"},cancel:{id:"marketplace.submitRatingModal.cancel",defaultMessage:"Cancel"}}),m=(0,a(104509).xh)("bubbleEllipses",{default:{loader:()=>a.e(9479).then(a.bind(a,90814))},small:{loader:()=>a.e(9479).then(a.bind(a,895500))},fill:{loader:()=>a.e(9479).then(a.bind(a,963484))},fillSmall:{loader:()=>a.e(9479).then(a.bind(a,993059))}},["speech","bubble","typing","type","reply","replying","waiting","message","comment"]);function p(){let e=(0,a(327219).tz)();return(0,r.jsx)(a(21968).Y,{icon:(0,r.jsx)(a(708966).Q,{iconGroup:m,colorVariant:"secondary",variantName:"default",style:{width:36,height:36}}),title:e.formatMessage(h.title),subTitle:e.formatMessage(h.subTitle),actions:[{type:"outline",text:e.formatMessage(h.done),onClick:()=>a(369785).A.closeModal()}],width:300})}let h=(0,a(327219).YK)({title:{id:"marketplace.submitRatingModal.success.title",defaultMessage:"Reviewing your submission"},subTitle:{id:"marketplace.submitRatingModal.success.subTitle",defaultMessage:"Your review will be visible after it’s been approved by our team"},done:{id:"marketplace.submitRatingModal.success.gotIt",defaultMessage:"Got it"}});function f(){let e=(0,a(533992).v3)(),{isOpen:t,stage:s,source:n}=(0,a(579993).O$)(a(369785).A),o=(0,a(668745).ZC)(s),{navigate:c}=(0,i.useContext)(a(44894).E);(0,i.useEffect)(()=>{t&&(0,a(104310).u)({event:{eventName:"view_marketplace_review_modal",eventProperties:{stage:s,previous_stage:o!==s?o:void 0,source:n}}})},[e,t,s,o,n]);let u=(0,i.useCallback)(()=>{a(369785).A.closeModal();let t=new URL(window.location.href);t.searchParams.delete("review"),c({environment:e,url:t.toString()})},[e,c]),g=(0,i.useCallback)(()=>{switch(s){case"rating":return(0,r.jsx)(d,{});case"details":return(0,r.jsx)(l,{});case"success":return(0,r.jsx)(p,{});default:(0,a(48697).HB)(s)}},[s]);return(0,r.jsx)(a(943365).s,{isOpen:t,onDismiss:u,showCloseIcon:"success"!==s,animateSizeTransition:!1,children:g})}},5248(e,t,a){a(533958);var i=a(635790);function r(e){let{acquisitionId:t,source:r}=e,l=(0,a(533992).v3)(),{trackRateListing:s}=(0,a(980458).o)(t),[n,o]=(0,i.useState)(),[c,d]=(0,i.useState)(0),u=(0,i.useCallback)(e=>{d(e),o(void 0)},[]),[g,m]=(0,a(97668).V$)(()=>(0,a(893380).Df)({environment:l,acquisitionId:t,rating:c}),[l,t,c]);return{onRatingConfirmed:u,onSubmit:(0,i.useCallback)(async()=>{try{await m(),c&&s({type:"add",surface:"leaveReviewButton",rating:c,source:r})}catch(e){throw e instanceof Error&&o(e),e}},[m,c,r,s]),isLoading:"pending"===g.status,error:n}}a.d(t,{_:()=>r})},980458(e,t,a){var i=a(635790);function r(e){let t=(0,a(533992).v3)(),r=(0,a(579993).K8)(()=>""===e?"":new(a(48922)).y(t,{table:a(832375).HtE,id:e}).getListingId()||"",[t,e]);return{trackReviewListing:(0,i.useCallback)(e=>{(0,a(104310).u)({event:{eventName:"review_listing",eventProperties:{from:"inApp",listing_id:r,...e}}})},[r]),trackRateListing:(0,i.useCallback)(e=>{(0,a(104310).u)({event:{eventName:"rate_listing",eventProperties:{from:"inApp",listing_id:r,...e}}})},[r])}}a.d(t,{o:()=>r})},170303(e,t,a){a(635790);let i={viewBox:"0 0 20 20",fittedViewBox:"2.4 2.39 15.2 14.52",svg:(0,a(440302).jsx)("path",{d:"M10.594 2.83a.625.625 0 0 0-1.188 0L7.899 7.468H3.025a.625.625 0 0 0-.367 1.13L6.6 11.462l-1.506 4.636a.625.625 0 0 0 .962.699L10 13.932l3.943 2.865a.625.625 0 0 0 .962-.699L13.4 11.462l3.943-2.865a.625.625 0 0 0-.367-1.13H12.1z"})},r=(0,a(104509).wt)("starFill",i,"fill");a.d(t,{},{F:r})},225929(e,t,a){function i(e){if(!a(295180).Vu.includes(e))throw new(a(101787)).rT("Rating must be an integer between 1 and 5.",{type:"marketplace_listing_review_invalid_rating"});return!0}function r(e){let t=e.trim();if(t.length<3)throw new(a(101787)).rT("Title too short",{type:"marketplace_listing_review_title_too_short"});if(t.length>100)throw new(a(101787)).rT("Title too long",{type:"marketplace_listing_review_title_too_long"})}function l(e){let t=e.trim();if(t.length<50)throw new(a(101787)).rT("Description too short",{type:"marketplace_listing_review_description_too_short"});if(t.length>1500)throw new(a(101787)).rT("Title too long",{type:"marketplace_listing_review_description_too_long"})}function s(e){let t=e.trim();if(0===t.length)throw new(a(101787)).rT("Name is required",{type:"marketplace_listing_review_name_too_short"});if(t.length>40)throw new(a(101787)).rT("Name too long",{type:"marketplace_listing_review_name_too_long"})}function n(e){let t=e.trim();if(t.length<5)throw new(a(101787)).rT("Creator response too short",{type:"marketplace_listing_review_creator_response_too_short"});if(t.length>1500)throw new(a(101787)).rT("Creator response too long",{type:"marketplace_listing_review_creator_response_too_long"})}function o(e){return void 0!==e.getTitle()&&void 0!==e.getSerializedContent()}function c(e,t){return t!==a(832375).J6M&&15>(0,a(362008).YH)(e)}function d(e){switch(e){case"mostRecent":return{columnName:"updated_time",direction:"descending"};case"highestRating":return{columnName:"rating",direction:"descending"};case"lowestRating":return{columnName:"rating",direction:"ascending"};default:(0,a(48697).HB)(e)}}a.d(t,{Bl:()=>i,IH:()=>r,Lh:()=>d,Mh:()=>o,RY:()=>s,VP:()=>c,_A:()=>l,n$:()=>n})}}]);