| 1 |
var q=Object.defineProperty,Y=Object.defineProperties;var G=Object.getOwnPropertyDescriptors;var T=Object.getOwnPropertySymbols;var J=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var E=(t,o,l)=>o in t?q(t,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[o]=l,f=(t,o)=>{for(var l in o||(o={}))J.call(o,l)&&E(t,l,o[l]);if(T)for(var l of T(o))K.call(o,l)&&E(t,l,o[l]);return t},b=(t,o)=>Y(t,G(o));import{r as Q,i as X,aq as Z,u as I,a as ee,j as e,_ as n,p as se,I as w,h as i,C as F,eA as A,f as _,m as N,eB as ae,eC as re,ao as te,aM as oe,$ as le,N as ne}from"./main-294.js";import{P as ie}from"./bf-176-80.js";import{A as D,S as M,B as ce,a as de}from"./bf-706-450.js";import{C as z}from"./bf-166-449.js";import"./bf-764-245.js";import"./bf-487-72.js";import"./bf-867-113.js";import"./bf-250-243.js";import"./bf-986-242.js";import"./bf-22-244.js";import"./bf-934-246.js";import"./bf-188-247.js";import"./bf-919-393.js";function ke(){var P,B,O,H,L,R;const t=Q.useRef(null),[o,l]=X(te),{standaloneSettings:r={},conversationalSettings:C={}}=o,k=Z(oe),$=I(le),v=I(ne),{css:a}=ee(),x=(s,m)=>{if(!w)return!0;const u=`standaloneSettings->${s}`;l(c=>_(c,d=>{N(d,u,m)})),k(c=>b(f({},c),{unsaved:!0}))},g=(s,m)=>{if(!w)return!0;const u=`standaloneSettings->${s}`;l(c=>_(c,d=>{ae(m)?Object.keys(m).forEach(j=>{N(d,`${u}->${j}`,m[j])}):N(d,u,m),d.standaloneSettings.styles=re(d.standaloneSettings.styles)})),k(c=>b(f({},c),{unsaved:!0}))},h={};r.active?(h.opacity=1,h.pointerEvents="auto",h.userSelect="auto"):(h.opacity=.6,h.pointerEvents="none",h.userSelect="none");const U=`${$.siteURL}/${r.customUrl||`?bit-form=${v}`}`,S=`${$.siteURL}/${r.customUrl||`?bit-conversational-form=${v}`}`,V=`<iframe id="bit-form" width="100%" height="500px" style="min-height: 500px; width: 100%" frameborder="0" src="${U}&embedded=1"></iframe>`,W=`<iframe id="bit-form" width="100%" height="500px" style="min-height: 500px; width: 100%" frameborder="0" src="${S}&embedded=1"></iframe>`,y=(s,m=[])=>m.reduce((u,c)=>{var d,j;return b(f({},u),{[c]:((j=(d=r.styles)==null?void 0:d[s])==null?void 0:j[c])||""})},{});return e.jsxs("div",{className:"pos-rel",children:[e.jsxs("div",{className:"flx mt-4",children:[e.jsx("h2",{className:"m-0",children:n("Landing Page")}),e.jsx(se,{name:"status",action:s=>x("active",s.target.checked),checked:r.active||!1,className:"ml-2 flx"})]}),e.jsxs("h5",{className:"mt-3",children:[n("How to setup Landinge Page"),":",e.jsx("a",{href:"#",target:"_blank",rel:"noreferrer",className:"yt-txt ml-1 mr-1",children:n("YouTube")}),e.jsx("a",{href:"#",target:"_blank",rel:"noreferrer",className:"doc-txt",children:n("Documentation")})]}),!w&&e.jsx(ie,{style:{height:"111%",left:-53}}),e.jsx("div",{className:"w-10",children:e.jsx("div",{style:h,className:"mt-4",children:e.jsxs("div",{className:a(i.w10,i.flxi,{gp:20}),children:[e.jsxs("div",{className:a(i.w4),children:[e.jsxs("div",{children:[e.jsx("h4",{className:a({my:10}),children:n("Custom URL")}),e.jsx("input",{"aria-label":"Custom URL",type:"text",placeholder:`?bit-form=${v}`,name:"message",className:"btcd-paper-inp",onChange:s=>x("customUrl",s.target.value),value:r.customUrl||""}),e.jsxs("p",{className:a(i.mt1),children:[e.jsx("strong",{children:n("Note:")}),n("Please try to avoid any duplicate custom url, as it will conflict between the page and Bit Form.")]})]}),e.jsxs("div",{children:[e.jsx("h4",{className:a({my:10}),children:n("Page Title")}),e.jsx("input",{"aria-label":"Page Title",type:"text",placeholder:"Bit Form",name:"message",className:"btcd-paper-inp",onChange:s=>x("pageTitle",s.target.value),value:r.pageTitle||""})]}),e.jsxs("div",{children:[e.jsx("h4",{className:a({my:10}),children:n("Share via Direct URL")}),e.jsx(F,{value:U,className:"field-key-cpy w-12 ml-0",readOnly:!0})]}),C.enable&&e.jsxs("div",{children:[e.jsx("h4",{className:a({my:10}),children:n("Share via Direct URL (Conversational Form)")}),e.jsx(F,{value:S,className:"field-key-cpy w-12 ml-0",readOnly:!0})]}),e.jsxs("div",{children:[e.jsx("h4",{className:a(i.mb2),children:n("Embed via HTML Code")}),e.jsx("textarea",{ref:t,rows:4,readOnly:!0,className:a(i.w10,p.embed),onClick:()=>A({ref:t}),value:V})]}),C.enable&&e.jsxs("div",{children:[e.jsx("h4",{className:a(i.mb2),children:n("Embed via HTML Code (Conversational Form)")}),e.jsx("textarea",{ref:t,rows:4,readOnly:!0,className:a(i.w10,p.embed),onClick:()=>A({ref:t}),value:W})]})]}),e.jsxs("div",{className:a(i.w3,i.pl4),children:[e.jsx("h4",{className:a({my:10}),children:"Styling"}),e.jsx(D,{title:"Body",open:!0,children:e.jsxs("div",{className:a(p.prop),children:[e.jsx("p",{className:a(i.m0),children:"Background"}),e.jsx(z,{value:y(".standalone-form-container",["background-color","background-image","background-position","background-repeat"]),onChangeHandler:s=>g("styles->.standalone-form-container",s),colorProp:"background-color"})]})}),e.jsxs(D,{title:"Wrapper",open:!0,children:[e.jsxs("div",{className:a(p.prop),children:[e.jsx("p",{children:"Width"}),e.jsx(M,{value:((B=(P=r==null?void 0:r.styles)==null?void 0:P[".standalone-form-wrapper"])==null?void 0:B.width)||"40%",onChangeHandler:s=>x("styles->.standalone-form-wrapper->width",s),width:130})]}),e.jsxs("div",{className:a(p.prop),children:[e.jsx("p",{children:"Height"}),e.jsx(M,{value:((H=(O=r==null?void 0:r.styles)==null?void 0:O[".standalone-form-wrapper"])==null?void 0:H.height)||"100%",onChangeHandler:s=>x("styles->.standalone-form-wrapper->height",s),width:130})]}),e.jsxs("div",{className:a(p.prop),children:[e.jsx("p",{children:"Background"}),e.jsx(z,{value:y(".standalone-form-wrapper",["background-color","background-image","background-position","background-repeat"]),onChangeHandler:s=>g("styles->.standalone-form-wrapper",s),colorProp:"background-color"})]}),e.jsxs("div",{className:a(p.prop),children:[e.jsx("p",{children:"Border"}),e.jsx(ce,{value:y(".standalone-form-wrapper",["border-color","border-width","border-style","border-radius"]),onChangeHandler:s=>g("styles->.standalone-form-wrapper",s)})]}),e.jsxs("div",{className:a(p.prop),children:[e.jsx("p",{children:"Padding"}),e.jsx(de,{value:(R=(L=r==null?void 0:r.styles)==null?void 0:L[".standalone-form-wrapper"])==null?void 0:R.padding,onChangeHandler:s=>g("styles->.standalone-form-wrapper->padding",s)})]})]})]})]})})})]})}const p={embed:{curp:1,bc:"var(--white-0-95) !important",brs:8,b:"1px solid var(--white-0-89)",h:"70px !important"},prop:{flx:"between",px:20}};export{ke as default}; |
