https://app.slipmate.ai/111.6b7c5eb24674c042.js

1"use strict";(self.webpackChunkslipmate_web_app=self.webpackChunkslipmate_web_app||[]).push([[111],{9111:(y,p,s)=>{s.r(p),s.d(p,{LineOaGuideModule:()=>f});var r=s(4250),m=s(2839),d=s(749),e=s(6264);function c(i,u){1&i&&e.nrm(0,"div",33)}function E(i,u){1&i&&(e.j41(0,"div",34)(1,"span",35)(2,"i",36),e.nrm(3,"span",5)(4,"span",6)(5,"span",7),e.k0s()()())}function g(i,u){if(1&i){const t=e.RV6();e.qex(0),e.j41(1,"div",12)(2,"div",19)(3,"div",14)(4,"span",20),e.EFF(5),e.k0s()(),e.DNE(6,c,1,0,"div",21),e.k0s(),e.j41(7,"div",22)(8,"div",23)(9,"div",24)(10,"div",25)(11,"span",26),e.EFF(12),e.k0s(),e.j41(13,"h4",27),e.EFF(14),e.k0s(),e.j41(15,"p",28),e.EFF(16),e.k0s()(),e.j41(17,"div",29),e.bIt("click",function(){const o=e.eBV(t),a=o.$implicit,v=o.index,l=e.XpG(),x=e.sdS(25);return e.Njj(l.imageLoaded[v]&&l.openPreview(x,a.image,a.title))}),e.nrm(18,"div",30),e.j41(19,"img",31),e.bIt("load",function(){const o=e.eBV(t).index,a=e.XpG();return e.Njj(a.imageLoaded[o]=!0)}),e.k0s(),e.DNE(20,E,6,0,"div",32),e.k0s()()()()(),e.bVm()}if(2&i){const t=u.$implicit,n=u.index,o=u.last,a=e.XpG();e.R7$(5),e.JRh(n+1),e.R7$(),e.Y8G("ngIf",!o),e.R7$(6),e.SpI("Step ",n+1,""),e.R7$(2),e.JRh(t.title),e.R7$(2),e.JRh(t.description),e.R7$(2),e.xc7("opacity",a.imageLoaded[n]?"0":"1"),e.R7$(),e.xc7("opacity",a.imageLoaded[n]?"1":"0"),e.Y8G("src",t.image,e.B4B)("alt",t.title),e.R7$(),e.Y8G("ngIf",a.imageLoaded[n])}}function h(i,u){if(1&i){const t=e.RV6();e.j41(0,"div",37)(1,"h5",38),e.EFF(2),e.k0s(),e.j41(3,"button",39),e.bIt("click",function(){const o=e.eBV(t).$implicit;return e.Njj(o.dismiss())}),e.k0s()(),e.j41(4,"div",40),e.nrm(5,"img",41),e.k0s()}if(2&i){const t=e.XpG();e.R7$(2),e.JRh(t.previewTitle),e.R7$(3),e.Y8G("src",t.previewImage,e.B4B)("alt",t.previewTitle)}}let b=(()=>{class i{modal;previewImage="";previewTitle="";imageLoaded=[];constructor(t){this.modal=t}openPreview(t,n,o){this.previewImage=n,this.previewTitle=o,this.modal.open(t,{centered:!0,size:"lg"})}steps=[{title:"\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e41\u0e25\u0e30\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19",description:'\u0e40\u0e1b\u0e34\u0e14\u0e41\u0e2d\u0e1b\u0e2f Line \u0e41\u0e25\u0e49\u0e27\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e44\u0e2d\u0e14\u0e35 @slipmatebot \u0e08\u0e32\u0e01\u0e19\u0e31\u0e49\u0e19\u0e01\u0e14 "\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19" (Add Friend) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19',image:"./assets/media/linebot/step1.png"},{title:"\u0e2a\u0e23\u0e49\u0e32\u0e07 Grop line (create Grop line)",description:"\u0e2a\u0e23\u0e49\u0e32\u0e07 Grop line \u0e41\u0e25\u0e30\u0e40\u0e0a\u0e34\u0e0d slipmateBot \u0e40\u0e02\u0e49\u0e32\u0e01\u0e25\u0e38\u0e48\u0e21 \u0e40\u0e21\u0e37\u0e48\u0e2d Bot \u0e40\u0e02\u0e49\u0e32\u0e01\u0e25\u0e38\u0e48\u0e21\u0e41\u0e25\u0e49\u0e27 \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e04\u0e27\u0e32\u0e21\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e30\u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d\u0e01\u0e25\u0e38\u0e48\u0e21\u0e43\u0e2b\u0e49\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e25\u0e34\u0e1b (\u0e40\u0e0a\u0e48\u0e19 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e25\u0e34\u0e1b01) \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e1a\u0e2a\u0e19",image:"./assets/media/linebot/step3.png"},{title:"\u0e40\u0e23\u0e34\u0e48\u0e21\u0e15\u0e49\u0e19\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d",description:"Bot \u0e08\u0e30\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e19\u0e23\u0e31\u0e1a\u0e43\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21 \u0e43\u0e2b\u0e49\u0e1e\u0e34\u0e21\u0e1e\u0e4c\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48 Bot \u0e41\u0e19\u0e30\u0e19\u0e33: #slipmateconnect \u0e15\u0e32\u0e21\u0e14\u0e49\u0e27\u0e22 \u0e2b\u0e21\u0e32\u0e22\u0e40\u0e25\u0e02\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e17\u0e35\u0e48\u0e25\u0e07\u0e17\u0e30\u0e40\u0e1a\u0e35\u0e22\u0e19\u0e44\u0e27\u0e49",image:"./assets/media/linebot/step4.png"}

1,{title:"\u0e23\u0e31\u0e1a\u0e23\u0e2b\u0e31\u0e2a OTP",description:"\u0e23\u0e30\u0e1a\u0e1a\u0e08\u0e30\u0e2a\u0e48\u0e07\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e41\u0e25\u0e30\u0e43\u0e2b\u0e49 \u0e23\u0e2b\u0e31\u0e2a OTP 6 \u0e2b\u0e25\u0e31\u0e01 \u0e21\u0e32\u0e17\u0e32\u0e07\u0e41\u0e0a\u0e17\u0e01\u0e25\u0e38\u0e48\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e19\u0e33\u0e44\u0e1b\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19\u0e15\u0e31\u0e27\u0e15\u0e19 \u0e04\u0e25\u0e34\u0e01\u0e25\u0e34\u0e07\u0e04\u0e4c\u0e15\u0e32\u0e21\u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e48 1",image:"./assets/media/linebot/step5.png"},{title:"\u0e40\u0e25\u0e37\u0e2d\u0e01\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07 API Key",description:'\u0e04\u0e25\u0e34\u0e01\u0e17\u0e35\u0e48\u0e40\u0e21\u0e19\u0e39 API Key \u0e2b\u0e32\u0e01\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49 API Key \u0e17\u0e35\u0e48\u0e21\u0e35\u0e2d\u0e22\u0e39\u0e48\u0e41\u0e25\u0e49\u0e27 \u0e43\u0e2b\u0e49\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 "\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d" \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21  "\u0e2a\u0e23\u0e49\u0e32\u0e07 API Key" \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e43\u0e2b\u0e21\u0e48 \u0e42\u0e14\u0e22\u0e15\u0e31\u0e49\u0e07\u0e0a\u0e37\u0e48\u0e2d Application \u0e43\u0e2b\u0e49\u0e08\u0e14\u0e08\u0e33\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e41\u0e25\u0e49\u0e27\u0e01\u0e14 "\u0e2a\u0e23\u0e49\u0e32\u0e07 API Key" \u0e41\u0e25\u0e49\u0e27 \u0e43\u0e2b\u0e49\u0e01\u0e14\u0e1b\u0e38\u0e48\u0e21 "\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d" \u0e02\u0e2d\u0e07 Key \u0e19\u0e31\u0e49\u0e19 ',image:"./assets/media/linebot/step7.png"},{title:"\u0e01\u0e23\u0e2d\u0e01\u0e23\u0e2b\u0e31\u0e2a OTP \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19",description:'\u0e19\u0e33\u0e23\u0e2b\u0e31\u0e2a OTP 6 \u0e2b\u0e25\u0e31\u0e01 \u0e17\u0e35\u0e48 Bot \u0e2a\u0e48\u0e07\u0e21\u0e32\u0e43\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21 Line \u0e21\u0e32\u0e01\u0e23\u0e2d\u0e01\u0e43\u0e19\u0e0a\u0e48\u0e2d\u0e07 "\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19 OTP \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e1a\u0e31\u0e0d\u0e0a\u0e35" \u0e1a\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c \u0e41\u0e25\u0e49\u0e27\u0e01\u0e14 "\u0e22\u0e37\u0e19\u0e22\u0e31\u0e19" \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e1a\u0e31\u0e0d\u0e0a\u0e35',image:"./assets/media/linebot/step9.png"},{title:"\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08",description:'\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e41\u0e2a\u0e14\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21 "\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e41\u0e25\u0e49\u0e27" \u0e41\u0e2a\u0e14\u0e07\u0e27\u0e48\u0e32 API Key \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e1a\u0e01\u0e25\u0e38\u0e48\u0e21 Line \u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27 Bot \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e33\u0e07\u0e32\u0e19\u0e44\u0e14\u0e49\u0e17\u0e31\u0e19\u0e17\u0e35',image:"./assets/media/linebot/step6.png"},{title:"\u0e23\u0e31\u0e1a\u0e1c\u0e25\u0e01\u0e32\u0e23\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e25\u0e34\u0e1b\u0e17\u0e31\u0e19\u0e17\u0e35",description:'Bot \u0e08\u0e30\u0e15\u0e2d\u0e1a\u0e01\u0e25\u0e31\u0e1a\u0e43\u0e19\u0e01\u0e25\u0e38\u0e48\u0e21\u0e17\u0e31\u0e19\u0e17\u0e35\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 "\u0e2a\u0e25\u0e34\u0e1b\u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07" \u0e2b\u0e23\u0e37\u0e2d "\u0e2a\u0e25\u0e34\u0e1b\u0e0b\u0e49\u0e33/\u0e1c\u0e34\u0e14\u0e1e\u0e25\u0e32\u0e14" \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e04\u0e23\u0e1a\u0e16\u0e49\u0e27\u0e19 \u0e44\u0e14\u0e49\u0e41\u0e01\u0e48 \u0e08\u0e33\u0e19\u0e27\u0e19\u0e40\u0e07\u0e34\u0e19, \u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e1c\u0e39\u0e49\u0e42\u0e2d\u0e19-\u0e1c\u0e39\u0e49\u0e23\u0e3

11\u0e1a, \u0e27\u0e31\u0e19\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e23\u0e32\u0e22\u0e01\u0e32\u0e23 \u0e41\u0e25\u0e30\u0e40\u0e25\u0e02\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e2a\u0e25\u0e34\u0e1b\u0e0b\u0e49\u0e33\u0e41\u0e1a\u0e1a Real-time',image:"./assets/media/linebot/step10.png"}];static \u0275fac=function(n){return new(n||i)(e.rXU(d.Bq))};static \u0275cmp=e.VBU({type:i,selectors:[["app-line-oa-guide"]],decls:26,vars:1,consts:[["previewModal",""],[1,"d-flex","align-items-center","mb-8"],[1,"symbol","symbol-50px","me-5"],[1,"symbol-label","bg-light-primary"],[1,"ki-duotone","ki-message-text-2","fs-2x","text-primary"],[1,"path1"],[1,"path2"],[1,"path3"],[1,"fw-bold","text-gray-900","mb-1"],[1,"text-muted","fw-semibold","fs-6"],[1,"guide-timeline"],[4,"ngFor","ngForOf"],[1,"d-flex","gap-5"],[2,"width","52px","flex-shrink","0"],[1,"w-50px","h-50px","rounded-circle","bg-primary","d-flex","align-items-center","justify-content-center","shadow"],[1,"ki-duotone","ki-check","fs-2","text-white"],[1,"d-flex","align-items-center","mb-10"],[1,"bg-light-primary","rounded-3","px-6","py-4"],[1,"text-primary","fw-bold","fs-5"],[1,"d-flex","flex-column","align-items-center",2,"width","52px","flex-shrink","0"],[1,"fw-bold","fs-5","text-white"],["class","guide-connector flex-grow-1",4,"ngIf"],[1,"flex-grow-1","mb-10"],[1,"card","shadow-sm","border-0","overflow-hidden"],[1,"row","g-0","align-items-center"],[1,"col-lg-5","p-8"],[1,"badge","badge-light-primary","fs-8","fw-bold","mb-4","px-3","py-2"],[1,"fw-bold","text-gray-900","fs-4","mb-3"],[1,"text-gray-600","fs-6","lh-lg","mb-0"],["title","\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e14\u0e39\u0e23\u0e39\u0e1b\u0e02\u0e19\u0e32\u0e14\u0e43\u0e2b\u0e0d\u0e48",1,"col-lg-7","bg-light","d-flex","justify-content-center","align-items-center","py-6","cursor-pointer","position-relative","img-hover-zoom",2,"min-height","480px",3,"click"],[1,"skeleton","position-absolute",2,"width","216px","height","440px","border-radius","36px","transition","opacity 0.4s ease","pointer-events","none"],[2,"max-height","480px","width","auto","max-width","100%","transition","opacity 0.4s ease",3,"load","src","alt"],["class","img-zoom-icon position-absolute bottom-0 end-0 m-3",4,"ngIf"],[1,"guide-connector","flex-grow-1"],[1,"img-zoom-icon","position-absolute","bottom-0","end-0","m-3"],[1,"badge","badge-primary","px-2","py-2"],[1,"ki-duotone","ki-eye","fs-4","text-white"],[1,"modal-header","border-0","pb-0"],[1,"modal-title","fw-bold","text-gray-900"],["type","button",1,"btn-close",3,"click"],[1,"modal-body","d-flex","justify-content-center","align-items-center","p-6"],[2,"max-height","80vh","width","auto","max-width","100%",3,"src","alt"]],template:function(n,o){1&n&&(e.j41(0,"div",1)(1,"div",2)(2,"div",3)(3,"i",4),e.nrm(4,"span",5)(5,"span",6)(6,"span",7),e.k0s()()(),e.j41(7,"div")(8,"h1",8),e.EFF(9,"\u0e04\u0e39\u0e48\u0e21\u0e37\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d SlipMate Bot"),e.k0s(),e.j41(10,"span",9),e.EFF(11,"\u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d LINE Bot \u0e01\u0e31\u0e1a\u0e1a\u0e31\u0e0d\u0e0a\u0e35\u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e43\u0e19 8 \u0e02\u0e31\u0e49\u0e19\u0e15\u0e2d\u0e19\u0e07\u0e48\u0e32\u0e22\u0e46"),e.k0s()()(),e.j41(12,"div",10),e.DNE(13,g,21,12,"ng-container",11),e.j41(14,"div",12)(15,"div",13)(16,"div",14)(17,"i",15),e.nrm(18,"span",5)(19,"span",6),e.k0s()()(),e.j41(20,"div",16)(21,"div",17)(22,"span",18),e.EFF(23,"\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19! SlipMate Bot \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e15\u0e48\u0e2d\u0e01\u0e31\u0e1a\u0e01\u0e25\u0e38\u0e48\u0e21 Line \u0e02\u0e2d\u0e07\u0e04\u0e38\u0e13\u0e40\u0e23\u0e35\u0e22\u0e1a\u0e23\u0e49\u0e2d\u0e22\u0e41\u0e25\u0e49\u0e27"),e.k0s()()()()(),e.DNE(24,h,6,3,"ng-template",null,0,e.C5r)),2&n&&(e.R7$(13),e.Y8G("ngForOf",o.steps))},dependencies:[r.Sq,r.bT],styles:[".guide-connector[_ngcontent-%COMP%]{width:2px;background:var(--bs-primary);opacity:.25;margin-top:4px;min-height:2rem}.img-hover-zoom[_ngcontent-%COMP%]{transition:background .2s}.img-hover-zoom[_ngcontent-%COMP%]   .img-zoom-icon[_ngcontent-%COMP%]{opacity:0;transition:opacity .2s}.img-hover-zoom[_ngcontent-%COMP%]:hover{background:var(--bs-gray-200)!important}.img-hover-zoom[_ngcontent-%COMP%]:hover   .img-zoom-icon[_ngcontent-%COMP%]{opacity:1}"]}

1)}return i})(),f=(()=>{class i{static \u0275fac=function(n){return new(n||i)};static \u0275mod=e.$C({type:i});static \u0275inj=e.G2t({imports:[r.MD,d.XZ,m.iI.forChild([{path:"",component:b}])]})}return i})()}}]);