1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[123],{35731:function(e,t,n){var i=n(85893),o=n(9008).default;t.Z=function(e){var t=e.title,n=void 0===t?"\uc2a4\ud2f0\ud31d":t,r=e.description,a=void 0===r?"\uc124\uba85":r,s=e.url,c=void 0===s?"https://stipop.io":s,d=e.ogTitle,l=void 0===d?n:d,p=e.ogDescription,u=void 0===p?a:p;return(0,i.jsxs)(o,{children:[(0,i.jsx)("title",{children:n}),(0,i.jsx)("meta",{name:"description",content:a}),(0,i.jsx)("meta",{property:"og:title",content:l}),(0,i.jsx)("meta",{property:"og:description",content:u}),(0,i.jsx)("meta",{property:"og:image",content:"https://img.stipop.io/image/b2b/thumbnail.png"}),(0,i.jsx)("meta",{property:"og:url",content:c}),(0,i.jsx)("meta",{property:"og:site_name",content:"Stipop.io"}),(0,i.jsx)("meta",{property:"og:type",content:"website"}),(0,i.jsx)("meta",{name:"twitter:title",content:l}),(0,i.jsx)("meta",{name:"twitter:description",content:u}),(0,i.jsx)("meta",{name:"twitter:card",content:"summary_large_image"}),(0,i.jsx)("meta",{name:"twitter:site",content:"Stipop.io"}),(0,i.jsx)("meta",{name:"twitter:image",content:"/metaImages/thumbnail.png"})]})}},50379:function(e,t,n){n(67294);var i=n(87379),o=n(85893);t.Z=function(){return(0,o.jsxs)(r,{children:[(0,o.jsxs)("div",{id:"content",children:["Visit stipop.com to try AI Chat with 30,000+ characters ",(0,o.jsx)("br",{}),"stipop.com \u306b\u30a2\u30af\u30bb\u30b9\u3057\u3066\u300130,000 \u6587\u5b57\u4ee5\u4e0a\u306e AI \u30c1\u30e3\u30c3\u30c8\u3092\u304a\u8a66\u3057\u304f\u3060\u3055\u3044"]}),(0,o.jsx)("a",{id:"try-button",href:"https://stipop.com",children:"Try AI Chat \u2192"})]})};var r=i.ZP.div.withConfig({displayName:"Chat__Wrapper",componentId:"sc-1fqb690-0"})(["width:100%;height:170px;background-color:#fff8e1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000;font-family:Poppins;font-size:18px;font-weight:400;text-align:center;#content{height:51px;display:flex;flex-direction:column;justify-content:center;align-items:center;}#try-button{height:24px;display:flex;justify-content:center;align-items:center;font-weight:600;color:#ff4500;cursor:pointer;line-height:24px;margin-top:11px;}"])},37491:function(e,t,n){var i=n(67294),o=n(16619),r=n(55042),a=n(87379),s=n(64599),c=n(31567),d=n(85893),l=a.ZP.div.withConfig({displayName:"CompanyBottom__Inner",componentId:"sc-1i7s8we-0"})(["display:flex;justify-content:center;width:100%;@media (max-width:","){margin:40px 0;height:140px;flex-direction:column;align-items:center;justify-content:space-between;}@media (max-width:","){height:120px;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),p=a.ZP.div.withConfig({displayName:"CompanyBottom__ColumnBox",componentId:"sc-1i7s8we-1"})(["display:flex;@media (max-width:","){width:100%;justify-content:center;margin:-10px 0px 5px;}"],(function(e){return e.theme.bp.tablet}));t.Z=function(){var e=(0,i.useContext)(s.WindowSizeContext),t=(0,i.useState)(null),n=t[0],a=t[1],u=((0,i.useContext)(s.UserLanguageContext),(0,c.$)("translation",{keyPrefix:"home.companyLogos"}).t);return(0,i.useEffect)((function(){e.width>=r.Z.tablet?a(u("web",{returnObjects:!0})):a(u("mobile",{returnObjects:!0}))}),[e]),(0,d.jsx)(l,{children:null===n||void 0===n?void 0:n.map((function(t,n){return(0,d.jsx)(p,{children:t.map((function(t,n){return(0,d.jsx)(o.Z,{src:t.imageUrl,width:e.width>=r.Z.tablet?t.width[0]:t.width[1],alt:t.alt,loading:t.loading,wrapperStyle:{margin:"0 20px"}},"company_img_".concat(n))}))},"company_".concat(n))}))})}},84891:function(e,t,n){n.d(t,{Z:function(){return p}});var i=n(59499),o=(n(67294),n(87379)),r=n(85893);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEac
1h((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=o.ZP.div.withConfig({displayName:"Company__Inner",componentId:"sc-1tn9qkv-0"})(["display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;background-color:",";@media (max-width:","){height:fit-content;}"],(function(e){return e.isColor?"#f7f7f7":"#fff"}),(function(e){return e.theme.bp.web})),d=o.ZP.div.withConfig({displayName:"Company__InnerBottom",componentId:"sc-1tn9qkv-2"})(["position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:150px;@media (max-width:","){height:fit-content;}"],(function(e){return e.theme.bp.web})),l=o.ZP.div.withConfig({displayName:"Company__InnerBackground",componentId:"sc-1tn9qkv-3"})(["background-color:",";"],(function(e){return e.isColor?"#f7f7f7":"#fff"})),p=function(e){var t=e.style,n=(e.text,e.bottomComponent),i=(e.backgroundStyle,e.isColor);return(0,r.jsx)(l,{isColor:i,className:"section_background",children:(0,r.jsx)("div",{className:"section_container",style:s({},t),children:(0,r.jsx)(c,{isColor:i,children:(0,r.jsx)(d,{children:n})})})})}},4852:function(e,t,n){var i=n(21713),o=n(12432),r=n(55042),a=n(11163),s=n(64599),c=n(67294),d=n(87379),l=n(85893),p=d.ZP.div.withConfig({displayName:"ExtroWithButtons__Inner",componentId:"sc-fds2vp-0"})(["width:100%;display:flex;flex-direction:column;",""],(function(e){if(e.isDark)return"\n padding: 88px 0;\n object-fit: contain;\n border-radius: 21px;\n background-image: linear-gradient(150deg, #252d5e 14%, #101430 76%);\n "})),u=d.ZP.div.withConfig({displayName:"ExtroWithButtons__InnerTop",componentId:"sc-fds2vp-1"})(["display:flex;flex-direction:column;align-items:center;"]),h=d.ZP.div.withConfig({displayName:"ExtroWithButtons__InnerBottom",componentId:"sc-fds2vp-2"})(["display:flex;justify-content:center;margin-top:40px;@media (max-width:","){align-items:center;}"],(function(e){return e.theme.bp.tablet})),x=d.ZP.span.withConfig({displayName:"ExtroWithButtons__MainText",componentId:"sc-fds2vp-3"})(["font-size:45px;font-weight:800;margin-bottom:19px;text-align:center;line-height:1.3;letter-spacing:-0.5px;color:",";@media (max-width:","){font-size:30px;}"],(function(e){return e.isDark?"#fff":"#2b292d"}),(function(e){return e.theme.bp.web})),m=d.ZP.span.withConfig({displayName:"ExtroWithButtons__SubText",componentId:"sc-fds2vp-4"})(["font-size:18px;font-weight:500;color:",";text-align:center;@media (max-width:","){font-size:16px;}"],(function(e){return e.isDark?"#9fafc1":"#364557"}),(function(e){return e.theme.bp.web}));t.Z=function(e){var t=e.title,n=void 0===t?"Start with Free credit":t,d=e.sub,f=void 0===d?"":d,g=e.btnText1,b=void 0===g?"Start for free":g,w=e.btnText2,y=void 0===w?"Contact us":w,j=e.lang,v=void 0===j?"en":j,C=e.isDark,_=void 0!==C&&C,Z=(0,a.useRouter)(),k=(0,c.useContext)(s.WindowSizeContext);return(0,l.jsx)("div",{className:"section_container",style:{paddingBottom:k.width<r.Z.web?90:150,paddingTop:k.width>=r.Z.web?90:k.width>=r.Z.tablet?80:40},children:(0,l.jsxs)(p,{isDark:_,children:[(0,l.jsxs)(u,{children:[(0,l.jsx)(x,{isDark:_,children:n}),(0,l.jsx)(m,{isDark:_,children:f.split("\n").map((function(e,t){return(0,l.jsx)("div",{children:e},"home_extro_".concat(t))}))})]}),(0,l.jsxs)(h,{children:[(0,l.jsx)(i.Z,{height:28,width:k.width>=r.Z.tablet||_?110:160,text:b,style:{marginRight:10,boxShadow:"none",fontWeight:"bold"},bgColor:_?"#6a7bff":"ff4500",onClick:function(){window.open("https://dashboard.stipop.io/auth/sign-up","_blank")}}),(0,l.jsx)(o.Z,{isDark:_,height:26,fontColor:_?"#6a7bff":"#ff4500",width:k.width>=r.Z.tablet?108:_?110:160,style:{marginLeft:k.width<r.Z.tablet?0:10,boxShadow:"none",fontWeight:"bold"},text:y,onClick:function(){Z.push("/".concat(v,"/contact-us"))}})]})]})})}},28239:function(e,t,n){n.d(t,{Z:function(){return _}});var i=n(59499),o=n(67294),r=n(87379),a=n(21713),s=n(12432),c=n(85893),d=r.ZP.div.withConfig({displayName:"IntroSubText__Wrapper",componentId:"sc-1n0y8ac-0"})(["display:flex;flex-direction:column;font-size:18px !important;font-weight:400;margin-top:21px;line-height:1.61;letter-spacing:0.2px;color:#364557;@media (max-width:","){font-size:15px !important;}@media (max-width:","){margin-top:18px;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#2b292d;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),l=r.ZP.div.withConfig({displayName:"IntroSubText__OptimizedText",componentId:"sc-1n0y8ac-1"})(["display:flex;font-style:italic;margin-top:10px;margin-bottom:20px;"]),p=function(e){var t=e.style,n=e.text,i=void 0===n?"Section Sub Text":n,o=e.optText;return(0,c.jsxs)(d,{style:t,children:[o&&(0,c.jsx)(l,{children:o}),i.split("\n").map((function(e,t){return(0,c.jsx)("span",{style:{marginBottom:4},children:e},"text".concat(t))}))]})},u=r.ZP.div.withConfig({displayName:"IntroTitleText__Wrapper",componentId:"sc-1gu8c5x-0"})(["display:flex;flex-direction:column;font-size:",";font-weight:800;line-height:1.32;letter-spacing:-1.77px;@media (max-width:","){font-size:30px;}@media (max-width:","){font-size:34px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.18;letter-spacing:normal;color:#292a34;}"],(function(e){return e.ishome?"66px":"56px"}),(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),h=function(e){var t=e.ishome,n=e.style,i=e.text,o=void 0===i?"Section Title Text":i;return(0,c.jsx)(u,{style:n,ishome:t,children:o.split("\n").map((function(e,t){return(0,c.jsx)("span",{children:e},"text".concat(t))}))})},x=(n(11407),n(55042)),m=n(60161),f=n(10730),g=n(11163),b=n(64599);function w(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function y(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};
1t%2?w(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):w(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var j=r.ZP.div.withConfig({displayName:"IntroLeft__ButtonArea",componentId:"sc-1tgxg72-0"})(["display:flex;margin-top:30px;margin-right:119px;@media (max-width:","){margin-right:10px;}@media (max-width:","){align-items:center;margin-top:21px;margin-right:0;margin-left:0;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),v=(0,r.ZP)(m.Wb).withConfig({displayName:"IntroLeft__IntroCategory",componentId:"sc-1tgxg72-1"})(["margin-left:3px;margin-bottom:16px;"]),C=r.ZP.div.withConfig({displayName:"IntroLeft__BackedArea",componentId:"sc-1tgxg72-2"})(["display:flex;margin-top:50px;font-size:16px;font-weight:bold;line-height:1.75;letter-spacing:0.16px;align-items:center;@media (max-width:","){margin-top:30px;justify-content:center;}"],(function(e){return e.theme.bp.tablet})),_=function(e){var t=e.category,n=e.titleText,i=void 0===n?"Intro Left Title":n,r=e.subText,d=e.optText,l=e.redButton,u=e.whiteButton,m=e.withButton,w=void 0===m||m,_=e.withCustomTitle,Z=void 0!==_&&_,k=e.customTitleComponent,S=e.style,I=void 0===S?{}:S,N=e.ishome,P=void 0!==N&&N,z=e.logo,T=(0,o.useContext)(b.WindowSizeContext),O=(0,g.useRouter)(),L=(0,o.useContext)(b.UserLanguageContext);return(0,c.jsxs)(o.Fragment,{children:[t&&(0,c.jsx)(v,{children:t}),!Z&&(0,c.jsx)(h,{ishome:P,text:i,style:I}),Z&&k,r&&(0,c.jsx)(p,{style:I,text:r,optText:d}),w&&(0,c.jsxs)(j,{children:[l&&(0,c.jsx)(a.Z,{text:l.name,height:T.width>=x.Z.tablet?39:30,width:l.width,fontSize:l.fontSize,style:y({},l.style),onClick:function(){window.open(l.link,"_blank")}}),u&&(0,c.jsx)(s.Z,{text:u.name,height:T.width>=x.Z.tablet?37:28,width:u.width,fontSize:u.fontSize,style:y({},u.style),icon:null===u||void 0===u?void 0:u.icon,onClick:function(){u.externalLink?window.open("".concat(u.link),"_blank"):O.push("/".concat(L[0],"/").concat(u.link))}})]}),z&&T.width>=x.Z.tablet&&(0,c.jsxs)(C,{children:["Backed by \xa0\xa0\xa0\xa0",(0,c.jsx)(f.Z,{src:z[0],width:119,wrapperStyle:{marginRight:10}}),(0,c.jsx)(f.Z,{src:z[1],width:92})]})]})}},62496:function(e,t,n){var i=n(59499),o=(n(67294),n(87379)),r=n(85893);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?a(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=o.ZP.div.withConfig({displayName:"IntroRow__Inner",componentId:"sc-13wutbk-0"})(["display:flex;justify-content:center;width:100%;@media (max-width:","){flex-direction:column;align-items:center;}"],(function(e){return e.theme.bp.tablet})),d=o.ZP.div.withConfig({displayName:"IntroRow__InnerLeft",componentId:"sc-13wutbk-1"})(["display:flex;flex-direction:column;justify-content:center;width:50%;@media (max-width:","){width:100%;}"],(function(e){return e.theme.bp.tablet})),l=o.ZP.div.withConfig({displayName:"IntroRow__InnerRight",componentId:"sc-13wutbk-2"})(["position:relative;z-index:-1;display:flex;justify-content:flex-end;align-items:center;width:50%;@media (max-width:","){width:100%;justify-content:center;margin-top:40px;}"],(function(e){return e.theme.bp.tablet}));t.Z=function(e){var t=e.leftComponent,n=e.rightComponent,i=e.style,o=e.leftStyle;return(0,r.jsx)("div",{className:"section_container",style:s({},i),children:(0,r.jsxs)(c,{children:[t&&(0,r.jsx)(d,{style:o,children:t}),n&&(0,r.jsx)(l,{children:n})]})})}},84672:function(e,t,n){n(67294);var i=n(87379),o=n(16619),r=n(85893),a=i.ZP.div.withConfig({displayName:"ArrowTextLink__ArrowLinkBox",componentId:"sc-1eukgy-0"})(["display:flex;align-items:center;width:fit-content;height:fit-content;cursor:pointer;"]),s=i.ZP.span.withConfig({displayName:"ArrowTextLink__ArrowLinkText",componentId:"sc-1eukgy-1"})(["font-weight:600;color:",";"],(function(e){return e.theme.color.primary}));t.Z=function(e){var t=e.wrapperStyle,n=e.text,i=void 0===n?"Arrow Text":n,c=e.fontSize,d=void 0===c?16:c;return(0,r.jsxs)(a,{style:t,children:[(0,r.jsx)(s,{style:{fontSize:d,marginRight:d/2},children:i}),(0,r.jsx)(o.Z,{src:"https://img.stipop.io/image/b2b/home/icons/icon-arrow-right-primary.png",width:d,alt:"This is stipop primary arrow icon."})]})}},10730:function(e,t,n){var i=n(59499),o=(n(67294),n(87379)),r=n(85893);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};
1t%2?a(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=o.ZP.img.withConfig({displayName:"LazyImage__Image",componentId:"sc-1jrrgat-0"})(["image-rendering:-webkit-optimize-contrast;transform:translateZ(0);backface-visibility:hidden;"]);t.Z=function(e){var t=e.src,n=e.width,i=e.height,o=void 0===i?"fit-content":i,a=e.objectFit,d=void 0===a?"contain":a,l=e.alt,p=e.loading,u=void 0===p?"lazy":p,h=e.wrapperStyle,x=(e.isOrigin,e.onClick),m=void 0===x?function(){}:x;return(0,r.jsx)("div",{onClick:m,style:s(s({},h),{},{display:"flex",height:o}),children:(0,r.jsx)(c,{srcset:"".concat(t," ").concat(n,"w"),src:t,style:{objectFit:d},width:n,alt:l,loading:u})})}},60161:function(e,t,n){n.d(t,{Wb:function(){return o},eN:function(){return r},i_:function(){return s},vi:function(){return a},yb:function(){return c}});var i=n(87379),o=i.ZP.div.withConfig({displayName:"TextComponents__CategoryText",componentId:"sc-xb36ql-0"})(["display:flex;font-size:18px;font-weight:bold;@media (max-width:","){font-size:15px;}"],(function(e){return e.theme.bp.web})),r=i.ZP.div.withConfig({displayName:"TextComponents__TitleText",componentId:"sc-xb36ql-1"})(["margin:17px 0 24px;display:flex;flex-direction:column;font-size:45px;font-weight:800;line-height:1.3;letter-spacing:-0.5px;color:#2b292d;@media (max-width:","){font-size:30px;margin:0 0 10px;}"],(function(e){return e.theme.bp.web})),a=i.ZP.div.withConfig({displayName:"TextComponents__SubTextArea",componentId:"sc-xb36ql-2"})(["display:flex;width:100%;margin-bottom:32px;"]),s=i.ZP.div.withConfig({displayName:"TextComponents__SubText",componentId:"sc-xb36ql-3"})(["font-size:18px;font-weight:500;line-height:1.56;letter-spacing:0.18px;color:#364557;width:45%;padding:0 47px 0 0;@media (max-width:","){width:100%;padding:0;font-size:15px;}"],(function(e){return e.theme.bp.web})),c=i.ZP.span.withConfig({displayName:"TextComponents__HighlightText",componentId:"sc-xb36ql-4"})(["color:#ff4500;font-weight:700;cursor:pointer;:hover{color:#425468;}"])},75478:function(e,t,n){var i=n(21713),o=n(12432),r=n(16619),a=n(55042),s=(n(96486),n(11163)),c=n(64599),d=n(67294),l=n(87379),p=n(85893),u=l.ZP.div.withConfig({displayName:"BuildAndLaunch__Wrapper",componentId:"sc-qgyb3w-0"})(["display:flex;padding:87px 0;width:100%;border-radius:21px;background-image:linear-gradient(120deg,#ff9766 -27%,#ff7a3b 79%);justify-content:space-between;position:relative;@media (max-width:","){flex-direction:column;padding:60px 0;}"],(function(e){return e.theme.bp.tablet})),h=l.ZP.div.withConfig({displayName:"BuildAndLaunch__TitleText",componentId:"sc-qgyb3w-1"})(["display:flex;font-size:36px;font-weight:800;line-height:1.44;letter-spacing:-0.4px;color:#fff;margin-left:86px;@media (max-width:","){margin-left:52px;}@media (max-width:","){margin-left:0;font-size:30px;text-align:center;justify-content:center;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),x=l.ZP.div.withConfig({displayName:"BuildAndLaunch__ButtonArea",componentId:"sc-qgyb3w-2"})(["display:flex;align-items:center;margin-right:52px;@media (max-width:","){flex-direction:column;align-items:flex-start;justify-content:space-around;}@media (max-width:","){margin-right:0;margin-top:20px;align-items:center;justify-content:center;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),m=l.ZP.div.withConfig({displayName:"BuildAndLaunch__AbsoluteImageBox",componentId:"sc-qgyb3w-3"})(["position:absolute;top:-70px;right:-30px;@media (max-width:","){top:-90px;right:-10px;}"],(function(e){return e.theme.bp.tablet}));t.Z=function(e){var t=e.whiteButton,n=e.colorButton,l=e.size,f=e.title,g=(0,s.useRouter)(),b=(0,d.useContext)(c.UserLanguageContext);return(0,p.jsx)("div",{className:"section_container",children:(0,p.jsxs)(u,{children:[l.width>=a.Z.tablet&&(0,p.jsx)(m,{children:(0,p.jsx)(r.Z,{src:"https://img.stipop.io/image/b2b/home/Carong_Sticker_Home.gif",width:116})}),(0,p.jsx)(h,{children:f.split("\n").map((function(e,t){return(0,p.jsxs)(p.Fragment,{children:[e,(0,p.jsx)("br",{})]})}))}),(0,p.jsxs)(x,{children:[(0,p.jsx)(o.Z,{text:t.name,fontSize:t.fontSize,width:t.width,height:39,style:t.style,onClick:function(){window.open(t.link,"_blank")}}),(0,p.jsx)(i.Z,{text:n.name,fontSize:n.fontSize,width:n.width,height:39,style:n.style,bgColor:"transparent",onClick:function(){g.push("".concat(b[0]).concat(n.link))}})]})]})})}},93943:function(e,t,n){n(67294),n(16619),n(55042),n(64599),n(10730),n(85893)},56029:function(e,t,n){var i=n(67294),o=n(87379),r=n(55042),a=n(64599),s=n(10730),c=n(85893),d=o.ZP.div.withConfig({displayName:"CompanySwiper__PagenationWrapper",componentId:"sc-3lyp4q-0"})(["display:flex;margin-top:24px;justify-content:center;.active{background-color:#1d244d;}"]),l=o.ZP.div.withConfig({displayName:"CompanySwiper__PagenationItem",componentId:"sc-3lyp4q-1"})(["cursor:pointer;width:13px;height:13px;border-radius:50%;background-color:#d8d8d8;margin:0 8px;"]),p=o.ZP.div.withConfig({displayName:"CompanySwiper__Touter",componentId:"sc-3lyp4q-2"})(["width:",";transition:transform .5s;display:flex;"],(function(e){var t=e.width;return t?"".concat(100*t,"%"):"100%"})),u=o.ZP.div.withConfig({displayName:"CompanySwiper__Tinner",componentId:"sc-3lyp4q-3"})(["width:100%;float:left;align-items:center;display:flex;height:280px;color:#ffffff;margin:0 12px;padding:70px 80px;border-radius:21px;background-image:linear-gradient(153deg,#252d5e 9%,#101430 79%);@media (max-width:","){flex-direction:column;padding:40px 10px;height:500px;align-items:center;justify-content:center;}"],(function(e){return e.theme.bp.tablet})),h=o.ZP.span.withConfig({displayName:"CompanySwiper__MainText",componentId:"sc-3lyp4q-4"})(["font-size:26px;font-weight:bold;line-height:1.81;letter-spacing:0.11px;@media (max-width:","){font-size:18px;}@media (max-width:","){font-size:15px;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),x=o.ZP.span.withConfig({displayName:"CompanySwiper__SubText",componentId:"sc-3lyp4q-5"})(["font-size:22px;font-weight:400;line-height:1.81;letter-spacing:0.11px;@media (max-width:","){font-size:18px;}@media (max-width:","){font-size:15px;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),m=o.ZP.div.withConfig({displayName:"CompanySwiper__RoleText",componentId:"sc-3lyp4q-6"})(["margin-top:45px;font-size:19px;font-weight:300;line-height:1.29;letter-spacing:-0.3px;@media (max-width:","){font-size:15px;margin-top:22px;}"],(function(e){return e.theme.bp.web}));
1t.Z=function(e){var t=e.itemList,n=(0,i.useRef)(null),o=(0,i.useRef)(0),f=(0,i.useContext)(a.WindowSizeContext),g=function(){for(var e=0;e<t.length;e++)e===o.current?document.getElementById("s_pagenation_item_".concat(e)).classList.add("active"):document.getElementById("s_pagenation_item_".concat(e)).classList.remove("active")},b=function(){document.getElementsByClassName("outer")[0]&&(n.current=setInterval((function(){o.current===t.length-1?(o.current=0,document.getElementsByClassName("outer")[0].style.transform="translate(-".concat(33.333*o.current,"%)")):(o.current+=1,document.getElementsByClassName("outer")[0].style.transform="translate(-".concat(33.333*o.current,"%)")),g()}),5e3))};(0,i.useEffect)((function(){var e,n,i,r,a,s;return document.getElementById("s_pagenation_item_".concat(o.current)).classList.add("active"),b(),document.getElementById("swiper_section").addEventListener("touchstart",(function(t){var i=t.touches[0];e=i.clientX,n=i.clientY}),!1),document.getElementById("swiper_section").addEventListener("touchend",(function(c){if(c.preventDefault(),0==c.touches.length){var d=c.changedTouches[c.changedTouches.length-1];i=d.clientX,r=d.clientY,a=i-e,s=r-n,Math.abs(a)>=40&&Math.abs(s)<=10&&(a<0?o.current===t.length-1?w(0):w(o.current+1):0===o.current?w(t.length-1):w(o.current-1))}}),!1),function(){clearTimeout(b),document.getElementById("swiper_section").removeEventListener("touchstart"),document.getElementById("swiper_section").removeEventListener("touchend")}}),[]);var w=function(e){clearTimeout(n.current),o.current=e,document.getElementsByClassName("outer")[0].style.transform="translate(-".concat(33.333*e,"%)"),g(),b()};return(0,c.jsxs)("div",{className:"section_container",style:{display:"flex",flexDirection:"column"},children:[(0,c.jsx)("div",{style:{overflow:"hidden",width:"100%"},children:(0,c.jsx)(p,{className:"outer",id:"swiper_section",width:t.length,children:t.map((function(e,t){return(0,c.jsxs)(u,{children:[(0,c.jsx)("div",{style:{display:"flex",width:"30%",justifyContent:"center",alignItems:"center"},children:(0,c.jsx)(s.Z,{src:e.logo,width:f.width<r.Z.web?e.tbWidth:e.width,alt:"This is ".concat(e.alt," logo on company swiper."),wrapperStyle:{marginBottom:f.width>=r.Z.tablet?0:20}})}),(0,c.jsxs)("div",{style:{display:"flex",width:"70%",flexDirection:"column",marginLeft:f.width>=r.Z.web?100:f.width>=r.Z.tablet?50:0,textAlign:f.width>=r.Z.tablet?"":"center"},children:[(0,c.jsxs)("div",{children:[(0,c.jsx)(h,{children:e.title}),(0,c.jsx)(x,{children:e.sub})]}),(0,c.jsx)(m,{children:e.role})]})]})}))})}),(0,c.jsx)(d,{style:{display:t.length<=1?"none":"flex"},children:t.map((function(e,t){return(0,c.jsx)(l,{className:"s_pagenation_item",id:"s_pagenation_item_".concat(t),active:o.current===t,onClick:function(){return w(t)}})}))})]})}},81689:function(e,t,n){n.d(t,{Z:function(){return pe}});var i=n(67294),o=n(87379),r=n(60161),a=(n(10730),n(713)),s=n(85893),c=n(50029),d=n(87794),l=n.n(d),p=n(5152),u=n.n(p),h=(n(72354),n(76687)),x=n(17219),m=n(25934),f=n(74969),g=n.n(f),b=n(64599),w=u()((function(){return Promise.all([n.e(1331),n.e(8696)]).then(n.bind(n,58696))}),{ssr:!1,loadableGenerated:{webpack:function(){return[58696]}}}),y=(u()((function(){return Promise.all([n.e(1553),n.e(1331),n.e(6457),n.e(3613)]).then(n.bind(n,89280))}),{ssr:!1,loadableGenerated:{webpack:function(){return[89280]}}}),u()((function(){return Promise.all([n.e(1553),n.e(1331),n.e(6457),n.e(1167)]).then(n.bind(n,78245))}),{ssr:!1,loadableGenerated:{webpack:function(){return[78245]}}})),j=function(e){var t=e.color,n=e.setCurrentUuid,o=e.setCurrentStoreOpen,r=e.storeCloseClick,a=e.setStoreCloseClick,d=e.setPageLang,p=(0,i.useContext)(b.UserLanguageContext),u=(0,i.useState)(!1),f=u[0],j=u[1],E=(0,i.useState)(!1),A=(E[0],E[1]),H=(0,i.useState)(!0),M=H[0],U=H[1],F=(0,i.useState)([]),V=F[0],J=F[1],G=(0,i.useState)([]),K=G[0],X=G[1],Y=(0,i.useState)(""),$=Y[0],Q=Y[1],ee=(0,i.useState)(!1),te=ee[0],ne=ee[1],ie=(0,i.useState)(""),oe=(ie[0],ie[1]),re=(0,i.useState)([]),ae=re[0],se=re[1],ce=(0,i.useState)([]),de=ce[0],le=ce[1],pe=(0,i.useState)(""),ue=pe[0],he=pe[1],xe=(0,i.useState)(""),me=
1xe[0],fe=xe[1],ge=(0,i.useState)(58),be=ge[0],we=ge[1],ye=(0,i.useState)(!1),je=ye[0],ve=ye[1],Ce=(0,i.useState)(!0),_e=Ce[0],Ze=Ce[1],ke=new(g())("f0408c400b3b046b4a28c41948797502","v1"),Se={1:"Jan",2:"Feb",3:"Mar",4:"Apr",5:"May",6:"Jun",7:"Jul",8:"Aug",9:"Sep",10:"Oct",11:"Nov",12:"Dec"},Ie=16,Ne=13,Pe=(0,i.useRef)(),ze=(0,i.useRef)(),Te=(0,i.useRef)(),Oe=(0,i.useRef)(),Le=(0,i.useRef)(),Be=(0,i.useRef)(),Re=(0,i.useRef)(),We=(0,i.useRef)(),qe=new Date,De=function(){var e=qe.getHours(),t=qe.getMinutes(),n=e>=12?"PM":"AM",i=(e=(e%=12)||12)+":"+(t=t<10?"0"+t:t)+" "+n;ae.length>0&&ae[ae.length-1]===i&&se.apply(void 0,(0,h.Z)(ae).concat([ae[ae.length-1]=""])),se(ue&&$?ae.concat(["",i]):ae.concat([i]))},Ee=function(){var e=qe.getHours(),t=qe.getMinutes(),n=e>=12?"PM":"AM",i=(e=(e%=12)||12)+":"+(t=t<10?"0"+t:t)+" "+n;de.length>0&&de[de.length-1]===i&&le.apply(void 0,(0,h.Z)(de).concat([de[de.length-1]=""])),le(de.concat(["",i]))},Ae=function(){var e=(0,c.Z)(l().mark((function e(){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if("ko"!==p[0]){e.next=7;break}return e.next=3,J(V.concat(["\uc2a4\ud2f0\ud31d\uc5d0 \uc624\uc2e0\uac78 \ud658\uc601\ud569\ub2c8\ub2e4!"]));case 3:return e.next=5,setTimeout((function(){J(V.concat(["\uc2a4\ud2f0\ud31d\uc5d0 \uc624\uc2e0\uac78 \ud658\uc601\ud569\ub2c8\ub2e4!","\uc544\ub798 \uc774\ubaa8\ud2f0\ucf58 \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud574\ubcf4\uc138\uc694 \u2193"]))}),1e3);case 5:e.next=11;break;case 7:return e.next=9,J(V.concat(["Hi, welcome aboard!"]));case 9:return e.next=11,setTimeout((function(){J(V.concat(["Hi, welcome aboard!","Try clicking the sticker icon below \u2193"]))}),1e3);case 11:return e.next=13,Ee();case 13:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();(0,i.useEffect)((function(){!function(){A(!1),ve(!1);var e=(0,m.Z)();fe(e),n(e);var t={userId:e,lang:p[0]};ke.init(t).then((function(){A(!0),ve(!0)}))}(),Ae(),oe("".concat(Se[qe.getMonth()+1]," ").concat(qe.getDate(),", ").concat(qe.getFullYear()))}),[]),(0,i.useEffect)((function(){var e=Oe.current;e.scrollTop=e.scrollHeight}),[K,V]),(0,i.useEffect)((function(){return He(),He}),[$]),(0,i.useEffect)((function(){ue&&ze.current.focus()}),[ue]),(0,i.useEffect)((function(){r&&(A(!0),U(!1),ve(!0),Ze(!1))}),[r]);var He=function(){try{var e=Pe.current,t=ze.current,n=Te.current,i=100;t&&t.scrollHeight>=32?i<t.scrollHeight?(t.style.height="auto",t.style.height="".concat(i,"px"),e.style.height="auto",e.style.height="".concat(126,"px"),n.style.height="auto",n.style.height="".concat(i,"px")):(t.style.height="32px",t.style.height="".concat(t.scrollHeight,"px"),e.style.height="auto",e.style.height="".concat(e.scrollHeight,"px"),we(e.scrollHeight),n.style.height="32px",n.style.height="".concat(t.scrollHeight,"px")):t.style.height=""}catch(o){}},Me=function(){var e=(0,c.Z)(l().mark((function e(){var t,n;return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!ue){e.next=13;break}if(!($&&$.trim().length>0)){e.next=7;break}return t=$.trim(),e.next=5,X(K.concat([ue,t]));case 5:e.next=9;break;case 7:return e.next=9,X(K.concat([ue]));case 9:return e.next=11,he("");case 11:e.next=17;break;case 13:if(!($&&$.trim().length>0)){e.next=17;break}return n=$.trim(),e.next=17,X(K.concat([n]));case 17:return e.next=19,j(!1);case 19:return e.next=21,Ze(!0);case 21:return e.next=23,U(!0);case 23:return e.next=25,De();case 25:return e.next=27,Q("");case 27:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Ue=function(){var e=(0,c.Z)(l().mark((function e(t){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,De();case 2:return e.next=4,X(K.concat([t]));case 4:return e.next=6,j(!1);case 6:return e.next=8,Ze(!0);case 8:return e.next=10,U(!0);case 10:ze.current.value&&ze.current.focus();case 11:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),Fe=function(){var e=(0,c.Z)(l().mark((function e(t){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,he("");case 2:return e.next=4,A(!t);case 4:return e.next=6,ve(!t);case 6:return e.next=8,o(t);case 8:return e.next=10,a(!t);case 10:return e.next=12,d(p[0]);case 12:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();return(0,s.jsxs)(v,{ref:Le,onClick:function(e){if(Le.current&&Le.current.contains(e.target)){if(Be.current&&Be.current.contains(e.target))return;if(Re.current&&Re.current.contains(e.target))return;if(ze.current&&ze.current.contains(e.target))return;if(We.current&&We.current.contains(e.target))return;ue&&he(""),j(!1),U(!0),Ze(!0)}},children:[(0,s.jsxs)(C,{className:"chat-wrapper",ref:Oe,children:[(0,s.jsx)(_,{children:(0,s.jsx)(Z,{children:"Today"})}
1),V&&V.map((function(e,t){return(0,s.jsxs)(k,{children:[(0,s.jsx)(S,{children:(0,s.jsx)(I,{src:"https://img.stipop.io/image/b2b/demo/demo_main2.png"})}),(0,s.jsx)(N,{children:(0,s.jsx)(P,{children:e})}),(0,s.jsx)(T,{children:de[t]})]},t)})),K.map((function(e,n){return(0,s.jsxs)(z,{children:[(0,s.jsx)(T,{children:ae[n]}),e.startsWith("https://img.stipop.io/")?(0,s.jsx)(L,{src:e}):(0,s.jsx)(O,{color:t,children:e})]},n)}))]}),(0,s.jsxs)(B,{ref:Pe,children:[(0,s.jsx)(R,{children:(0,s.jsx)(W,{color:t,placeholder:"ko"===p[0]?"\ud14d\uc2a4\ud2b8 \uc785\ub825...":"Enter text...",ref:ze,value:$,onChange:function(e){return Q(e.target.value)},onKeyDown:function(e){e.keyCode===Ie&&ne(!0),te||e.keyCode!==Ne||(e.preventDefault(),Me())},onKeyUp:function(e){e.keyCode===Ie&&ne(!1)}})}),(0,s.jsx)(q,{ref:Te,children:(0,s.jsx)(x.jMy,{className:"stipop-icon stipop-icon-smile",size:18,onClick:(0,c.Z)(l().mark((function e(){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,j(!1);case 2:return e.next=4,U(!M);case 4:return e.next=6,Ze(!_e);case 6:case"end":return e.stop()}}),e)})))})}),f&&(0,s.jsxs)("div",{className:"search-component",ref:Be,style:{bottom:"".concat(be+10,"px")},children:[ue&&(0,s.jsxs)(D,{children:[(0,s.jsx)(x.q5L,{size:25,color:"#000",style:{position:"absolute",right:"15px",top:"15px",cursor:"pointer"},onClick:function(){he("")}}),(0,s.jsx)(L,{src:ue})]}),(0,s.jsx)(w,{params:{apikey:"f0408c400b3b046b4a28c41948797502",userId:me,lang:"en",limit:20,pageNumber:1,default:"hi"},stickerClick:function(){var e=(0,c.Z)(l().mark((function e(t){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Ue(t);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()})]}),je&&(0,s.jsxs)("div",{className:"unified-component",ref:We,height:Pe.current.scrollHeight,style:{display:_e?"none":"",bottom:"".concat(be+10,"px")},children:[ue&&(0,s.jsxs)(D,{children:[(0,s.jsx)(x.q5L,{size:25,color:"#000",style:{position:"absolute",right:"15px",top:"15px",cursor:"pointer"},onClick:function(){he("")}}),(0,s.jsx)(L,{src:ue})]}),(0,s.jsx)(y,{params:{apikey:"f0408c400b3b046b4a28c41948797502",userId:me,lang:p[0]},menu:{selectedLine:"2px solid ".concat(t),arrowColor:t},stickerClick:function(){var e=(0,c.Z)(l().mark((function e(t){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Ue(t);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),storeClick:function(){var e=(0,c.Z)(l().mark((function e(t){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Fe(t);case 2:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),loadingColor:t,input:{focus:t},scrollHover:t})]}),(0,s.jsx)("div",{style:{width:"10%",display:"flex",alignItems:"center",justifyContent:"center"},children:(0,s.jsx)("img",{src:"https://img.stipop.io/image/b2b/demo/demo_send2.png",style:{cursor:"pointer",width:"20px",objectFit:"cover"},onClick:(0,c.Z)(l().mark((function e(){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!$&&!ue){e.next=3;break}return e.next=3,Me();case 3:case"end":return e.stop()}}),e)})))})})]})]})},v=o.ZP.div.withConfig({displayName:"CustomChat__Wrapper",componentId:"sc-1iib4dj-0"})(["width:70%;height:100%;background-color:#fff;background-image:url('https://img.stipop.io/image/b2b/demo/demo_background2.png');background-size:cover;border-bottom-left-radius:14px;border-bottom-right-radius:14px;display:flex;flex-direction:column;position:relative;.store-component{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}"]),C=o.ZP.div.withConfig({displayName:"CustomChat__ChatWrapper",componentId:"sc-1iib4dj-4"})(["width:100%;height:calc(100% - 144px);padding:0 24px;margin-top:6px;flex:1 1;order:2;box-sizing:border-box;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none;}"]),_=o.ZP.div.withConfig({displayName:"CustomChat__ChatSeparator",componentId:"sc-1iib4dj-5"})(["width:100%;padding:8px 0;display:flex;align-items:center;justify-content:center;margin-top:15px;margin-bottom:30px;"]),Z=o.ZP.div.withConfig({displayName:"CustomChat__Today",componentId:"sc-1iib4dj-8"})(["width:59px;height:28px;display:flex;justify-content:center;align-items:center;font-size:10px;font-weight:600;color:#2b292d;border-radius:19px;background-color:rgba(242,242,242,0.6);"]),k=o.ZP.div.withConfig({displayName:"CustomChat__DefaultChatItem",componentId:"sc-1iib4dj-9"})(["width:100%;display:inline-flex;align-items:flex-end;margin-bottom:22px;"]),S=o.ZP.div.withConfig({displayName:"CustomChat__DefaultImgWrapper",componentId:"sc-1iib4dj-10"})(["position:relative;display:inline-flex;min-width:40px;"]),I=o.ZP.img.withConfig({displayName:"CustomChat__DefaultImg",componentId:"sc-1iib4dj-11"})(["width:39px;height:39px;object-fit:cover;display:inline-block;border-radius:50%;object-fit:cover;"]),N=o.ZP.div.withConfig({displayName:"CustomChat__DefaultChatContent",componentId:"sc-1iib4dj-12"})(["position:relative;display:inline-flex;flex-direction:column;max-width:420px;align-items:flex-start;margin-left:10px;"]),P=o.ZP.div.withConfig({displayName:"CustomChat__DefaultContent",componentId:"sc-1iib4dj-14"})(["position:relative;width:fit-content;min-height:39px;box-sizing:border-box;display:flex;align-items:center;padding:8px 12px;border-radius:16px;background-color:#eeeeee;color:#000;white-space:pre-wrap;word-break:break-all;font-size:14px;line-height:1.43;"]),z=o.ZP.div.withConfig({displayName:"CustomChat__ChatItem",componentId:"sc-1iib4dj-15"})(["width:100%;display:flex;justify-content:flex-end;margin-bottom:12px;position:relative;align-items:flex-end;"]),T=o.ZP.div.withConfig({displayName:"CustomChat__ChatTime",componentId:"sc-1iib4dj-16"})(["position:relative;display:inline-flex;margin-top:4px;margin-left:4px;color:rgba(0,0,0,0.5);font-size:12px;line-height:1;white-space:nowrap;margin-right:4px;"]),O=o.ZP.div.withConfig({displayName:"CustomChat__ChatContent",componentId:"sc-1iib4dj-17"})(["padding:8px 12px;border-radius:16px;box-sizing:border-box;background-color:",";color:white;white-space:pre-wrap;word-break:break-all;max-width:400px;font-size:14px;"],(function(e){return e.color})),L=o.ZP.img.withConfig({displayName:"CustomChat__ChatSticker",componentId:"sc-1iib4dj-18"})(["width:100px;height:100px;margin-bottom:5px;"]),B=o.ZP.div.withConfig({displayName:"CustomChat__InputWrapper",componentId:"sc-1iib4dj-19"})(["width:100%;height:58px;background-color:#f7f9fb;margin-top:6px;order:3;border-bottom-right-radius:14px;position:relative;display:flex;align-items:center;padding:13.5px 0 12.5px 5%;box-sizing:border-box;.search-component{position:absolute;bottom:",";right:15px;}.picker-component{position:absolute;bottom:70px;right:15px;}.unified-component{position:absolute;bottom:70px;right:15px;}"],(function(e){return"".concat(e.height,"px")})),R=o.ZP.div.withConfig({displayName:"CustomChat__CustomInputBox",componentId:"sc-1iib4dj-20"})(["position:relative;display:block;width:90%;height:100%;box-sizing:border-box;display:flex;justify-content:center;"]),W=o.ZP.textarea.withConfig({displayName:"CustomChat__CustomInput",componentId:"sc-1iib4dj-21"})(["width:100%;height:32px;box-sizing:border-box;padding:7px 80px 7px 26px;resize:none;line-height:1.43;font-size:12px;overflow-y:hidden;border-radius:37.5px;border:none;&:focus{outline:none;border:1px solid #ff4545;border:",";}"],(function(e){return"1px solid ".concat(e.color)})),q=o.ZP.div.withConfig({displayName:"CustomChat__IconWrapper",componentId:"sc-1iib4dj-22"})(["display:flex;position:absolute;right:calc(10% + 15px);bottom:12.5px;height:32px;box-sizing:border-box;.send-icon{height:100%;display:flex;align-items:center;cursor:pointer;}.stipop-icon{height:100%;display:flex;align-items:center;cursor:pointer;}.stipop-icon-smile{margin-left:12px;}"]),D=o.ZP.div.withConfig({displayName:"CustomChat__PreviewWrapper",componentId:"sc-1iib4dj-23"})(["width:60%;height:150px;background-color:rgba(0,0,0,0.3);border-radius:10px;margin-left:40%;margin-bottom:5px;padding:0 24px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;position:relative;"]),E=o.ZP.div.withConfig({displayName:"Comment__Wrapper",componentId:"sc-z7bov6-0"})(["display:flex;width:70%;"]),A=function(e){var t=e.themeColor;return(0,s.jsx)(E,{style:{color:t},children:"comment"})},H=o.ZP.div.withConfig({displayName:"Profile__Wrapper",componentId:"sc-lfk94a-0"})(["display:flex;width:70%;"]),M=function(e){var t=e.themeColor;return(0,s.jsx)(H,{style:{color:t},children:"profile"})}
1,U=o.ZP.div.withConfig({displayName:"Camera__Wrapper",componentId:"sc-4wprsz-0"})(["display:flex;width:70%;"]),F=function(e){var t=e.themeColor;return(0,s.jsx)(U,{style:{color:t},children:"camera"})},V=n(31567),J=function(e){var t=(0,i.useState)(0),n=t[0],o=t[1],r=(0,V.$)("translation",{keyPrefix:"home.usecases"}).t,a=r("side menu",{returnObjects:!0});return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(G,{children:[(0,s.jsx)(K,{children:r("side header")}),a.map((function(t,i){return(0,s.jsxs)(X,{onClick:function(){o(i),e.setCurrentMenu(i)},style:{backgroundColor:i===n?"#f3f5f8":"#fafafa",display:i&&"none"},children:[(0,s.jsx)(Y,{src:"https://img.stipop.io/image/b2b/demo/demo_group2.png"}),t]},"side_menu_".concat(i))}))]})})},G=o.ZP.div.withConfig({displayName:"SideMenu__Wrapper",componentId:"sc-16d3e9v-0"})(["width:30%;height:100%;background-color:#fafafa;border-bottom-left-radius:14px;border-right:0.5px solid #cbcbcb;display:flex;flex-direction:column;"]),K=o.ZP.div.withConfig({displayName:"SideMenu__SideHeader",componentId:"sc-16d3e9v-1"})(["width:100%;height:38px;display:flex;justify-content:center;align-items:center;font-size:14px;color:#364557;"]),X=o.ZP.div.withConfig({displayName:"SideMenu__SideMenuItem",componentId:"sc-16d3e9v-2"})(["width:100%;height:70px;background-color:#fafafa;cursor:pointer;display:flex;align-items:center;padding-left:15px;color:#2b292d;font-size:14px;font-weight:600;letter-spacing:0.14px;box-sizing:border-box;&:hover{background-color:#f3f5f8;}"]),Y=o.ZP.img.withConfig({displayName:"SideMenu__ItemImg",componentId:"sc-16d3e9v-3"})(["width:45px;height:45px;border-radius:50%;object-fit:cover;margin-right:15px;"]),$=u()((function(){return Promise.all([n.e(1331),n.e(6457),n.e(5866)]).then(n.bind(n,5866))}),{ssr:!1,loadableGenerated:{webpack:function(){return[5866]}}}),Q=function(e){var t=e.color,n=(0,i.useState)(0),o=n[0],r=n[1],a=(0,i.useState)(!1),d=a[0],p=a[1],u=(0,i.useState)(!1),h=u[0],x=u[1],m=(0,i.useState)(""),f=m[0],g=m[1],b=(0,i.useState)("en"),w=b[0],y=b[1];return(0,s.jsxs)(ee,{children:[(0,s.jsx)(J,{setCurrentMenu:r}),0===o?(0,s.jsx)(j,{color:t,setCurrentUuid:g,setCurrentStoreOpen:p,storeCloseClick:h,setStoreCloseClick:x,setPageLang:y}):1===o?(0,s.jsx)(A,{}):2===o?(0,s.jsx)(M,{}):(0,s.jsx)(F,{}),d&&(0,s.jsx)("div",{className:"store-component",style:{color:"black"},children:(0,s.jsx)($,{params:{apikey:"f0408c400b3b046b4a28c41948797502",userId:f,lang:w,pageNumber:1,limit:50},downloadParams:{isPurchase:"N"},color:{downloadBtn:t,downloadBtnHover:t,recoveryBtn:t,recoveryBtnHover:t,loadingColor:t},onClose:function(){var e=(0,c.Z)(l().mark((function e(t){return l().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,p(!t);case 2:return e.next=4,x(t);case 4:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()})})]})},ee=o.ZP.div.withConfig({displayName:"ChatDemo__Wrapper",componentId:"sc-jtzzhi-0"})(["width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;.store-component{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.2);}"]),te=o.ZP.div.withConfig({displayName:"Chat__Wrapper",componentId:"sc-1w0tnw-0"})(["display:flex;height:100%;"]),ne=function(e){var t=e.themeColor;return(0,s.jsx)(te,{style:{color:t},children:(0,s.jsx)(Q,{color:t})})},ie=o.ZP.div.withConfig({displayName:"DemoContent__Wrapper",componentId:"sc-1fdj6w-0"})(["display:flex;flex-direction:column;width:100%;padding:50px 0px;margin:0 35px;border-radius:14px;justify-content:center;align-items:center;@media (max-width:","){padding:50px 0px;}"],(function(e){return e.theme.bp.web})),oe=o.ZP.div.withConfig({displayName:"DemoContent__ContentHeader",componentId:"sc-1fdj6w-1"})(["background-color:#e7e7e7;width:",";height:38px;border-top-left-radius:20px;border-top-right-radius:20px;border:0.5px solid #cbcbcb;border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 22px 0 15px;box-sizing:border-box;@media (max-width:","){width:",";}"],(function(e){return 0===e.view?"876px":"350px"}),(function(e){return e.theme.bp.web}),(function(e){return 0===e.view?"576px":"350px"})),re=o.ZP.div.withConfig({displayName:"DemoContent__ContentArea",componentId:"sc-1fdj6w-2"})(["background-color:#fff;width:",";height:640px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;
1border:0.5px solid #cbcbcb;box-sizing:border-box;@media (max-width:","){width:",";}"],(function(e){return 0===e.view?"876px":"350px"}),(function(e){return e.theme.bp.web}),(function(e){return 0===e.view?"576px":"350px"})),ae=o.ZP.div.withConfig({displayName:"DemoContent__HeaderCircle",componentId:"sc-1fdj6w-3"})(["width:13px;height:13px;border-radius:50%;border:",";background-color:",";margin-right:7px;"],(function(e){return"1px solid ".concat(e.border)}),(function(e){return"".concat(e.color)})),se=o.ZP.div.withConfig({displayName:"DemoContent__Theme",componentId:"sc-1fdj6w-4"})(["width:18px;height:18px;border-radius:50%;background-color:",";margin-left:7px;cursor:pointer;"],(function(e){return e.color})),ce=o.ZP.div.withConfig({displayName:"DemoContent__PickerWrapper",componentId:"sc-1fdj6w-5"})(["z-index:1;position:absolute;right:-120%;top:30px;"]),de=function(e){var t=e.view,n=void 0===t?0:t,o=e.color,r=void 0===o?"#ff4500":o,c=e.colorChange,d=(0,i.useState)(!1),l=d[0],p=d[1],u=(0,V.$)("translation",{keyPrefix:"home.usecases"}).t;return(0,s.jsxs)(ie,{children:[(0,s.jsxs)(oe,{view:n,children:[(0,s.jsxs)("div",{style:{display:"flex"},children:[(0,s.jsx)(ae,{color:"#ee6a5f",border:"#d05d51"}),(0,s.jsx)(ae,{color:"#f5bd50",border:"#d6a243"}),(0,s.jsx)(ae,{color:"#62c454",border:"#58a942"})]}),(0,s.jsxs)("div",{style:{display:"flex",position:"relative"},children:[(0,s.jsx)("span",{style:{fontSize:"12px",fontWeight:"500"},children:u("theme")}),(0,s.jsx)(se,{color:r,onClick:function(){return p(!l)}}),l&&(0,s.jsx)(ce,{children:(0,s.jsx)(a.if,{color:r,onChangeComplete:function(e){c(e.hex),p(!1)}})})]})]}),(0,s.jsx)(re,{view:n,children:(0,s.jsx)(ne,{themeColor:r})})]})},le=(n(11163),n(55042),o.ZP.div.withConfig({displayName:"Demo__Inner",componentId:"sc-oaqed8-0"})(["display:flex;flex-direction:column;justify-content:center;align-items:center;"])),pe=function(e){e.demoMenu,e.size;var t=e.title,n=e.sub,o=(0,i.useState)(0),a=o[0],c=(o[1],(0,i.useState)(0)),d=c[0],l=(c[1],(0,i.useState)("#ff4500")),p=l[0],u=l[1];(0,i.useRef)(0);return(0,s.jsxs)(le,{className:"section_container",children:[(0,s.jsx)(r.eN,{style:{margin:"35px 0 24px"},children:t}),(0,s.jsx)(r.i_,{style:{padding:0,width:"fit-content"},children:n}),(0,s.jsx)(de,{view:d,menu:a,color:p,colorChange:u})]})}},86828:function(e,t,n){n(67294);var i=n(87379),o=(n(21713),n(11163)),r=n(12432),a=(n(16619),n(55042)),s=n(60161),c=n(10730),d=n(85893),l=i.ZP.div.withConfig({displayName:"FeatureVersus__Inner",componentId:"sc-1sy09q6-0"})(["display:flex;flex-direction:column;width:100%;align-items:flex-start;@media (max-width:","){width:100%;margin-bottom:40px;}@media (max-width:","){margin-bottom:0;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),p=i.ZP.div.withConfig({displayName:"FeatureVersus__InnerRow",componentId:"sc-1sy09q6-1"})(["display:flex;width:100%;@media (max-width:","){flex-direction:column;}"],(function(e){return e.theme.bp.tablet})),u=i.ZP.div.withConfig({displayName:"FeatureVersus__InnerLeft",componentId:"sc-1sy09q6-2"})(["display:flex;flex-direction:column;width:50%;@media (max-width:","){width:100%;}"],(function(e){return e.theme.bp.tablet})),h=i.ZP.div.withConfig({displayName:"FeatureVersus__InnerRight",componentId:"sc-1sy09q6-3"})(["display:flex;flex-direction:column;width:50%;@media (max-width:","){width:100%;}"],(function(e){return e.theme.bp.tablet})),x=(0,i.ZP)(s.eN).withConfig({displayName:"FeatureVersus__FeatureTitleText",componentId:"sc-1sy09q6-4"})(["letter-spacing:-0.5px;@media (max-width:","){margin:10px 0 20px;}@media (max-width:","){margin:8px 0 10px;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),m=(0,i.ZP)(s.vi).withConfig({displayName:"FeatureVersus__FeatureSubTextArea",componentId:"sc-1sy09q6-5"})(["margin-bottom:15px;@media (max-width:","){margin-bottom:10px;}"],(function(e){return e.theme.bp.tablet})),f=(0,i.ZP)(s.i_).withConfig({displayName:"FeatureVersus__FeatureSubText",componentId:"sc-1sy09q6-6"})(["width:100%;"]);t.Z=function(e){var t=e.feat1,n=e.feat2,i=e.size,g=(0,o.useRouter)(),b=function(e,t){for(var n=e.substr(t+1,e.length),i=0;"*"!==n.charAt(i)&&!(i>=e.length);)i++;return{highlight:n=n.substr(0,i),index:t+i+1}};return(0,d.jsx)("div",{className:"section_container",style:{display:"flex",paddingTop:i.width<a.Z.web?80:140},children:(0,d.jsxs)(l,{children:[(0,d.jsxs)(p,{style:{marginBottom:i.width<a.Z.web?65:127},children:[(0,d.jsxs)(u,{children:[(0,d.jsx)(s.Wb,{children:t.category}),(0,d.jsx)(x,{children:t.title.split("\n").map((function(e,t){return(0,d.jsx)("span",{children:e},"text".concat(t))}))}),i.width<a.Z.tablet&&(0,d.jsx)(c.Z,{src:t.imageSrc,width:t.imageWidth,alt:"This is stipop home feature stickers illust 1.",loading:"eager",wrapperStyle:{justifyContent:"center",margin:"15px 0 30px"}}),(0,d.jsx)(m,{children:(0,d.jsx)(f,{style:{padding:i.width>=a.Z.tablet?"0 80px 0 0":"0"},children:function(e,t){var n=0,i=!1;return(0,d.jsx)(d.Fragment,{children:e.split("").map((function(o,r){if(!i){if("*"===o){i=!0;var a=b(e,r);return n=a.index+1,(0,d.jsx)("a",{href:t,target:"_blank",children:(0,d.jsx)(s.yb,{children:a.highlight})},"f_highlight_".concat(r))}return o}if(r>=n)return i=!1,o}))})}(t.sub,"https://studio.stipop.io/")})}),t.whiteButton&&(0,d.jsx)(r.Z,{text:t.whiteButton.name,width:"fit-content",height:40,onClick:function(){t.whiteButton.exLink?window.open("https://dashboard.stipop.io/auth/sign-up","_blank"):g.push(t.whiteButton.link)},fontSize:i.width>=a.Z.web?18:15,icon:!0,style:{boxShadow:"none",border:"none",fontWeight:"bold",paddingLeft:0,justifyContent:"left"}})]}),i.width>=a.Z.tablet&&(0,d.jsx)(h,{style:{margin:i.width<a.Z.web?"40px 0 0 0":0},children:(0,d.jsx)(c.Z,{src:t.imageSrc,width:t.imageWidth,alt:"This is stipop home feature stickers illust 1.",loading:"eager",wrapperStyle:{marginLeft:i.width<a.Z.web?0:60}})})]}),i.width>=a.Z.tablet&&(0,d.jsxs)(p,{children:[(0,d.jsx)(u,{children:(0,d.jsx)(c.Z,{src:"https://img.stipop.io/image/b2b/home/feat_02.png",width:n.imageWidth,alt:"This is stipop home intro stickers illust.",loading:"eager"})}),(0,d.jsxs)(h,{style:{margin:i.width<a.Z.web?"10px 0 0 50px":"100px
1-180px 0 127px"},children:[(0,d.jsx)(s.Wb,{children:n.category}),(0,d.jsx)(x,{children:n.title.split("\n").map((function(e,t){return(0,d.jsx)("span",{children:e},"text".concat(t))}))}),(0,d.jsx)(m,{children:(0,d.jsx)(f,{style:{padding:i.width<a.Z.web?"0 20px 0 0":"0 180px 0 0"},children:n.sub})}),n.whiteButton&&(0,d.jsx)(r.Z,{text:n.whiteButton.name,width:200,height:40,onClick:function(){g.push(n.whiteButton.link)},icon:!0,fontSize:i.width>=a.Z.web?18:15,style:{boxShadow:"none",border:"none",fontWeight:"bold",paddingLeft:0,justifyContent:"left"}})]})]}),i.width<a.Z.tablet&&(0,d.jsx)(p,{children:(0,d.jsxs)(u,{children:[(0,d.jsx)(s.Wb,{children:n.category}),(0,d.jsx)(s.eN,{children:n.title.split("\n").map((function(e,t){return(0,d.jsx)("span",{children:e},"text".concat(t))}))}),(0,d.jsx)(c.Z,{src:"https://img.stipop.io/image/b2b/home/feat_02.png",width:n.imageWidth,alt:"This is stipop home intro stickers illust.",loading:"eager",wrapperStyle:{justifyContent:"center",margin:"15px 0 30px"}}),(0,d.jsx)(m,{children:(0,d.jsx)(f,{children:n.sub})}),n.whiteButton&&(0,d.jsx)(r.Z,{text:n.whiteButton.name,width:"fit-content",height:40,onClick:function(){g.push(n.whiteButton.link)},icon:!0,style:{boxShadow:"none",border:"none",fontWeight:"bold",paddingLeft:0}})]})})]})})}},70065:function(e,t,n){var i=n(67294),o=n(87379),r=n(16619),a=n(55042),s=n(64599),c=n(85893),d=o.ZP.div.withConfig({displayName:"IntroRight__AbsoluteImageBox",componentId:"sc-1cmxfp3-0"})(["position:absolute;top:0;right:-280px;@media (max-width:","){top:50px;right:-130px;}@media (max-width:","){top:0px;right:-200px;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet}));t.Z=function(e){var t=e.src,n=(0,i.useContext)(s.WindowSizeContext);return(0,c.jsx)("div",{style:{position:"relative",height:n.width<a.Z.tablet?250:n.width<a.Z.web?400:600},children:(0,c.jsx)(d,{children:(0,c.jsx)(r.Z,{src:t,width:n.width<a.Z.tablet?390:n.width<a.Z.web?440:892,alt:"This is stipop home intro illust 1.",loading:"eager",wrapperStyle:{marginBottom:n.width>=a.Z.tablet?40:0}})})})}},49949:function(e,t,n){n(67294);var i=n(60161),o=n(87379),r=n(12432),a=n(10730),s=n(55042),c=n(85893),d=o.ZP.div.withConfig({displayName:"Partners__Wrapper",componentId:"sc-ojcr7x-0"})(["display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;"]),l=(0,o.ZP)(i.eN).withConfig({displayName:"Partners__PartnersTitleText",componentId:"sc-ojcr7x-1"})(["@media (max-width:","){text-align:center;}"],(function(e){return e.theme.bp.tablet}));t.Z=function(e){var t=e.whiteButton,n=e.size,o=e.title,p=e.sub;return(0,c.jsxs)(d,{className:"section_container",style:{padding:n.width>=s.Z.tablet?"80px 35px 90px":"40px 35px"},children:[(0,c.jsx)(l,{children:o}),(0,c.jsx)("div",{style:{display:"flex",position:"relative",justifyContent:"center",textAlign:"center",marginBottom:26},children:(0,c.jsx)(i.i_,{style:{width:n.width>=s.Z.web?"100%":n.width>=s.Z.tablet?"60%":"90%",padding:0,fontSize:18},children:p.split("\n").map((function(e,t){return(0,c.jsx)("div",{children:e},"partners_sub_line_".concat(t))}))})}),(0,c.jsx)("div",{style:{position:"relative",width:"100%"},children:(0,c.jsx)("div",{style:{position:"absolute",width:280,display:"flex",justifyContent:"flex-start",top:"50%",left:"50%",transform:"translate(-50%, -50%)"},children:t&&(0,c.jsx)(r.Z,{text:t.name,width:t.width,icon:t.icon,fontSize:t.fontSize,style:t.style,onClick:function(){window.open(t.link,"_blank")}})})}),(0,c.jsx)(a.Z,{src:n.width>=s.Z.web?"https://img.stipop.io/image/b2b/home/partners.png":"https://img.stipop.io/image/b2b/home/partners_mb.png",width:n.width>=s.Z.web?1173:n.width>=s.Z.tablet?500:320,wrapperStyle:{marginTop:64}})]})}},99174:function(e,t,n){var i=n(67294),o=n(87379),r=n(19605),a=n(30639),s=n(16619),c=(n(84672),n(55042)),d=(n(64599),n(21713)),l=n(12432),p=n(60161),u=n(85893),h=o.ZP.div.withConfig({displayName:"SampleCode__Inner",componentId:"sc-1gwcpum-1"})(["display:flex;margin-bottom:100px;@media (max-width:","){margin-bottom:80px;}@media (max-width:","){flex-direction:column;margin-bottom:0;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),x=o.ZP.div.withConfig({displayName:"SampleCode__InnerLeft",componentId:"sc-1gwcpum-2"})(["display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:40%;@media (max-width:","){width:50%;}@media (max-width:","){width:100%;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),m=o.ZP.div.withConfig({displayName:"SampleCode__InnerRight",componentId:"sc-1gwcpum-3"})(["display:flex;flex-direction:column;justify-content:center;align-items:flex-end;width:60%;color:#ffffff;@media (max-width:","){width:50%;}@media (max-width:","){align-items:center;width:100%;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),f=o.ZP.div.withConfig({displayName:"SampleCode__ButtonArea",componentId:"sc-1gwcpum-7"})([" position:relative;margin-top:33px;display:flex;width:100%;@media (max-width:","){margin-top:20px;}"],(function(e){return e.theme.bp.tablet})),g=o.ZP.div.withConfig({displayName:"SampleCode__CodeArea",componentId:"sc-1gwcpum-8"})(["display:flex;flex-direction:column;width:546px;height:432px;@media (max-width:","){width:100%;height:300px;margin-left:0;}@media (max-width:","){width:100%;height:350px;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),b=o.ZP.div.withConfig({displayName:"SampleCode__CodeHeader",componentId:"sc-1gwcpum-9"})(["display:flex;justify-content:space-between;align-items:center;background-color:#6a7bff;color:#ffffff;padding:8px 20px;height:30px;min-height:30px;border-top-left-radius:8px;border-top-right-radius:8px;@media (max-width:","){padding:4px 20px;height:16px;}@media (max-width:","){justify-content:center;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.web})),w=o.ZP.div.withConfig({displayName:"SampleCode__CodeHeaderSelect",componentId:"sc-1gwcpum-10"})(["position:relative;display:flex;align-items:center;cursor:pointer;"]),y=o.ZP.span.withConfig({displayName:"SampleCode__CodeTitle",componentId:"sc-1gwcpum-11"})(["font-size:15px;@media (max-width:","){font-size:12px;}@media (max-width:","){font-size:15px;text-align:center;}"],(function(e){return e.theme.bp.web}),(function(e){return e.theme.bp.tablet})),j=o.ZP.div.withConfig({displayName:"SampleCode__CodeSelectArea",componentId:"sc-1gwcpum-12"})(["position:absolute;display:flex;flex-direction:column;box-shadow:rgb(13 13 13 / 12%) 0px 2px 4px 0px;border-radius:4px;padding:10px 0px;background-color:#ffffff;top:30px;right:10px;@media (max-width:","){top:22px;right:8px;}"],(function(e){return e.theme.bp.web})),v=o.ZP.div.withConfig({displayName:"SampleCode__CodeSelectItem",componentId:"sc-1gwcpum-13"})(["display:flex;align-items:center;padding:6px 13px;color:#4d4d4d;font-size:13px;font-weight:500;:hover{background-color:#e6e9ff;}@media (max-width:","){font-size:12px;}"],(function(e){return e.theme.bp.web})),C=o.ZP.div.withConfig({displayName:"SampleCode__CodeBody",componentId:"sc-1gwcpum-14"})(["height:100%;display:flex;flex-direction:column;padding:14px;background-color:#f6f7ff;overflow-x:scroll;overflow-y:hidden;border-bottom-left-radius:8px;border-bottom-right-radius:8px;::-webkit-scrollbar-thumb{background-color:#6a7bff;transition:all 0.25s;}::-webkit-scrollbar-thumb:hover{background-color:#6a7bff;}@media (max-width:","){padding:8px;}"],(function(e){return e.theme.bp.web})),_=function(e){var t=e.setShowSelect,n=e.showSelect,i=e.codeLineList,o=e.setCodeState,d=e.codeState,l=e.size;return(0,u.jsxs)(g,{children:[(0,u.jsxs)(b,{children:[(0,u.jsx)(y,{children:"Sample call for best stickers list"}),l.width>=c.Z.tablet&&(0,u.jsxs)(w,{onClick:function(){t(!n)},children:[(0,u.jsx)(y,{children:i[d].lang}),(0,u.jsx)(s.Z,{src:"https://img.stipop.io/image/b2b/home/icons/icon-arrow-double-white.png",width:9,wrapperStyle:{marginLeft:10}}),n&&(0,u.jsx)(j,{children:i.map((function(e,t){return(0,u.jsx)(v,{onClick:function(){o(t)},children:e.lang},"code_line_".concat(t))}))})]})]}),(0,u.jsx)(C,{children:i[d].code.map((function(e,t){return(0,u.jsxs)("div",{style:{display:"flex",fontFamily:"monospace",fontSize:l.width<c.Z.web?12:14,color:"#516d7b"},children:[(0,u.jsx)("span",{style:{width:20,minWidth:20,textAlign:"right",marginRight:14,userSelect:"none"},children:t+1}),(0,u.jsx)(r.Z,{language:i[d].langSyntax,style:a.Z,customStyle:{margin:0,padding:0,backgroundColor:"transparent",overflowX:"unset"}
1,children:e})]},t)}))})]})},Z=[{lang:"Javascript",langSyntax:"Javascript",code:['import axios from "axios"; // npm i axios',"","axios"," .get('https://messenger.stipop.io/v1/package?userId=xxx&pageNumber=1&country=kr', {"," headers: { apikey: 'xxxxxxxxx' },"," })"," .then((response) => console.log(response.data))"," .catch((error) => {"," console.warn(error);"," });"]},{lang:"Python",langSyntax:"python",code:["import requests","headers = {"," 'apikey': 'xxxxxxxxx',","}","url = 'https://messenger.stipop.io/v1/package?userId=xxx&pageNumber=1&country=kr'","response = requests.get( url, headers )","print(response)"]},{lang:"Android/JAVA",langSyntax:"java",code:['URL url = new URL("https://messenger.stipop.io/v1/package?userId=xxx&pageNumber=1&country=kr");',"HttpURLConnection connection = (HttpURLConnection) url.openConnection();",'connection.setRequestMethod("GET");','connection.setRequestProperty("apikey", "xxxxxxxxx");',"int responseCode = connection.getResponseCode();","BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream()));","String inputLine;","StringBuffer response = new StringBuffer();","while ((inputLine = reader.readLine()) != null) {"," response.append(inputLine);","}","reader.close();",'System.out.println("HTTP status code : " + responseCode);','System.out.println("HTTP body : " + response.toString());']},{lang:"Swift/iOS",langSyntax:"swift",code:['var url : String = "https://messenger.stipop.io/v1/package?userId=xxx&pageNumber=1&country=us"',"var request : NSMutableURLRequest = NSMutableURLRequest()","request.URL = NSURL(string: url)",'request.HTTPMethod = "GET"','request.addValue("xxxxxx", forHTTPHeaderField: "apikey")',"NSURLConnection.sendAsynchronousRequest(request, queue: NSOperationQueue(), completionHandler:{ (response:NSURLResponse!, data: NSData!, error: NSError!) -> Void in"," var error: AutoreleasingUnsafeMutablePointer<NSError?> = nil"," let jsonResult: NSDictionary! = NSJSONSerialization.JSONObjectWithData(data, options:NSJSONReadingOptions.MutableContainers, error: error) as? NSDictionary"," if (jsonResult != nil) {"," // process jsonResult"," } else {"," // couldn't load JSON, look at error"," }","})"]},{lang:"Objective-C",langSyntax:"objectivec",code:['NSString *url_str = @"https://messenger.stipop.io/v1/package?userId=xxx&pageNumber=1&country=us";',"NSURL *url = [NSURL URLWithString:url_str];","NSMutableURLRequest *request = [[NSMutableURLRequest alloc] initWithURL:url];","[request setHTTPShouldHandleCookies:NO];",'[request setValue:@"xxxxxx" forHTTPHeaderField:@"apikey"];',"[NSURLConnection connectionWithRequest:request delegate:self];"]},{lang:"Kotlin",langSyntax:"kotlin",code:["import khttp.get",'val headers = mapOf("apikey" to "xxxxxxxxx")','val response = get("https://messenger.stipop.io/v1/package?userId=xxx&pageNumber=1&country=kr", headers=headers)',"println(response.text)"]},{lang:"cURL",langSyntax:"bash",code:['curl --location --request GET "https://messenger.stipop.io/v1/package?userId=xxx&pageNumber=1&country=us" --header "apikey:xxxxxxxxx"']}];t.Z=function(e){var t=e.category,n=void 0===t?"sample code":t,o=e.title,r=void 0===o?"Sample code Title":o,a=e.sub,s=e.blueButton,g=e.transparentButton,b=e.size,w=(0,i.useState)(0),y=w[0],j=w[1],v=(0,i.useState)(!1),C=v[0],k=v[1];return(0,u.jsx)("div",{className:"section_container",style:{position:"relative",padding:b.width>=c.Z.web?"140px 35px 80px":"40px 34px"},children:(0,u.jsxs)(h,{children:[(0,u.jsxs)(x,{children:[(0,u.jsx)(p.Wb,{children:n}),(0,u.jsx)(p.eN,{children:r.split("\n").map((function(e,t){return(0,u.jsx)("span",{children:e},"samplecode_title_line_".concat(t))}))}),b.width<c.Z.tablet&&(0,u.jsx)("div",{style:{margin:"15px 0 20px",width:"100%"},children:(0,u.jsx)(_,{setShowSelect:k,showSelect:C,codeLineList:Z,setCodeState:j,codeState:y,size:b})}),(0,u.jsx)(p.i_,{style:{width:"100%"},children:a}),(0,u.jsxs)(f,{children:[b.width>=c.Z.tablet&&(0,u.jsxs)(u.Fragment,{children:[s.width&&(0,u.jsx)(d.Z,{text:s.name,bgColor:s.bgColor,fontColor:s.fontColor,width:s.width,style:s.style,onClick:function(){window.open(s.link,"_blank")}}),g&&(0,u.jsx)(l.Z,{text:g.name,bgColor:g.bgColor,fontColor:g.fontColor,width:g.width,icon:null===g||void 0===g?void 0:g.icon,style:g.style,onClick:function(){window.open(g.link,"_blank")}})]}),s&&g&&b.width<c.Z.tablet&&(0,u.jsx)(l.Z,{text:s.name,bgColor:g.bgColor,fontColor:g.fontColor,width:g.width,icon:null===g||void 0===g?void 0:g.icon,style:g.style,onClick:function(){window.open(s.link,"_blank")}})]})]}),b.width>=c.Z.tablet&&(0,u.jsx)(m,{children:(0,u.jsx)(_,{setShowSelect:k,showSelect:C,codeLineList:Z,setCodeState:j,codeState:y,size:b})})]})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.