@pickaxeproject/react 3.5.0 → 3.5.2
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"),l=require("../../../../hooks/core/useHover.js"),n=require("../../../../hooks/studio/useStyleFontSize.js"),t=require("../../../../hooks/studio/useStyleInput.js"),o=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("./hooks/useAuthContext.js"),r=require("./hooks/useAuth.js"),c=require("../../../Icons/spinner-circle.svg.js"),u=require("../../../Icons/lock.svg.js"),d=require("../../../Icons/email.svg.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),l=require("../../../../hooks/core/useHover.js"),n=require("../../../../hooks/studio/useStyleFontSize.js"),t=require("../../../../hooks/studio/useStyleInput.js"),o=require("../../../../hooks/pickaxe/usePickaxeContext.js"),a=require("./hooks/useAuthContext.js"),r=require("./hooks/useAuth.js"),c=require("../../../Icons/spinner-circle.svg.js"),u=require("../../../Icons/lock.svg.js"),d=require("../../../Icons/email.svg.js"),m=require("../../../Icons/arrow-right.svg.js"),x=require("../../common/PickaxeIcon.js"),p=require("../../common/PickaxeInput.js"),f=require("../../common/PickaxeButton.js"),h=require("../../common/PickaxeBranding.js"),j=require("../../../../common/cn.js");exports.default=()=>{var g,v,y,k,b,w,N,q,O,C,P;const{deploymentType:I,pickaxe:S,styles:R,colors:_,misc:H,responsiveBy:A,translations:D,isRtl:E}=o.usePickaxeContext(),{emailInput:F,isLoggingIn:T,isSending:B,isResendDisabled:L,isSent:W,setEmailInput:$}=a.useAuthContext(),{onSend:z}=r.useAuth(),K=n.useStyleFontSize(),M=t.useStyleInput(),G=l.useHover(),{isHover:J}=G,Q=e.__rest(G,["isHover"]),U=i.useMemo((()=>F.trim()&&!B&&!W),[F,B,W]);return"chat-input"===I?s.jsx("div",Object.assign({className:j.default("flex items-center gap-x-2 px-4 py-3 overflow-hidden","block"===R.formFieldStyle&&"shadow",W&&"justify-center"),style:M,dir:E?"rtl":"ltr"},{children:W?s.jsxs("p",Object.assign({className:"font-semilight text-center py-1"},{children:[`${null!==(v=null==D?void 0:D["we-sent-your-an-activation-link"])&&void 0!==v?v:"We sent you an activation link. Please be sure to check your spam folder too."} `,s.jsx("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{L||B||z(!0)}},{children:B?null!==(y=null==D?void 0:D.resending)&&void 0!==y?y:"Resending...":null!==(k=null==D?void 0:D.resend)&&void 0!==k?k:"Resend"}))]})):s.jsxs(s.Fragment,{children:[s.jsx(u.default,{className:"w-6 h-6 shrink-0",style:{color:_.accent}}),s.jsx("input",{id:"email",name:"email",type:"email",className:"outline-none ring-0 flex-grow bg-transparent",placeholder:null!==(g=null==D?void 0:D["enter-email-to-continue"])&&void 0!==g?g:"Enter here your email to continue",value:F,onChange:e=>$(e.target.value),onKeyDown:e=>{"Enter"===e.key&&z(!1)},autoComplete:"off"}),s.jsx("button",Object.assign({className:j.default("outline-none rounded-full w-8 h-8 disabled:cursor-default items-center justify-center flex duration-200 transition-colors ease-in-out",B&&"disabled:cursor-wait"),style:{backgroundColor:J||U?_.accent:_.accent+"10",color:J||U?_.accentText:_.accent+"80"},disabled:!F.trim()||B,onClick:()=>z(!1)},Q,{children:s.jsx(m.default,{className:j.default("h-6 w-6 shrink-0",E&&"transform scale-x-[-1]")})}))]})})):s.jsxs("div",Object.assign({className:"flex flex-col items-center flex-grow relative justify-center p-4",style:{backgroundColor:_.primary,color:_.text,borderRadius:R.cornerRadius},dir:E?"rtl":"ltr"},{children:[!H.isWhiteLabel&&s.jsx(h.default,{className:j.default("absolute top-4 right-4","popup"===I&&"right-12"),animateHover:!0}),T||!S?s.jsx(c.default,{className:"h-6 w-6 animate-spin animate-spin",style:{fill:_.accent,color:_.primary}}):s.jsxs("div",Object.assign({className:"w-full flex flex-col items-center text-center max-w-[328px]"},{children:[H.isProfileImage&&s.jsx(x.default,{src:null==S?void 0:S.coverphoto,alt:`${null==S?void 0:S.formtitle}'s Profile Picture`,width:72,height:72,className:"h-[72px] w-[72px] rounded-full"}),s.jsx("h3",Object.assign({className:j.default(K.h3,"my-6")},{children:S.formtitle||"Tool"})),W?s.jsxs("div",Object.assign({className:"flex flex-col items-center gap-6 w-full"},{children:[s.jsxs("div",Object.assign({className:"flex items-center gap-2"},{children:[s.jsx(d.default,{className:"w-6 h-6 shrink-0"}),s.jsx("p",Object.assign({className:"font-semilight text-[20px]"},{children:null!==(q=null==D?void 0:D["check-your-inbox"])&&void 0!==q?q:"Check your inbox"}))]})),s.jsxs("p",Object.assign({className:"font-semilight"},{children:[`${null!==(O=null==D?void 0:D["we-sent-your-an-activation-link"])&&void 0!==O?O:"We sent you an activation link. Please be sure to check your spam folder too."} `,s.jsx("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{L||B||z(!0)}},{children:B?null!==(C=null==D?void 0:D.resending)&&void 0!==C?C:"Resending...":null!==(P=null==D?void 0:D.resend)&&void 0!==P?P:"Resend"}))]}))]})):s.jsxs("div",Object.assign({className:"flex flex-col items-center gap-6 w-full"},{children:[s.jsxs("div",Object.assign({className:"flex items-center gap-2 flex-grow"},{children:[s.jsx(u.default,{className:"w-6 h-6 shrink-0"}),s.jsx("p",Object.assign({className:"font-semilight"},{children:null!==(b=null==D?void 0:D["please-enter-email-to-continue"])&&void 0!==b?b:"Please enter your email to continue:"}))]})),s.jsxs("div",Object.assign({className:j.default("flex flex-col items-center gap-x-3 gap-y-6 w-full","viewport"===A?"min-[899px]:flex-row":"@[420px]/pickaxe-root:flex-row")},{children:[s.jsx(p.default,{id:"email",name:"email",type:"email",className:j.default("w-full py-3","viewport"===A?"min-[899px]:flex-grow min-[899px]:py-2":"@[420px]/pickaxe-root:flex-grow @[420px]/pickaxe-root:py-2"),placeholder:"jane.doe@email.com",value:F,onChange:e=>$(e.target.value),onKeyDown:e=>{"Enter"===e.key&&z(!1)}}),s.jsx(f.default,Object.assign({className:j.default("px-8 min-h-[40px]","viewport"===A?"min-[899px]:px-4":"@[420px]/pickaxe-root:px-4"),loadingText:null!==(w=null==D?void 0:D.sending)&&void 0!==w?w:"Sending...",isLoading:B,isDisabled:!F.trim(),onClick:()=>z(!1)},{children:null!==(N=null==D?void 0:D.submit)&&void 0!==N?N:"Submit"}))]}))]}))]}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsx as i,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useMemo as l}from"react";import{useHover as s}from"../../../../hooks/core/useHover.js";import{useStyleFontSize as t}from"../../../../hooks/studio/useStyleFontSize.js";import{useStyleInput as r}from"../../../../hooks/studio/useStyleInput.js";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as c}from"./hooks/useAuthContext.js";import{useAuth as m}from"./hooks/useAuth.js";import d from"../../../Icons/spinner-circle.svg.js";import u from"../../../Icons/lock.svg.js";import p from"../../../Icons/email.svg.js";import f from"../../../Icons/arrow-right.svg.js";import x from"../../common/PickaxeIcon.js";import h from"../../common/PickaxeInput.js";import g from"../../common/PickaxeButton.js";import v from"../../common/PickaxeBranding.js";import
|
|
1
|
+
import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsx as i,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useMemo as l}from"react";import{useHover as s}from"../../../../hooks/core/useHover.js";import{useStyleFontSize as t}from"../../../../hooks/studio/useStyleFontSize.js";import{useStyleInput as r}from"../../../../hooks/studio/useStyleInput.js";import{usePickaxeContext as a}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useAuthContext as c}from"./hooks/useAuthContext.js";import{useAuth as m}from"./hooks/useAuth.js";import d from"../../../Icons/spinner-circle.svg.js";import u from"../../../Icons/lock.svg.js";import p from"../../../Icons/email.svg.js";import f from"../../../Icons/arrow-right.svg.js";import x from"../../common/PickaxeIcon.js";import h from"../../common/PickaxeInput.js";import g from"../../common/PickaxeButton.js";import v from"../../common/PickaxeBranding.js";import y from"../../../../common/cn.js";const k=()=>{var k,j,b,w,N,O,C,I,P,S,R;const{deploymentType:D,pickaxe:E,styles:H,colors:T,misc:B,responsiveBy:L,translations:W,isRtl:$}=a(),{emailInput:A,isLoggingIn:F,isSending:K,isResendDisabled:_,isSent:z,setEmailInput:q}=c(),{onSend:G}=m(),J=t(),M=r(),Q=s(),{isHover:U}=Q,V=e(Q,["isHover"]),X=l((()=>A.trim()&&!K&&!z),[A,K,z]);return"chat-input"===D?i("div",Object.assign({className:y("flex items-center gap-x-2 px-4 py-3 overflow-hidden","block"===H.formFieldStyle&&"shadow",z&&"justify-center"),style:M,dir:$?"rtl":"ltr"},{children:z?o("p",Object.assign({className:"font-semilight text-center py-1"},{children:[`${null!==(j=null==W?void 0:W["we-sent-your-an-activation-link"])&&void 0!==j?j:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{_||K||G(!0)}},{children:K?null!==(b=null==W?void 0:W.resending)&&void 0!==b?b:"Resending...":null!==(w=null==W?void 0:W.resend)&&void 0!==w?w:"Resend"}))]})):o(n,{children:[i(u,{className:"w-6 h-6 shrink-0",style:{color:T.accent}}),i("input",{id:"email",name:"email",type:"email",className:"outline-none ring-0 flex-grow bg-transparent",placeholder:null!==(k=null==W?void 0:W["enter-email-to-continue"])&&void 0!==k?k:"Enter here your email to continue",value:A,onChange:e=>q(e.target.value),onKeyDown:e=>{"Enter"===e.key&&G(!1)},autoComplete:"off"}),i("button",Object.assign({className:y("outline-none rounded-full w-8 h-8 disabled:cursor-default items-center justify-center flex duration-200 transition-colors ease-in-out",K&&"disabled:cursor-wait"),style:{backgroundColor:U||X?T.accent:T.accent+"10",color:U||X?T.accentText:T.accent+"80"},disabled:!A.trim()||K,onClick:()=>G(!1)},V,{children:i(f,{className:y("h-6 w-6 shrink-0",$&&"transform scale-x-[-1]")})}))]})})):o("div",Object.assign({className:"flex flex-col items-center flex-grow relative justify-center p-4",style:{backgroundColor:T.primary,color:T.text,borderRadius:H.cornerRadius},dir:$?"rtl":"ltr"},{children:[!B.isWhiteLabel&&i(v,{className:y("absolute top-4 right-4","popup"===D&&"right-12"),animateHover:!0}),F||!E?i(d,{className:"h-6 w-6 animate-spin animate-spin",style:{fill:T.accent,color:T.primary}}):o("div",Object.assign({className:"w-full flex flex-col items-center text-center max-w-[328px]"},{children:[B.isProfileImage&&i(x,{src:null==E?void 0:E.coverphoto,alt:`${null==E?void 0:E.formtitle}'s Profile Picture`,width:72,height:72,className:"h-[72px] w-[72px] rounded-full"}),i("h3",Object.assign({className:y(J.h3,"my-6")},{children:E.formtitle||"Tool"})),o("div",z?Object.assign({className:"flex flex-col items-center gap-6 w-full"},{children:[o("div",Object.assign({className:"flex items-center gap-2"},{children:[i(p,{className:"w-6 h-6 shrink-0"}),i("p",Object.assign({className:"font-semilight text-[20px]"},{children:null!==(I=null==W?void 0:W["check-your-inbox"])&&void 0!==I?I:"Check your inbox"}))]})),o("p",Object.assign({className:"font-semilight"},{children:[`${null!==(P=null==W?void 0:W["we-sent-your-an-activation-link"])&&void 0!==P?P:"We sent you an activation link. Please be sure to check your spam folder too."} `,i("span",Object.assign({className:"underline underline-offset-2 cursor-pointer",onClick:()=>{_||K||G(!0)}},{children:K?null!==(S=null==W?void 0:W.resending)&&void 0!==S?S:"Resending...":null!==(R=null==W?void 0:W.resend)&&void 0!==R?R:"Resend"}))]}))]}):Object.assign({className:"flex flex-col items-center gap-6 w-full"},{children:[o("div",Object.assign({className:"flex items-center gap-2 flex-grow"},{children:[i(u,{className:"w-6 h-6 shrink-0"}),i("p",Object.assign({className:"font-semilight"},{children:null!==(N=null==W?void 0:W["please-enter-email-to-continue"])&&void 0!==N?N:"Please enter your email to continue:"}))]})),o("div",Object.assign({className:y("flex flex-col items-center gap-x-3 gap-y-6 w-full","viewport"===L?"min-[899px]:flex-row":"@[420px]/pickaxe-root:flex-row")},{children:[i(h,{id:"email",name:"email",type:"email",className:y("w-full py-3","viewport"===L?"min-[899px]:flex-grow min-[899px]:py-2":"@[420px]/pickaxe-root:flex-grow @[420px]/pickaxe-root:py-2"),placeholder:"jane.doe@email.com",value:A,onChange:e=>q(e.target.value),onKeyDown:e=>{"Enter"===e.key&&G(!1)}}),i(g,Object.assign({className:y("px-8 min-h-[40px]","viewport"===L?"min-[899px]:px-4":"@[420px]/pickaxe-root:px-4"),loadingText:null!==(O=null==W?void 0:W.sending)&&void 0!==O?O:"Sending...",isLoading:K,isDisabled:!A.trim(),onClick:()=>G(!1)},{children:null!==(C=null==W?void 0:W.submit)&&void 0!==C?C:"Submit"}))]}))]}))]}))]}))};export{k as default};
|