@pickaxeproject/react 6.23.9 → 6.23.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),t=require("framer-motion"),o=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/pickaxe/useResponseContext.js"),l=require("../../../hooks/studio/useStyleFontSize.js"),n=require("../../../common/utils.js"),a=require("../../Icons/circle-exclamation.svg.js"),c=require("../../Core/SpringTransition.js"),d=require("../../Core/HtmlRenderer.js"),u=require("./PickaxeButton.js"),p=require("../../../common/cn.js"),m=require("../../../common/api/pickaxe.js"),x=require("../Addons/Auth/hooks/useAuthContext.js"),v=require("./AccessGroupCardPreview.js"),b=require("./HorizontalScrollCue.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),t=require("framer-motion"),o=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../../hooks/pickaxe/useResponseContext.js"),l=require("../../../hooks/studio/useStyleFontSize.js"),n=require("../../../common/utils.js"),a=require("../../Icons/circle-exclamation.svg.js"),c=require("../../Core/SpringTransition.js"),d=require("../../Core/HtmlRenderer.js"),u=require("./PickaxeButton.js"),p=require("../../../common/cn.js"),m=require("../../../common/api/pickaxe.js"),x=require("../Addons/Auth/hooks/useAuthContext.js"),v=require("./AccessGroupCardPreview.js"),b=require("./HorizontalScrollCue.js"),g=require("../../../hooks/studio/useStudio.js"),f=require("./PickaxeCurrency.js"),h=require("../../../common/embedAuthEvents.js");const j=({price:e,uses:i,isCredits:t,isSelected:o,costPerRun:r,onClick:l,colors:n,currencySymbol:a})=>{const c=`${a}${e}`,d={backgroundColor:n.secondary,color:n.secondaryText,borderColor:o?n.secondaryText:"rgba(0,0,0,0.1)"},u=t&&r?Math.ceil(i/r):0;return t?s.jsxs("button",Object.assign({onClick:l,className:p.default("flex min-w-[200px] shrink-0 cursor-pointer flex-col rounded-[16px] px-6 py-5 text-left transition-all duration-200",o?"border-2 shadow-sm":"border opacity-80 hover:opacity-100"),style:d},{children:[s.jsxs("div",Object.assign({className:"mb-4 flex items-center gap-2"},{children:[s.jsx("span",Object.assign({className:"text-[24px] font-semibold tracking-tight"},{children:c})),s.jsxs("span",Object.assign({className:"text-[14px] font-light opacity-80"},{children:["/",i.toLocaleString()," credits"]}))]})),s.jsx("div",{className:"mb-4 h-[1px] w-full",style:{backgroundColor:n.secondaryText,opacity:.15}}),s.jsxs("span",Object.assign({className:"text-[14px] italic opacity-70"},{children:["~ ",void 0!==u&&u>0?u.toLocaleString():"..."," ","runs"]}))]})):s.jsxs("button",Object.assign({onClick:l,className:p.default("flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-[16px] px-5 py-3 transition-all duration-200",o?"border-2 shadow-sm":"border opacity-80 hover:opacity-100"),style:d},{children:[s.jsx("span",Object.assign({className:"text-[24px] font-semibold tracking-tight"},{children:c})),s.jsxs("span",Object.assign({className:"text-[14px] font-light opacity-80"},{children:["/",i.toLocaleString()," uses"]}))]}))},y=(e,s)=>{var i,t;const o=Number(s?null!==(i=e.credits)&&void 0!==i?i:e.uses:null!==(t=e.uses)&&void 0!==t?t:e.credits);return Number.isFinite(o)?o:0},k=e=>{const s=Number(e.price);return Number.isFinite(s)?s:0};exports.default=({className:C,iconClassName:w,htmlClassName:N})=>{var S,I,O,q,_;const{colors:U,deploymentId:A,isEmbed:P,pickaxe:E,accessGroup:L,sender:R,translations:G,setValidationStatus:B,setClientSecret:T,setStripeAccountId:F}=o.usePickaxeContext(),{token:M,setRedirectUrl:z}=x.useAuthContext(),{limitData:$}=r.useResponseContext(),{studio:H}=g.useStudio(),D=l.useStyleFontSize(),[V,J]=i.useState(0),[K,Q]=i.useState(null),W=Boolean(null==$?void 0:$.hideUpgradeOptions),X=null==H?void 0:H.data,Y=null==X?void 0:X.usage,Z=Boolean(null==Y?void 0:Y.isCredits),ee=(null==Y?void 0:Y.currency)||(null==X?void 0:X.currency),se=null!==(I=null===(S=f.currencyOptions.find((e=>e.id===ee)))||void 0===S?void 0:S.symbol)&&void 0!==I?I:f.currencyOptions[0].symbol,ie=W||"string"!=typeof(null==$?void 0:$.customLink)?"":$.customLink.trim(),te=i.useMemo((()=>{if(W)return[];if(ie)return[];const e=Z?null==Y?void 0:Y.availableCredits:null==Y?void 0:Y.availableUses;return Array.isArray(e)&&e.length>0?e:[]}),[ie,Z,W,null==Y?void 0:Y.availableCredits,null==Y?void 0:Y.availableUses]);i.useEffect((()=>{J(0)}),[te]);const oe=!0===(null===(O=null==L?void 0:L.upgrade)||void 0===O?void 0:O.isBuyMoreUses)&&te.length>0,re=oe?te[V]:void 0,le=re?y(re,Z):0,ne=re?k(re):0;i.useEffect((()=>{let s=!0;return e.__awaiter(void 0,void 0,void 0,(function*(){if(ie)Q(null);else if(null==X?void 0:X.workspaceId)try{const e=yield m.pickaxeApi2.get(`/cost_per_run?workspaceId=${X.workspaceId}`,{withCredentials:!1});if(s){const s=1e4*e.data.costPerRun||0;Q(s)}}catch(e){console.error("Failed to fetch cost per run:",e),s&&Q(0)}else Q(0)})),()=>{s=!1}}),[ie,null==X?void 0:X.workspaceId,Q]);const ae=ie,ce=(null===(q=null==$?void 0:$.limitCTA)||void 0===q?void 0:q.trim())||(null==G?void 0:G["pricing.upgrade"])||(null==G?void 0:G.upgrade)||"Upgrade",de=!W&&!ie&&Array.isArray(null==$?void 0:$.upgradeGroups)&&(null==$?void 0:$.upgradeGroups)&&(null==$?void 0:$.upgradeGroups.length)>0;return $?s.jsx(t.AnimatePresence,{children:s.jsxs(c.default,Object.assign({className:p.default("flex flex-col gap-5 w-full",C)},{children:[s.jsxs("div",Object.assign({className:"flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between rounded-lg p-3 bg-opacity-5",style:{backgroundColor:U.secondary}},{children:[s.jsxs("div",Object.assign({className:"flex gap-3 items-start"},{children:[s.jsx(a.default,{className:p.default("h-5 w-5 shrink-0 mt-0.5",w),style:{color:U.accent}}),s.jsx(d.default,{className:p.default(D.b2,"font-semibold leading-relaxed text-sm",N),style:{color:U.text},html:$.limitMessage||""})]})),ae&&s.jsx(u.default,Object.assign({variant:"primary",className:"whitespace-nowrap min-h-[32px] w-full sm:w-auto text-sm",onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){window.open(ae,"_blank","noopener,noreferrer")}))},{children:ce}))]})),de&&s.jsxs("div",Object.assign({className:"flex flex-col gap-2"},{children:[s.jsx("h3",Object.assign({className:"text-xs font-bold opacity-70 uppercase px-1",style:{color:U.text}},{children:(null==G?void 0:G["available-plans"])||"Available Plans"})),s.jsx(b.default,Object.assign({contentClassName:"gap-3 pb-4 pt-1",edgeColor:U.primary},{children:null===(_=$.upgradeGroups)||void 0===_?void 0:_.map(((e,i)=>s.jsx(v.default,{data:e},e.accessGroupId||i)))}))]})),oe&&re&&s.jsxs("div",Object.assign({className:"flex flex-col gap-3"},{children:[s.jsxs("h3",Object.assign({className:"text-xs font-bold opacity-70 uppercase px-1",style:{color:U.text}},{children:[(null==G?void 0:G.buy)||"Buy"," ",Z?(null==G?void 0:G.credits)||"Credits":(null==G?void 0:G.uses)||"Uses"]})),s.jsx("div",Object.assign({className:"flex flex-row gap-3 overflow-x-auto pb-2 pt-1 snap-x scrollbar-thin"},{children:te.map(((e,i)=>s.jsx(j,{price:k(e),uses:y(e,Z),isCredits:Z,costPerRun:K||void 0,isSelected:i===V,onClick:()=>J(i),colors:U,currencySymbol:se},e.id||i)))})),s.jsxs(u.default,Object.assign({variant:"primary",className:"w-full py-3 text-sm font-bold shadow-md",onClick:()=>e.__awaiter(void 0,void 0,void 0,(function*(){if(M){var s,i,t;s=le,i=ne,t=re.id,e.__awaiter(void 0,void 0,void 0,(function*(){try{const e={deploymentId:A,pickaxeId:(null==E?void 0:E.formid)||"",studioId:(null==E?void 0:E.studioid)||""},o=P?h.getEmbedCheckoutCancelUrl():document.URL,r=P?h.getEmbedCheckoutSuccessUrl(e):n.getCheckoutSuccessUrl(o),l=P?h.getEmbedCheckoutId(r):void 0,a=yield m.pickaxeApi2.post("/billing/extra_usage_payment_link",{data:{sender:R||void 0,studioSessionToken:M,studioId:null==E?void 0:E.studioid,cost:i,packageId:t,checkoutId:l,isEmbed:n.isInIframe(),extraUses:s,successUrl:r,cancelUrl:o}}),{success:c,url:d,clientSecret:u,checkoutSessionId:p,stripeAccountId:x,error:v}=a.data;P&&h.rememberPendingEmbedCheckout(e,p,r),c?n.isInIframe()?u&&x?(F(x),T(u),B("stripe_checkout")):d&&window.open(d,"_blank"):d&&(window.location.href=d):alert(v)}catch(e){alert(e)}}))}else{const e=$.limitLink||ae;if(n.isInIframe())z(e||null),B("login_required");else{const s=n.buildUpgradeUrl({baseUrl:e,redirectUrl:document.URL});s&&(window.location.href=s)}}}))},{children:[(null==G?void 0:G.buy)||"Buy"," ",le.toLocaleString()," ",Z?(null==G?void 0:G.credits)||"Credits":(null==G?void 0:G.uses)||"Uses"," ","for ",se,ne]}))]}))]}))}):null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsx as o,jsxs as
|
|
1
|
+
import{__awaiter as e}from"../../../_virtual/_tslib.js";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{useState as s,useMemo as t,useEffect as r}from"react";import{AnimatePresence as l}from"framer-motion";import{usePickaxeContext as n}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as a}from"../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as c}from"../../../hooks/studio/useStyleFontSize.js";import{isInIframe as d,buildUpgradeUrl as u,getCheckoutSuccessUrl as m}from"../../../common/utils.js";import p from"../../Icons/circle-exclamation.svg.js";import v from"../../Core/SpringTransition.js";import f from"../../Core/HtmlRenderer.js";import g from"./PickaxeButton.js";import x from"../../../common/cn.js";import{pickaxeApi2 as b}from"../../../common/api/pickaxe.js";import{useAuthContext as h}from"../Addons/Auth/hooks/useAuthContext.js";import y from"./AccessGroupCardPreview.js";import k from"./HorizontalScrollCue.js";import{useStudio as j}from"../../../hooks/studio/useStudio.js";import{currencyOptions as C}from"./PickaxeCurrency.js";import{getEmbedCheckoutCancelUrl as w,getEmbedCheckoutSuccessUrl as N,getEmbedCheckoutId as O,rememberPendingEmbedCheckout as S}from"../../../common/embedAuthEvents.js";const I=({price:e,uses:s,isCredits:t,isSelected:r,costPerRun:l,onClick:n,colors:a,currencySymbol:c})=>{const d=`${c}${e}`,u={backgroundColor:a.secondary,color:a.secondaryText,borderColor:r?a.secondaryText:"rgba(0,0,0,0.1)"},m=t&&l?Math.ceil(s/l):0;return i("button",t?Object.assign({onClick:n,className:x("flex min-w-[200px] shrink-0 cursor-pointer flex-col rounded-[16px] px-6 py-5 text-left transition-all duration-200",r?"border-2 shadow-sm":"border opacity-80 hover:opacity-100"),style:u},{children:[i("div",Object.assign({className:"mb-4 flex items-center gap-2"},{children:[o("span",Object.assign({className:"text-[24px] font-semibold tracking-tight"},{children:d})),i("span",Object.assign({className:"text-[14px] font-light opacity-80"},{children:["/",s.toLocaleString()," credits"]}))]})),o("div",{className:"mb-4 h-[1px] w-full",style:{backgroundColor:a.secondaryText,opacity:.15}}),i("span",Object.assign({className:"text-[14px] italic opacity-70"},{children:["~ ",void 0!==m&&m>0?m.toLocaleString():"..."," ","runs"]}))]}):Object.assign({onClick:n,className:x("flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-[16px] px-5 py-3 transition-all duration-200",r?"border-2 shadow-sm":"border opacity-80 hover:opacity-100"),style:u},{children:[o("span",Object.assign({className:"text-[24px] font-semibold tracking-tight"},{children:d})),i("span",Object.assign({className:"text-[14px] font-light opacity-80"},{children:["/",s.toLocaleString()," uses"]}))]}))},U=(e,o)=>{var i,s;const t=Number(o?null!==(i=e.credits)&&void 0!==i?i:e.uses:null!==(s=e.uses)&&void 0!==s?s:e.credits);return Number.isFinite(t)?t:0},A=e=>{const o=Number(e.price);return Number.isFinite(o)?o:0},_=({className:_,iconClassName:L,htmlClassName:P})=>{var R,G,B,T,F;const{colors:E,deploymentId:M,isEmbed:$,pickaxe:z,accessGroup:H,sender:q,translations:D,setValidationStatus:V,setClientSecret:J,setStripeAccountId:K}=n(),{token:Q,setRedirectUrl:W}=h(),{limitData:X}=a(),{studio:Y}=j(),Z=c(),[ee,oe]=s(0),[ie,se]=s(null),te=Boolean(null==X?void 0:X.hideUpgradeOptions),re=null==Y?void 0:Y.data,le=null==re?void 0:re.usage,ne=Boolean(null==le?void 0:le.isCredits),ae=(null==le?void 0:le.currency)||(null==re?void 0:re.currency),ce=null!==(G=null===(R=C.find((e=>e.id===ae)))||void 0===R?void 0:R.symbol)&&void 0!==G?G:C[0].symbol,de=te||"string"!=typeof(null==X?void 0:X.customLink)?"":X.customLink.trim(),ue=t((()=>{if(te)return[];if(de)return[];const e=ne?null==le?void 0:le.availableCredits:null==le?void 0:le.availableUses;return Array.isArray(e)&&e.length>0?e:[]}),[de,ne,te,null==le?void 0:le.availableCredits,null==le?void 0:le.availableUses]);r((()=>{oe(0)}),[ue]);const me=!0===(null===(B=null==H?void 0:H.upgrade)||void 0===B?void 0:B.isBuyMoreUses)&&ue.length>0,pe=me?ue[ee]:void 0,ve=pe?U(pe,ne):0,fe=pe?A(pe):0;r((()=>{let o=!0;return e(void 0,void 0,void 0,(function*(){if(de)se(null);else if(null==re?void 0:re.workspaceId)try{const e=yield b.get(`/cost_per_run?workspaceId=${re.workspaceId}`,{withCredentials:!1});if(o){const o=1e4*e.data.costPerRun||0;se(o)}}catch(e){console.error("Failed to fetch cost per run:",e),o&&se(0)}else se(0)})),()=>{o=!1}}),[de,null==re?void 0:re.workspaceId,se]);const ge=de,xe=(null===(T=null==X?void 0:X.limitCTA)||void 0===T?void 0:T.trim())||(null==D?void 0:D["pricing.upgrade"])||(null==D?void 0:D.upgrade)||"Upgrade",be=!te&&!de&&Array.isArray(null==X?void 0:X.upgradeGroups)&&(null==X?void 0:X.upgradeGroups)&&(null==X?void 0:X.upgradeGroups.length)>0;return X?o(l,{children:i(v,Object.assign({className:x("flex flex-col gap-5 w-full",_)},{children:[i("div",Object.assign({className:"flex flex-col sm:flex-row gap-4 items-start sm:items-center justify-between rounded-lg p-3 bg-opacity-5",style:{backgroundColor:E.secondary}},{children:[i("div",Object.assign({className:"flex gap-3 items-start"},{children:[o(p,{className:x("h-5 w-5 shrink-0 mt-0.5",L),style:{color:E.accent}}),o(f,{className:x(Z.b2,"font-semibold leading-relaxed text-sm",P),style:{color:E.text},html:X.limitMessage||""})]})),ge&&o(g,Object.assign({variant:"primary",className:"whitespace-nowrap min-h-[32px] w-full sm:w-auto text-sm",onClick:()=>e(void 0,void 0,void 0,(function*(){window.open(ge,"_blank","noopener,noreferrer")}))},{children:xe}))]})),be&&i("div",Object.assign({className:"flex flex-col gap-2"},{children:[o("h3",Object.assign({className:"text-xs font-bold opacity-70 uppercase px-1",style:{color:E.text}},{children:(null==D?void 0:D["available-plans"])||"Available Plans"})),o(k,Object.assign({contentClassName:"gap-3 pb-4 pt-1",edgeColor:E.primary},{children:null===(F=X.upgradeGroups)||void 0===F?void 0:F.map(((e,i)=>o(y,{data:e},e.accessGroupId||i)))}))]})),me&&pe&&i("div",Object.assign({className:"flex flex-col gap-3"},{children:[i("h3",Object.assign({className:"text-xs font-bold opacity-70 uppercase px-1",style:{color:E.text}},{children:[(null==D?void 0:D.buy)||"Buy"," ",ne?(null==D?void 0:D.credits)||"Credits":(null==D?void 0:D.uses)||"Uses"]})),o("div",Object.assign({className:"flex flex-row gap-3 overflow-x-auto pb-2 pt-1 snap-x scrollbar-thin"},{children:ue.map(((e,i)=>o(I,{price:A(e),uses:U(e,ne),isCredits:ne,costPerRun:ie||void 0,isSelected:i===ee,onClick:()=>oe(i),colors:E,currencySymbol:ce},e.id||i)))})),i(g,Object.assign({variant:"primary",className:"w-full py-3 text-sm font-bold shadow-md",onClick:()=>e(void 0,void 0,void 0,(function*(){if(Q){var o,i,s;o=ve,i=fe,s=pe.id,e(void 0,void 0,void 0,(function*(){try{const e={deploymentId:M,pickaxeId:(null==z?void 0:z.formid)||"",studioId:(null==z?void 0:z.studioid)||""},t=$?w():document.URL,r=$?N(e):m(t),l=$?O(r):void 0,n=yield b.post("/billing/extra_usage_payment_link",{data:{sender:q||void 0,studioSessionToken:Q,studioId:null==z?void 0:z.studioid,cost:i,packageId:s,checkoutId:l,isEmbed:d(),extraUses:o,successUrl:r,cancelUrl:t}}),{success:a,url:c,clientSecret:u,checkoutSessionId:p,stripeAccountId:v,error:f}=n.data;$&&S(e,p,r),a?d()?u&&v?(K(v),J(u),V("stripe_checkout")):c&&window.open(c,"_blank"):c&&(window.location.href=c):alert(f)}catch(e){alert(e)}}))}else{const e=X.limitLink||ge;if(d())W(e||null),V("login_required");else{const o=u({baseUrl:e,redirectUrl:document.URL});o&&(window.location.href=o)}}}))},{children:[(null==D?void 0:D.buy)||"Buy"," ",ve.toLocaleString()," ",ne?(null==D?void 0:D.credits)||"Credits":(null==D?void 0:D.uses)||"Uses"," ","for ",ce,fe]}))]}))]}))}):null};export{_ as default};
|