@chaibuilder/sdk 0.1.2 → 0.1.3

package/dist/link-1ee70bca.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./jsx-runtime-5c3ac4f7.cjs"),d=require("react"),h=require("./utils-3c452dd0.cjs"),m=require("react-icons-picker"),f=require("react-dom"),g=require("lodash"),u=require("./dialog-170eaad9.cjs"),b=require("./ImagesPanel-cc136c92.cjs"),R=require("react-quill");require("react-i18next");const E=require("./useBuilderProp-5e57d0c8.cjs");function k(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const v=k(d),j=v.forwardRef(({className:t,type:s,...r},n)=>e.jsxRuntimeExports.jsx("input",{type:s,className:h.cn("flex h-9 w-full rounded-md border border-border  bg-background px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",t),ref:n,...r}));j.displayName="Input";const y=t=>{const s=document.getElementById("icon-picker-field"),r=document.createElement("div");f.render(e.jsxRuntimeExports.jsx(m.IconPickerItem,{value:t}),r),s.appendChild(r),r.hidden=!0;const n=r.innerHTML;return setTimeout(()=>s.removeChild(r),1e3),n},w=({value:t,onChange:s,onBlur:r,id:n})=>{const a=i=>{s("<svg />");const l=y(i);s(l),r(n,l)};return e.jsxRuntimeExports.jsxs("div",{className:"mt-1 flex h-20 items-center gap-x-2",id:"icon-picker-field",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative h-12 w-12",children:[e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:t==null?void 0:t.replace("<svg",'<svg class="h-5 w-5"')},className:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 transform cursor-pointer bg-white hover:hidden"}),e.jsxRuntimeExports.jsx(m,{value:t?"BiSolidGrid":null,onChange:a,pickButtonStyle:{height:"48px",width:"48px",border:"1px solid #BBBBBB",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"6px"},searchInputStyle:{backgroundColor:"transparent",width:"100%",border:"1px solid #BBBBBB",margin:"0px 10px",padding:"10px"}})]}),e.jsxRuntimeExports.jsx("textarea",{value:t,onChange:i=>s(i.target.value),className:"h-full w-full rounded-sm border-foreground/20 px-2 py-1 text-xs shadow-sm focus:border-gray-500/80 focus:outline-none focus:ring-0",placeholder:"Choose icon or enter svg"})]})},I=w,P=({children:t,onSelect:s})=>{const[r,n]=d.useState(!1),a=(...i)=>{s.call(void 0,...i),n(!1)};return e.jsxRuntimeExports.jsxs(u.Dialog,{open:r,onOpenChange:i=>n(i),children:[e.jsxRuntimeExports.jsx(u.DialogTrigger,{asChild:!0,children:t}),e.jsxRuntimeExports.jsx(u.DialogContent,{className:"flex h-3/4 max-w-5xl",children:e.jsxRuntimeExports.jsx("div",{className:"h-full w-full",children:e.jsxRuntimeExports.jsx(b.default,{isModalView:!0,onSelect:a})})})]})},p=P,N=({value:t,onChange:s,id:r,onBlur:n})=>e.jsxRuntimeExports.jsxs("div",{className:"mt-1.5 flex items-center gap-x-3",children:[t?e.jsxRuntimeExports.jsx("img",{src:t,className:"h-20 w-20 overflow-hidden rounded-md border object-cover",alt:""}):e.jsxRuntimeExports.jsx(p,{onSelect:s,children:e.jsxRuntimeExports.jsx("div",{className:"h-20 w-20 cursor-pointer rounded-md border bg-[radial-gradient(#AAA,transparent_1px)] duration-300 [background-size:10px_10px] hover:border-gray-400"})}),e.jsxRuntimeExports.jsxs("div",{className:"flex w-3/5 flex-col",children:[e.jsxRuntimeExports.jsx(p,{onSelect:s,children:e.jsxRuntimeExports.jsx("small",{className:"cursor-pointer rounded-full bg-gray-600 px-2 py-1 text-center text-xs text-white hover:bg-gray-500 dark:bg-gray-700",children:t||!g.isEmpty(t)?"Replace Image":"Choose Image"})}),e.jsxRuntimeExports.jsx("small",{className:"-pl-4 pt-2 text-center text-xs text-gray-600",children:"OR"}),e.jsxRuntimeExports.jsx("input",{type:"url",className:"text-xs",placeholder:"Enter image URL",value:t,onBlur:({target:{value:a}})=>n(r,a),onChange:a=>s(a.target.value)})]})]}),B=N,C=({id:t,placeholder:s,value:r,onChange:n,onBlur:a})=>{const i={toolbar:[["bold","italic","underline","strike","blockquote"],[{list:"ordered"},{list:"bullet"}],[{color:[]},{background:[]},{align:[]}],["link","clean"]]},l=["header","font","list","bold","italic","underline","strike","blockquote","color","background","align","link","image"];return typeof window>"u"?null:e.jsxRuntimeExports.jsx(R,{id:t,value:r,onBlur:c=>a(t,c),onChange:c=>n(c),modules:i,formats:l,placeholder:s,className:"mt-1 rounded-md"})},S=C,q=({schema:t,formData:s,onChange:r})=>{const[n,a]=d.useState([]),i=E.useBuilderProp("getPages",()=>[]),{type:l="page",href:c="",target:x="self"}=s;return d.useEffect(()=>{(async()=>{const o=await i();a(o)})()},[i]),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("span",{className:"text-xs font-medium",children:(t==null?void 0:t.title)??"Link"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-y-1.5",children:[e.jsxRuntimeExports.jsx("select",{name:"type",defaultValue:"page",value:l,onChange:o=>r({...s,type:o.target.value}),children:[{const:"page",title:"Open Page"},{const:"url",title:"Open URL"},{const:"email",title:"Compose Email"},{const:"telephone",title:"Call Phone"},{const:"scroll",title:"Scroll to element"}].map(o=>e.jsxRuntimeExports.jsx("option",{value:o.const,children:o.title},o.const))}),l==="page"?e.jsxRuntimeExports.jsxs("select",{name:"href",defaultValue:"",placeholder:"Choose Page",value:c,onChange:o=>r({...s,href:o.target.value}),children:[e.jsxRuntimeExports.jsx("option",{value:"",children:"Choose page"}),g.map(n,o=>e.jsxRuntimeExports.jsx("option",{value:o.slug,children:o.page_name},o.uuid))]}):e.jsxRuntimeExports.jsx("input",{name:"href",type:"text",value:c,onChange:o=>r({...s,href:o.target.value}),placeholder:l==="page"||l==="url"?"Enter URL":l==="scroll"?"#ElementID":"Enter detail"}),(l==="page"||l==="url")&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsxRuntimeExports.jsx("input",{type:"checkbox",defaultChecked:x==="_blank",className:"cursor-pointer rounded-md border border-border",onChange:()=>r({...s,target:x==="_blank"?"_self":"_blank"})}),e.jsxRuntimeExports.jsx("span",{className:"pt-1 text-xs",children:"Open in new tab"})]})]})]})},_=q;exports.IconPickerField=I;exports.ImagePickerField=B;exports.Input=j;exports.LinkField=_;exports.RTEField=S;