@stackshift-ui/app-promo 6.0.4-beta.0 → 6.0.4-beta.1

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/dist/app-promo.js CHANGED
@@ -1 +1 @@
1
- "use strict";var st=Object.create;var h=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty;var b=(t,r)=>()=>(t&&(r=t(t=0)),r);var v=(t,r)=>{for(var e in r)h(t,e,{get:r[e],enumerable:!0})},H=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of xt(r))!wt.call(t,n)&&n!==e&&h(t,n,{get:()=>r[n],enumerable:!(i=ft(r,n))||i.enumerable});return t};var j=(t,r,e)=>(e=t!=null?st(dt(t)):{},H(r||!t||!t.__esModule?h(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>H(h({},"__esModule",{value:!0}),t);var k,V=b(()=>{"use strict";k=t=>{var r,e,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(e=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&e.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"}});var K={};v(K,{AppPromo_A:()=>J,default:()=>J});function J({logo:t,subtitle:r,title:e,images:i=[]}){var p;let[n,c]=(0,P.useState)(0),m=()=>{i!=null&&i.length&&(n!==i.length-1?c(n+1):c(n=0))},u=()=>{i!=null&&i.length&&c(n!==0?n-1:n=i.length-1)};return(0,a.jsx)(E.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,a.jsxs)(D.Container,{className:"relative text-center",maxWidth:448,children:[(0,a.jsx)(bt,{logo:t}),(0,a.jsx)(vt,{subtitle:r,title:e}),(0,a.jsx)(kt,{images:i}),(0,a.jsx)(Ct,{image:i[n].image,alt:(p=i[n].alt)!=null?p:`appPromo-variantA-image-${n}`}),(0,a.jsx)(Pt,{arrowLeftClick:u,arrowRightClick:m})]})})}function bt({logo:t}){var r;return t!=null&&t.image?(0,a.jsx)(M.Link,{"aria-label":`Go to ${k(t)==="/"?"home page":k(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:k(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(C.Image,{src:t==null?void 0:t.image,width:50,height:56,alt:(r=t==null?void 0:t.alt)!=null?r:"appPromo-logo"})}):null}function vt({subtitle:t,title:r}){return(0,a.jsxs)(P.default.Fragment,{children:[t?(0,a.jsx)(q.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,a.jsx)(G.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function g({src:t,alt:r,positionClass:e}){return t?(0,a.jsx)(C.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${e}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function kt({images:t}){var r,e,i,n,c,m,u,p,f,x,d,w;return(0,a.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,a.jsx)(g,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:(n=(i=t==null?void 0:t[0])==null?void 0:i.alt)!=null?n:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(c=t==null?void 0:t[1])!=null&&c.image?(0,a.jsx)(g,{src:(m=t==null?void 0:t[1])==null?void 0:m.image,alt:(p=(u=t==null?void 0:t[1])==null?void 0:u.alt)!=null?p:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(f=t==null?void 0:t[2])!=null&&f.image?(0,a.jsx)(g,{src:(x=t==null?void 0:t[2])==null?void 0:x.image,alt:(w=(d=t==null?void 0:t[2])==null?void 0:d.alt)!=null?w:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function Ct({image:t,alt:r}){return t?(0,a.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,a.jsx)(C.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function Pt({arrowLeftClick:t,arrowRightClick:r}){return(0,a.jsxs)(W.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,a.jsx)(R.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),(0,a.jsx)(R.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}var D,W,G,C,M,E,R,q,P,a,O=b(()=>{"use strict";D=require("@stackshift-ui/container"),W=require("@stackshift-ui/flex"),G=require("@stackshift-ui/heading"),C=require("@stackshift-ui/image"),M=require("@stackshift-ui/link"),E=require("@stackshift-ui/section"),R=require("@stackshift-ui/swiper-button"),q=require("@stackshift-ui/text"),P=j(require("react"));V();a=require("react/jsx-runtime")});var rt={};v(rt,{AppPromo_B:()=>tt,default:()=>tt});function tt({subtitle:t,title:r,description:e,statistics:i,images:n}){let[c,m]=s.default.useState(0);return(0,o.jsx)(E.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,o.jsx)(U.Container,{className:"relative text-center",maxWidth:1280,children:(0,o.jsxs)(W.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,o.jsxs)("div",{className:"w-full mt-8 lg:w-1/2",children:[(0,o.jsx)(Nt,{subtitle:t,title:r,description:e}),(0,o.jsx)(Lt,{statistics:i})]}),(0,o.jsx)(W.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,o.jsx)(yt,{images:n,currentPosition:c,arrowLeftClick:()=>{n!=null&&n.length&&m(c!==0?c-1:c=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(c!==n.length-1?m(c+1):m(c=0))}})})]})})})}function Nt({subtitle:t,title:r,description:e}){return(0,o.jsxs)(s.default.Fragment,{children:[t?(0,o.jsx)(q.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,r?(0,o.jsx)(G.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:r}):null,e?(0,o.jsx)(q.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function Lt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,o.jsx)(s.default.Fragment,{children:(0,o.jsx)(W.Flex,{wrap:!0,children:t==null?void 0:t.map((r,e)=>(0,o.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,o.jsx)(q.Text,{muted:!0,className:"mb-3",children:r==null?void 0:r.label}),(0,o.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:r==null?void 0:r.value})]},e))})})}function yt({images:t,currentPosition:r,arrowLeftClick:e,arrowRightClick:i}){return t?(0,o.jsx)(s.default.Fragment,{children:t.length>1?(0,o.jsx)(It,{arrowLeftClick:e,arrowRightClick:i,children:(0,o.jsx)(Q,{images:t,currentPosition:r})}):(0,o.jsx)(Q,{images:t,currentPosition:r})}):null}function It({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,o.jsxs)(s.default.Fragment,{children:[(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:r}),t,(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",onClick:e})]})}function Q({images:t,currentPosition:r}){var e,i,n;return(e=t==null?void 0:t[r])!=null&&e.image?(0,o.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,o.jsx)(C.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[r].image}`,sizes:"100vw",width:500,height:850,alt:(n=(i=t[r])==null?void 0:i.alt)!=null?n:`appPromo-variantB-image-${r}`})}):null}var U,W,G,C,E,R,q,s,o,et=b(()=>{"use strict";U=require("@stackshift-ui/container"),s=j(require("react")),o=require("react/jsx-runtime")});var ct={};v(ct,{AppPromo_C:()=>at,default:()=>at});function at({subtitle:t,title:r,description:e,features:i,images:n}){return(0,o.jsx)(E.Section,{className:"py-20 bg-background",children:(0,o.jsx)(nt.Container,{maxWidth:1280,children:(0,o.jsxs)(W.Flex,{align:"center",wrap:!0,gap:8,children:[(0,o.jsx)(St,{subtitle:t,title:r,description:e,features:i}),(0,o.jsx)(Rt,{images:n})]})})})}function St({subtitle:t,title:r,description:e,features:i}){return(0,o.jsxs)("div",{className:"max-w-xl space-q-5",children:[t?(0,o.jsx)(q.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,o.jsx)(G.Heading,{type:"h1",fontSize:"3xl",children:r}):null,e?(0,o.jsx)(q.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:e}):null,(0,o.jsx)(gt,{features:i})]})}function gt({features:t}){return t?(0,o.jsx)("ul",{className:"mb-8",children:t.map((r,e)=>(0,o.jsxs)(W.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,o.jsx)(At,{}),(0,o.jsx)(q.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},e))}):null}function Rt({images:t}){return t?(0,o.jsxs)(W.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,o.jsx)(F,{images:t,start:0,end:1}),(0,o.jsx)("div",{className:"w-full",children:t==null?void 0:t.slice(1,3).map((r,e)=>(0,o.jsx)(F,{images:[r],start:0,end:1},e))}),(0,o.jsx)(F,{images:t,start:3,end:4})]}):null}function F({images:t,start:r,end:e}){var i;return(i=t==null?void 0:t[r])!=null&&i.image?(0,o.jsx)("div",{className:"w-full",children:t.slice(r,e).map((n,c)=>{var m;return(0,o.jsx)(C.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(m=n.alt)!=null?m:`appPromo-variantC-image-${c}`},c)})}):null}function At(){return(0,o.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}var nt,W,G,C,E,q,o,mt=b(()=>{"use strict";nt=require("@stackshift-ui/container")});var zt={};v(zt,{AppPromo:()=>pt});module.exports=ht(zt);var S=require("react"),Ft={variant_a:(0,S.lazy)(()=>Promise.resolve().then(()=>(O(),K))),variant_b:(0,S.lazy)(()=>Promise.resolve().then(()=>(et(),rt))),variant_c:(0,S.lazy)(()=>Promise.resolve().then(()=>(mt(),ct)))},Tt="AppPromo",pt=({data:t})=>{var n,c,m,u,p,f,x,d,w,T,z,_,$,B;let r=t==null?void 0:t.variant,e=r&&Ft[r],i={logo:(c=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?c:void 0,subtitle:(u=(m=t==null?void 0:t.variants)==null?void 0:m.subtitle)!=null?u:void 0,title:(f=(p=t==null?void 0:t.variants)==null?void 0:p.title)!=null?f:void 0,description:(d=(x=t==null?void 0:t.variants)==null?void 0:x.description)!=null?d:void 0,statistics:(T=(w=t==null?void 0:t.variants)==null?void 0:w.stats)!=null?T:void 0,features:(_=(z=t==null?void 0:t.variants)==null?void 0:z.tags)!=null?_:void 0,images:(B=($=t==null?void 0:t.variants)==null?void 0:$.images)!=null?B:void 0};return e?(0,o.jsx)(e,{...i}):null};pt.displayName=Tt;0&&(module.exports={AppPromo});
1
+ "use strict";var st=Object.create;var h=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty;var b=(t,r)=>()=>(t&&(r=t(t=0)),r);var v=(t,r)=>{for(var e in r)h(t,e,{get:r[e],enumerable:!0})},H=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of xt(r))!wt.call(t,n)&&n!==e&&h(t,n,{get:()=>r[n],enumerable:!(i=ft(r,n))||i.enumerable});return t};var j=(t,r,e)=>(e=t!=null?st(dt(t)):{},H(r||!t||!t.__esModule?h(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>H(h({},"__esModule",{value:!0}),t);var k,V=b(()=>{"use strict";k=t=>{var r,e,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(e=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&e.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"}});var K={};v(K,{AppPromo_A:()=>J,default:()=>J});function J({logo:t,subtitle:r,title:e,images:i=[]}){var p;let[n,c]=(0,N.useState)(0);return(0,a.jsx)(E.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,a.jsxs)(D.Container,{className:"relative text-center",maxWidth:448,children:[(0,a.jsx)(bt,{logo:t}),(0,a.jsx)(vt,{subtitle:r,title:e}),(0,a.jsx)(kt,{images:i}),(0,a.jsx)(Nt,{arrowLeftClick:()=>{i!=null&&i.length&&c(n!==0?n-1:n=i.length-1)},arrowRightClick:()=>{i!=null&&i.length&&(n!==i.length-1?c(n+1):c(n=0))},children:(0,a.jsx)(Ct,{image:i[n].image,alt:(p=i[n].alt)!=null?p:`appPromo-variantA-image-${n}`})})]})})}function bt({logo:t}){var r;return t!=null&&t.image?(0,a.jsx)(M.Link,{"aria-label":`Go to ${k(t)==="/"?"home page":k(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:k(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(C.Image,{src:t==null?void 0:t.image,width:50,height:56,alt:(r=t==null?void 0:t.alt)!=null?r:"appPromo-logo"})}):null}function vt({subtitle:t,title:r}){return(0,a.jsxs)(N.default.Fragment,{children:[t?(0,a.jsx)(q.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,a.jsx)(G.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function S({src:t,alt:r,positionClass:e}){return t?(0,a.jsx)(C.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${e}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function kt({images:t}){var r,e,i,n,c,m,u,p,f,x,d,w;return(0,a.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,a.jsx)(S,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:(n=(i=t==null?void 0:t[0])==null?void 0:i.alt)!=null?n:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(c=t==null?void 0:t[1])!=null&&c.image?(0,a.jsx)(S,{src:(m=t==null?void 0:t[1])==null?void 0:m.image,alt:(p=(u=t==null?void 0:t[1])==null?void 0:u.alt)!=null?p:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(f=t==null?void 0:t[2])!=null&&f.image?(0,a.jsx)(S,{src:(x=t==null?void 0:t[2])==null?void 0:x.image,alt:(w=(d=t==null?void 0:t[2])==null?void 0:d.alt)!=null?w:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function Ct({image:t,alt:r}){return t?(0,a.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,a.jsx)(C.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function Nt({arrowLeftClick:t,arrowRightClick:r,children:e}){return(0,a.jsxs)(W.Flex,{justify:"between",align:"center",className:"mb-16 sm:hidden",children:[(0,a.jsx)(R.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),e,(0,a.jsx)(R.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}var D,W,G,C,M,E,R,q,N,a,O=b(()=>{"use strict";D=require("@stackshift-ui/container"),W=require("@stackshift-ui/flex"),G=require("@stackshift-ui/heading"),C=require("@stackshift-ui/image"),M=require("@stackshift-ui/link"),E=require("@stackshift-ui/section"),R=require("@stackshift-ui/swiper-button"),q=require("@stackshift-ui/text"),N=j(require("react"));V();a=require("react/jsx-runtime")});var rt={};v(rt,{AppPromo_B:()=>tt,default:()=>tt});function tt({subtitle:t,title:r,description:e,statistics:i,images:n}){let[c,m]=s.default.useState(0);return(0,o.jsx)(E.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,o.jsx)(U.Container,{className:"relative text-center",maxWidth:1280,children:(0,o.jsxs)(W.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,o.jsxs)("div",{className:"w-full mt-8 lg:w-1/2",children:[(0,o.jsx)(Pt,{subtitle:t,title:r,description:e}),(0,o.jsx)(Lt,{statistics:i})]}),(0,o.jsx)(W.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,o.jsx)(gt,{images:n,currentPosition:c,arrowLeftClick:()=>{n!=null&&n.length&&m(c!==0?c-1:c=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(c!==n.length-1?m(c+1):m(c=0))}})})]})})})}function Pt({subtitle:t,title:r,description:e}){return(0,o.jsxs)(s.default.Fragment,{children:[t?(0,o.jsx)(q.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,r?(0,o.jsx)(G.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:r}):null,e?(0,o.jsx)(q.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function Lt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,o.jsx)(s.default.Fragment,{children:(0,o.jsx)(W.Flex,{wrap:!0,children:t==null?void 0:t.map((r,e)=>(0,o.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,o.jsx)(q.Text,{muted:!0,className:"mb-3",children:r==null?void 0:r.label}),(0,o.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:r==null?void 0:r.value})]},e))})})}function gt({images:t,currentPosition:r,arrowLeftClick:e,arrowRightClick:i}){return t?(0,o.jsx)(s.default.Fragment,{children:t.length>1?(0,o.jsx)(yt,{arrowLeftClick:e,arrowRightClick:i,children:(0,o.jsx)(Q,{images:t,currentPosition:r})}):(0,o.jsx)(Q,{images:t,currentPosition:r})}):null}function yt({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,o.jsxs)(s.default.Fragment,{children:[(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",className:"bg-white",onClick:r}),t,(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",className:"bg-white",onClick:e})]})}function Q({images:t,currentPosition:r}){var e,i,n;return(e=t==null?void 0:t[r])!=null&&e.image?(0,o.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,o.jsx)(C.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[r].image}`,sizes:"100vw",width:500,height:850,alt:(n=(i=t[r])==null?void 0:i.alt)!=null?n:`appPromo-variantB-image-${r}`})}):null}var U,W,G,C,E,R,q,s,o,et=b(()=>{"use strict";U=require("@stackshift-ui/container"),s=j(require("react")),o=require("react/jsx-runtime")});var ct={};v(ct,{AppPromo_C:()=>at,default:()=>at});function at({subtitle:t,title:r,description:e,features:i,images:n}){return(0,o.jsx)(E.Section,{className:"py-20 bg-background",children:(0,o.jsx)(nt.Container,{maxWidth:1280,children:(0,o.jsxs)(W.Flex,{align:"center",wrap:!0,gap:8,children:[(0,o.jsx)(It,{subtitle:t,title:r,description:e,features:i}),(0,o.jsx)(Rt,{images:n})]})})})}function It({subtitle:t,title:r,description:e,features:i}){return(0,o.jsxs)("div",{className:"max-w-xl space-W-5",children:[t?(0,o.jsx)(q.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,o.jsx)(G.Heading,{type:"h1",fontSize:"3xl",children:r}):null,e?(0,o.jsx)(q.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:e}):null,(0,o.jsx)(St,{features:i})]})}function St({features:t}){return t?(0,o.jsx)("ul",{className:"mb-8",children:t.map((r,e)=>(0,o.jsxs)(W.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,o.jsx)(At,{}),(0,o.jsx)(q.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},e))}):null}function Rt({images:t}){return t?(0,o.jsxs)(W.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,o.jsx)(F,{images:t,start:0,end:1}),(0,o.jsx)("div",{className:"w-full",children:t==null?void 0:t.slice(1,3).map((r,e)=>(0,o.jsx)(F,{images:[r],start:0,end:1},e))}),(0,o.jsx)(F,{images:t,start:3,end:4})]}):null}function F({images:t,start:r,end:e}){var i;return(i=t==null?void 0:t[r])!=null&&i.image?(0,o.jsx)("div",{className:"w-full",children:t.slice(r,e).map((n,c)=>{var m;return(0,o.jsx)(C.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(m=n.alt)!=null?m:`appPromo-variantC-image-${c}`},c)})}):null}function At(){return(0,o.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}var nt,W,G,C,E,q,o,mt=b(()=>{"use strict";nt=require("@stackshift-ui/container")});var zt={};v(zt,{AppPromo:()=>pt});module.exports=ht(zt);var I=require("react"),Ft={variant_a:(0,I.lazy)(()=>Promise.resolve().then(()=>(O(),K))),variant_b:(0,I.lazy)(()=>Promise.resolve().then(()=>(et(),rt))),variant_c:(0,I.lazy)(()=>Promise.resolve().then(()=>(mt(),ct)))},Tt="AppPromo",pt=({data:t})=>{var n,c,m,u,p,f,x,d,w,T,z,_,$,B;let r=t==null?void 0:t.variant,e=r&&Ft[r],i={logo:(c=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?c:void 0,subtitle:(u=(m=t==null?void 0:t.variants)==null?void 0:m.subtitle)!=null?u:void 0,title:(f=(p=t==null?void 0:t.variants)==null?void 0:p.title)!=null?f:void 0,description:(d=(x=t==null?void 0:t.variants)==null?void 0:x.description)!=null?d:void 0,statistics:(T=(w=t==null?void 0:t.variants)==null?void 0:w.stats)!=null?T:void 0,features:(_=(z=t==null?void 0:t.variants)==null?void 0:z.tags)!=null?_:void 0,images:(B=($=t==null?void 0:t.variants)==null?void 0:$.images)!=null?B:void 0};return e?(0,o.jsx)(e,{...i}):null};pt.displayName=Tt;0&&(module.exports={AppPromo});
@@ -1 +1 @@
1
- import{a}from"./chunk-WA4PS4TA.mjs";export{a as AppPromo};
1
+ import{a}from"./chunk-Z6CMU42P.mjs";export{a as AppPromo};
@@ -1 +1 @@
1
- "use strict";var S=Object.create;var o=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var $=(t,r)=>{for(var i in r)o(t,i,{get:r[i],enumerable:!0})},L=(t,r,i,e)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of T(r))!F.call(t,a)&&a!==i&&o(t,a,{get:()=>r[a],enumerable:!(e=R(r,a))||e.enumerable});return t};var j=(t,r,i)=>(i=t!=null?S(z(t)):{},L(r||!t||!t.__esModule?o(i,"default",{value:t,enumerable:!0}):i,t)),B=t=>L(o({},"__esModule",{value:!0}),t);var V={};$(V,{AppPromo_A:()=>I,default:()=>I});module.exports=B(V);var P=require("@stackshift-ui/container"),C=require("@stackshift-ui/flex"),v=require("@stackshift-ui/heading"),d=require("@stackshift-ui/image"),N=require("@stackshift-ui/link"),A=require("@stackshift-ui/section"),b=require("@stackshift-ui/swiper-button"),y=require("@stackshift-ui/text"),m=j(require("react"));var f=t=>{var r,i,e;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(i=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&i.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(e=t==null?void 0:t.externalLink)!=null?e:"/"};var n=require("react/jsx-runtime");function I({logo:t,subtitle:r,title:i,images:e=[]}){var p;let[a,l]=(0,m.useState)(0),c=()=>{e!=null&&e.length&&(a!==e.length-1?l(a+1):l(a=0))},u=()=>{e!=null&&e.length&&l(a!==0?a-1:a=e.length-1)};return(0,n.jsx)(A.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,n.jsxs)(P.Container,{className:"relative text-center",maxWidth:448,children:[(0,n.jsx)(G,{logo:t}),(0,n.jsx)(H,{subtitle:r,title:i}),(0,n.jsx)(_,{images:e}),(0,n.jsx)(E,{image:e[a].image,alt:(p=e[a].alt)!=null?p:`appPromo-variantA-image-${a}`}),(0,n.jsx)(M,{arrowLeftClick:u,arrowRightClick:c})]})})}function G({logo:t}){var r;return t!=null&&t.image?(0,n.jsx)(N.Link,{"aria-label":`Go to ${f(t)==="/"?"home page":f(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:f(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(d.Image,{src:t==null?void 0:t.image,width:50,height:56,alt:(r=t==null?void 0:t.alt)!=null?r:"appPromo-logo"})}):null}function H({subtitle:t,title:r}){return(0,n.jsxs)(m.default.Fragment,{children:[t?(0,n.jsx)(y.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,n.jsx)(v.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function h({src:t,alt:r,positionClass:i}){return t?(0,n.jsx)(d.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${i}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function _({images:t}){var r,i,e,a,l,c,u,p,k,s,w,x;return(0,n.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,n.jsx)(h,{src:(i=t==null?void 0:t[0])==null?void 0:i.image,alt:(a=(e=t==null?void 0:t[0])==null?void 0:e.alt)!=null?a:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(l=t==null?void 0:t[1])!=null&&l.image?(0,n.jsx)(h,{src:(c=t==null?void 0:t[1])==null?void 0:c.image,alt:(p=(u=t==null?void 0:t[1])==null?void 0:u.alt)!=null?p:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(k=t==null?void 0:t[2])!=null&&k.image?(0,n.jsx)(h,{src:(s=t==null?void 0:t[2])==null?void 0:s.image,alt:(x=(w=t==null?void 0:t[2])==null?void 0:w.alt)!=null?x:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function E({image:t,alt:r}){return t?(0,n.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,n.jsx)(d.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function M({arrowLeftClick:t,arrowRightClick:r}){return(0,n.jsxs)(C.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,n.jsx)(b.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),(0,n.jsx)(b.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}0&&(module.exports={AppPromo_A});
1
+ "use strict";var R=Object.create;var p=Object.defineProperty;var S=Object.getOwnPropertyDescriptor;var T=Object.getOwnPropertyNames;var z=Object.getPrototypeOf,F=Object.prototype.hasOwnProperty;var $=(t,r)=>{for(var e in r)p(t,e,{get:r[e],enumerable:!0})},L=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of T(r))!F.call(t,a)&&a!==e&&p(t,a,{get:()=>r[a],enumerable:!(i=S(r,a))||i.enumerable});return t};var j=(t,r,e)=>(e=t!=null?R(z(t)):{},L(r||!t||!t.__esModule?p(e,"default",{value:t,enumerable:!0}):e,t)),B=t=>L(p({},"__esModule",{value:!0}),t);var V={};$(V,{AppPromo_A:()=>I,default:()=>I});module.exports=B(V);var C=require("@stackshift-ui/container"),P=require("@stackshift-ui/flex"),v=require("@stackshift-ui/heading"),u=require("@stackshift-ui/image"),N=require("@stackshift-ui/link"),A=require("@stackshift-ui/section"),b=require("@stackshift-ui/swiper-button"),y=require("@stackshift-ui/text"),f=j(require("react"));var o=t=>{var r,e,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(e=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&e.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"};var n=require("react/jsx-runtime");function I({logo:t,subtitle:r,title:e,images:i=[]}){var l;let[a,c]=(0,f.useState)(0);return(0,n.jsx)(A.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,n.jsxs)(C.Container,{className:"relative text-center",maxWidth:448,children:[(0,n.jsx)(G,{logo:t}),(0,n.jsx)(H,{subtitle:r,title:e}),(0,n.jsx)(_,{images:i}),(0,n.jsx)(M,{arrowLeftClick:()=>{i!=null&&i.length&&c(a!==0?a-1:a=i.length-1)},arrowRightClick:()=>{i!=null&&i.length&&(a!==i.length-1?c(a+1):c(a=0))},children:(0,n.jsx)(E,{image:i[a].image,alt:(l=i[a].alt)!=null?l:`appPromo-variantA-image-${a}`})})]})})}function G({logo:t}){var r;return t!=null&&t.image?(0,n.jsx)(N.Link,{"aria-label":`Go to ${o(t)==="/"?"home page":o(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:o(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,n.jsx)(u.Image,{src:t==null?void 0:t.image,width:50,height:56,alt:(r=t==null?void 0:t.alt)!=null?r:"appPromo-logo"})}):null}function H({subtitle:t,title:r}){return(0,n.jsxs)(f.default.Fragment,{children:[t?(0,n.jsx)(y.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,n.jsx)(v.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function m({src:t,alt:r,positionClass:e}){return t?(0,n.jsx)(u.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${e}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function _({images:t}){var r,e,i,a,c,d,h,l,k,w,s,x;return(0,n.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,n.jsx)(m,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:(a=(i=t==null?void 0:t[0])==null?void 0:i.alt)!=null?a:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(c=t==null?void 0:t[1])!=null&&c.image?(0,n.jsx)(m,{src:(d=t==null?void 0:t[1])==null?void 0:d.image,alt:(l=(h=t==null?void 0:t[1])==null?void 0:h.alt)!=null?l:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(k=t==null?void 0:t[2])!=null&&k.image?(0,n.jsx)(m,{src:(w=t==null?void 0:t[2])==null?void 0:w.image,alt:(x=(s=t==null?void 0:t[2])==null?void 0:s.alt)!=null?x:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function E({image:t,alt:r}){return t?(0,n.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,n.jsx)(u.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function M({arrowLeftClick:t,arrowRightClick:r,children:e}){return(0,n.jsxs)(P.Flex,{justify:"between",align:"center",className:"mb-16 sm:hidden",children:[(0,n.jsx)(b.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),e,(0,n.jsx)(b.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}0&&(module.exports={AppPromo_A});
@@ -1 +1 @@
1
- import{a}from"./chunk-VYDG5YDD.mjs";import"./chunk-KQFO7OZP.mjs";export{a as AppPromo_A,a as default};
1
+ import{a}from"./chunk-2AGQEIJY.mjs";import"./chunk-KQFO7OZP.mjs";export{a as AppPromo_A,a as default};
@@ -1 +1 @@
1
- "use strict";var v=Object.create;var m=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var s=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var F=(t,e)=>{for(var o in e)m(t,o,{get:e[o],enumerable:!0})},d=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of s(e))!R.call(t,l)&&l!==o&&m(t,l,{get:()=>e[l],enumerable:!(n=k(e,l))||n.enumerable});return t};var S=(t,e,o)=>(o=t!=null?v(N(t)):{},d(e||!t||!t.__esModule?m(o,"default",{value:t,enumerable:!0}):o,t)),P=t=>d(m({},"__esModule",{value:!0}),t);var A={};F(A,{AppPromo_B:()=>C,default:()=>C});module.exports=P(A);var g=require("@stackshift-ui/container"),f=require("@stackshift-ui/flex"),x=require("@stackshift-ui/heading"),h=require("@stackshift-ui/image"),b=require("@stackshift-ui/section"),p=require("@stackshift-ui/swiper-button"),u=require("@stackshift-ui/text"),i=S(require("react")),r=require("react/jsx-runtime");function C({subtitle:t,title:e,description:o,statistics:n,images:l}){let[a,c]=i.default.useState(0);return(0,r.jsx)(b.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,r.jsx)(g.Container,{className:"relative text-center",maxWidth:1280,children:(0,r.jsxs)(f.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,r.jsxs)("div",{className:"w-full mt-8 lg:w-1/2",children:[(0,r.jsx)(I,{subtitle:t,title:e,description:o}),(0,r.jsx)(L,{statistics:n})]}),(0,r.jsx)(f.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,r.jsx)(y,{images:l,currentPosition:a,arrowLeftClick:()=>{l!=null&&l.length&&c(a!==0?a-1:a=l.length-1)},arrowRightClick:()=>{l!=null&&l.length&&(a!==l.length-1?c(a+1):c(a=0))}})})]})})})}function I({subtitle:t,title:e,description:o}){return(0,r.jsxs)(i.default.Fragment,{children:[t?(0,r.jsx)(u.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,e?(0,r.jsx)(x.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:e}):null,o?(0,r.jsx)(u.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:o}):null]})}function L({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,r.jsx)(i.default.Fragment,{children:(0,r.jsx)(f.Flex,{wrap:!0,children:t==null?void 0:t.map((e,o)=>(0,r.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,r.jsx)(u.Text,{muted:!0,className:"mb-3",children:e==null?void 0:e.label}),(0,r.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:e==null?void 0:e.value})]},o))})})}function y({images:t,currentPosition:e,arrowLeftClick:o,arrowRightClick:n}){return t?(0,r.jsx)(i.default.Fragment,{children:t.length>1?(0,r.jsx)(T,{arrowLeftClick:o,arrowRightClick:n,children:(0,r.jsx)(w,{images:t,currentPosition:e})}):(0,r.jsx)(w,{images:t,currentPosition:e})}):null}function T({children:t,arrowLeftClick:e,arrowRightClick:o}){return(0,r.jsxs)(i.default.Fragment,{children:[(0,r.jsx)(p.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:e}),t,(0,r.jsx)(p.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",onClick:o})]})}function w({images:t,currentPosition:e}){var o,n,l;return(o=t==null?void 0:t[e])!=null&&o.image?(0,r.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,r.jsx)(h.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[e].image}`,sizes:"100vw",width:500,height:850,alt:(l=(n=t[e])==null?void 0:n.alt)!=null?l:`appPromo-variantB-image-${e}`})}):null}0&&(module.exports={AppPromo_B});
1
+ "use strict";var s=Object.create;var m=Object.defineProperty;var v=Object.getOwnPropertyDescriptor;var k=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,R=Object.prototype.hasOwnProperty;var F=(t,e)=>{for(var o in e)m(t,o,{get:e[o],enumerable:!0})},w=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of k(e))!R.call(t,l)&&l!==o&&m(t,l,{get:()=>e[l],enumerable:!(n=v(e,l))||n.enumerable});return t};var S=(t,e,o)=>(o=t!=null?s(N(t)):{},w(e||!t||!t.__esModule?m(o,"default",{value:t,enumerable:!0}):o,t)),P=t=>w(m({},"__esModule",{value:!0}),t);var A={};F(A,{AppPromo_B:()=>C,default:()=>C});module.exports=P(A);var d=require("@stackshift-ui/container"),f=require("@stackshift-ui/flex"),x=require("@stackshift-ui/heading"),h=require("@stackshift-ui/image"),b=require("@stackshift-ui/section"),p=require("@stackshift-ui/swiper-button"),u=require("@stackshift-ui/text"),i=S(require("react")),r=require("react/jsx-runtime");function C({subtitle:t,title:e,description:o,statistics:n,images:l}){let[a,c]=i.default.useState(0);return(0,r.jsx)(b.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,r.jsx)(d.Container,{className:"relative text-center",maxWidth:1280,children:(0,r.jsxs)(f.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,r.jsxs)("div",{className:"w-full mt-8 lg:w-1/2",children:[(0,r.jsx)(I,{subtitle:t,title:e,description:o}),(0,r.jsx)(L,{statistics:n})]}),(0,r.jsx)(f.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,r.jsx)(y,{images:l,currentPosition:a,arrowLeftClick:()=>{l!=null&&l.length&&c(a!==0?a-1:a=l.length-1)},arrowRightClick:()=>{l!=null&&l.length&&(a!==l.length-1?c(a+1):c(a=0))}})})]})})})}function I({subtitle:t,title:e,description:o}){return(0,r.jsxs)(i.default.Fragment,{children:[t?(0,r.jsx)(u.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,e?(0,r.jsx)(x.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:e}):null,o?(0,r.jsx)(u.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:o}):null]})}function L({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,r.jsx)(i.default.Fragment,{children:(0,r.jsx)(f.Flex,{wrap:!0,children:t==null?void 0:t.map((e,o)=>(0,r.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,r.jsx)(u.Text,{muted:!0,className:"mb-3",children:e==null?void 0:e.label}),(0,r.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:e==null?void 0:e.value})]},o))})})}function y({images:t,currentPosition:e,arrowLeftClick:o,arrowRightClick:n}){return t?(0,r.jsx)(i.default.Fragment,{children:t.length>1?(0,r.jsx)(T,{arrowLeftClick:o,arrowRightClick:n,children:(0,r.jsx)(g,{images:t,currentPosition:e})}):(0,r.jsx)(g,{images:t,currentPosition:e})}):null}function T({children:t,arrowLeftClick:e,arrowRightClick:o}){return(0,r.jsxs)(i.default.Fragment,{children:[(0,r.jsx)(p.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",className:"bg-white",onClick:e}),t,(0,r.jsx)(p.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",className:"bg-white",onClick:o})]})}function g({images:t,currentPosition:e}){var o,n,l;return(o=t==null?void 0:t[e])!=null&&o.image?(0,r.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,r.jsx)(h.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[e].image}`,sizes:"100vw",width:500,height:850,alt:(l=(n=t[e])==null?void 0:n.alt)!=null?l:`appPromo-variantB-image-${e}`})}):null}0&&(module.exports={AppPromo_B});
@@ -1 +1 @@
1
- import{a}from"./chunk-75ZMG3QX.mjs";export{a as AppPromo_B,a as default};
1
+ import{a}from"./chunk-5WNEK5LG.mjs";export{a as AppPromo_B,a as default};
@@ -1 +1 @@
1
- "use strict";var m=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var h=(e,r)=>{for(var l in r)m(e,l,{get:r[l],enumerable:!0})},b=(e,r,l,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of v(r))!N.call(e,a)&&a!==l&&m(e,a,{get:()=>r[a],enumerable:!(n=w(r,a))||n.enumerable});return e};var y=e=>b(m({},"__esModule",{value:!0}),e);var F={};h(F,{AppPromo_C:()=>x,default:()=>x});module.exports=y(F);var p=require("@stackshift-ui/container"),i=require("@stackshift-ui/flex"),d=require("@stackshift-ui/heading"),g=require("@stackshift-ui/image"),f=require("@stackshift-ui/section"),o=require("@stackshift-ui/text"),t=require("react/jsx-runtime");function x({subtitle:e,title:r,description:l,features:n,images:a}){return(0,t.jsx)(f.Section,{className:"py-20 bg-background",children:(0,t.jsx)(p.Container,{maxWidth:1280,children:(0,t.jsxs)(i.Flex,{align:"center",wrap:!0,gap:8,children:[(0,t.jsx)(I,{subtitle:e,title:r,description:l,features:n}),(0,t.jsx)(P,{images:a})]})})})}function I({subtitle:e,title:r,description:l,features:n}){return(0,t.jsxs)("div",{className:"max-w-xl space-y-5",children:[e?(0,t.jsx)(o.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:e}):null,r?(0,t.jsx)(d.Heading,{type:"h1",fontSize:"3xl",children:r}):null,l?(0,t.jsx)(o.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:l}):null,(0,t.jsx)(C,{features:n})]})}function C({features:e}){return e?(0,t.jsx)("ul",{className:"mb-8",children:e.map((r,l)=>(0,t.jsxs)(i.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,t.jsx)(k,{}),(0,t.jsx)(o.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},l))}):null}function P({images:e}){return e?(0,t.jsxs)(i.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,t.jsx)(s,{images:e,start:0,end:1}),(0,t.jsx)("div",{className:"w-full",children:e==null?void 0:e.slice(1,3).map((r,l)=>(0,t.jsx)(s,{images:[r],start:0,end:1},l))}),(0,t.jsx)(s,{images:e,start:3,end:4})]}):null}function s({images:e,start:r,end:l}){var n;return(n=e==null?void 0:e[r])!=null&&n.image?(0,t.jsx)("div",{className:"w-full",children:e.slice(r,l).map((a,u)=>{var c;return(0,t.jsx)(g.Image,{className:"object-cover",src:`${a.image}`,sizes:"100vw",width:500,height:850,alt:(c=a.alt)!=null?c:`appPromo-variantC-image-${u}`},u)})}):null}function k(){return(0,t.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}0&&(module.exports={AppPromo_C});
1
+ "use strict";var m=Object.defineProperty;var w=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var N=Object.prototype.hasOwnProperty;var h=(e,r)=>{for(var l in r)m(e,l,{get:r[l],enumerable:!0})},b=(e,r,l,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of v(r))!N.call(e,a)&&a!==l&&m(e,a,{get:()=>r[a],enumerable:!(n=w(r,a))||n.enumerable});return e};var y=e=>b(m({},"__esModule",{value:!0}),e);var F={};h(F,{AppPromo_C:()=>f,default:()=>f});module.exports=y(F);var p=require("@stackshift-ui/container"),i=require("@stackshift-ui/flex"),d=require("@stackshift-ui/heading"),g=require("@stackshift-ui/image"),x=require("@stackshift-ui/section"),o=require("@stackshift-ui/text"),t=require("react/jsx-runtime");function f({subtitle:e,title:r,description:l,features:n,images:a}){return(0,t.jsx)(x.Section,{className:"py-20 bg-background",children:(0,t.jsx)(p.Container,{maxWidth:1280,children:(0,t.jsxs)(i.Flex,{align:"center",wrap:!0,gap:8,children:[(0,t.jsx)(I,{subtitle:e,title:r,description:l,features:n}),(0,t.jsx)(P,{images:a})]})})})}function I({subtitle:e,title:r,description:l,features:n}){return(0,t.jsxs)("div",{className:"max-w-xl space-y-5",children:[e?(0,t.jsx)(o.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:e}):null,r?(0,t.jsx)(d.Heading,{type:"h1",fontSize:"3xl",children:r}):null,l?(0,t.jsx)(o.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:l}):null,(0,t.jsx)(C,{features:n})]})}function C({features:e}){return e?(0,t.jsx)("ul",{className:"mb-8",children:e.map((r,l)=>(0,t.jsxs)(i.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,t.jsx)(k,{}),(0,t.jsx)(o.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},l))}):null}function P({images:e}){return e?(0,t.jsxs)(i.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,t.jsx)(s,{images:e,start:0,end:1}),(0,t.jsx)("div",{className:"w-full",children:e==null?void 0:e.slice(1,3).map((r,l)=>(0,t.jsx)(s,{images:[r],start:0,end:1},l))}),(0,t.jsx)(s,{images:e,start:3,end:4})]}):null}function s({images:e,start:r,end:l}){var n;return(n=e==null?void 0:e[r])!=null&&n.image?(0,t.jsx)("div",{className:"w-full",children:e.slice(r,l).map((a,u)=>{var c;return(0,t.jsx)(g.Image,{className:"object-cover",src:`${a.image}`,sizes:"100vw",width:500,height:850,alt:(c=a.alt)!=null?c:`appPromo-variantC-image-${u}`},u)})}):null}function k(){return(0,t.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,t.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}0&&(module.exports={AppPromo_C});
@@ -1 +1 @@
1
- import{a}from"./chunk-YISSMRJL.mjs";export{a as AppPromo_C,a as default};
1
+ import{a}from"./chunk-N2XVWFGW.mjs";export{a as AppPromo_C,a as default};
@@ -0,0 +1 @@
1
+ import{a as c}from"./chunk-KQFO7OZP.mjs";import{Container as x}from"@stackshift-ui/container";import{Flex as P}from"@stackshift-ui/flex";import{Heading as C}from"@stackshift-ui/heading";import{Image as h}from"@stackshift-ui/image";import{Link as v}from"@stackshift-ui/link";import{Section as L}from"@stackshift-ui/section";import{SwiperButton as s}from"@stackshift-ui/swiper-button";import{Text as N}from"@stackshift-ui/text";import A,{useState as R}from"react";import{jsx as r,jsxs as p}from"react/jsx-runtime";function S({logo:t,subtitle:n,title:i,images:o=[]}){var a;let[e,l]=R(0);return r(L,{className:"pt-16 overflow-hidden bg-background",children:p(x,{className:"relative text-center",maxWidth:448,children:[r(I,{logo:t}),r(y,{subtitle:n,title:i}),r(T,{images:o}),r(F,{arrowLeftClick:()=>{o!=null&&o.length&&l(e!==0?e-1:e=o.length-1)},arrowRightClick:()=>{o!=null&&o.length&&(e!==o.length-1?l(e+1):l(e=0))},children:r(z,{image:o[e].image,alt:(a=o[e].alt)!=null?a:`appPromo-variantA-image-${e}`})})]})})}function I({logo:t}){var n;return t!=null&&t.image?r(v,{"aria-label":`Go to ${c(t)==="/"?"home page":c(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:c(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:r(h,{src:t==null?void 0:t.image,width:50,height:56,alt:(n=t==null?void 0:t.alt)!=null?n:"appPromo-logo"})}):null}function y({subtitle:t,title:n}){return p(A.Fragment,{children:[t?r(N,{className:"mb-3 text-secondary",children:t}):null,n?r(C,{type:"h1",fontSize:"3xl",className:"mb-8",children:n}):null]})}function d({src:t,alt:n,positionClass:i}){return t?r(h,{className:`absolute object-contain h-80 rounded-t-2xl ${i}`,src:t,sizes:"218px",width:218,height:320,alt:n}):null}function T({images:t}){var n,i,o,e,l,u,f,a,m,b,w,k;return p("div",{className:"hidden h-72 sm:block",children:[(n=t==null?void 0:t[0])!=null&&n.image?r(d,{src:(i=t==null?void 0:t[0])==null?void 0:i.image,alt:(e=(o=t==null?void 0:t[0])==null?void 0:o.alt)!=null?e:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(l=t==null?void 0:t[1])!=null&&l.image?r(d,{src:(u=t==null?void 0:t[1])==null?void 0:u.image,alt:(a=(f=t==null?void 0:t[1])==null?void 0:f.alt)!=null?a:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(m=t==null?void 0:t[2])!=null&&m.image?r(d,{src:(b=t==null?void 0:t[2])==null?void 0:b.image,alt:(k=(w=t==null?void 0:t[2])==null?void 0:w.alt)!=null?k:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function z({image:t,alt:n}){return t?r("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:r(h,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:n})}):null}function F({arrowLeftClick:t,arrowRightClick:n,children:i}){return p(P,{justify:"between",align:"center",className:"mb-16 sm:hidden",children:[r(s,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),i,r(s,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:n})]})}export{S as a};
@@ -1 +1 @@
1
- import{Container as w}from"@stackshift-ui/container";import{Flex as f}from"@stackshift-ui/flex";import{Heading as g}from"@stackshift-ui/heading";import{Image as x}from"@stackshift-ui/image";import{Section as h}from"@stackshift-ui/section";import{SwiperButton as p}from"@stackshift-ui/swiper-button";import{Text as u}from"@stackshift-ui/text";import c from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";function b({subtitle:t,title:e,description:o,statistics:a,images:l}){let[n,m]=c.useState(0);return r(h,{className:"pt-16 overflow-hidden bg-background",children:r(w,{className:"relative text-center",maxWidth:1280,children:i(f,{justify:"between",className:"flex-col md:flex-row",children:[i("div",{className:"w-full mt-8 lg:w-1/2",children:[r(C,{subtitle:t,title:e,description:o}),r(v,{statistics:a})]}),r(f,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:r(k,{images:l,currentPosition:n,arrowLeftClick:()=>{l!=null&&l.length&&m(n!==0?n-1:n=l.length-1)},arrowRightClick:()=>{l!=null&&l.length&&(n!==l.length-1?m(n+1):m(n=0))}})})]})})})}function C({subtitle:t,title:e,description:o}){return i(c.Fragment,{children:[t?r(u,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,e?r(g,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:e}):null,o?r(u,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:o}):null]})}function v({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:r(c.Fragment,{children:r(f,{wrap:!0,children:t==null?void 0:t.map((e,o)=>i("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[r(u,{muted:!0,className:"mb-3",children:e==null?void 0:e.label}),r("span",{className:"text-xl text-gray-500 font-bold",children:e==null?void 0:e.value})]},o))})})}function k({images:t,currentPosition:e,arrowLeftClick:o,arrowRightClick:a}){return t?r(c.Fragment,{children:t.length>1?r(s,{arrowLeftClick:o,arrowRightClick:a,children:r(d,{images:t,currentPosition:e})}):r(d,{images:t,currentPosition:e})}):null}function s({children:t,arrowLeftClick:e,arrowRightClick:o}){return i(c.Fragment,{children:[r(p,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:e}),t,r(p,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",onClick:o})]})}function d({images:t,currentPosition:e}){var o,a,l;return(o=t==null?void 0:t[e])!=null&&o.image?r("div",{className:"object-contain w-1/2 mr-2",children:r(x,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[e].image}`,sizes:"100vw",width:500,height:850,alt:(l=(a=t[e])==null?void 0:a.alt)!=null?l:`appPromo-variantB-image-${e}`})}):null}export{b as a};
1
+ import{Container as g}from"@stackshift-ui/container";import{Flex as f}from"@stackshift-ui/flex";import{Heading as d}from"@stackshift-ui/heading";import{Image as x}from"@stackshift-ui/image";import{Section as h}from"@stackshift-ui/section";import{SwiperButton as p}from"@stackshift-ui/swiper-button";import{Text as u}from"@stackshift-ui/text";import c from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";function b({subtitle:t,title:e,description:o,statistics:a,images:l}){let[n,m]=c.useState(0);return r(h,{className:"pt-16 overflow-hidden bg-background",children:r(g,{className:"relative text-center",maxWidth:1280,children:i(f,{justify:"between",className:"flex-col md:flex-row",children:[i("div",{className:"w-full mt-8 lg:w-1/2",children:[r(C,{subtitle:t,title:e,description:o}),r(s,{statistics:a})]}),r(f,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:r(v,{images:l,currentPosition:n,arrowLeftClick:()=>{l!=null&&l.length&&m(n!==0?n-1:n=l.length-1)},arrowRightClick:()=>{l!=null&&l.length&&(n!==l.length-1?m(n+1):m(n=0))}})})]})})})}function C({subtitle:t,title:e,description:o}){return i(c.Fragment,{children:[t?r(u,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,e?r(d,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:e}):null,o?r(u,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:o}):null]})}function s({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:r(c.Fragment,{children:r(f,{wrap:!0,children:t==null?void 0:t.map((e,o)=>i("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[r(u,{muted:!0,className:"mb-3",children:e==null?void 0:e.label}),r("span",{className:"text-xl text-gray-500 font-bold",children:e==null?void 0:e.value})]},o))})})}function v({images:t,currentPosition:e,arrowLeftClick:o,arrowRightClick:a}){return t?r(c.Fragment,{children:t.length>1?r(k,{arrowLeftClick:o,arrowRightClick:a,children:r(w,{images:t,currentPosition:e})}):r(w,{images:t,currentPosition:e})}):null}function k({children:t,arrowLeftClick:e,arrowRightClick:o}){return i(c.Fragment,{children:[r(p,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",className:"bg-white",onClick:e}),t,r(p,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",className:"bg-white",onClick:o})]})}function w({images:t,currentPosition:e}){var o,a,l;return(o=t==null?void 0:t[e])!=null&&o.image?r("div",{className:"object-contain w-1/2 mr-2",children:r(x,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[e].image}`,sizes:"100vw",width:500,height:850,alt:(l=(a=t[e])==null?void 0:a.alt)!=null?l:`appPromo-variantB-image-${e}`})}):null}export{b as a};
@@ -0,0 +1 @@
1
+ import{Container as g}from"@stackshift-ui/container";import{Flex as f}from"@stackshift-ui/flex";import{Heading as w}from"@stackshift-ui/heading";import{Image as x}from"@stackshift-ui/image";import{Section as h}from"@stackshift-ui/section";import{SwiperButton as p}from"@stackshift-ui/swiper-button";import{Text as u}from"@stackshift-ui/text";import c from"react";import{jsx as r,jsxs as i}from"react/jsx-runtime";function b({subtitle:t,title:e,description:o,statistics:a,images:l}){let[n,m]=c.useState(0);return r(h,{className:"pt-16 overflow-hidden bg-background",children:r(g,{className:"relative text-center",maxWidth:1280,children:i(f,{justify:"between",className:"flex-col md:flex-row",children:[i("div",{className:"w-full mt-8 lg:w-1/2",children:[r(C,{subtitle:t,title:e,description:o}),r(s,{statistics:a})]}),r(f,{align:"center",justify:"center",gap:8,className:"w-full md:1/2",children:r(v,{images:l,currentPosition:n,arrowLeftClick:()=>{l!=null&&l.length&&m(n!==0?n-1:n=l.length-1)},arrowRightClick:()=>{l!=null&&l.length&&(n!==l.length-1?m(n+1):m(n=0))}})})]})})})}function C({subtitle:t,title:e,description:o}){return i(c.Fragment,{children:[t?r(u,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,e?r(w,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:e}):null,o?r(u,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:o}):null]})}function s({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:r(c.Fragment,{children:r(f,{wrap:!0,children:t==null?void 0:t.map((e,o)=>i("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[r(u,{muted:!0,className:"mb-3",children:e==null?void 0:e.label}),r("span",{className:"text-xl text-gray-500 font-bold",children:e==null?void 0:e.value})]},o))})})}function v({images:t,currentPosition:e,arrowLeftClick:o,arrowRightClick:a}){return t?r(c.Fragment,{children:t.length>1?r(k,{arrowLeftClick:o,arrowRightClick:a,children:r(d,{images:t,currentPosition:e})}):r(d,{images:t,currentPosition:e})}):null}function k({children:t,arrowLeftClick:e,arrowRightClick:o}){return i(c.Fragment,{children:[r(p,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",className:"bg-white",onClick:e}),t,r(p,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",className:"bg-white",onClick:o})]})}function d({images:t,currentPosition:e}){var o,a,l;return(o=t==null?void 0:t[e])!=null&&o.image?r("div",{className:"object-contain w-1/2 mr-2",children:r(x,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[e].image}`,sizes:"100vw",width:500,height:850,alt:(l=(a=t[e])==null?void 0:a.alt)!=null?l:`appPromo-variantB-image-${e}`})}):null}export{b as a};
@@ -1 +1 @@
1
- import{Container as p}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as d}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as f}from"@stackshift-ui/section";import{Text as m}from"@stackshift-ui/text";import{jsx as t,jsxs as o}from"react/jsx-runtime";function x({subtitle:e,title:r,description:l,features:a,images:n}){return t(f,{className:"py-20 bg-background",children:t(p,{maxWidth:1280,children:o(s,{align:"center",wrap:!0,gap:8,children:[t(w,{subtitle:e,title:r,description:l,features:a}),t(N,{images:n})]})})})}function w({subtitle:e,title:r,description:l,features:a}){return o("div",{className:"max-w-xl space-y-5",children:[e?t(m,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:e}):null,r?t(d,{type:"h1",fontSize:"3xl",children:r}):null,l?t(m,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:l}):null,t(v,{features:a})]})}function v({features:e}){return e?t("ul",{className:"mb-8",children:e.map((r,l)=>o(s,{as:"li",align:"center",className:"mb-3",children:[t(h,{}),t(m,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},l))}):null}function N({images:e}){return e?o(s,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[t(i,{images:e,start:0,end:1}),t("div",{className:"w-full",children:e==null?void 0:e.slice(1,3).map((r,l)=>t(i,{images:[r],start:0,end:1},l))}),t(i,{images:e,start:3,end:4})]}):null}function i({images:e,start:r,end:l}){var a;return(a=e==null?void 0:e[r])!=null&&a.image?t("div",{className:"w-full",children:e.slice(r,l).map((n,u)=>{var c;return t(g,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(c=n.alt)!=null?c:`appPromo-variantC-image-${u}`},u)})}):null}function h(){return t("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:t("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}export{x as a};
1
+ import{Container as p}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as d}from"@stackshift-ui/heading";import{Image as g}from"@stackshift-ui/image";import{Section as x}from"@stackshift-ui/section";import{Text as m}from"@stackshift-ui/text";import{jsx as t,jsxs as o}from"react/jsx-runtime";function f({subtitle:e,title:r,description:l,features:a,images:n}){return t(x,{className:"py-20 bg-background",children:t(p,{maxWidth:1280,children:o(s,{align:"center",wrap:!0,gap:8,children:[t(w,{subtitle:e,title:r,description:l,features:a}),t(N,{images:n})]})})})}function w({subtitle:e,title:r,description:l,features:a}){return o("div",{className:"max-w-xl space-y-5",children:[e?t(m,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:e}):null,r?t(d,{type:"h1",fontSize:"3xl",children:r}):null,l?t(m,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:l}):null,t(v,{features:a})]})}function v({features:e}){return e?t("ul",{className:"mb-8",children:e.map((r,l)=>o(s,{as:"li",align:"center",className:"mb-3",children:[t(h,{}),t(m,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},l))}):null}function N({images:e}){return e?o(s,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[t(i,{images:e,start:0,end:1}),t("div",{className:"w-full",children:e==null?void 0:e.slice(1,3).map((r,l)=>t(i,{images:[r],start:0,end:1},l))}),t(i,{images:e,start:3,end:4})]}):null}function i({images:e,start:r,end:l}){var a;return(a=e==null?void 0:e[r])!=null&&a.image?t("div",{className:"w-full",children:e.slice(r,l).map((n,u)=>{var c;return t(g,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(c=n.alt)!=null?c:`appPromo-variantC-image-${u}`},u)})}):null}function h(){return t("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:t("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}export{f as a};
@@ -0,0 +1 @@
1
+ import{lazy as s}from"react";import{jsx as _}from"react/jsx-runtime";var S={variant_a:s(()=>import("./app-promo_a.mjs")),variant_b:s(()=>import("./app-promo_b.mjs")),variant_c:s(()=>import("./app-promo_c.mjs"))},A="AppPromo",V=({data:i})=>{var o,r,t,p,m,c,g,f,l,u,v,P,y,b;let n=i==null?void 0:i.variant,e=n&&S[n],I={logo:(r=(o=i==null?void 0:i.variants)==null?void 0:o.logo)!=null?r:void 0,subtitle:(p=(t=i==null?void 0:i.variants)==null?void 0:t.subtitle)!=null?p:void 0,title:(c=(m=i==null?void 0:i.variants)==null?void 0:m.title)!=null?c:void 0,description:(f=(g=i==null?void 0:i.variants)==null?void 0:g.description)!=null?f:void 0,statistics:(u=(l=i==null?void 0:i.variants)==null?void 0:l.stats)!=null?u:void 0,features:(P=(v=i==null?void 0:i.variants)==null?void 0:v.tags)!=null?P:void 0,images:(b=(y=i==null?void 0:i.variants)==null?void 0:y.images)!=null?b:void 0};return e?_(e,{...I}):null};V.displayName=A;export{V as a};
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";var st=Object.create;var h=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty;var b=(t,r)=>()=>(t&&(r=t(t=0)),r);var v=(t,r)=>{for(var e in r)h(t,e,{get:r[e],enumerable:!0})},M=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of xt(r))!wt.call(t,n)&&n!==e&&h(t,n,{get:()=>r[n],enumerable:!(i=ft(r,n))||i.enumerable});return t};var E=(t,r,e)=>(e=t!=null?st(dt(t)):{},M(r||!t||!t.__esModule?h(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>M(h({},"__esModule",{value:!0}),t);var k,q=b(()=>{"use strict";k=t=>{var r,e,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(e=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&e.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"}});var Y={};v(Y,{AppPromo_A:()=>A,default:()=>A});function A({logo:t,subtitle:r,title:e,images:i=[]}){var p;let[n,m]=(0,P.useState)(0),c=()=>{i!=null&&i.length&&(n!==i.length-1?m(n+1):m(n=0))},u=()=>{i!=null&&i.length&&m(n!==0?n-1:n=i.length-1)};return(0,a.jsx)(U.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,a.jsxs)(J.Container,{className:"relative text-center",maxWidth:448,children:[(0,a.jsx)(bt,{logo:t}),(0,a.jsx)(vt,{subtitle:r,title:e}),(0,a.jsx)(kt,{images:i}),(0,a.jsx)(Ct,{image:i[n].image,alt:(p=i[n].alt)!=null?p:`appPromo-variantA-image-${n}`}),(0,a.jsx)(Pt,{arrowLeftClick:u,arrowRightClick:c})]})})}function bt({logo:t}){var r;return t!=null&&t.image?(0,a.jsx)(Q.Link,{"aria-label":`Go to ${k(t)==="/"?"home page":k(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:k(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(C.Image,{src:t==null?void 0:t.image,width:50,height:56,alt:(r=t==null?void 0:t.alt)!=null?r:"appPromo-logo"})}):null}function vt({subtitle:t,title:r}){return(0,a.jsxs)(P.default.Fragment,{children:[t?(0,a.jsx)(X.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,a.jsx)(O.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function g({src:t,alt:r,positionClass:e}){return t?(0,a.jsx)(C.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${e}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function kt({images:t}){var r,e,i,n,m,c,u,p,f,x,d,w;return(0,a.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,a.jsx)(g,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:(n=(i=t==null?void 0:t[0])==null?void 0:i.alt)!=null?n:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(m=t==null?void 0:t[1])!=null&&m.image?(0,a.jsx)(g,{src:(c=t==null?void 0:t[1])==null?void 0:c.image,alt:(p=(u=t==null?void 0:t[1])==null?void 0:u.alt)!=null?p:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(f=t==null?void 0:t[2])!=null&&f.image?(0,a.jsx)(g,{src:(x=t==null?void 0:t[2])==null?void 0:x.image,alt:(w=(d=t==null?void 0:t[2])==null?void 0:d.alt)!=null?w:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function Ct({image:t,alt:r}){return t?(0,a.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,a.jsx)(C.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function Pt({arrowLeftClick:t,arrowRightClick:r}){return(0,a.jsxs)(K.Flex,{justify:"between",className:"mb-16 sm:hidden",children:[(0,a.jsx)(R.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),(0,a.jsx)(R.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:r})]})}var J,K,O,C,Q,U,R,X,P,a,F=b(()=>{"use strict";J=require("@stackshift-ui/container"),K=require("@stackshift-ui/flex"),O=require("@stackshift-ui/heading"),C=require("@stackshift-ui/image"),Q=require("@stackshift-ui/link"),U=require("@stackshift-ui/section"),R=require("@stackshift-ui/swiper-button"),X=require("@stackshift-ui/text"),P=E(require("react"));q();a=require("react/jsx-runtime")});var it={};v(it,{AppPromo_B:()=>z,default:()=>z});function z({subtitle:t,title:r,description:e,statistics:i,images:n}){let[m,c]=s.default.useState(0);return(0,o.jsx)(U.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,o.jsx)(tt.Container,{className:"relative text-center",maxWidth:1280,children:(0,o.jsxs)(K.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,o.jsxs)("div",{className:"w-full U-8 lg:w-1/2",children:[(0,o.jsx)(Nt,{subtitle:t,title:r,description:e}),(0,o.jsx)(Lt,{statistics:i})]}),(0,o.jsx)(K.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,o.jsx)(yt,{images:n,currentPosition:m,arrowLeftClick:()=>{n!=null&&n.length&&c(m!==0?m-1:m=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(m!==n.length-1?c(m+1):c(m=0))}})})]})})})}function Nt({subtitle:t,title:r,description:e}){return(0,o.jsxs)(s.default.Fragment,{children:[t?(0,o.jsx)(X.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,r?(0,o.jsx)(O.Heading,{type:"h1",fontSize:"3xl",className:"U-3 text-center md:text-left",children:r}):null,e?(0,o.jsx)(X.Text,{className:"U-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function Lt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,o.jsx)(s.default.Fragment,{children:(0,o.jsx)(K.Flex,{wrap:!0,children:t==null?void 0:t.map((r,e)=>(0,o.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,o.jsx)(X.Text,{muted:!0,className:"mb-3",children:r==null?void 0:r.label}),(0,o.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:r==null?void 0:r.value})]},e))})})}function yt({images:t,currentPosition:r,arrowLeftClick:e,arrowRightClick:i}){return t?(0,o.jsx)(s.default.Fragment,{children:t.length>1?(0,o.jsx)(It,{arrowLeftClick:e,arrowRightClick:i,children:(0,o.jsx)(Z,{images:t,currentPosition:r})}):(0,o.jsx)(Z,{images:t,currentPosition:r})}):null}function It({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,o.jsxs)(s.default.Fragment,{children:[(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",onClick:r}),t,(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",onClick:e})]})}function Z({images:t,currentPosition:r}){var e,i,n;return(e=t==null?void 0:t[r])!=null&&e.image?(0,o.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,o.jsx)(C.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[r].image}`,sizes:"100vw",width:500,height:850,alt:(n=(i=t[r])==null?void 0:i.alt)!=null?n:`appPromo-variantB-image-${r}`})}):null}var tt,K,O,C,U,R,X,s,o,_=b(()=>{"use strict";tt=require("@stackshift-ui/container"),s=E(require("react")),o=require("react/jsx-runtime")});var ct={};v(ct,{AppPromo_C:()=>B,default:()=>B});function B({subtitle:t,title:r,description:e,features:i,images:n}){return(0,o.jsx)(U.Section,{className:"py-20 bg-background",children:(0,o.jsx)(ot.Container,{maxWidth:1280,children:(0,o.jsxs)(K.Flex,{align:"center",wrap:!0,gap:8,children:[(0,o.jsx)(St,{subtitle:t,title:r,description:e,features:i}),(0,o.jsx)(Rt,{images:n})]})})})}function St({subtitle:t,title:r,description:e,features:i}){return(0,o.jsxs)("div",{className:"max-w-xl space-X-5",children:[t?(0,o.jsx)(X.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,o.jsx)(O.Heading,{type:"h1",fontSize:"3xl",children:r}):null,e?(0,o.jsx)(X.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:e}):null,(0,o.jsx)(gt,{features:i})]})}function gt({features:t}){return t?(0,o.jsx)("ul",{className:"mb-8",children:t.map((r,e)=>(0,o.jsxs)(K.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,o.jsx)(At,{}),(0,o.jsx)(X.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},e))}):null}function Rt({images:t}){return t?(0,o.jsxs)(K.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,o.jsx)($,{images:t,start:0,end:1}),(0,o.jsx)("div",{className:"w-full",children:t==null?void 0:t.slice(1,3).map((r,e)=>(0,o.jsx)($,{images:[r],start:0,end:1},e))}),(0,o.jsx)($,{images:t,start:3,end:4})]}):null}function $({images:t,start:r,end:e}){var i;return(i=t==null?void 0:t[r])!=null&&i.image?(0,o.jsx)("div",{className:"w-full",children:t.slice(r,e).map((n,m)=>{var c;return(0,o.jsx)(C.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(c=n.alt)!=null?c:`appPromo-variantC-image-${m}`},m)})}):null}function At(){return(0,o.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary-foreground",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}var ot,K,O,C,U,X,o,H=b(()=>{"use strict";ot=require("@stackshift-ui/container")});var zt={};v(zt,{AppPromo:()=>pt,AppPromo_A:()=>A,AppPromo_B:()=>z,AppPromo_C:()=>B});module.exports=ht(zt);var S=require("react"),Ft={variant_a:(0,S.lazy)(()=>Promise.resolve().then(()=>(F(),Y))),variant_b:(0,S.lazy)(()=>Promise.resolve().then(()=>(_(),it))),variant_c:(0,S.lazy)(()=>Promise.resolve().then(()=>(H(),ct)))},Tt="AppPromo",pt=({data:t})=>{var n,m,c,u,p,f,x,d,w,j,V,D,W,G;let r=t==null?void 0:t.variant,e=r&&Ft[r],i={logo:(m=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?m:void 0,subtitle:(u=(c=t==null?void 0:t.variants)==null?void 0:c.subtitle)!=null?u:void 0,title:(f=(p=t==null?void 0:t.variants)==null?void 0:p.title)!=null?f:void 0,description:(d=(x=t==null?void 0:t.variants)==null?void 0:x.description)!=null?d:void 0,statistics:(j=(w=t==null?void 0:t.variants)==null?void 0:w.stats)!=null?j:void 0,features:(D=(V=t==null?void 0:t.variants)==null?void 0:V.tags)!=null?D:void 0,images:(G=(W=t==null?void 0:t.variants)==null?void 0:W.images)!=null?G:void 0};return e?(0,o.jsx)(e,{...i}):null};pt.displayName=Tt;F();_();H();0&&(module.exports={AppPromo,AppPromo_A,AppPromo_B,AppPromo_C});
2
+ "use strict";var st=Object.create;var h=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var dt=Object.getPrototypeOf,wt=Object.prototype.hasOwnProperty;var b=(t,r)=>()=>(t&&(r=t(t=0)),r);var v=(t,r)=>{for(var e in r)h(t,e,{get:r[e],enumerable:!0})},M=(t,r,e,i)=>{if(r&&typeof r=="object"||typeof r=="function")for(let n of xt(r))!wt.call(t,n)&&n!==e&&h(t,n,{get:()=>r[n],enumerable:!(i=ft(r,n))||i.enumerable});return t};var E=(t,r,e)=>(e=t!=null?st(dt(t)):{},M(r||!t||!t.__esModule?h(e,"default",{value:t,enumerable:!0}):e,t)),ht=t=>M(h({},"__esModule",{value:!0}),t);var k,q=b(()=>{"use strict";k=t=>{var r,e,i;return t!=null&&t.internalLink&&(t==null?void 0:t.type)==="linkInternal"?(e=(r=t==null?void 0:t.internalLink)==null?void 0:r.toLowerCase())!=null&&e.includes("home")?"/":`/${t.internalLink}`:t!=null&&t.externalLink&&(t==null?void 0:t.type)==="linkExternal"&&(i=t==null?void 0:t.externalLink)!=null?i:"/"}});var Y={};v(Y,{AppPromo_A:()=>A,default:()=>A});function A({logo:t,subtitle:r,title:e,images:i=[]}){var p;let[n,c]=(0,N.useState)(0);return(0,a.jsx)(U.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,a.jsxs)(J.Container,{className:"relative text-center",maxWidth:448,children:[(0,a.jsx)(bt,{logo:t}),(0,a.jsx)(vt,{subtitle:r,title:e}),(0,a.jsx)(kt,{images:i}),(0,a.jsx)(Nt,{arrowLeftClick:()=>{i!=null&&i.length&&c(n!==0?n-1:n=i.length-1)},arrowRightClick:()=>{i!=null&&i.length&&(n!==i.length-1?c(n+1):c(n=0))},children:(0,a.jsx)(Ct,{image:i[n].image,alt:(p=i[n].alt)!=null?p:`appPromo-variantA-image-${n}`})})]})})}function bt({logo:t}){var r;return t!=null&&t.image?(0,a.jsx)(Q.Link,{"aria-label":`Go to ${k(t)==="/"?"home page":k(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:k(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:(0,a.jsx)(C.Image,{src:t==null?void 0:t.image,width:50,height:56,alt:(r=t==null?void 0:t.alt)!=null?r:"appPromo-logo"})}):null}function vt({subtitle:t,title:r}){return(0,a.jsxs)(N.default.Fragment,{children:[t?(0,a.jsx)(X.Text,{className:"mb-3 text-secondary",children:t}):null,r?(0,a.jsx)(O.Heading,{type:"h1",fontSize:"3xl",className:"mb-8",children:r}):null]})}function S({src:t,alt:r,positionClass:e}){return t?(0,a.jsx)(C.Image,{className:`absolute object-contain h-80 rounded-t-2xl ${e}`,src:t,sizes:"218px",width:218,height:320,alt:r}):null}function kt({images:t}){var r,e,i,n,c,m,u,p,f,x,d,w;return(0,a.jsxs)("div",{className:"hidden h-72 sm:block",children:[(r=t==null?void 0:t[0])!=null&&r.image?(0,a.jsx)(S,{src:(e=t==null?void 0:t[0])==null?void 0:e.image,alt:(n=(i=t==null?void 0:t[0])==null?void 0:i.alt)!=null?n:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(c=t==null?void 0:t[1])!=null&&c.image?(0,a.jsx)(S,{src:(m=t==null?void 0:t[1])==null?void 0:m.image,alt:(p=(u=t==null?void 0:t[1])==null?void 0:u.alt)!=null?p:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(f=t==null?void 0:t[2])!=null&&f.image?(0,a.jsx)(S,{src:(x=t==null?void 0:t[2])==null?void 0:x.image,alt:(w=(d=t==null?void 0:t[2])==null?void 0:d.alt)!=null?w:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function Ct({image:t,alt:r}){return t?(0,a.jsx)("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:(0,a.jsx)(C.Image,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:r})}):null}function Nt({arrowLeftClick:t,arrowRightClick:r,children:e}){return(0,a.jsxs)(K.Flex,{justify:"between",align:"center",className:"mb-16 sm:hidden",children:[(0,a.jsx)(R.SwiperButton,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1",onClick:t}),e,(0,a.jsx)(R.SwiperButton,{type:"right",ariaLabel:"Right Arrow button",className:"order-2 bg-white",onClick:r})]})}var J,K,O,C,Q,U,R,X,N,a,F=b(()=>{"use strict";J=require("@stackshift-ui/container"),K=require("@stackshift-ui/flex"),O=require("@stackshift-ui/heading"),C=require("@stackshift-ui/image"),Q=require("@stackshift-ui/link"),U=require("@stackshift-ui/section"),R=require("@stackshift-ui/swiper-button"),X=require("@stackshift-ui/text"),N=E(require("react"));q();a=require("react/jsx-runtime")});var it={};v(it,{AppPromo_B:()=>z,default:()=>z});function z({subtitle:t,title:r,description:e,statistics:i,images:n}){let[c,m]=s.default.useState(0);return(0,o.jsx)(U.Section,{className:"pt-16 overflow-hidden bg-background",children:(0,o.jsx)(tt.Container,{className:"relative text-center",maxWidth:1280,children:(0,o.jsxs)(K.Flex,{justify:"between",className:"flex-col md:flex-row",children:[(0,o.jsxs)("div",{className:"w-full mt-8 lg:w-1/2",children:[(0,o.jsx)(Pt,{subtitle:t,title:r,description:e}),(0,o.jsx)(Lt,{statistics:i})]}),(0,o.jsx)(K.Flex,{align:"center",justify:"center",gap:8,className:"w-full 2xl:w-1/2",children:(0,o.jsx)(gt,{images:n,currentPosition:c,arrowLeftClick:()=>{n!=null&&n.length&&m(c!==0?c-1:c=n.length-1)},arrowRightClick:()=>{n!=null&&n.length&&(c!==n.length-1?m(c+1):m(c=0))}})})]})})})}function Pt({subtitle:t,title:r,description:e}){return(0,o.jsxs)(s.default.Fragment,{children:[t?(0,o.jsx)(X.Text,{weight:"bold",className:"text-center md:text-left text-secondary",children:t}):null,r?(0,o.jsx)(O.Heading,{type:"h1",fontSize:"3xl",className:"mt-3 text-center md:text-left",children:r}):null,e?(0,o.jsx)(X.Text,{className:"mt-3 mb-10 leading-loose text-center break-words md:text-left",muted:!0,children:e}):null]})}function Lt({statistics:t}){return!t||(t==null?void 0:t.length)<=0?null:(0,o.jsx)(s.default.Fragment,{children:(0,o.jsx)(K.Flex,{wrap:!0,children:t==null?void 0:t.map((r,e)=>(0,o.jsxs)("div",{className:"w-full mb-8 text-center md:text-left lg:w-1/2",children:[(0,o.jsx)(X.Text,{muted:!0,className:"mb-3",children:r==null?void 0:r.label}),(0,o.jsx)("span",{className:"text-xl text-gray-500 font-bold",children:r==null?void 0:r.value})]},e))})})}function gt({images:t,currentPosition:r,arrowLeftClick:e,arrowRightClick:i}){return t?(0,o.jsx)(s.default.Fragment,{children:t.length>1?(0,o.jsx)(yt,{arrowLeftClick:e,arrowRightClick:i,children:(0,o.jsx)(Z,{images:t,currentPosition:r})}):(0,o.jsx)(Z,{images:t,currentPosition:r})}):null}function yt({children:t,arrowLeftClick:r,arrowRightClick:e}){return(0,o.jsxs)(s.default.Fragment,{children:[(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"left",ariaLabel:"Left Arrow button",className:"bg-white",onClick:r}),t,(0,o.jsx)(R.SwiperButton,{variant:"variant_a",type:"right",ariaLabel:"Right Arrow button",className:"bg-white",onClick:e})]})}function Z({images:t,currentPosition:r}){var e,i,n;return(e=t==null?void 0:t[r])!=null&&e.image?(0,o.jsx)("div",{className:"object-contain w-1/2 mr-2",children:(0,o.jsx)(C.Image,{className:"object-cover w-full h-full mx-auto mb-8 xl:mb-0",src:`${t[r].image}`,sizes:"100vw",width:500,height:850,alt:(n=(i=t[r])==null?void 0:i.alt)!=null?n:`appPromo-variantB-image-${r}`})}):null}var tt,K,O,C,U,R,X,s,o,_=b(()=>{"use strict";tt=require("@stackshift-ui/container"),s=E(require("react")),o=require("react/jsx-runtime")});var mt={};v(mt,{AppPromo_C:()=>B,default:()=>B});function B({subtitle:t,title:r,description:e,features:i,images:n}){return(0,o.jsx)(U.Section,{className:"py-20 bg-background",children:(0,o.jsx)(ot.Container,{maxWidth:1280,children:(0,o.jsxs)(K.Flex,{align:"center",wrap:!0,gap:8,children:[(0,o.jsx)(It,{subtitle:t,title:r,description:e,features:i}),(0,o.jsx)(Rt,{images:n})]})})})}function It({subtitle:t,title:r,description:e,features:i}){return(0,o.jsxs)("div",{className:"max-w-xl space-K-5",children:[t?(0,o.jsx)(X.Text,{weight:"bold",className:"text-sm md:text-lg lg:text-xl text-secondary",children:t}):null,r?(0,o.jsx)(O.Heading,{type:"h1",fontSize:"3xl",children:r}):null,e?(0,o.jsx)(X.Text,{muted:!0,className:"text-sm md:text-lg lg:text-xl",children:e}):null,(0,o.jsx)(St,{features:i})]})}function St({features:t}){return t?(0,o.jsx)("ul",{className:"mb-8",children:t.map((r,e)=>(0,o.jsxs)(K.Flex,{as:"li",align:"center",className:"mb-3",children:[(0,o.jsx)(At,{}),(0,o.jsx)(X.Text,{className:"text-sm md:text-lg lg:text-xl",weight:"bold",muted:!0,children:r})]},e))}):null}function Rt({images:t}){return t?(0,o.jsxs)(K.Flex,{align:"center",className:"w-full transform -rotate-12 lg:w-1/2",children:[(0,o.jsx)($,{images:t,start:0,end:1}),(0,o.jsx)("div",{className:"w-full",children:t==null?void 0:t.slice(1,3).map((r,e)=>(0,o.jsx)($,{images:[r],start:0,end:1},e))}),(0,o.jsx)($,{images:t,start:3,end:4})]}):null}function $({images:t,start:r,end:e}){var i;return(i=t==null?void 0:t[r])!=null&&i.image?(0,o.jsx)("div",{className:"w-full",children:t.slice(r,e).map((n,c)=>{var m;return(0,o.jsx)(C.Image,{className:"object-cover",src:`${n.image}`,sizes:"100vw",width:500,height:850,alt:(m=n.alt)!=null?m:`appPromo-variantC-image-${c}`},c)})}):null}function At(){return(0,o.jsx)("svg",{className:"w-5 h-5 mr-2 text-primary",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",children:(0,o.jsx)("path",{fillRule:"evenodd",d:"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"})})}var ot,K,O,C,U,X,o,H=b(()=>{"use strict";ot=require("@stackshift-ui/container")});var zt={};v(zt,{AppPromo:()=>pt,AppPromo_A:()=>A,AppPromo_B:()=>z,AppPromo_C:()=>B});module.exports=ht(zt);var I=require("react"),Ft={variant_a:(0,I.lazy)(()=>Promise.resolve().then(()=>(F(),Y))),variant_b:(0,I.lazy)(()=>Promise.resolve().then(()=>(_(),it))),variant_c:(0,I.lazy)(()=>Promise.resolve().then(()=>(H(),mt)))},Tt="AppPromo",pt=({data:t})=>{var n,c,m,u,p,f,x,d,w,j,V,D,W,G;let r=t==null?void 0:t.variant,e=r&&Ft[r],i={logo:(c=(n=t==null?void 0:t.variants)==null?void 0:n.logo)!=null?c:void 0,subtitle:(u=(m=t==null?void 0:t.variants)==null?void 0:m.subtitle)!=null?u:void 0,title:(f=(p=t==null?void 0:t.variants)==null?void 0:p.title)!=null?f:void 0,description:(d=(x=t==null?void 0:t.variants)==null?void 0:x.description)!=null?d:void 0,statistics:(j=(w=t==null?void 0:t.variants)==null?void 0:w.stats)!=null?j:void 0,features:(D=(V=t==null?void 0:t.variants)==null?void 0:V.tags)!=null?D:void 0,images:(G=(W=t==null?void 0:t.variants)==null?void 0:W.images)!=null?G:void 0};return e?(0,o.jsx)(e,{...i}):null};pt.displayName=Tt;F();_();H();0&&(module.exports={AppPromo,AppPromo_A,AppPromo_B,AppPromo_C});
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";import{a as t}from"./chunk-WA4PS4TA.mjs";import{a as o}from"./chunk-VYDG5YDD.mjs";import{a as r}from"./chunk-75ZMG3QX.mjs";import{a as e}from"./chunk-YISSMRJL.mjs";import"./chunk-KQFO7OZP.mjs";export{t as AppPromo,o as AppPromo_A,r as AppPromo_B,e as AppPromo_C};
2
+ "use strict";import{a as t}from"./chunk-Z6CMU42P.mjs";import{a as o}from"./chunk-2AGQEIJY.mjs";import{a as r}from"./chunk-5WNEK5LG.mjs";import{a as e}from"./chunk-N2XVWFGW.mjs";import"./chunk-KQFO7OZP.mjs";export{t as AppPromo,o as AppPromo_A,r as AppPromo_B,e as AppPromo_C};
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@stackshift-ui/app-promo",
3
3
  "description": "",
4
- "version": "6.0.4-beta.0",
4
+ "version": "6.0.4-beta.1",
5
5
  "private": false,
6
6
  "sideEffects": false,
7
7
  "main": "./dist/index.js",
@@ -34,15 +34,15 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@stackshift-ui/scripts": "6.0.2",
37
+ "@stackshift-ui/text": "6.0.3",
37
38
  "@stackshift-ui/system": "6.0.3",
38
39
  "@stackshift-ui/swiper-button": "6.0.3",
39
40
  "@stackshift-ui/heading": "6.0.3",
40
41
  "@stackshift-ui/image": "6.0.3",
41
- "@stackshift-ui/section": "6.0.3",
42
42
  "@stackshift-ui/link": "6.0.3",
43
- "@stackshift-ui/text": "6.0.3",
44
- "@stackshift-ui/flex": "6.0.3",
45
- "@stackshift-ui/container": "6.0.3"
43
+ "@stackshift-ui/container": "6.0.3",
44
+ "@stackshift-ui/section": "6.0.3",
45
+ "@stackshift-ui/flex": "6.0.3"
46
46
  },
47
47
  "peerDependencies": {
48
48
  "@types/react": "16.8 - 19",
@@ -39,11 +39,12 @@ export default function AppPromo_A({ logo, subtitle, title, images = [] }: AppPr
39
39
  <PromoImagesGroup images={images} />
40
40
 
41
41
  {/* mobile image view less than 640px */}
42
- <MobileImageView
43
- image={images[currentPosition].image}
44
- alt={images[currentPosition].alt ?? `appPromo-variantA-image-${currentPosition}`}
45
- />
46
- <SwiperButtons arrowLeftClick={arrowLeftClick} arrowRightClick={arrowRightClick} />
42
+ <SwiperButtons arrowLeftClick={arrowLeftClick} arrowRightClick={arrowRightClick}>
43
+ <MobileImageView
44
+ image={images[currentPosition].image}
45
+ alt={images[currentPosition].alt ?? `appPromo-variantA-image-${currentPosition}`}
46
+ />
47
+ </SwiperButtons>
47
48
  </Container>
48
49
  </Section>
49
50
  );
@@ -146,23 +147,25 @@ function MobileImageView({ image, alt }: { image: any; alt: string }) {
146
147
  function SwiperButtons({
147
148
  arrowLeftClick,
148
149
  arrowRightClick,
150
+ children,
149
151
  }: {
150
152
  arrowLeftClick: () => void;
151
153
  arrowRightClick: () => void;
154
+ children: React.ReactNode;
152
155
  }) {
153
156
  return (
154
- <Flex justify="between" className="mb-16 sm:hidden">
157
+ <Flex justify="between" align="center" className="mb-16 sm:hidden">
155
158
  <SwiperButton
156
159
  type="left"
157
160
  ariaLabel="Left Arrow button"
158
- className="order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1"
161
+ className="order-0 md:order-0 bg-white lg:order-0 xl:order-1 2xl:order-1"
159
162
  onClick={arrowLeftClick}
160
163
  />
161
-
164
+ {children}
162
165
  <SwiperButton
163
166
  type="right"
164
167
  ariaLabel="Right Arrow button"
165
- className="order-2"
168
+ className="order-2 bg-white"
166
169
  onClick={arrowRightClick}
167
170
  />
168
171
  </Flex>
@@ -152,6 +152,7 @@ function SwiperControls({
152
152
  variant="variant_a"
153
153
  type="left"
154
154
  ariaLabel="Left Arrow button"
155
+ className="bg-white"
155
156
  onClick={arrowLeftClick}
156
157
  />
157
158
  {children}
@@ -159,6 +160,7 @@ function SwiperControls({
159
160
  variant="variant_a"
160
161
  type="right"
161
162
  ariaLabel="Right Arrow button"
163
+ className="bg-white"
162
164
  onClick={arrowRightClick}
163
165
  />
164
166
  </React.Fragment>
@@ -121,7 +121,7 @@ function ImageDisplay({ images, start, end }: { images?: Images[]; start: number
121
121
  function CheckIcon() {
122
122
  return (
123
123
  <svg
124
- className="w-5 h-5 mr-2 text-primary-foreground"
124
+ className="w-5 h-5 mr-2 text-primary"
125
125
  xmlns="http://www.w3.org/2000/svg"
126
126
  viewBox="0 0 20 20"
127
127
  fill="currentColor">
@@ -1 +0,0 @@
1
- import{a as u}from"./chunk-KQFO7OZP.mjs";import{Container as k}from"@stackshift-ui/container";import{Flex as s}from"@stackshift-ui/flex";import{Heading as C}from"@stackshift-ui/heading";import{Image as m}from"@stackshift-ui/image";import{Link as v}from"@stackshift-ui/link";import{Section as L}from"@stackshift-ui/section";import{SwiperButton as P}from"@stackshift-ui/swiper-button";import{Text as N}from"@stackshift-ui/text";import A,{useState as I}from"react";import{jsx as r,jsxs as f}from"react/jsx-runtime";function S({logo:t,subtitle:n,title:i,images:o=[]}){var a;let[e,l]=I(0),c=()=>{o!=null&&o.length&&(e!==o.length-1?l(e+1):l(e=0))},p=()=>{o!=null&&o.length&&l(e!==0?e-1:e=o.length-1)};return r(L,{className:"pt-16 overflow-hidden bg-background",children:f(k,{className:"relative text-center",maxWidth:448,children:[r(y,{logo:t}),r(R,{subtitle:n,title:i}),r(T,{images:o}),r(z,{image:o[e].image,alt:(a=o[e].alt)!=null?a:`appPromo-variantA-image-${e}`}),r(F,{arrowLeftClick:p,arrowRightClick:c})]})})}function y({logo:t}){var n;return t!=null&&t.image?r(v,{"aria-label":`Go to ${u(t)==="/"?"home page":u(t)}`,className:"inline-block p-5 mb-8 bg-white rounded-lg",href:u(t),target:t==null?void 0:t.linkTarget,rel:(t==null?void 0:t.linkTarget)==="_blank"?"noopener noreferrer":"",children:r(m,{src:t==null?void 0:t.image,width:50,height:56,alt:(n=t==null?void 0:t.alt)!=null?n:"appPromo-logo"})}):null}function R({subtitle:t,title:n}){return f(A.Fragment,{children:[t?r(N,{className:"mb-3 text-secondary",children:t}):null,n?r(C,{type:"h1",fontSize:"3xl",className:"mb-8",children:n}):null]})}function d({src:t,alt:n,positionClass:i}){return t?r(m,{className:`absolute object-contain h-80 rounded-t-2xl ${i}`,src:t,sizes:"218px",width:218,height:320,alt:n}):null}function T({images:t}){var n,i,o,e,l,c,p,a,h,b,w,x;return f("div",{className:"hidden h-72 sm:block",children:[(n=t==null?void 0:t[0])!=null&&n.image?r(d,{src:(i=t==null?void 0:t[0])==null?void 0:i.image,alt:(e=(o=t==null?void 0:t[0])==null?void 0:o.alt)!=null?e:"appPromo-variantA-image-1",positionClass:"bottom-0 z-20 -mb-10 transform -translate-x-1/2 left-1/2"}):null,(l=t==null?void 0:t[1])!=null&&l.image?r(d,{src:(c=t==null?void 0:t[1])==null?void 0:c.image,alt:(a=(p=t==null?void 0:t[1])==null?void 0:p.alt)!=null?a:"appPromo-variantA-image-2",positionClass:"bottom-0 left-0 -mb-24"}):null,(h=t==null?void 0:t[2])!=null&&h.image?r(d,{src:(b=t==null?void 0:t[2])==null?void 0:b.image,alt:(x=(w=t==null?void 0:t[2])==null?void 0:w.alt)!=null?x:"appPromo-variantA-image-3",positionClass:"bottom-0 right-0 -mb-24"}):null]})}function z({image:t,alt:n}){return t?r("div",{className:"object-contain w-1/2 mx-auto sm:hidden",children:r(m,{className:"object-contain w-full h-full",src:t,sizes:"(min-width: 520px) 224px, 45vw",width:500,height:850,alt:n})}):null}function F({arrowLeftClick:t,arrowRightClick:n}){return f(s,{justify:"between",className:"mb-16 sm:hidden",children:[r(P,{type:"left",ariaLabel:"Left Arrow button",className:"order-0 md:order-0 lg:order-0 xl:order-1 2xl:order-1",onClick:t}),r(P,{type:"right",ariaLabel:"Right Arrow button",className:"order-2",onClick:n})]})}export{S as a};
File without changes