| 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=(o,t,l)=>t in o?q(o,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):o[t]=l,f=(o,t)=>{for(var l in t||(t={}))J.call(t,l)&&E(o,l,t[l]);if(T)for(var l of T(t))K.call(t,l)&&E(o,l,t[l]);return o},b=(o,t)=>Y(o,G(t));import{r as Q,i as X,aj as Z,aq as ee,u as I,$ as se,bg as ae,a as re,j as e,_ as n,p as te,I as w,h as i,C as F,eU as _,f as A,l as N,eV as oe,eW as le,ah as ne}from"./main-96.js";import{P as ie}from"./bf-781-46.js";import{A as D}from"./bf-26-345.js";import{S as V,B as ce,a as de}from"./bf-157-350.js";import{C as W}from"./bf-37-349.js";import"./bf-687-180.js";import"./bf-200-43.js";import"./bf-431-60.js";/* empty css */import"./bf-63-62.js";import"./bf-762-63.js";import"./bf-405-178.js";import"./bf-621-177.js";import"./bf-163-182.js";import"./bf-678-179.js";import"./bf-542-181.js";import"./bf-403-183.js";import"./bf-605-336.js";function Be(){var P,B,O,H,L,R;const o=Q.useRef(null),[t,l]=X(ne),{standaloneSettings:r={},conversationalSettings:C={}}=t,k=Z(ee),U=I(se),v=I(ae),{css:a}=re(),x=(s,m)=>{if(!w)return!0;const u=`standaloneSettings->${s}`;l(c=>A(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=>A(c,d=>{oe(m)?Object.keys(m).forEach(j=>{N(d,`${u}->${j}`,m[j])}):N(d,u,m),d.standaloneSettings.styles=le(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=`${U.siteURL}/${r.customUrl||`?bit-conversational-form=${v}`}`,z=`<iframe id="bit-form" width="100%" height="500px" style="min-height: 500px; width: 100%" frameborder="0" src="${$}&embedded=1"></iframe>`,M=`<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(te,{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:$,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:o,rows:4,readOnly:!0,className:a(i.w10,p.embed),onClick:()=>_({ref:o}),value:z})]}),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:o,rows:4,readOnly:!0,className:a(i.w10,p.embed),onClick:()=>_({ref:o}),value:M})]})]}),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(W,{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(V,{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(V,{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(W,{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{Be as default}; |
