import{p as V,m as J,E as K,G as Q,u as X,k as M,n as ee,r as te,f as oe,H as T,U as B,c as a,g as L,a as o,h as u,j as d,i,t as b,s as x,F as c,y as v,d as g,I as H,J as le,o as n,K as se,x as ie}from"./wh-ni0OP.js";import{s as ae}from"./Cj48imtc.js";const ne=V("/images/embed-automations.gif"),pe=V("/images/wizard.svg"),re={class:"py-32 desktop:py-24 laptop:py-20 tablet-p:py-16 bg-[#FAF6F0]",id:"createEmbed"},de={class:"container"},ce={id:"embed-builder"},he={class:"flex bg-skin-tertiary relative p-10 pl-32 tablet-p:pl-24 tablet-p:p-8 phone:p-6 rounded-xl items-center tablet-p:flex-col tablet-p:items-start tablet-p:gap-2"},ge={key:0,class:"flex flex-col gap-1 tablet-p:w-full relative"},ue={class:"flex items-center gap-3 h-11 laptop:h-10 rounded-md bg-white pl-4 laptop:pl-3"},be=["src"],fe={class:"text-sm font-bold text-skin-primary tablet-p:flex-1"},me={key:1,class:"phone:w-full",id:"searchAppBuilder"},xe={class:"flex rounded-md bg-white min-w-[350px] tablet-p:min-w-full"},ve={class:"flex-1"},we={key:0,class:"bg-white absolute min-w-[440px] rounded-xl mt-2 border border-skin-primary shadow-2xl phone:min-w-[360px] z-10",id:"appConnectionDropdownList"},ye={class:"grid grid-cols-3 overflow-auto max-h-64 gap-[1px] p-5 scrollbar-thin scrollbar-thumb-slate-700 scrollbar-track-gray-100 mr-3"},Ce={class:"flex"},ke=["onClick"],Le=["src"],Ae={class:"block truncate max-w-[100px] phone:max-w-[80px]"},_e={key:2,class:"showCustom"},Se={class:"flex items-center gap-3 px-8 desktop:px-6 tablet-p:px-0 text-white tablet-p:py-3"},Ie={key:3,class:"flex items-center gap-3 text-white"},Me={key:0},Te={key:0,class:"border-2 bg-white border-skin-brand-solid rounded-xl p-9 tablet-p:p-6 phone:p-4 relative before:inline-flex before:h-8 before:px-4 before:rounded-3xl before:bg-skin-brand-solid before:text-white before:absolute before:-top-4 before:left-4 before:items-center before:content-['Preview'] mt-16 desktop:mt-12 tablet-p:mt-10"},Be={key:0,class:"itlLoader"},He={class:"itlIntegrationWidget"},Ve={class:"flex items-center py-4 itlIntegrateAppIcons"},Ue=["src"],De=["onClick"],Ee={class:"itlDropdown itlSearchAppDropdown"},ze={class:"itlAppSearchContainer"},je={class:"itlSearchInput"},Fe={key:0,id:"appConnectionDropdownList",style:{display:"block"},class:"itlDropdownList"},$e={class:"itlScrollbar"},Re={key:0,class:"flex"},Pe=["onClick"],Ze=["src"],Oe={class:"block truncate max-w-[100px] phone:max-w-[80px]"},qe={key:0,class:"itlIntegrateAppIcon customAppIcon new",style:{border:"2px solid rgb(63, 56, 102)"}},Ye={key:0,class:"itlIntegrationTemplatesFound"},Ne={class:"text-skin-brand-primary"},We={class:"itlIntegrationListContainer"},Ge={key:0,class:"itlLoader"},Je=["onUpdate:modelValue"],Ke={class:"iltIntegrationListAppIcons"},Qe={class:"iltIntegrationAppIcons"},Xe={class:"iltIntegrationAppIcon"},et=["src"],tt={class:"iltIntegrationListItemTxt"},ot={class:"iltIntegrationListItemAction"},lt=["onClick"],st={key:1,class:"noTemplatesMsg"},it={key:1,class:"copyCodeWrapper"},at={key:0,class:"itlCopiedBtn"},nt={key:1,class:"itlCopyCodeBtn"},pt={key:1,class:"mt-16 desktop:mt-12 tablet-p:mt-10"},rt={key:0,class:"text-center"},dt={key:1,id:"integrately-embed",class:"border-2 bg-white border-skin-brand-solid rounded-xl p-9 tablet-p:p-6 phone:p-4 relative before:inline-flex before:h-8 before:px-4 before:rounded-3xl before:bg-skin-brand-solid before:text-white before:absolute before:-top-4 before:left-4 before:items-center before:content-['Preview']"},ct={key:2,class:"h-32 desktop:h-24 laptop:h-20 tablet-p:h-16"},ht={class:"copyCodeSection",id:"copyCodeSection"},gt={class:"flex bg-skin-primary-solid items-end gap-4 rounded-2xl laptop:rounded-xl p-12 desktop:p-10 laptop:p-8 tablet-p:p-6 tablet-p:flex-col tablet-p:items-start"},ut={key:0},bt={key:1},ft={key:3,class:"fixed top-0 right-0 bottom-0 left-0 bg-black/60 flex items-center justify-center z-20"},mt={class:"inline-flex bg-white rounded-xl flex-col justify-center text-center font-base max-w-sm p-6 pt-44 bg-[url(/images/widget-automation-count-modal-bg.png)] bg-no-repeat"},xt={class:"itlEmbedderCountModalContent"},vt={class:"text-skin-brand-primary text-3xl font-extrabold"},wt={class:"text-lg font-bold mb-8"},yt={class:"text-skin-brand-primary"},At={__name:"embed",setup(Ct){const U=J(),f=K(),A=Q();X({title:"Embed Automations",description:"Embed the widget in your app in 2 minutes & help your users integrate your app with other apps in 1 click.",link:[{rel:"canonical",href:M().url.canonicalURL}]}),ee({contentType:"text/html; charset=UTF-8",title:"Embed Automations",description:"Embed the widget in your app in 2 minutes & help your users integrate your app with other apps in 1 click.",ogTitle:"Embed Automations",ogUrl:M().url.canonicalURL,ogDescription:"Embed the widget in your app in 2 minutes & help your users integrate your app with other apps in 1 click.",ogImage:"https://integrately.com/images/embed-automations.png",ogType:"website",twitterTitle:"Embed Automations",twitterDescription:"Embed the widget in your app in 2 minutes & help your users integrate your app with other apps in 1 click.",twitterImage:"https://integrately.com/images/embed-automations.png",twitterCard:"summary_large_image",fbAppId:"301553917773270",msapplicationTileColor:"#ffffff",msapplicationTileImage:"/images/fav/ms-icon-144x144.png",themeColor:"#ffffff",viewport:"width=device-width, initial-scale=1"});const e=te({apps:null,selectedApp:null,showSelectAppDropdown:!1,searchApp:"",showCustom:!0,limit:10,showStrict:!1,copyCode:"",isContentCopied:!1,showCountModal:!1,totalTemplates:0,baseUrl:null,isBlog:!1,blog:{isLoading:!1,strict:!1,fallbackStrict:!1,storeTemplates:[],startFrom:0,limit:5e3,selectedApps:[],showList:!1,showSelectAppDropdown:!1,preSelectedApp:null,staticHTML:{show:!1,content:""}}});oe(async()=>{var s=y("blog");s&&s=="true"&&(e.isBlog=!0,e.baseUrl=E()),e.isBlog?z():(await D(),m())});async function D(){var s=y("appname");if(s)for(var t=0;t<f.value.length;t++){var p=f.value[t];if(p.name.toLowerCase()==s.toLowerCase()){C(p);return}}}function E(){let s=T().hostname;return s.indexOf("localhost")!=-1||s.indexOf("test")!=-1?"https://test.integrately.com":"https://app.integrately.com"}function y(s){let t=new URLSearchParams(U.query);return t.has(s)?t.get(s):null}async function z(){var s=y("strict");(typeof s<"u"&&s=="true"||s==!0)&&(e.blog.strict=!0,e.blog.fallbackStrict=!0)}function C(s){e.isBlog?(e.blog.preSelectedApp==null?(s.removable=!1,e.blog.preSelectedApp=s,e.selectedApp=s,e.blog.selectedApps.push(s)):(s.removable=!0,e.blog.showSelectAppDropdown=!1,e.blog.selectedApps.push(s)),_(),e.searchApp=""):(e.selectedApp=s,m())}async function _(){try{e.blog.staticHTML={show:!1,content:""},e.blog.isLoading=!0;let t=j();e.blog.strict=!1,e.blog.fallbackStrict=!1,t.length>1&&(e.blog.strict=!0,e.blog.fallbackStrict=!0);var s={ActionsIds:[],AppIds:t,Limit:e.blog.limit,Start:e.blog.startFrom,Strict:e.blog.strict,FallbackStrict:e.blog.fallbackStrict};await $fetch("/api/integrations/filter-templates",{method:"POST",body:s,onResponse({request:p,response:l,options:r}){if(l._data.success){let h=l._data;h.data&&h.data.length>0?(h.data.forEach(function(k){k.isSelected=!1}),e.blog.storeTemplates=h.data,e.blog.showList=!0):e.blog.storeTemplates=[]}else e.blog.showList=!1;e.blog.staticHTML={show:!1,content:""},e.blog.isLoading=!1},onResponseError({request:p,response:l,options:r}){e.isLoading=!1}}),e.blog.staticHTML={show:!1,content:""},e.blog.isLoading=!1}catch(t){console.log(t)}}function j(){var s=[];return e.blog.selectedApps.forEach(function(t){s.push(t.id)}),s}function F(s){var t="63 56 102";s.primaryColor&&(t=s.primaryColor);var p=`border:2px solid rgb(${t});`;return p}function $(){var s="";e.blog.storeTemplates.forEach(function(t){if(t.isSelected){let p=R(t),l=P(t.apps),r=q(t.apps);s+=`
                    <article class="iltIntegrationListItem">
                        <div class="iltIntegrationListAppIcons">
                            <div class="iltIntegrationAppIcons">
                                <img src="proxy.php?url=https%3A%2F%2Fintegrately.com%2F%24%7Bl%7D" alt="${r}" width="96" height="44" loading="lazy">
                            </div>
                        </div>
                        <h4 class="iltIntegrationListItemTxt">
                            <a href="proxy.php?url=https%3A%2F%2Fintegrately.com%2F%24%7Bp%7D" target="_blank">
                                ${t.template.name}
                            </a>
                        </h4>
                        <div class="iltIntegrationListItemAction">
                            <a href="proxy.php?url=https%3A%2F%2Fintegrately.com%2F%24%7Bp%7D" target="_blank" class="iltIntegrationListItemActionBtn">
                                Activate
                            </a>
                        </div>
                    </article>
                `}}),s!=""?(e.blog.staticHTML.content=`<section class="itlIntegrationListContainer">${s}</section>`,e.blog.staticHTML.show=!0):e.blog.staticHTML={show:!1,content:""}}function R(s){return B.getAppURL()+"/signup?from=web&ct=1&code="+s.installationCode}function P(s){let t=Z();return t+="/i/integrations/",t=O(s,t),t}function Z(){return T().hostname=="integrately.com"?"https://app.integrately.com":"https://test.integrately.com"}function O(s,t){if(s&&s.length>0){let p=[];for(let l=0;l<s.length;l++){let r=s[l];p.indexOf(r.id)==-1&&(p.push(r.id),p.length>1&&(t+="_"),t+=r.slug)}p.length>0&&(t+="_integrations.png")}return t}function q(s,t){let p="";if(s&&s.length>0){let r=[];for(let h=0;h<s.length;h++){var l=s[h];r.indexOf(l.id)==-1&&(r.push(l.id),p!=""&&(p+=" + "),p+=l.label)}r.length>0&&(r.length>1?p+=" Integration":p+=" Integrations")}return p}function m(s){var t=document.querySelector("#integrately-embed");t&&(t.innerHTML="");var p=B.getEmbedScriptURL();e.showSelectAppDropdown=!1;var l;if(e.selectedApp?l=p+"/embed?apps="+e.selectedApp.name+"&limit="+e.limit+"&custom="+e.showCustom+"&strict="+e.showStrict:l=p+"/embed?limit="+e.limit+"&custom="+e.showCustom,e.copyCode=`<script src="proxy.php?url=https%3A%2F%2Fintegrately.com%2F%24%7Bl%7D"><\/script>`,Y(l),e.selectedApp&&!s)var r=ae(function(){var h=document.querySelector("#integrately-embed > div > div > div.itlIntegrationListContainer > div.itlIntegrationTemplatesFound > span");if(h){clearInterval(r),e.totalTemplates=h.textContent;var k=parseInt(e.totalTemplates)||null;k&&(e.showCountModal=!0)}},500)}function Y(s,t){var p="integrately-embed-script",l=document.getElementById(p);l&&l.remove();var r=document.createElement("script");r.type="text/javascript",r.src=s,r.async=!1,r.id=p,document.head.appendChild(r),r.onload=t}function N(){e.showSelectAppDropdown=!1}function W(s){e.blog.showSelectAppDropdown=!1}function w(s,t){return Object.keys(s).map(l=>s[l]).filter(function(l){if(l.isHidden)return!1;if(l.name.toLowerCase().includes(t.toLowerCase())||l.label.toLowerCase().includes(t.toLowerCase()))return!0})}function S(s){e.isBlog?typeof s<"u"?(e.blog.selectedApps.splice(s,1),_()):(e.selectedApp=null,G()):(e.selectedApp=null,e.searchApp="",m())}function G(){e.blog.preSelectedApp=null,e.blog.selectedApps=[],e.blog.showList=!1,e.blog.showSelectAppDropdown=!1,e.blog.staticHTML={show:!1,content:""}}function I(){var s=document.getElementById("copy-code");s.select(),s.setSelectionRange(0,99999),navigator.clipboard.writeText(s.value),e.isContentCopied=!0,setTimeout(function(){e.isContentCopied=!1},3e3)}return(s,t)=>{const p=le("clickoutside");return n(),a(c,null,[t[34]||(t[34]=L('<div class="py-32 desktop:py-24 laptop:py-20 tablet-p:py-16 bg-[#EFFAFE]" id="heroSection"><div class="w-full h-[86px] desktop:h-[68px] laptop:h-14"></div><div class="container"><div class="flex items-center gap-14 desktop:gap-10 laptop:gap-8 tablet-l:gap-10 tablet-l:flex-col"><div class="flex-1 tablet-l:max-w-full tablet-l:text-center"><h1 class="itlSectionHeadingTop"> Millions Of Fully Ready 1 Click Automations. <span class="text-skin-brand-primary"> Add Yours To Your Website &amp; App. </span></h1><h3 class="text-2xl desktop:text-xl tablet-p:text-lg mt-6 desktop:mt-4 tracking-tight"> Embed the widget in your app in 2 minutes &amp; help your users integrate your app with other apps in 1 click. </h3><div class="h-12 desktop:h-10 laptop:h-10 tablet-p:h-8"></div><div class="flex flex-col gap-3 text-base tablet-l:w-auto tablet-l:mx-auto tablet-l:items-center"><div class="relative flex items-center gap-3 before:content-[&#39;✓&#39;] tablet-l:before:text-xs before:inline-flex before:w-6 before:h-6 tablet-l:before:w-5 tablet-l:before:h-5 before:items-center before:justify-center before:rounded-full before:bg-skin-success-solid before:text-white">Users can search your ready flows</div><div class="relative flex items-center gap-3 before:content-[&#39;✓&#39;] tablet-l:before:text-xs before:inline-flex before:w-6 before:h-6 tablet-l:before:w-5 tablet-l:before:h-5 before:items-center before:justify-center before:rounded-full before:bg-skin-success-solid before:text-white">Ready field mappings</div></div><div class="h-12 desktop:h-10 laptop:h-10 tablet-p:h-8"></div><a href="#createEmbed" class="commonBtn"> Add Your Automations To Your Website </a></div><div class="max-w-2xl desktop:max-w-xl laptop:max-w-lg p-4 border-t-[12px] border-skin-dark bg-white rounded-xl tablet-p:mt-6"><img src="'+ne+'" width="819" height="494" alt="embed-automations" loading="lazy"></div></div></div></div><div class="py-32 desktop:py-24 laptop:py-20 tablet-p:py-16 bg-white"><div class="container"><h2 class="itlSectionHeading text-center"> Customers Find It Difficult To Use Integration Apps? Give Them <br class="tablet-p:hidden">1 Click Integrations With Zero Learning Curve </h2><div class="h-14 desktop:h-10 laptop:h-10 tablet-p:h-8"></div><div class="grid grid-cols-2 gap-8 desktop:gap-6 laptop:gap-5 tablet-p:grid-cols-1 text-lg desktop:text-base laptop:text-sm"><div class="flex phone:flex-col gap-8 desktop:gap-6 laptop:gap-5 items-center border border-skin-primary rounded-2xl laptop:rounded-xl p-12 desktop:p-10 laptop:p-8 tablet-p:p-6"><div class="flex items-center justify-center rounded-2xl shrink-0 w-16 laptop:w-14"><svg width="32" height="32" viewBox="0 0 40 40" class="w-14 laptop:w-12 h-auto"><path class="fill-skin-brand-solid" d="M20.0001 38.3333C19.3612 38.3333 18.7223 38.2917 18.0834 38.2083C17.4445 38.125 16.8056 38.0139 16.1668 37.875C13.7593 39.7176 11.0811 40.3634 8.13205 39.8125C5.18296 39.2616 2.93064 37.6806 1.37509 35.0695C0.143617 33.0139 -0.268425 30.8148 0.138964 28.4722C0.546381 26.1296 1.62509 24.1528 3.37509 22.5417V22.4167C1.61584 20.8333 0.54177 18.8773 0.152881 16.5486C-0.236008 14.2199 0.16677 12.0278 1.36121 9.97221C2.38899 8.22221 3.80102 6.90508 5.5973 6.02083C7.3936 5.13658 9.29176 4.82408 11.2918 5.08333C12.1806 3.5 13.3959 2.25694 14.9376 1.35417C16.4793 0.451389 18.1668 0 20.0001 0C21.8334 0 23.5209 0.451389 25.0626 1.35417C26.6043 2.25694 27.8195 3.5 28.7084 5.08333C30.7084 4.82408 32.6066 5.13658 34.4029 6.02083C36.1992 6.90508 37.6112 8.22221 38.639 9.97221C39.8334 12.0278 40.2362 14.2199 39.8473 16.5486C39.4584 18.8773 38.3843 20.8333 36.6251 22.4167V22.5417C38.3751 24.1528 39.4538 26.1296 39.8612 28.4722C40.2686 30.8148 39.8566 33.0139 38.6251 35.0695C37.0695 37.6806 34.8172 39.2616 31.8681 39.8125C28.9191 40.3634 26.237 39.7176 23.8219 37.875C23.1907 38.0139 22.5556 38.125 21.9168 38.2083C21.2779 38.2917 20.639 38.3333 20.0001 38.3333ZM20.0001 35.5556C23.8774 35.5556 27.1615 34.2101 29.8525 31.5191C32.5435 28.8281 33.889 25.544 33.889 21.6667C33.889 20.7685 33.808 19.8958 33.6459 19.0486C33.4839 18.2014 33.2501 17.3842 32.9445 16.5972C32.139 17.2453 31.2223 17.7546 30.1945 18.125C29.1668 18.4954 28.0603 18.6805 26.8751 18.6805C24.1189 18.6805 21.7747 17.7145 19.8426 15.7825C17.9106 13.8504 16.9445 11.5062 16.9445 8.75V8.43054C16.9445 8.32868 16.9538 8.2222 16.9723 8.11108C13.8427 8.79628 11.2501 10.3935 9.19451 12.9028C7.13895 15.412 6.11117 18.3333 6.11117 21.6667C6.11117 25.544 7.45666 28.8281 10.1476 31.5191C12.8386 34.2101 16.1228 35.5556 20.0001 35.5556ZM14.8272 25.6111C14.211 25.6111 13.6922 25.3984 13.2709 24.9729C12.8496 24.5474 12.639 24.0266 12.639 23.4104C12.639 22.7942 12.8517 22.2755 13.2772 21.8542C13.7026 21.4329 14.2235 21.2222 14.8397 21.2222C15.4559 21.2222 15.9746 21.4349 16.3959 21.8604C16.8172 22.2859 17.0279 22.8067 17.0279 23.4229C17.0279 24.0391 16.8151 24.5579 16.3897 24.9792C15.9642 25.4005 15.4434 25.6111 14.8272 25.6111ZM25.1883 25.6111C24.5721 25.6111 24.0533 25.3984 23.632 24.9729C23.2107 24.5474 23.0001 24.0266 23.0001 23.4104C23.0001 22.7942 23.2128 22.2755 23.6383 21.8542C24.0638 21.4329 24.5846 21.2222 25.2008 21.2222C25.817 21.2222 26.3357 21.4349 26.757 21.8604C27.1784 22.2859 27.389 22.8067 27.389 23.4229C27.389 24.0391 27.1763 24.5579 26.7508 24.9792C26.3253 25.4005 25.8045 25.6111 25.1883 25.6111Z" fill="#1C1B1F"></path></svg></div><div class="flex flex-col gap-4 phone:text-center laptop:gap-2"><div class="text-2xl desktop:text-xl laptop:text-lg font-bold tracking-tight">Simplify your user’s life</div><p> Simplify your user&#39;s life by directly giving them the automations they are looking for. All they have to do is connect and activate. </p></div></div><div class="flex phone:flex-col gap-8 desktop:gap-6 laptop:gap-5 items-center border border-skin-primary rounded-2xl laptop:rounded-xl p-12 desktop:p-10 laptop:p-8 tablet-p:p-6"><div class="flex items-center justify-center rounded-2xl shrink-0 w-16 laptop:w-14"><svg width="38" height="27" viewBox="0 0 40 27" class="w-14 laptop:w-12 h-auto"><path class="fill-skin-brand-solid" d="M20.1111 12.8055C20.8611 11.9167 21.4236 10.9676 21.7986 9.95833C22.1736 8.94908 22.3611 7.82408 22.3611 6.58333C22.3611 5.34258 22.1736 4.21758 21.7986 3.20833C21.4236 2.19908 20.8611 1.25001 20.1111 0.361125C22.0741 0.120375 23.7731 0.578708 25.2083 1.73612C26.6435 2.89351 27.3611 4.50925 27.3611 6.58333C27.3611 8.65742 26.6435 10.2732 25.2083 11.4306C23.7731 12.588 22.0741 13.0463 20.1111 12.8055ZM29.1666 26.3333V22.0556C29.1666 20.7778 28.8518 19.581 28.2222 18.4653C27.5926 17.3495 26.5648 16.3981 25.1388 15.6111C28.8148 16.1852 31.4422 16.993 33.0209 18.0347C34.5996 19.0764 35.389 20.4167 35.389 22.0556V26.3333H29.1666ZM33.3333 14.4167V10.5278H29.4444V7.75H33.3333V3.86108H36.1111V7.75H40V10.5278H36.1111V14.4167H33.3333ZM13.1945 12.9722C11.3611 12.9722 9.83797 12.3657 8.625 11.1528C7.41203 9.93982 6.80554 8.41667 6.80554 6.58333C6.80554 4.75 7.41203 3.22686 8.625 2.01392C9.83797 0.800944 11.3611 0.194458 13.1945 0.194458C15.0278 0.194458 16.5509 0.800944 17.7639 2.01392C18.9768 3.22686 19.5833 4.75 19.5833 6.58333C19.5833 8.41667 18.9768 9.93982 17.7639 11.1528C16.5509 12.3657 15.0278 12.9722 13.1945 12.9722ZM0 26.3333V22.1667C0 21.2037 0.252319 20.3264 0.756958 19.5348C1.26157 18.7431 1.93518 18.1482 2.77779 17.75C4.68521 16.8704 6.45835 16.2292 8.09721 15.8264C9.7361 15.4236 11.4352 15.2223 13.1945 15.2223C14.9537 15.2223 16.6481 15.4236 18.2778 15.8264C19.9074 16.2292 21.6759 16.8704 23.5833 17.75C24.4259 18.1482 25.1042 18.7431 25.618 19.5348C26.1319 20.3264 26.3889 21.2037 26.3889 22.1667V26.3333H0Z" fill="#1C1B1F"></path></svg></div><div class="flex flex-col gap-4 phone:text-center laptop:gap-2"><div class="text-2xl desktop:text-xl laptop:text-lg font-bold tracking-tight">Increase customer conversion</div><p> Improve customer adoption and satisfaction by providing them fully ready integrations with their favorite apps. </p></div></div><div class="flex phone:flex-col gap-8 desktop:gap-6 laptop:gap-5 items-center border border-skin-primary rounded-2xl laptop:rounded-xl p-12 desktop:p-10 laptop:p-8 tablet-p:p-6"><div class="flex items-center justify-center rounded-2xl shrink-0 w-16 laptop:w-14"><svg width="38" height="36" viewBox="0 0 38 36" class="w-16 h-auto laptop:w-14"><path class="fill-skin-brand-solid" d="M13.389 35.5L10.2223 30.1111L4.02787 28.8055L4.69454 22.6667L0.666748 18L4.69454 13.3611L4.02787 7.22221L10.2223 5.91667L13.389 0.5L19.0001 3.02779L24.6112 0.5L27.8056 5.91667L33.9723 7.22221L33.3056 13.3611L37.3334 18L33.3056 22.6667L33.9723 28.8055L27.8056 30.1111L24.6112 35.5L19.0001 32.9722L13.389 35.5ZM17.2223 23.6667L26.6667 14.2778L24.639 12.3333L17.2223 19.6945L13.389 15.7778L11.3334 17.8055L17.2223 23.6667Z" fill="#1C1B1F"></path></svg></div><div class="flex flex-col gap-4 phone:text-center laptop:gap-2"><div class="text-2xl desktop:text-xl laptop:text-lg font-bold tracking-tight">Give your product a competitive advantage</div><p> Present users with the most popular ready-to-use workflows in the most contextual places within your product. </p></div></div><div class="flex phone:flex-col gap-8 desktop:gap-6 laptop:gap-5 items-center border border-skin-primary rounded-2xl laptop:rounded-xl p-12 desktop:p-10 laptop:p-8 tablet-p:p-6"><div class="flex items-center justify-center rounded-2xl shrink-0 w-16 laptop:w-14"><svg width="28" height="34" viewBox="0 0 28 34" class="w-12 h-auto laptop:w-10 tablet-p:w-9"><path class="fill-skin-brand-solid" d="M14.0556 26.5556C16.2223 26.5556 18.0649 25.7963 19.5834 24.2778C21.1019 22.7593 21.8612 20.9167 21.8612 18.75C21.8612 16.5833 21.1019 14.7407 19.5834 13.2222C18.0649 11.7037 16.2223 10.9445 14.0556 10.9445C12.8705 10.9445 11.7825 11.1852 10.7917 11.6667C9.801 12.1482 8.96303 12.7408 8.27783 13.4445V10.6667H6.19454V17.25H12.8334V15.1667H9.75008C10.2038 14.5741 10.8241 14.0926 11.6112 13.7222C12.3982 13.3519 13.213 13.1667 14.0556 13.1667C15.6667 13.1667 17.0001 13.6945 18.0556 14.75C19.1112 15.8056 19.639 17.1389 19.639 18.75C19.639 20.3611 19.1112 21.6991 18.0556 22.7639C17.0001 23.8287 15.6667 24.3611 14.0556 24.3611C12.7593 24.3611 11.6205 24.0023 10.639 23.2848C9.65748 22.5672 8.9723 21.6482 8.58342 20.5278H6.30562C6.7686 22.3334 7.70147 23.7894 9.10425 24.8958C10.507 26.0023 12.1575 26.5556 14.0556 26.5556ZM3.4445 33.6667C2.6945 33.6667 2.04404 33.3912 1.49312 32.8403C0.942206 32.2894 0.666748 31.6389 0.666748 30.8889V3.11109C0.666748 2.36109 0.942206 1.71064 1.49312 1.15972C2.04404 0.608802 2.6945 0.333344 3.4445 0.333344H17.3612L27.3334 10.3056V30.8889C27.3334 31.6389 27.058 32.2894 26.507 32.8403C25.9561 33.3912 25.3057 33.6667 24.5557 33.6667H3.4445Z" fill="#1C1B1F"></path></svg></div><div class="flex flex-col gap-4 phone:text-center laptop:gap-2"><div class="text-2xl desktop:text-xl laptop:text-lg font-bold tracking-tight">Seamless embedding</div><p> Seamlessly embed the widget and display Integrately flows in your app, blogs or landing page. One small snippet and get the widget live anywhere on your website. </p></div></div></div></div></div>',2)),o("div",re,[o("div",de,[t[33]||(t[33]=L('<h2 class="itlSectionHeading text-center"> Create Your Own Custom Embed</h2><p class="text-[28px] desktop:text-2xl laptop:text-xl tracking-tight tablet-l:text-lg mt-4 desktop:mt-3 tablet-p:text-base text-center">Configure your widget then simply copy-paste our code in your app</p><div class="h-14 desktop:h-10 laptop:h-10 tablet-p:h-8"></div><div class="flex items-center justify-center phone:flex-col-reverse"><svg viewBox="0 0 145 121" width="100" height="84" class="-mr-12 -mb-6 phone:mt-2 w-[100px] h-auto phone:hidden"><path style="fill:none;stroke:#fd641f;stroke-width:3;stroke-miterlimit:10;" d="M145,2c0,0-126,0-132,108"></path><polyline style="fill:none;stroke:#fd641f;stroke-width:3;stroke-miterlimit:10;" points="2,104 13,118 25,106 "></polyline></svg><svg viewBox="0 0 145 121" width="100" height="84" class="hidden phone:block w-14 h-auto mt-5"><path style="fill:none;stroke:#fd641f;stroke-width:5;stroke-miterlimit:10;" d="M145,2c0,0-126,0-132,108"></path><polyline style="fill:none;stroke:#fd641f;stroke-width:5;stroke-miterlimit:10;" points="2,104 13,118 25,106 "></polyline></svg><div class="text-center"><p class="font-bold mb-3 text-skin-brand-primary text-xl desktop:text-lg laptop:text-base"> SaaS Provider? Pre-select your app from here </p><p class="textCenter text-lg desktop:text-base laptop:text-sm"> Your users will only see your automations. They can select other apps to <br>find ready automation within your app and other app </p></div></div><div class="h-14 desktop:h-10 laptop:h-10 tablet-p:h-8"></div>',5)),o("div",ce,[u((n(),a("div",he,[t[20]||(t[20]=o("span",{class:"inline-flex h-8 px-4 rounded-3xl bg-skin-brand-solid text-white absolute -top-4 left-4 items-center"},"Customize",-1)),t[21]||(t[21]=o("img",{src:pe,class:"absolute left-2 bottom-0 w-20 tablet-p:w-16 phone:w-10 phone:hidden",width:"60",height:"60",alt:"wizard",loading:"lazy"},null,-1)),i(e).selectedApp?(n(),a("div",ge,[t[16]||(t[16]=o("label",{class:"text-xs text-white absolute -top-5 tablet-p:static tablet-p:top-0 tablet-p:mt-1 tablet-p:mb-1"},"Pre-selected app",-1)),o("div",ue,[o("img",{src:i(e).selectedApp.logoUrl,alt:"",class:"w-6 laptop:w-5",height:"24",width:"24",loading:"lazy"},null,8,be),o("span",fe,b(i(e).selectedApp.label),1),o("span",{onClick:t[0]||(t[0]=l=>S()),class:"flex h-11 laptop:h-10 w-11 items-center justify-center cursor-pointer"},t[15]||(t[15]=[o("svg",{width:"16",height:"16",viewBox:"0 0 48 48"},[o("path",{class:"fill-skin-primary-solid",d:"M38,12.8L35.2,10L24,21.2L12.8,10L10,12.8L21.2,24L10,35.2l2.8,2.8L24,26.8L35.2,38l2.8-2.8L26.8,24 L38,12.8z"})],-1)]))])])):d("",!0),i(e).selectedApp?d("",!0):(n(),a("div",me,[o("div",xe,[t[17]||(t[17]=o("div",{class:"w-11 h-11 laptop:h-10 flex items-center justify-center shrink-0"},[o("svg",{width:"20",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 48 48","enable-background":"new 0 0 48 48","xml:space":"preserve"},[o("g",null,[o("path",{fill:"#3B3463",d:"M31,28h-1.6l-0.5-0.5c2-2.3,3.1-5.2,3.1-8.5c0-7.2-5.8-13-13-13S6,11.8,6,19s5.8,13,13,13 c3.2,0,6.2-1.2,8.5-3.1l0.5,0.5V31l10,10l3-3L31,28z M19,28c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S24,28,19,28z"}),o("path",{fill:"none",d:"M0,0h48v48H0V0z"})])])],-1)),o("div",ve,[u(o("input",{class:"w-full border-none outline-none bg-transparent h-11 laptop:h-10 placeholder:text-skin-primary focus:placeholder:text-skin-secondary",type:"text",placeholder:"Pre-select your app","onUpdate:modelValue":t[1]||(t[1]=l=>i(e).searchApp=l),onClick:t[2]||(t[2]=l=>{i(e).showSelectAppDropdown=!0}),autocomplete:"off"},null,512),[[x,i(e).searchApp]])])]),i(e).showSelectAppDropdown?(n(),a("div",we,[o("ul",ye,[i(A)?(n(),a(c,{key:1},[g(" App Loading.... ")],64)):(n(),a(c,{key:0},[w(i(f),i(e).searchApp).length>0?(n(!0),a(c,{key:0},v(w(i(f),i(e).searchApp),l=>(n(),a("li",Ce,[o("a",{href:"javascript:void(0);",onClick:r=>{C(l)},class:"flex flex-col items-center justify-center w-full text-xs min-h-[92px] gap-2 hover:bg-skin-secondary rounded-xl"},[o("img",{src:l.logoUrl,width:"32",height:"32",alt:"",loading:"lazy",class:"dropdownAppIcon rightMarginSm"},null,8,Le),o("span",Ae,b(l.label),1)],8,ke)]))),256)):(n(),a(c,{key:1},[g(" No app found ")],64))],64))])])):d("",!0)])),i(e).isBlog?d("",!0):(n(),a("div",_e,[o("label",Se,[u(o("input",{type:"checkbox",class:"appearance-none inline-flex rounded-sm cursor-pointer relative w-5 h-5 bg-white before:block before:absolute before:w-4 before:h-2 before:left-[2px] before:top-[3px] before:border-b-[3px] before:border-l-[3px] before:border-skin-brand-solid before:-rotate-45 before:opacity-0 checked:before:opacity-100","onUpdate:modelValue":t[3]||(t[3]=l=>i(e).showCustom=l),onChange:t[4]||(t[4]=l=>{m(!0)})},null,544),[[H,i(e).showCustom]]),t[18]||(t[18]=g(" Show Custom Automation ",-1))])])),i(e).isBlog?d("",!0):(n(),a("div",Ie,[t[19]||(t[19]=g(" Automations / Page ",-1)),u(o("input",{class:"h-11 laptop:h-10 bg-white border-none outline-none px-3 max-w-[100px] text-skin-primary rounded-md",type:"number",step:"5",max:"50","onUpdate:modelValue":t[5]||(t[5]=l=>i(e).limit=l),onChange:t[6]||(t[6]=l=>{m(!0)})},null,544),[[x,i(e).limit]])]))])),[[p,{func:N,args:{}}]]),i(e).isBlog?(n(),a("div",Me,[i(e).blog.showList?(n(),a("div",Te,[i(e).blog.isLoading&&!i(e).blog.showList&&i(e).blog.selectedApps.length==1?(n(),a("div",Be)):d("",!0),o("div",He,[o("div",null,[o("div",Ve,[(n(!0),a(c,null,v(i(e).blog.selectedApps,(l,r)=>(n(),a("div",{class:ie(["w-12 h-12 rounded-full flex items-center justify-center itlIntegrateAppIcon customAppIcon shrink-0",{loading:i(e).selectedApp.isLoading}]),id:"colorId",style:se(F(l))},[o("img",{src:l.logoUrl,alt:"app icon",loading:"lazy",class:"max-w-[60%] max-h-[60%]"},null,8,Ue),l.removable?(n(),a("span",{key:0,onClick:h=>S(r),class:"itlSelectedAppRemove"},t[22]||(t[22]=[o("svg",{width:"16",height:"16",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 48 48","enable-background":"new 0 0 48 48","xml:space":"preserve"},[o("path",{fill:"#817E96",d:"M38,12.8L35.2,10L24,21.2L12.8,10L10,12.8L21.2,24L10,35.2l2.8,2.8L24,26.8L35.2,38l2.8-2.8L26.8,24 L38,12.8z"})],-1)]),8,De)):d("",!0)],6))),256)),u((n(),a("div",Ee,[o("div",ze,[t[23]||(t[23]=o("div",{class:"itlSearchIcon"},[o("svg",{width:"20",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 48 48","enable-background":"new 0 0 48 48","xml:space":"preserve"},[o("g",null,[o("path",{fill:"#3B3463",d:"M31,28h-1.6l-0.5-0.5c2-2.3,3.1-5.2,3.1-8.5c0-7.2-5.8-13-13-13S6,11.8,6,19s5.8,13,13,13 c3.2,0,6.2-1.2,8.5-3.1l0.5,0.5V31l10,10l3-3L31,28z M19,28c-5,0-9-4-9-9s4-9,9-9s9,4,9,9S24,28,19,28z"}),o("path",{fill:"none",d:"M0,0h48v48H0V0z"})])])],-1)),o("div",je,[u(o("input",{id:"searchConnectionAppInput",type:"text",placeholder:"Search Apps to Connect","onUpdate:modelValue":t[7]||(t[7]=l=>i(e).searchApp=l),onClick:t[8]||(t[8]=l=>i(e).blog.showSelectAppDropdown=!0),autocomplete:"off"},null,512),[[x,i(e).searchApp]])])]),i(e).blog.showSelectAppDropdown?(n(),a("div",Fe,[o("ul",$e,[i(A)?(n(),a(c,{key:1},[g(" App Loading.... ")],64)):(n(),a(c,{key:0},[w(i(f),i(e).searchApp).length>0?(n(!0),a(c,{key:0},v(w(i(f),i(e).searchApp),l=>(n(),a(c,null,[i(e).blog.preSelectedApp.id!=l.id?(n(),a("li",Re,[o("a",{onClick:r=>{C(l)},class:""},[o("img",{src:l.logoUrl,width:"32",height:"32",alt:"",loading:"lazy",class:"dropdownAppIcon rightMarginSm"},null,8,Ze),o("span",Oe,b(l.label),1)],8,Pe)])):d("",!0)],64))),256)):(n(),a(c,{key:1},[g(" No app found ")],64))],64))])])):d("",!0)])),[[p,{func:W,args:{}}]]),i(e).blog.selectedApps.length==0?(n(),a("div",qe,t[24]||(t[24]=[o("svg",{viewBox:"0 0 48 48",width:"30"},[o("path",{fill:"#3b3463",d:"M37.9,26.2h-12v12h-4v-12h-12v-4h12v-12h4v12h12V26.2z",width:"20"})],-1)]))):d("",!0)]),i(e).blog.isLoading?d("",!0):(n(),a("div",Ye,[t[25]||(t[25]=g("Found ",-1)),o("span",Ne,b(i(e).blog.storeTemplates.length),1),t[26]||(t[26]=g(" ready 1 click automations",-1))])),o("div",We,[i(e).blog.isLoading?(n(),a("div",Ge,"loading...")):(n(),a(c,{key:1},[i(e).blog.storeTemplates.length>0?(n(!0),a(c,{key:0},v(i(e).blog.storeTemplates,l=>(n(),a("div",{class:"iltIntegrationListItem",key:l.template.id},[u(o("input",{type:"checkbox",class:"itlCheckbox","onUpdate:modelValue":r=>l.isSelected=r,onChange:t[9]||(t[9]=r=>$())},null,40,Je),[[H,l.isSelected]]),o("div",Ke,[o("div",Qe,[(n(!0),a(c,null,v(l.apps,r=>(n(),a("div",Xe,[o("img",{src:r.logoUrl,alt:"",loading:"lazy"},null,8,et)]))),256))])]),o("div",tt,b(l.template.name),1),o("div",ot,[o("a",{href:"javascript:void(0);",class:"iltIntegrationListItemActionBtn",onClick:r=>s.integrate(l)},"Integrate",8,lt)])]))),128)):(n(),a("div",st,t[27]||(t[27]=[o("h2",null,"Oops, Did not found any ready to go templates.",-1)])))],64))]),i(e).blog.staticHTML.show?(n(),a("div",it,[u(o("textarea",{id:"copy-code",class:"itlCopyCode","onUpdate:modelValue":t[10]||(t[10]=l=>i(e).blog.staticHTML.content=l),placeholder:"Select an automation from list to copy html."},null,512),[[x,i(e).blog.staticHTML.content]]),i(e).blog.staticHTML.content?(n(),a("a",{key:0,href:"javascript:void(0);",class:"",onClick:t[11]||(t[11]=l=>{I()})},[i(e).isContentCopied?(n(),a("span",at,"Copied")):(n(),a("span",nt,"Copy Code"))])):d("",!0)])):d("",!0)])])])):d("",!0)])):(n(),a("div",pt,[i(e).copyCode?(n(),a("div",rt,t[28]||(t[28]=[o("a",{href:"#copyCodeSection",class:"commonBtn"},[o("span",null,"Get Widget Code"),g(),o("img",{src:"https://d2gy0ef8aozf98.cloudfront.net/2025/btn-click-wht.svg",alt:"arrow right",class:"w-8 h-8 desktop:w-7 desktop:h-7 laptop:h-6 laptop:w-6",loading:"lazy"})],-1)]))):d("",!0),t[32]||(t[32]=o("div",{class:"h-14 desktop:h-10 laptop:h-10 tablet-p:h-8"},null,-1)),i(e).copyCode?(n(),a("div",dt)):d("",!0),i(e).copyCode?(n(),a("div",ct)):d("",!0),o("div",ht,[t[29]||(t[29]=L('<div class="itlSectionHeading text-center"> Copy below code and paste it where you want to show <br class="tablet-p:hidden"> your app integration templates in your webpage. </div><p class="text-[28px] desktop:text-2xl laptop:text-xl tracking-tighter tablet-l:text-lg mt-6 desktop:mt-4 tablet-p:text-base text-center"> You can also create an empty div with id &quot;integrately-embed&quot; and place it where ever you want to embed.<br> <span class="font-bold text-skin-brand-primary">Example : &lt;div id=&quot;integrately-embed&quot;&gt;&lt;/div&gt;</span></p><div class="h-14 desktop:h-10 laptop:h-10 tablet-p:h-8"></div>',3)),o("div",gt,[u(o("textarea",{class:"w-full border-none outline-none bg-transparent min-h-[80px] text-white text-lg desktop:text-base laptop:text-sm",id:"copy-code","onUpdate:modelValue":t[12]||(t[12]=l=>i(e).copyCode=l),placeholder:"Select an app in the search bar to create embed code."},null,512),[[x,i(e).copyCode]]),i(e).copyCode?(n(),a("a",{key:0,href:"javascript:void(0);",class:"px-8 desktop:px-6 h-12 desktop:h-10 laptop:h-10 rounded-full font-semibold bg-skin-success-solid text-white whitespace-nowrap inline-flex items-center justify-center",onClick:t[13]||(t[13]=l=>{I()})},[i(e).isContentCopied?(n(),a("span",ut,"Copied")):(n(),a("span",bt,"Copy Code"))])):d("",!0)])]),i(e).showCountModal?(n(),a("div",ft,[o("div",mt,[o("div",xt,[t[31]||(t[31]=o("p",{class:"pb-2"},"Great News!",-1)),o("div",vt,b(i(e).totalTemplates),1),o("p",wt,[t[30]||(t[30]=g(" Fully ready 1 click automations are available for ",-1)),o("span",yt,b(i(e).selectedApp.label),1)])]),o("a",{class:"h-11 laptop:h-10 px-6 bg-skin-brand-solid rounded-lg inline-flex text-white font-bold items-center justify-center",href:"javascript:void(0);",onClick:t[14]||(t[14]=l=>{i(e).showCountModal=!1})},"Yay!")])])):d("",!0)]))])])])],64)}}};export{At as default};