https://www.gemmestore.com/assets/10.10.9/how-it-works.df38549f.1791468856214.js

1import{A as t,l as m,r as a}from"./index.a592fd0f.1791468856214.js";import l from"./SmallLoading.463626e5.1791468856214.js";import{T as c}from"./TitleAtoms.2c8611bf.1791468856214.js";import{T as n}from"./TextSectionMolecules.b4953225.1791468856214.js";import{T as x}from"./TextSectionWithImageMolecules.adc2cb9f.1791468856214.js";import{T as p}from"./TextAtoms.dffad41a.1791468856214.js";import{I as g}from"./ImageAtoms.db338d9f.1791468856214.js";import{C as d}from"./ContainerAtoms.6192666c.1791468856214.js";import{u}from"./json-hook.99779b84.1791468856214.js";import"./general.71fff540.1791468856214.js";import"./agentation.68356e44.1791468856214.js";import"./ButtonAtoms.885c77ef.1791468856214.js";const T=({imgSrc:o,imgAlt:r,text:s,children:e,imageSize:i=""})=>t.jsxs(d,{className:"oa-card",children:[o&&t.jsx(g,{src:o,alt:r,className:i?`oa-image-atoms-${i}-icon`:""})," ",s&&t.jsx(p,{text:s,className:"oa-text-atoms-center"})," ",e," "]});const M=()=>{const{data:o,loading:r}=u("how-it-work"),s=m.useSelector(e=>e.screen);return t.jsx("div",{className:"oa-how-it-works",children:r?t.jsx(l,{}):t.jsxs(a.Fragment,{children:[t.jsx(x,{imgSrc:s.viewType==="web"?"public/html/images/common_img/service.webp":"public/html/images/common_img/m_service.png",imgAlt:"how-it-work",titleText:o?.title,text:o?.description,titleClassName:"oa-title-no-margin oa-reorder",contentContainerClassName:"oa-reorder"}),t.jsx(c,{size:"lg",titleText:"oaTemplate:howItWorksStepsTitle",className:"oa-title-center "}),t.jsx("div",{className:"oa-steps",children:o?.cardData?.map(e=>t.jsx(T,{imgSrc:e.src,imgAlt:e.alt,text:e.text,imageSize:"large"},e.key))}),o?.paragraph?.map(e=>t.jsx(n,{titleText:e?.title,descText:e?.text},e?.title))]})})};export{M as default};