@pickaxeproject/react 1.0.2 → 1.0.4
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.
- package/README.md +1 -1
- package/dist/cjs/components/Pickaxe/Chat/History/Message.js +1 -1
- package/dist/cjs/components/Pickaxe/Chat/History/index.js +1 -1
- package/dist/cjs/components/Pickaxe/common/PickaxeHead.js +1 -1
- package/dist/cjs/components/Pickaxe/common/PickaxeInfoModal.js +1 -1
- package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Renderer.js +1 -1
- package/dist/cjs/hooks/core/useDebounce.js +1 -0
- package/dist/cjs/hooks/studio/useStyleFontSize.js +1 -1
- package/dist/cjs/src/components/Pickaxe/common/PickaxeHead.d.ts +2 -2
- package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown/Renderer.d.ts +3 -2
- package/dist/cjs/src/components/Pickaxe/common/PickaxeMarkdown/utils/clamp.d.ts +2 -0
- package/dist/cjs/src/hooks/core/useDebounce.d.ts +1 -0
- package/dist/esm/components/Pickaxe/Chat/History/Message.js +1 -1
- package/dist/esm/components/Pickaxe/Chat/History/index.js +1 -1
- package/dist/esm/components/Pickaxe/common/PickaxeHead.js +1 -1
- package/dist/esm/components/Pickaxe/common/PickaxeInfoModal.js +1 -1
- package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Renderer.js +1 -1
- package/dist/esm/hooks/core/useDebounce.js +1 -0
- package/dist/esm/hooks/studio/useStyleFontSize.js +1 -1
- package/dist/esm/src/components/Pickaxe/common/PickaxeHead.d.ts +2 -2
- package/dist/esm/src/components/Pickaxe/common/PickaxeMarkdown/Renderer.d.ts +3 -2
- package/dist/esm/src/components/Pickaxe/common/PickaxeMarkdown/utils/clamp.d.ts +2 -0
- package/dist/esm/src/hooks/core/useDebounce.d.ts +1 -0
- package/package.json +1 -1
- package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/common/Modal/CloseButton.js +0 -1
- package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/common/TextModal.js +0 -1
- package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/common/Modal/CloseButton.js +0 -1
- package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/common/TextModal.js +0 -1
package/README.md
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),a=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/studio/useStyleFontSize.js"),o=require("../../common/PickaxeMarkdown/index.js"),c=require("../../common/PickaxeMarkdown/Renderer.js"),r=require("../../common/PickaxeIcon.js"),i=require("../../common/PickaxeCopyButton.js"),n=require("../../../../common/cn.js");exports.default=({index:l,message:x})=>{var d;const{formId:m,pickaxe:u,styles:j,colors:p,misc:h,responsiveBy:k}=a.usePickaxeContext(),[v,b]=s.useState(!1),w=t.useStyleFontSize(),f=null!==(d=null==u?void 0:u.chaticon)&&void 0!==d?d:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${m}.png`;return"assistant"===x.role?e.jsx("div",Object.assign({className:n.default("flex flex-col","viewport"===k?"min-[767px]:max-w-[80%]":"@[767px]/pickaxe-root:max-w-[80%]")},{children:e.jsxs("div",Object.assign({className:"flex gap-x-3"},{children:[h.isChatImage&&"NONE"!==f&&e.jsx(r.default,{src:f,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:p.text}),e.jsxs("div",Object.assign({className:"flex flex-col"},{children:[e.jsx("div",Object.assign({className:n.default(w.b2,"chat-message overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]")},{children:e.jsx(o.PickaxeMarkdown,Object.assign({theme:j.theme,accentColor:p.accent,linkPreviews:!0,actions:!0},{children:e.jsx(c.PickaxeMarkdownRenderer,Object.assign({value:x.content},0===l&&{maxLines:v?void 0:4,onExpandClick:()=>b(!0)}))}))})),e.jsx("div",Object.assign({className:"mb-2 ml-2 mt-4 flex gap-3"},{children:e.jsx(i.default,{color:p.accent,text:x.content})}))]}))]}))})):"user"===x.role?e.jsx("div",Object.assign({className:n.default("flex gap-x-3 justify-self-end pl-9","viewport"===k?"min-[767px]:max-w-[80%] min-[767px]:pl-0":"@[767px]/pickaxe-root:max-w-[80%] @[767px]/pickaxe-root:pl-0")},{children:e.jsx("div",Object.assign({className:n.default(w.b2,"overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"),style:{backgroundColor:p.secondary+"80",color:p.secondaryText}},{children:e.jsx(o.PickaxeMarkdown,Object.assign({theme:j.theme,accentColor:p.accent},{children:e.jsx(c.PickaxeMarkdownRenderer,{value:x.content})}))}))})):e.jsx("div",{})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),a=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("react"),a=require("../../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../../hooks/pickaxe/useResponseContext.js"),r=require("../../../../hooks/studio/useStyleFontSize.js"),n=require("../../../../hooks/pickaxe/useConversation.js"),o=require("../../../../hooks/core/useDebounce.js"),l=require("../../common/PickaxeIcon.js"),i=require("../../../Core/ErrorAlert.js"),c=require("../../Addons/Scroll/ScrollLockView.js"),d=require("../../common/PickaxeHead.js"),u=require("../../common/PickaxeInfoModal.js"),x=require("../../common/PickaxeUpgradeCard.js"),m=require("./Message.js"),f=require("../../../../common/cn.js");exports.default=()=>{var j;const g=n.useConversation(),p=r.useStyleFontSize(),{pickaxe:h,styles:b,colors:k,responsiveBy:v,isNewChat:E,setChatId:w}=a.usePickaxeContext(),{messages:y,status:C,limitData:N,error:O}=t.useResponseContext(),[q,S]=s.useState(!1),[B,F]=s.useState(!1),P=s.useRef(null),R=s.useRef(null),I=s.useRef(null),M=s.useMemo((()=>!!g.data&&!(g.data.messages.length<=1)),[g.data]),z=s.useMemo((()=>g.isSuccess&&E&&!M),[g.isSuccess,E,M]),T=o.useDebounce((()=>{D()}),200),D=s.useCallback((()=>{if(!P.current||!I.current)return;const e=P.current.getBoundingClientRect(),s=I.current.getBoundingClientRect().top-e.top;F(s<=255)}),[]);return s.useEffect((()=>{if(!P.current||!I.current)return;const e=new ResizeObserver((()=>{T()}));return e.observe(P.current),e.observe(I.current),()=>{e.disconnect()}}),[]),e.jsxs("div",Object.assign({ref:P,className:"relative flex flex-grow flex-col justify-end"},{children:[q&&e.jsx(u.default,{isOpen:q,onChangeIsOpen:S}),e.jsx("div",Object.assign({ref:R,className:f.default("absolute left-1/2 top-0 flex w-full max-w-[505px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",z&&!B&&"top-1/3 opacity-100")},{children:e.jsx(d.default,{iconClassName:"duration-300 hover:opacity-90",maxLines:2,onIconClick:()=>w("")})})),e.jsx("div",Object.assign({ref:I,className:"pxe-messages-container flex w-full justify-center"},{children:g.isLoading?e.jsxs("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[e.jsx("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}}),e.jsx("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===b.theme?"#1E1E1F":"#E5E7EB"}})]})):g.isError?e.jsx("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e.jsxs("p",Object.assign({className:f.default(p.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",e.jsx("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):e.jsxs("div",Object.assign({className:"flex flex-col w-full"},{children:[e.jsxs("div",Object.assign({className:f.default("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===v?"min-[767px]:pt-10":"@[767px]/pickaxe-root:pt-10")},{children:[g.data.messages.map(((s,a)=>e.jsx(m.default,{index:a,message:s},a))),y.map(((s,a)=>e.jsx(m.default,{index:g.data.messages.length+a,message:s},a))),"fetching"===C?e.jsxs("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==h?void 0:h.chaticon)&&e.jsx(l.default,{src:null!==(j=null==h?void 0:h.chaticon)&&void 0!==j?j:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==h?void 0:h.formid}.png`,alt:`${null==h?void 0:h.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6",textColor:k.text}),e.jsxs("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:k.secondary+"80",color:k.secondaryText}},{children:[e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:k.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:k.secondaryText}}),e.jsx("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:k.secondaryText}})]}))]})):N?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(x.default,{})})):O?e.jsx("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:e.jsx(i.default,{error:O})})):null]})),e.jsx(c.default,{className:"w-full"})]}))}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),t=require("../../../hooks/studio/useStyleFontSize.js"),r=require("./PickaxeMarkdown/Renderer.js"),o=require("./PickaxeIcon.js"),n=require("./PickaxeInfoModal.js"),c=require("./PickaxeMarkdown/index.js"),l=require("../../../common/cn.js");exports.default=({iconClassName:a,maxLines:u,onIconClick:d})=>{const{pickaxe:x,styles:m,colors:j,misc:k}=s.usePickaxeContext(),[p,f]=i.useState(!1),h=t.useStyleFontSize(),P=i.useMemo((()=>({title:(null==x?void 0:x.formtitle)||"",description:(null==x?void 0:x.formdescription)||""})),[x]);return e.jsxs("div",Object.assign({className:"flex flex-col items-center"},{children:[p&&e.jsx(n.default,{isOpen:p,onChangeIsOpen:f}),k.isProfileImage&&e.jsx(o.default,Object.assign({src:null==x?void 0:x.coverphoto,alt:`${null==x?void 0:x.formtitle}'s Profile Picture`,width:90,height:90,className:l.default("h-[90px] w-[90px] rounded-full",a)},d&&{onClick:d})),k.isTitle&&!!P.title&&e.jsx("h2",Object.assign({className:l.default(h.h2,"mt-6 text-center font-semilight opacity-90",!u&&"line-clamp-2")},{children:null==x?void 0:x.formtitle})),k.isDescription&&!!P.description&&e.jsx(c.PickaxeMarkdown,Object.assign({theme:m.theme,accentColor:j.accent},{children:e.jsx(r.PickaxeMarkdownRenderer,Object.assign({className:"mt-2",value:P.description},u&&{maxLines:u},{onExpandClick:()=>f(!0)}))}))]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../Icons/x.svg.js"),t=require("../../Core/Modal/index.js"),l=require("../../Core/Modal/Body.js"),a=require("./PickaxeSimpleButton.js"),i=require("./PickaxeHead.js");exports.default=({isOpen:x,onChangeIsOpen:c})=>{const{colors:o}=s.usePickaxeContext();return e.jsx(t.default,Object.assign({isOpen:x,onChange:c},{children:e.jsxs(l.default,Object.assign({className:"relative flex flex-col px-8 pt-[26px] pb-8 w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:o.primary,color:o.text,borderColor:o.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx(a.default,Object.assign({color:o.text,onClick:()=>c(!1)},{children:e.jsx(r.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-6 flex flex-col items-center"},{children:e.jsx("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:e.jsx(i.default,{
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../Icons/x.svg.js"),t=require("../../Core/Modal/index.js"),l=require("../../Core/Modal/Body.js"),a=require("./PickaxeSimpleButton.js"),i=require("./PickaxeHead.js");exports.default=({isOpen:x,onChangeIsOpen:c})=>{const{colors:o}=s.usePickaxeContext();return e.jsx(t.default,Object.assign({isOpen:x,onChange:c},{children:e.jsxs(l.default,Object.assign({className:"relative flex flex-col px-8 pt-[26px] pb-8 w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:o.primary,color:o.text,borderColor:o.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx(a.default,Object.assign({color:o.text,onClick:()=>c(!1)},{children:e.jsx(r.default,{className:"h-6 w-6 shrink-0"})}))})),e.jsx("div",Object.assign({className:"mt-6 flex flex-col items-center"},{children:e.jsx("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:e.jsx(i.default,{})}))}))]}))}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("react"),i=require("./hooks/usePickaxeMarkdownContext.js"),s=require("react-markdown"),t=require("remark-gfm"),d=require("remark-math"),l=require("rehype-katex"),a=require("rehype-raw"),o=require("./Custom/A/index.js"),c=require("./Custom/P/index.js"),u=require("./Custom/Img/index.js"),h=require("./Custom/Iframe/index.js"),x=require("./Custom/Code/index.js"),p=require("./Custom/common/LinkPreview.js"),m=require("../../../../common/cn.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=j(s),g=j(t),b=j(d),k=j(l),q=j(a);exports.PickaxeMarkdownRenderer=({className:s,style:t,value:d,recursion:l=!1,children:a,maxLines:j,multiLineBreaks:w,onExpandClick:y})=>{const{theme:v,accentColor:C,websiteMetadatas:D}=i.usePickaxeMarkdownContext(),[O,P]=n.useState({width:0,height:0}),M=n.useRef(null),_=n.useMemo((()=>{if(!d)return"";let e=d;e=e.replace(/<!--[\s\S]*?-->/g,""),e=e.replace(/\u200B/g,""),w&&(e=e.replace(/```[\s\S]*?```|(\n(?=\n))/g,((e,r)=>r?"\n\n<br/>\n":e)));const r=M.current;if(j&&r){const n=j*parseInt(window.getComputedStyle(r).lineHeight,10);if(O.height>n){const r=8,n=Math.floor(O.width/r)*j;e=e.slice(0,n)+'<span class="pxe-expand-btn">...</span>'}}return e}),[d,w,j,O]),B={h1:({node:e,children:n})=>r.jsx("h1",{children:n}),h2:({node:e,children:n})=>r.jsx("h2",{children:n}),h3:({node:e,children:n})=>r.jsx("h3",{children:n}),h4:({node:e,children:n})=>r.jsx("h4",{children:n}),h5:({node:e,children:n})=>r.jsx("h5",{children:n}),p:c.default,a:o.default,ol:({node:e,children:n})=>r.jsx("ol",{children:n}),ul:({node:e,children:n})=>r.jsx("ul",{children:n}),li:({node:e,children:n})=>r.jsx("li",{children:n}),table:({children:e})=>r.jsx("div",Object.assign({className:"pxe-markdown-table"},{children:r.jsx("table",{children:e})})),th:({node:e,children:n})=>r.jsx("th",{children:n}),tr:({node:e,children:n})=>r.jsx("tr",Object.assign({style:{border:"dark"===v?"1px solid #30363D":"1px solid #D0D7DE"}},{children:n})),td:({node:e,children:n})=>r.jsx("td",{children:n}),code:x.default,blockquote:({node:e,children:n})=>r.jsx("blockquote",Object.assign({style:{borderLeft:"dark"===v?"4px solid #30363D":"4px solid #D0D7DE",color:"dark"===v?"#8B8B8B":"#656D76"}},{children:n})),img:u.default,iframe:h.default,hr:()=>r.jsx("hr",{style:{border:0,borderTop:"dark"===v?"1px solid #30363D":"1px solid #D0D7DE"}}),span:n=>{var{node:i,children:s}=n,t=e.__rest(n,["node","children"]);return"pxe-expand-btn"===t.className?r.jsx("span",Object.assign({},t,{style:Object.assign({display:"inline",fontWeight:500,color:C,marginLeft:".25rem",userSelect:"none"},y&&{cursor:"pointer"})},y&&{onClick:y},{children:s})):r.jsx("span",Object.assign({},t,{children:s}))},br:()=>r.jsx("br",{})};return n.useEffect((()=>{if(!M.current)return;const e=new ResizeObserver((e=>{for(const r of e){const{width:e,height:n}=r.contentRect;P({width:e,height:n})}}));return e.observe(M.current),()=>{e.disconnect()}}),[]),r.jsxs("div",Object.assign({className:"pxe-markdown",ref:M,style:Object.assign({position:"relative",overflowWrap:"break-word",display:"grid",gridTemplateColumns:"repeat(1, minmax(0, 1fr))",gap:".625rem"},t)},{children:[r.jsx(f.default,Object.assign({className:m.default("pxe-prose",s),components:B,remarkPlugins:[g.default,b.default],rehypePlugins:[k.default,q.default]},{children:`${_}${!l&&D.length>0?"\n\n---":""}`})),!l&&D.length>0&&r.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"2rem",marginTop:"2rem"}},{children:D.map(((e,n)=>r.jsx(p.default,{data:e},n)))})),a]}))};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.useDebounce=(r,t)=>{const u=e.useRef(null);return e.useCallback(((...e)=>{u.current&&clearTimeout(u.current),u.current=setTimeout((()=>r(...e)),t)}),[r,t])};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var x=require("react"),t=require("../pickaxe/usePickaxeContext.js");const p={viewport:{lg:{h1:"text-[72px] max-[1024px]:text-[56px] max-[899px]:text-[32px]",h2:"text-[56px] max-[1024px]:text-[40px] max-[899px]:text-[26px]",h3:"text-[40px] max-[1024px]:text-[32px] max-[899px]:text-[20px]",h4:"text-[32px] max-[1024px]:text-[24px] max-[899px]:text-[18px]",b1:"text-[24px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",b2:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b3:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",b4:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]",l1:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",l2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]"},md:{h1:"text-[56px] max-[1024px]:text-[48px] max-[899px]:text-[28px]",h2:"text-[40px] max-[1024px]:text-[34px] max-[899px]:text-[22px]",h3:"text-[32px] max-[1024px]:text-[30px] max-[899px]:text-[20px]",h4:"text-[24px] max-[1024px]:text-[22px] max-[899px]:text-[18px]",b1:"text-[20px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",b2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",b3:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]",b4:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[12px]",l1:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",l2:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]"},sm:{h1:"text-[48px] max-[1024px]:text-[34px] max-[899px]:text-[24px]",h2:"text-[34px] max-[1024px]:text-[28px] max-[899px]:text-[20px]",h3:"text-[28px] max-[1024px]:text-[22px] max-[899px]:text-[18px]",h4:"text-[20px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b1:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",b3:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]",b4:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[10px]",l1:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",l2:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]"}},container:{lg:{h1:"text-[32px] @[899px]/pickaxe-root:text-[56px] @[1024px]/pickaxe-root:text-[72px]",h2:"text-[26px] @[899px]/pickaxe-root:text-[40px] @[1024px]/pickaxe-root:text-[56px]",h3:"text-[20px] @[899px]/pickaxe-root:text-[32px] @[1024px]/pickaxe-root:text-[40px]",h4:"text-[18px] @[899px]/pickaxe-root:text-[24px] @[1024px]/pickaxe-root:text-[32px]",b1:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[24px]",b2:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",b3:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b4:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",l1:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",l2:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]"},md:{h1:"text-[28px] @[899px]/pickaxe-root:text-[48px] @[1024px]/pickaxe-root:text-[56px]",h2:"text-[22px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[40px]",h3:"text-[20px] @[899px]/pickaxe-root:text-[30px] @[1024px]/pickaxe-root:text-[32px]",h4:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[24px]",b1:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[20px]",b2:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b3:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",b4:"text-[12px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]",l1:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",l2:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"},sm:{h1:"text-[24px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[48px]",h2:"text-[20px] @[899px]/pickaxe-root:text-[28px] @[1024px]/pickaxe-root:text-[34px]",h3:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[28px]",h4:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[20px]",b1:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",b2:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b3:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",b4:"text-[10px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]",l1:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",l2:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"}}};exports.fontSizeMap=p,exports.useStyleFontSize=({size:e}={})=>{const{styles:o,responsiveBy:a}=t.usePickaxeContext();return x.useMemo((()=>p[a][e||o.fontSize||"md"]),[e,o,a])};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var x=require("react"),t=require("../pickaxe/usePickaxeContext.js");const p={viewport:{lg:{h1:"text-[72px] max-[1024px]:text-[56px] max-[899px]:text-[32px]",h2:"text-[56px] max-[1024px]:text-[40px] max-[899px]:text-[26px] leading-[1.2]",h3:"text-[40px] max-[1024px]:text-[32px] max-[899px]:text-[20px]",h4:"text-[32px] max-[1024px]:text-[24px] max-[899px]:text-[18px]",b1:"text-[24px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",b2:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b3:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",b4:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]",l1:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",l2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]"},md:{h1:"text-[56px] max-[1024px]:text-[48px] max-[899px]:text-[28px]",h2:"text-[40px] max-[1024px]:text-[34px] max-[899px]:text-[22px] leading-[1.2]",h3:"text-[32px] max-[1024px]:text-[30px] max-[899px]:text-[20px]",h4:"text-[24px] max-[1024px]:text-[22px] max-[899px]:text-[18px]",b1:"text-[20px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",b2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",b3:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]",b4:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[12px]",l1:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",l2:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]"},sm:{h1:"text-[48px] max-[1024px]:text-[34px] max-[899px]:text-[24px]",h2:"text-[34px] max-[1024px]:text-[28px] max-[899px]:text-[20px] leading-[1.2]",h3:"text-[28px] max-[1024px]:text-[22px] max-[899px]:text-[18px]",h4:"text-[20px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b1:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",b3:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]",b4:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[10px]",l1:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",l2:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]"}},container:{lg:{h1:"text-[32px] @[899px]/pickaxe-root:text-[56px] @[1024px]/pickaxe-root:text-[72px]",h2:"text-[26px] @[899px]/pickaxe-root:text-[40px] @[1024px]/pickaxe-root:text-[56px]",h3:"text-[20px] @[899px]/pickaxe-root:text-[32px] @[1024px]/pickaxe-root:text-[40px]",h4:"text-[18px] @[899px]/pickaxe-root:text-[24px] @[1024px]/pickaxe-root:text-[32px]",b1:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[24px]",b2:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",b3:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b4:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",l1:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",l2:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]"},md:{h1:"text-[28px] @[899px]/pickaxe-root:text-[48px] @[1024px]/pickaxe-root:text-[56px]",h2:"text-[22px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[40px]",h3:"text-[20px] @[899px]/pickaxe-root:text-[30px] @[1024px]/pickaxe-root:text-[32px]",h4:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[24px]",b1:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[20px]",b2:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b3:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",b4:"text-[12px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]",l1:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",l2:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"},sm:{h1:"text-[24px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[48px]",h2:"text-[20px] @[899px]/pickaxe-root:text-[28px] @[1024px]/pickaxe-root:text-[34px]",h3:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[28px]",h4:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[20px]",b1:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",b2:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b3:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",b4:"text-[10px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]",l1:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",l2:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"}}};exports.fontSizeMap=p,exports.useStyleFontSize=({size:e}={})=>{const{styles:o,responsiveBy:a}=t.usePickaxeContext();return x.useMemo((()=>p[a][e||o.fontSize||"md"]),[e,o,a])};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
interface PickaxeHeadProps {
|
|
2
2
|
iconClassName?: string;
|
|
3
|
+
maxLines?: number;
|
|
3
4
|
onIconClick?: () => void;
|
|
4
|
-
noClamp?: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const PickaxeHead: ({ iconClassName,
|
|
6
|
+
declare const PickaxeHead: ({ iconClassName, maxLines, onIconClick, }: PickaxeHeadProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export default PickaxeHead;
|
|
@@ -5,10 +5,11 @@ export interface PickaxeMarkdownRendererProps {
|
|
|
5
5
|
value?: string | null;
|
|
6
6
|
recursion?: boolean;
|
|
7
7
|
children?: ReactNode;
|
|
8
|
-
|
|
8
|
+
maxLines?: number;
|
|
9
9
|
multiLineBreaks?: boolean;
|
|
10
|
+
onExpandClick?: () => void;
|
|
10
11
|
}
|
|
11
12
|
export type Node = {
|
|
12
13
|
node?: any;
|
|
13
14
|
};
|
|
14
|
-
export declare const PickaxeMarkdownRenderer: ({ className, style, value, recursion, children: _children,
|
|
15
|
+
export declare const PickaxeMarkdownRenderer: ({ className, style, value, recursion, children: _children, maxLines, multiLineBreaks, onExpandClick, }: PickaxeMarkdownRendererProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useDebounce: <T extends (...args: any[]) => void>(func: T, wait: number) => (...args: Parameters<T>) => void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{useState as s}from"react";import{usePickaxeContext as t}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as a}from"../../../../hooks/studio/useStyleFontSize.js";import{PickaxeMarkdown as c}from"../../common/PickaxeMarkdown/index.js";import{PickaxeMarkdownRenderer as i}from"../../common/PickaxeMarkdown/Renderer.js";import r from"../../common/PickaxeIcon.js";import n from"../../common/PickaxeCopyButton.js";import l from"../../../../common/cn.js";const m=({index:m,message:x})=>{var d;const{formId:p,pickaxe:h,styles:f,colors:b,misc:v,responsiveBy:u}=t(),[k,g]=s(!1),j=a(),w=null!==(d=null==h?void 0:h.chaticon)&&void 0!==d?d:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${p}.png`;return"assistant"===x.role?e("div",Object.assign({className:l("flex flex-col","viewport"===u?"min-[767px]:max-w-[80%]":"@[767px]/pickaxe-root:max-w-[80%]")},{children:o("div",Object.assign({className:"flex gap-x-3"},{children:[v.isChatImage&&"NONE"!==w&&e(r,{src:w,alt:"Assistant",width:24,height:24,className:"my-3 h-6 w-6",textColor:b.text}),o("div",Object.assign({className:"flex flex-col"},{children:[e("div",Object.assign({className:l(j.b2,"chat-message overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]")},{children:e(c,Object.assign({theme:f.theme,accentColor:b.accent,linkPreviews:!0,actions:!0},{children:e(i,Object.assign({value:x.content},0===m&&{maxLines:k?void 0:4,onExpandClick:()=>g(!0)}))}))})),e("div",Object.assign({className:"mb-2 ml-2 mt-4 flex gap-3"},{children:e(n,{color:b.accent,text:x.content})}))]}))]}))})):"user"===x.role?e("div",Object.assign({className:l("flex gap-x-3 justify-self-end pl-9","viewport"===u?"min-[767px]:max-w-[80%] min-[767px]:pl-0":"@[767px]/pickaxe-root:max-w-[80%] @[767px]/pickaxe-root:pl-0")},{children:e("div",Object.assign({className:l(j.b2,"overflow-x-auto overflow-y-hidden rounded px-4 py-3 scrollbar-thin scrollbar-track-white scrollbar-thumb-[#4A4A4B]"),style:{backgroundColor:b.secondary+"80",color:b.secondaryText}},{children:e(c,Object.assign({theme:f.theme,accentColor:b.accent},{children:e(i,{value:x.content})}))}))})):e("div",{})};export{m as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useState as a,useMemo as
|
|
1
|
+
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{useState as a,useRef as o,useMemo as t,useCallback as r,useEffect as n}from"react";import{usePickaxeContext as i}from"../../../../hooks/pickaxe/usePickaxeContext.js";import{useResponseContext as l}from"../../../../hooks/pickaxe/useResponseContext.js";import{useStyleFontSize as c}from"../../../../hooks/studio/useStyleFontSize.js";import{useConversation as d}from"../../../../hooks/pickaxe/useConversation.js";import{useDebounce as m}from"../../../../hooks/core/useDebounce.js";import u from"../../common/PickaxeIcon.js";import p from"../../../Core/ErrorAlert.js";import x from"../../Addons/Scroll/ScrollLockView.js";import f from"../../common/PickaxeHead.js";import g from"../../common/PickaxeInfoModal.js";import h from"../../common/PickaxeUpgradeCard.js";import b from"./Message.js";import j from"../../../../common/cn.js";const k=()=>{var k;const E=d(),v=c(),{pickaxe:w,styles:y,colors:N,responsiveBy:C,isNewChat:O,setChatId:B}=i(),{messages:F,status:S,limitData:I,error:P}=l(),[R,T]=a(!1),[z,L]=a(!1),A=o(null),D=o(null),H=o(null),M=t((()=>!!E.data&&!(E.data.messages.length<=1)),[E.data]),$=t((()=>E.isSuccess&&O&&!M),[E.isSuccess,O,M]),U=m((()=>{V()}),200),V=r((()=>{if(!A.current||!H.current)return;const e=A.current.getBoundingClientRect(),s=H.current.getBoundingClientRect().top-e.top;L(s<=255)}),[]);return n((()=>{if(!A.current||!H.current)return;const e=new ResizeObserver((()=>{U()}));return e.observe(A.current),e.observe(H.current),()=>{e.disconnect()}}),[]),e("div",Object.assign({ref:A,className:"relative flex flex-grow flex-col justify-end"},{children:[R&&s(g,{isOpen:R,onChangeIsOpen:T}),s("div",Object.assign({ref:D,className:j("absolute left-1/2 top-0 flex w-full max-w-[505px] -translate-x-1/2 -translate-y-1/3 transform flex-col items-center px-4 opacity-0 duration-300",$&&!z&&"top-1/3 opacity-100")},{children:s(f,{iconClassName:"duration-300 hover:opacity-90",maxLines:2,onIconClick:()=>B("")})})),s("div",Object.assign({ref:H,className:"pxe-messages-container flex w-full justify-center"},{children:E.isLoading?e("div",Object.assign({className:"grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-6 pt-10"},{children:[s("div",{className:"h-10 w-[70%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===y.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-[150px] w-[70%] animate-pulse rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===y.theme?"#1E1E1F":"#E5E7EB"}}),s("div",{className:"h-10 w-[50%] animate-pulse justify-self-end rounded bg-[#E5E7EB] dark:bg-[#1E1E1F]",style:{backgroundColor:"dark"===y.theme?"#1E1E1F":"#E5E7EB"}})]})):E.isError?s("div",Object.assign({className:"flex w-full max-w-[800px] justify-center pt-10"},{children:e("p",Object.assign({className:j(v.b2,"text-center font-semibold")},{children:["Something went wrong. Please try again, or"," ",s("a",Object.assign({href:"mailto:info@pickaxeproject.com?subject=Help",target:"_blank",rel:"noreferrer"},{children:"contact us"}))," ","for help."]}))})):e("div",Object.assign({className:"flex flex-col w-full"},{children:[e("div",Object.assign({className:j("relative grid w-full max-w-[800px] grid-cols-1 gap-y-6 px-4 pt-6","viewport"===C?"min-[767px]:pt-10":"@[767px]/pickaxe-root:pt-10")},{children:[E.data.messages.map(((e,a)=>s(b,{index:a,message:e},a))),F.map(((e,a)=>s(b,{index:E.data.messages.length+a,message:e},a))),"fetching"===S?e("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:["NONE"!==(null==w?void 0:w.chaticon)&&s(u,{src:null!==(k=null==w?void 0:w.chaticon)&&void 0!==k?k:`https://prod-pickaxe-assets.s3.us-west-2.amazonaws.com/chaticons/${null==w?void 0:w.formid}.png`,alt:`${null==w?void 0:w.formtitle}'s Chat Icon`,width:24,height:24,className:"h-6 w-6",textColor:N.text}),e("div",Object.assign({className:"flex items-center gap-x-2 rounded px-4 py-4",style:{backgroundColor:N.secondary+"80",color:N.secondaryText}},{children:[s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:N.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot-down rounded-full",style:{backgroundColor:N.secondaryText}}),s("div",{className:"h-1.5 w-1.5 animate-dot rounded-full",style:{backgroundColor:N.secondaryText}})]}))]})):I?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(h,{})})):P?s("div",Object.assign({className:"flex max-w-[80%] items-center gap-x-3"},{children:s(p,{error:P})})):null]})),s(x,{className:"w-full"})]}))}))]}))};export{k as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as
|
|
1
|
+
import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o,useMemo as t}from"react";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import{useStyleFontSize as n}from"../../../hooks/studio/useStyleFontSize.js";import{PickaxeMarkdownRenderer as c}from"./PickaxeMarkdown/Renderer.js";import r from"./PickaxeIcon.js";import l from"./PickaxeInfoModal.js";import{PickaxeMarkdown as m}from"./PickaxeMarkdown/index.js";import a from"../../../common/cn.js";const p=({iconClassName:p,maxLines:d,onIconClick:f})=>{const{pickaxe:x,styles:h,colors:u,misc:k}=s(),[j,g]=o(!1),v=n(),P=t((()=>({title:(null==x?void 0:x.formtitle)||"",description:(null==x?void 0:x.formdescription)||""})),[x]);return e("div",Object.assign({className:"flex flex-col items-center"},{children:[j&&i(l,{isOpen:j,onChangeIsOpen:g}),k.isProfileImage&&i(r,Object.assign({src:null==x?void 0:x.coverphoto,alt:`${null==x?void 0:x.formtitle}'s Profile Picture`,width:90,height:90,className:a("h-[90px] w-[90px] rounded-full",p)},f&&{onClick:f})),k.isTitle&&!!P.title&&i("h2",Object.assign({className:a(v.h2,"mt-6 text-center font-semilight opacity-90",!d&&"line-clamp-2")},{children:null==x?void 0:x.formtitle})),k.isDescription&&!!P.description&&i(m,Object.assign({theme:h.theme,accentColor:u.accent},{children:i(c,Object.assign({className:"mt-2",value:P.description},d&&{maxLines:d},{onExpandClick:()=>g(!0)}))}))]}))};export{p as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import r from"../../Icons/x.svg.js";import t from"../../Core/Modal/index.js";import i from"../../Core/Modal/Body.js";import l from"./PickaxeSimpleButton.js";import a from"./PickaxeHead.js";const c=({isOpen:c,onChangeIsOpen:n})=>{const{colors:m}=s();return e(t,Object.assign({isOpen:c,onChange:n},{children:o(i,Object.assign({className:"relative flex flex-col px-8 pt-[26px] pb-8 w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:m.primary,color:m.text,borderColor:m.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e(l,Object.assign({color:m.text,onClick:()=>n(!1)},{children:e(r,{className:"h-6 w-6 shrink-0"})}))})),e("div",Object.assign({className:"mt-6 flex flex-col items-center"},{children:e("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:e(a,{
|
|
1
|
+
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as s}from"../../../hooks/pickaxe/usePickaxeContext.js";import r from"../../Icons/x.svg.js";import t from"../../Core/Modal/index.js";import i from"../../Core/Modal/Body.js";import l from"./PickaxeSimpleButton.js";import a from"./PickaxeHead.js";const c=({isOpen:c,onChangeIsOpen:n})=>{const{colors:m}=s();return e(t,Object.assign({isOpen:c,onChange:n},{children:o(i,Object.assign({className:"relative flex flex-col px-8 pt-[26px] pb-8 w-full min-[767px]:max-w-[480px] max-[767px]:border-0",style:{backgroundColor:m.primary,color:m.text,borderColor:m.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e(l,Object.assign({color:m.text,onClick:()=>n(!1)},{children:e(r,{className:"h-6 w-6 shrink-0"})}))})),e("div",Object.assign({className:"mt-6 flex flex-col items-center"},{children:e("div",Object.assign({className:"flex w-full max-w-[360px] flex-col items-center text-center"},{children:e(a,{})}))}))]}))}))};export{c as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsxs as r,jsx as n}from"react/jsx-runtime";import{useState as
|
|
1
|
+
import{__rest as e}from"../../../../_virtual/_tslib.js";import{jsxs as r,jsx as n}from"react/jsx-runtime";import{useState as i,useRef as o,useMemo as t,useEffect as s}from"react";import{usePickaxeMarkdownContext as l}from"./hooks/usePickaxeMarkdownContext.js";import d from"react-markdown";import c from"remark-gfm";import a from"remark-math";import m from"rehype-katex";import h from"rehype-raw";import p from"./Custom/A/index.js";import f from"./Custom/P/index.js";import u from"./Custom/Img/index.js";import g from"./Custom/Iframe/index.js";import b from"./Custom/Code/index.js";import x from"./Custom/common/LinkPreview.js";import k from"../../../../common/cn.js";const j=({className:j,style:w,value:y,recursion:D=!1,children:C,maxLines:v,multiLineBreaks:O,onExpandClick:B})=>{const{theme:L,accentColor:N,websiteMetadatas:P}=l(),[E,S]=i({width:0,height:0}),I=o(null),M=t((()=>{if(!y)return"";let e=y;e=e.replace(/<!--[\s\S]*?-->/g,""),e=e.replace(/\u200B/g,""),O&&(e=e.replace(/```[\s\S]*?```|(\n(?=\n))/g,((e,r)=>r?"\n\n<br/>\n":e)));const r=I.current;if(v&&r){const n=v*parseInt(window.getComputedStyle(r).lineHeight,10);if(E.height>n){const r=8,n=Math.floor(E.width/r)*v;e=e.slice(0,n)+'<span class="pxe-expand-btn">...</span>'}}return e}),[y,O,v,E]),T={h1:({node:e,children:r})=>n("h1",{children:r}),h2:({node:e,children:r})=>n("h2",{children:r}),h3:({node:e,children:r})=>n("h3",{children:r}),h4:({node:e,children:r})=>n("h4",{children:r}),h5:({node:e,children:r})=>n("h5",{children:r}),p:f,a:p,ol:({node:e,children:r})=>n("ol",{children:r}),ul:({node:e,children:r})=>n("ul",{children:r}),li:({node:e,children:r})=>n("li",{children:r}),table:({children:e})=>n("div",Object.assign({className:"pxe-markdown-table"},{children:n("table",{children:e})})),th:({node:e,children:r})=>n("th",{children:r}),tr:({node:e,children:r})=>n("tr",Object.assign({style:{border:"dark"===L?"1px solid #30363D":"1px solid #D0D7DE"}},{children:r})),td:({node:e,children:r})=>n("td",{children:r}),code:b,blockquote:({node:e,children:r})=>n("blockquote",Object.assign({style:{borderLeft:"dark"===L?"4px solid #30363D":"4px solid #D0D7DE",color:"dark"===L?"#8B8B8B":"#656D76"}},{children:r})),img:u,iframe:g,hr:()=>n("hr",{style:{border:0,borderTop:"dark"===L?"1px solid #30363D":"1px solid #D0D7DE"}}),span:r=>{var{node:i,children:o}=r,t=e(r,["node","children"]);return"pxe-expand-btn"===t.className?n("span",Object.assign({},t,{style:Object.assign({display:"inline",fontWeight:500,color:N,marginLeft:".25rem",userSelect:"none"},B&&{cursor:"pointer"})},B&&{onClick:B},{children:o})):n("span",Object.assign({},t,{children:o}))},br:()=>n("br",{})};return s((()=>{if(!I.current)return;const e=new ResizeObserver((e=>{for(const r of e){const{width:e,height:n}=r.contentRect;S({width:e,height:n})}}));return e.observe(I.current),()=>{e.disconnect()}}),[]),r("div",Object.assign({className:"pxe-markdown",ref:I,style:Object.assign({position:"relative",overflowWrap:"break-word",display:"grid",gridTemplateColumns:"repeat(1, minmax(0, 1fr))",gap:".625rem"},w)},{children:[n(d,Object.assign({className:k("pxe-prose",j),components:T,remarkPlugins:[c,a],rehypePlugins:[m,h]},{children:`${M}${!D&&P.length>0?"\n\n---":""}`})),!D&&P.length>0&&n("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"2rem",marginTop:"2rem"}},{children:P.map(((e,r)=>n(x,{data:e},r)))})),C]}))};export{j as PickaxeMarkdownRenderer};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useRef as r,useCallback as t}from"react";const e=(e,c)=>{const n=r(null);return t(((...r)=>{n.current&&clearTimeout(n.current),n.current=setTimeout((()=>e(...r)),c)}),[e,c])};export{e as useDebounce};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useMemo as x}from"react";import{usePickaxeContext as t}from"../pickaxe/usePickaxeContext.js";const p={viewport:{lg:{h1:"text-[72px] max-[1024px]:text-[56px] max-[899px]:text-[32px]",h2:"text-[56px] max-[1024px]:text-[40px] max-[899px]:text-[26px]",h3:"text-[40px] max-[1024px]:text-[32px] max-[899px]:text-[20px]",h4:"text-[32px] max-[1024px]:text-[24px] max-[899px]:text-[18px]",b1:"text-[24px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",b2:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b3:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",b4:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]",l1:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",l2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]"},md:{h1:"text-[56px] max-[1024px]:text-[48px] max-[899px]:text-[28px]",h2:"text-[40px] max-[1024px]:text-[34px] max-[899px]:text-[22px]",h3:"text-[32px] max-[1024px]:text-[30px] max-[899px]:text-[20px]",h4:"text-[24px] max-[1024px]:text-[22px] max-[899px]:text-[18px]",b1:"text-[20px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",b2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",b3:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]",b4:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[12px]",l1:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",l2:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]"},sm:{h1:"text-[48px] max-[1024px]:text-[34px] max-[899px]:text-[24px]",h2:"text-[34px] max-[1024px]:text-[28px] max-[899px]:text-[20px]",h3:"text-[28px] max-[1024px]:text-[22px] max-[899px]:text-[18px]",h4:"text-[20px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b1:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",b3:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]",b4:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[10px]",l1:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",l2:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]"}},container:{lg:{h1:"text-[32px] @[899px]/pickaxe-root:text-[56px] @[1024px]/pickaxe-root:text-[72px]",h2:"text-[26px] @[899px]/pickaxe-root:text-[40px] @[1024px]/pickaxe-root:text-[56px]",h3:"text-[20px] @[899px]/pickaxe-root:text-[32px] @[1024px]/pickaxe-root:text-[40px]",h4:"text-[18px] @[899px]/pickaxe-root:text-[24px] @[1024px]/pickaxe-root:text-[32px]",b1:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[24px]",b2:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",b3:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b4:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",l1:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",l2:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]"},md:{h1:"text-[28px] @[899px]/pickaxe-root:text-[48px] @[1024px]/pickaxe-root:text-[56px]",h2:"text-[22px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[40px]",h3:"text-[20px] @[899px]/pickaxe-root:text-[30px] @[1024px]/pickaxe-root:text-[32px]",h4:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[24px]",b1:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[20px]",b2:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b3:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",b4:"text-[12px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]",l1:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",l2:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"},sm:{h1:"text-[24px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[48px]",h2:"text-[20px] @[899px]/pickaxe-root:text-[28px] @[1024px]/pickaxe-root:text-[34px]",h3:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[28px]",h4:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[20px]",b1:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",b2:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b3:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",b4:"text-[10px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]",l1:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",l2:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"}}},e=({size:e}={})=>{const{styles:o,responsiveBy:a}=t();return x((()=>p[a][e||o.fontSize||"md"]),[e,o,a])};export{p as fontSizeMap,e as useStyleFontSize};
|
|
1
|
+
import{useMemo as x}from"react";import{usePickaxeContext as t}from"../pickaxe/usePickaxeContext.js";const p={viewport:{lg:{h1:"text-[72px] max-[1024px]:text-[56px] max-[899px]:text-[32px]",h2:"text-[56px] max-[1024px]:text-[40px] max-[899px]:text-[26px] leading-[1.2]",h3:"text-[40px] max-[1024px]:text-[32px] max-[899px]:text-[20px]",h4:"text-[32px] max-[1024px]:text-[24px] max-[899px]:text-[18px]",b1:"text-[24px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",b2:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b3:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",b4:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]",l1:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",l2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]"},md:{h1:"text-[56px] max-[1024px]:text-[48px] max-[899px]:text-[28px]",h2:"text-[40px] max-[1024px]:text-[34px] max-[899px]:text-[22px] leading-[1.2]",h3:"text-[32px] max-[1024px]:text-[30px] max-[899px]:text-[20px]",h4:"text-[24px] max-[1024px]:text-[22px] max-[899px]:text-[18px]",b1:"text-[20px] max-[1024px]:text-[20px] max-[899px]:text-[18px]",b2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",b3:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]",b4:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[12px]",l1:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[16px]",l2:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[14px]"},sm:{h1:"text-[48px] max-[1024px]:text-[34px] max-[899px]:text-[24px]",h2:"text-[34px] max-[1024px]:text-[28px] max-[899px]:text-[20px] leading-[1.2]",h3:"text-[28px] max-[1024px]:text-[22px] max-[899px]:text-[18px]",h4:"text-[20px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b1:"text-[18px] max-[1024px]:text-[18px] max-[899px]:text-[16px]",b2:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",b3:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]",b4:"text-[12px] max-[1024px]:text-[12px] max-[899px]:text-[10px]",l1:"text-[16px] max-[1024px]:text-[16px] max-[899px]:text-[14px]",l2:"text-[14px] max-[1024px]:text-[14px] max-[899px]:text-[12px]"}},container:{lg:{h1:"text-[32px] @[899px]/pickaxe-root:text-[56px] @[1024px]/pickaxe-root:text-[72px]",h2:"text-[26px] @[899px]/pickaxe-root:text-[40px] @[1024px]/pickaxe-root:text-[56px]",h3:"text-[20px] @[899px]/pickaxe-root:text-[32px] @[1024px]/pickaxe-root:text-[40px]",h4:"text-[18px] @[899px]/pickaxe-root:text-[24px] @[1024px]/pickaxe-root:text-[32px]",b1:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[24px]",b2:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",b3:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b4:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",l1:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",l2:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]"},md:{h1:"text-[28px] @[899px]/pickaxe-root:text-[48px] @[1024px]/pickaxe-root:text-[56px]",h2:"text-[22px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[40px]",h3:"text-[20px] @[899px]/pickaxe-root:text-[30px] @[1024px]/pickaxe-root:text-[32px]",h4:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[24px]",b1:"text-[18px] @[899px]/pickaxe-root:text-[20px] @[1024px]/pickaxe-root:text-[20px]",b2:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b3:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",b4:"text-[12px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]",l1:"text-[16px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",l2:"text-[14px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"},sm:{h1:"text-[24px] @[899px]/pickaxe-root:text-[34px] @[1024px]/pickaxe-root:text-[48px]",h2:"text-[20px] @[899px]/pickaxe-root:text-[28px] @[1024px]/pickaxe-root:text-[34px]",h3:"text-[18px] @[899px]/pickaxe-root:text-[22px] @[1024px]/pickaxe-root:text-[28px]",h4:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[20px]",b1:"text-[16px] @[899px]/pickaxe-root:text-[18px] @[1024px]/pickaxe-root:text-[18px]",b2:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",b3:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]",b4:"text-[10px] @[899px]/pickaxe-root:text-[12px] @[1024px]/pickaxe-root:text-[12px]",l1:"text-[14px] @[899px]/pickaxe-root:text-[16px] @[1024px]/pickaxe-root:text-[16px]",l2:"text-[12px] @[899px]/pickaxe-root:text-[14px] @[1024px]/pickaxe-root:text-[14px]"}}},e=({size:e}={})=>{const{styles:o,responsiveBy:a}=t();return x((()=>p[a][e||o.fontSize||"md"]),[e,o,a])};export{p as fontSizeMap,e as useStyleFontSize};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
interface PickaxeHeadProps {
|
|
2
2
|
iconClassName?: string;
|
|
3
|
+
maxLines?: number;
|
|
3
4
|
onIconClick?: () => void;
|
|
4
|
-
noClamp?: boolean;
|
|
5
5
|
}
|
|
6
|
-
declare const PickaxeHead: ({ iconClassName,
|
|
6
|
+
declare const PickaxeHead: ({ iconClassName, maxLines, onIconClick, }: PickaxeHeadProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
export default PickaxeHead;
|
|
@@ -5,10 +5,11 @@ export interface PickaxeMarkdownRendererProps {
|
|
|
5
5
|
value?: string | null;
|
|
6
6
|
recursion?: boolean;
|
|
7
7
|
children?: ReactNode;
|
|
8
|
-
|
|
8
|
+
maxLines?: number;
|
|
9
9
|
multiLineBreaks?: boolean;
|
|
10
|
+
onExpandClick?: () => void;
|
|
10
11
|
}
|
|
11
12
|
export type Node = {
|
|
12
13
|
node?: any;
|
|
13
14
|
};
|
|
14
|
-
export declare const PickaxeMarkdownRenderer: ({ className, style, value, recursion, children: _children,
|
|
15
|
+
export declare const PickaxeMarkdownRenderer: ({ className, style, value, recursion, children: _children, maxLines, multiLineBreaks, onExpandClick, }: PickaxeMarkdownRendererProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const useDebounce: <T extends (...args: any[]) => void>(func: T, wait: number) => (...args: Parameters<T>) => void;
|
package/package.json
CHANGED
package/dist/cjs/components/Pickaxe/common/PickaxeMarkdown/Custom/common/Modal/CloseButton.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("./index.js"),o=require("../../../../../../../hooks/core/useHover.js"),i=require("../../../../../../Icons/x.svg.js"),n=require("../../../../../../../common/cn.js");exports.default=({className:u,icon:a,style:c,onClick:l})=>{const{setIsOpen:j}=t.useContext(r.MarkdownModalContext),d=o.useHover(),{isHover:v}=d,x=e.__rest(d,["isHover"]);return s.jsx("button",Object.assign({className:n.default("outline-none hover:opacity-70 hover:duration-300 active:opacity-100",u),style:Object.assign(Object.assign({outline:"none"},v&&{opacity:.7}),c),onClick:()=>{j(!1),l&&l()}},x,{children:a||s.jsx(i.default,{width:24,height:24,style:{flexShrink:0}})}))};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../../../../hooks/pickaxe/usePickaxeContext.js"),r=require("../../Renderer.js"),t=require("./Modal/index.js"),l=require("./Modal/Body.js"),a=require("./Modal/CloseButton.js");exports.default=({value:i,isOpen:x,onChangeIsOpen:n})=>{const{colors:o}=s.usePickaxeContext();return e.jsx(t.default,Object.assign({isOpen:x,onChange:n},{children:e.jsxs(l.default,Object.assign({className:"relative flex flex-col px-8 pt-[26px] pb-8 w-full min-[767px]:max-w-[600px] max-[767px]:border-0",style:{backgroundColor:o.primary,color:o.text,borderColor:o.text+"4D"},avoidOverflow:!0},{children:[e.jsx("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e.jsx(a.default,{})})),e.jsx("div",Object.assign({className:"mt-6 flex flex-col items-center"},{children:e.jsx("div",Object.assign({className:"flex w-full max-w-[550px] flex-col items-center text-center"},{children:e.jsx(r.PickaxeMarkdownRenderer,{value:i})}))}))]}))}))};
|
package/dist/esm/components/Pickaxe/common/PickaxeMarkdown/Custom/common/Modal/CloseButton.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{__rest as o}from"../../../../../../../_virtual/_tslib.js";import{jsx as t}from"react/jsx-runtime";import{useContext as e}from"react";import{MarkdownModalContext as s}from"./index.js";import{useHover as i}from"../../../../../../../hooks/core/useHover.js";import r from"../../../../../../Icons/x.svg.js";import n from"../../../../../../../common/cn.js";const c=({className:c,icon:m,style:a,onClick:l})=>{const{setIsOpen:p}=e(s),f=i(),{isHover:j}=f,u=o(f,["isHover"]);return t("button",Object.assign({className:n("outline-none hover:opacity-70 hover:duration-300 active:opacity-100",c),style:Object.assign(Object.assign({outline:"none"},j&&{opacity:.7}),a),onClick:()=>{p(!1),l&&l()}},u,{children:m||t(r,{width:24,height:24,style:{flexShrink:0}})}))};export{c as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{jsx as e,jsxs as o}from"react/jsx-runtime";import{usePickaxeContext as r}from"../../../../../../hooks/pickaxe/usePickaxeContext.js";import{PickaxeMarkdownRenderer as t}from"../../Renderer.js";import s from"./Modal/index.js";import l from"./Modal/Body.js";import a from"./Modal/CloseButton.js";const i=({value:i,isOpen:n,onChangeIsOpen:c})=>{const{colors:m}=r();return e(s,Object.assign({isOpen:n,onChange:c},{children:o(l,Object.assign({className:"relative flex flex-col px-8 pt-[26px] pb-8 w-full min-[767px]:max-w-[600px] max-[767px]:border-0",style:{backgroundColor:m.primary,color:m.text,borderColor:m.text+"4D"},avoidOverflow:!0},{children:[e("div",Object.assign({className:"flex items-start justify-end gap-4"},{children:e(a,{})})),e("div",Object.assign({className:"mt-6 flex flex-col items-center"},{children:e("div",Object.assign({className:"flex w-full max-w-[550px] flex-col items-center text-center"},{children:e(t,{value:i})}))}))]}))}))};export{i as default};
|