@momo-webplatform/mobase 0.2.98 → 0.2.99
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/cjs/index.cjs +2 -2
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
package/dist/cjs/index.cjs
CHANGED
|
@@ -329,7 +329,7 @@
|
|
|
329
329
|
.animate-caret-blink {
|
|
330
330
|
animation: caret-blink 1.25s ease-out infinite;
|
|
331
331
|
}
|
|
332
|
-
`})]})]})});xs.displayName="InputOTPSlot";var bs=Bo.forwardRef(({...e},o)=>(0,Vt.jsx)("div",{ref:o,role:"separator",...e,children:(0,Vt.jsx)(ad.Minus,{className:"text-gray-400"})}));bs.displayName="InputOTPSeparator";var wo=require("react"),md=require("html-to-image");var la=v(require("react"),1),nd=require("lucide-react"),sd=require("qrcode.react");async function rd(e){return new Promise((o,t)=>{let a=new window.Image;a.crossOrigin="Anonymous",a.onload=function(){let r=document.createElement("canvas");r.width=a.width,r.height=a.height;let n=r.getContext("2d");if(!n){t("Kh\xF4ng l\u1EA5y \u0111\u01B0\u1EE3c context c\u1EE7a canvas");return}n.drawImage(a,0,0);let s=r.toDataURL("image/png");o(s)},a.onerror=function(r){t(r)},a.src=e})}var id=v(require("html-react-parser"),1),H=require("react/jsx-runtime"),Of=()=>{let e=[{text:"Ng\u01B0\u1EDDi d\xF9ng l\u01B0u m\xE3 QR v\u1EC1 m\xE1y (nh\u1EA5n gi\u1EEF \u1EA3nh ho\u1EB7c ch\u1EE5p m\xE0n h\xECnh)."},{text:"M\u1EDF \u1EE9ng d\u1EE5ng Ng\xE2n h\xE0ng ho\u1EB7c V\xED \u0111i\u1EC7n t\u1EED"},{text:'Trong app, ch\u1ECDn ch\u1EE9c n\u0103ng "Qu\xE9t QR" (th\u01B0\u1EDDng l\xE0 bi\u1EC3u t\u01B0\u1EE3ng camera/scan) \u0111\u1EC3 t\u1EA3i \u1EA3nh QR \u0111\xE3 l\u01B0u v\u1EC1'},{text:'"Ch\u1ECDn \u1EA3nh t\u1EEB th\u01B0 vi\u1EC7n" / "T\u1EA3i \u1EA3nh QR" ch\u1ECDn \u1EA3nh QR \u0111\xE3 l\u01B0u v\u1EC1'}];return(0,H.jsx)("ul",{className:"grid grid-cols-1 gap-y-6 -ml-3 list-decimal md:hidden",children:e.map((o,t)=>(0,H.jsxs)("li",{className:"flex relative gap-4 items-center",children:[(0,H.jsx)("div",{className:"flex relative z-20 flex-shrink-0 justify-center items-center w-8 h-8 text-sm font-semibold text-gray-700 bg-gray-100 rounded-full",children:t+1}),(0,H.jsxs)("div",{className:"flex flex-1 gap-2 items-start",children:[(0,H.jsx)("p",{className:"text-sm leading-relaxed text-gray-700",children:(0,id.default)(o.text)}),t<e.length-1&&(0,H.jsx)("div",{className:"absolute left-4 top-8 w-px h-12 bg-gray-400 transform -translate-x-1/2"})]})]},t))})},Vf=({isQrForAll:e,shortTitle:o,className:t})=>(0,H.jsxs)("div",{className:`hidden grid-cols-1 gap-y-6 py-8 text-sm md:grid ${t}`,children:[(0,H.jsxs)("div",{className:"flex flex-nowrap items-start",children:[(0,H.jsx)("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:(0,H.jsx)("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091602-637359309621891617.png",alt:"Step 1"})}),(0,H.jsxs)("div",{className:"flex-1 pl-4",children:[(0,H.jsx)("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 1 :"}),(0,H.jsx)("div",{className:"mt-1 text-gray-500",children:e?"M\u1EDF app MoMo ho\u1EB7c \u1EE9ng d\u1EE5ng ng\xE2n h\xE0ng/v\xED \u0111i\u1EC7n t\u1EED ch\u1EA5p nh\u1EADn m\xE3 v\u1EA1ch t\u1EEB QR \u0110a N\u0103ng":"M\u1EDF \u1EE9ng d\u1EE5ng camera m\u1EB7c \u0111\u1ECBnh ho\u1EB7c \u1EE9ng d\u1EE5ng h\u1ED7 tr\u1EE3 QR code c\u1EE7a b\u1EA1n"})]})]}),(0,H.jsxs)("div",{className:"flex flex-nowrap items-center",children:[(0,H.jsx)("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:(0,H.jsx)("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091443-637359308837905996.png",alt:"Step 2"})}),(0,H.jsxs)("div",{className:"flex-1 pl-4",children:[(0,H.jsx)("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 2 :"}),(0,H.jsx)("div",{className:"mt-1 text-gray-500",children:"Qu\xE9t m\xE3 QR Code theo h\xECnh b\xEAn ph\u1EA3i"})]})]}),(0,H.jsxs)("div",{className:"flex flex-nowrap items-center",children:[(0,H.jsx)("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:(0,H.jsx)("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917090146-637359301062519803.png",alt:"Step 3"})}),(0,H.jsxs)("div",{className:"flex-1 pl-4",children:[(0,H.jsx)("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 3 :"}),(0,H.jsxs)("div",{className:"mt-1 text-gray-500",children:["B\u1EA5m v\xE0o th\xF4ng b\xE1o hi\u1EC3n th\u1ECB \u0111\u1EC3 t\u1EA3i \u1EE9ng d\u1EE5ng ho\u1EB7c ",o||"Truy c\u1EADp ngay"]})]})]})]}),Wf=({isQrForAll:e=!1,shortTitle:o,className:t=""})=>(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(Vf,{isQrForAll:e,shortTitle:o,className:t}),(0,H.jsx)(Of,{})]}),mi=Wf;var io=require("react/jsx-runtime"),$f=({children:e,title:o="H\u01B0\u1EDBng d\u1EABn thanh to\xE1n",isQrForAll:t=!1,shortTitle:a,open:r,onOpenChange:n})=>(0,io.jsxs)(Ue,{open:r,onOpenChange:n,children:[(0,io.jsx)(Wo,{asChild:!0,children:e}),(0,io.jsxs)(Be,{position:"bottom",children:[(0,io.jsx)(No,{children:(0,io.jsx)(Po,{children:o})}),(0,io.jsx)(st,{children:(0,io.jsx)(mi,{isQrForAll:t,shortTitle:a})})]})]}),ci=$f;var x=require("react/jsx-runtime"),Gf=({img:e="",children:o,isQrForAll:t,onQrLoaded:a,dateExpired:r,priceOrder:n})=>(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("div",{className:"
|
|
332
|
+
`})]})]})});xs.displayName="InputOTPSlot";var bs=Bo.forwardRef(({...e},o)=>(0,Vt.jsx)("div",{ref:o,role:"separator",...e,children:(0,Vt.jsx)(ad.Minus,{className:"text-gray-400"})}));bs.displayName="InputOTPSeparator";var wo=require("react"),md=require("html-to-image");var la=v(require("react"),1),nd=require("lucide-react"),sd=require("qrcode.react");async function rd(e){return new Promise((o,t)=>{let a=new window.Image;a.crossOrigin="Anonymous",a.onload=function(){let r=document.createElement("canvas");r.width=a.width,r.height=a.height;let n=r.getContext("2d");if(!n){t("Kh\xF4ng l\u1EA5y \u0111\u01B0\u1EE3c context c\u1EE7a canvas");return}n.drawImage(a,0,0);let s=r.toDataURL("image/png");o(s)},a.onerror=function(r){t(r)},a.src=e})}var id=v(require("html-react-parser"),1),H=require("react/jsx-runtime"),Of=()=>{let e=[{text:"Ng\u01B0\u1EDDi d\xF9ng l\u01B0u m\xE3 QR v\u1EC1 m\xE1y (nh\u1EA5n gi\u1EEF \u1EA3nh ho\u1EB7c ch\u1EE5p m\xE0n h\xECnh)."},{text:"M\u1EDF \u1EE9ng d\u1EE5ng Ng\xE2n h\xE0ng ho\u1EB7c V\xED \u0111i\u1EC7n t\u1EED"},{text:'Trong app, ch\u1ECDn ch\u1EE9c n\u0103ng "Qu\xE9t QR" (th\u01B0\u1EDDng l\xE0 bi\u1EC3u t\u01B0\u1EE3ng camera/scan) \u0111\u1EC3 t\u1EA3i \u1EA3nh QR \u0111\xE3 l\u01B0u v\u1EC1'},{text:'"Ch\u1ECDn \u1EA3nh t\u1EEB th\u01B0 vi\u1EC7n" / "T\u1EA3i \u1EA3nh QR" ch\u1ECDn \u1EA3nh QR \u0111\xE3 l\u01B0u v\u1EC1'}];return(0,H.jsx)("ul",{className:"grid grid-cols-1 gap-y-6 -ml-3 list-decimal md:hidden",children:e.map((o,t)=>(0,H.jsxs)("li",{className:"flex relative gap-4 items-center",children:[(0,H.jsx)("div",{className:"flex relative z-20 flex-shrink-0 justify-center items-center w-8 h-8 text-sm font-semibold text-gray-700 bg-gray-100 rounded-full",children:t+1}),(0,H.jsxs)("div",{className:"flex flex-1 gap-2 items-start",children:[(0,H.jsx)("p",{className:"text-sm leading-relaxed text-gray-700",children:(0,id.default)(o.text)}),t<e.length-1&&(0,H.jsx)("div",{className:"absolute left-4 top-8 w-px h-12 bg-gray-400 transform -translate-x-1/2"})]})]},t))})},Vf=({isQrForAll:e,shortTitle:o,className:t})=>(0,H.jsxs)("div",{className:`hidden grid-cols-1 gap-y-6 py-8 text-sm md:grid ${t}`,children:[(0,H.jsxs)("div",{className:"flex flex-nowrap items-start",children:[(0,H.jsx)("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:(0,H.jsx)("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091602-637359309621891617.png",alt:"Step 1"})}),(0,H.jsxs)("div",{className:"flex-1 pl-4",children:[(0,H.jsx)("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 1 :"}),(0,H.jsx)("div",{className:"mt-1 text-gray-500",children:e?"M\u1EDF app MoMo ho\u1EB7c \u1EE9ng d\u1EE5ng ng\xE2n h\xE0ng/v\xED \u0111i\u1EC7n t\u1EED ch\u1EA5p nh\u1EADn m\xE3 v\u1EA1ch t\u1EEB QR \u0110a N\u0103ng":"M\u1EDF \u1EE9ng d\u1EE5ng camera m\u1EB7c \u0111\u1ECBnh ho\u1EB7c \u1EE9ng d\u1EE5ng h\u1ED7 tr\u1EE3 QR code c\u1EE7a b\u1EA1n"})]})]}),(0,H.jsxs)("div",{className:"flex flex-nowrap items-center",children:[(0,H.jsx)("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:(0,H.jsx)("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091443-637359308837905996.png",alt:"Step 2"})}),(0,H.jsxs)("div",{className:"flex-1 pl-4",children:[(0,H.jsx)("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 2 :"}),(0,H.jsx)("div",{className:"mt-1 text-gray-500",children:"Qu\xE9t m\xE3 QR Code theo h\xECnh b\xEAn ph\u1EA3i"})]})]}),(0,H.jsxs)("div",{className:"flex flex-nowrap items-center",children:[(0,H.jsx)("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:(0,H.jsx)("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917090146-637359301062519803.png",alt:"Step 3"})}),(0,H.jsxs)("div",{className:"flex-1 pl-4",children:[(0,H.jsx)("div",{className:"font-semibold text-gray-800 step",children:"B\u01B0\u1EDBc 3 :"}),(0,H.jsxs)("div",{className:"mt-1 text-gray-500",children:["B\u1EA5m v\xE0o th\xF4ng b\xE1o hi\u1EC3n th\u1ECB \u0111\u1EC3 t\u1EA3i \u1EE9ng d\u1EE5ng ho\u1EB7c ",o||"Truy c\u1EADp ngay"]})]})]})]}),Wf=({isQrForAll:e=!1,shortTitle:o,className:t=""})=>(0,H.jsxs)(H.Fragment,{children:[(0,H.jsx)(Vf,{isQrForAll:e,shortTitle:o,className:t}),(0,H.jsx)(Of,{})]}),mi=Wf;var io=require("react/jsx-runtime"),$f=({children:e,title:o="H\u01B0\u1EDBng d\u1EABn thanh to\xE1n",isQrForAll:t=!1,shortTitle:a,open:r,onOpenChange:n})=>(0,io.jsxs)(Ue,{open:r,onOpenChange:n,children:[(0,io.jsx)(Wo,{asChild:!0,children:e}),(0,io.jsxs)(Be,{position:"bottom",children:[(0,io.jsx)(No,{children:(0,io.jsx)(Po,{children:o})}),(0,io.jsx)(st,{children:(0,io.jsx)(mi,{isQrForAll:t,shortTitle:a})})]})]}),ci=$f;var x=require("react/jsx-runtime"),Gf=({img:e="",children:o,isQrForAll:t,onQrLoaded:a,dateExpired:r,priceOrder:n})=>(0,x.jsxs)(x.Fragment,{children:[(0,x.jsxs)("div",{className:"relative select-none qrcode__scan__container",children:[(0,x.jsxs)("div",{className:"flex justify-center items-center space-x-2 w-full md:hidden",children:[(0,x.jsx)("img",{src:"https://homepage.momocdn.net/pwa/images/logoMomox50.png",width:28,height:28,alt:"QR all",className:"select-none shrink-0"}),(0,x.jsx)("div",{className:"h-[14px] w-[2px] shrink-0 select-none bg-gray-200"}),(0,x.jsx)("img",{src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250711102030-638878260300337990.png",width:56,height:25,alt:"QR all",className:"select-none shrink-0"})]}),(0,x.jsxs)("div",{className:"select-none qrcode__scan",children:[(0,x.jsx)("div",{className:"invisible opacity-0 select-none qrcode__gradient md:visible md:opacity-100",children:(0,x.jsx)("img",{alt:"step 1",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png"})}),(0,x.jsx)("div",{className:"invisible opacity-0 select-none qrcode__border md:visible md:opacity-100",children:(0,x.jsx)("img",{alt:"step 2",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg"})}),(0,x.jsx)("div",{className:"p-4 select-none qrcode__image",children:e?(0,x.jsx)("img",{alt:"step 3",className:"mx-auto img-fluid d-block",src:e,loading:"lazy",onLoad:a}):la.default.Children.map(o,s=>(la.default.isValidElement(s),s))})]}),n&&(0,x.jsxs)("div",{className:"text-sm text-gray-900 md:hidden",children:[(0,x.jsx)("div",{className:"",children:"Th\xF4ng tin thanh to\xE1n"}),(0,x.jsx)("div",{className:"text-base font-bold text-gray-900",children:n})]})]}),r&&(0,x.jsxs)("div",{className:i("mt-3 text-sm text-gray-900 md:hidden"),children:[(0,x.jsx)("span",{children:"M\xE3 h\u1EBFt h\u1EA1n v\xE0o: "}),(0,x.jsx)("span",{className:"font-semibold",children:r})]}),(0,x.jsx)("div",{className:"hidden mt-4 text-sm font-semibold text-gray-900 md:block",children:t?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("img",{src:"https://homepage.momocdn.net/img/frame-1-1-251120093929.png",width:220,height:28,className:"mx-auto",alt:"QR all"}),(0,x.jsx)("div",{className:"mt-3",children:"Nh\u1EADn ti\u1EC1n t\u1EEB m\u1ECDi V\xED \u0110i\u1EC7n T\u1EED v\xE0 Ng\xE2n H\xE0ng"})]}):(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:"inline mr-1 w-6 h-6",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",children:(0,x.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v1m6 11h2m-6 0h-2v4m0-11v3m0 0h.01M12 12h4.01M16 20h4M4 12h4m12 0h.01M5 8h2a1 1 0 001-1V5a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1zm12 0h2a1 1 0 001-1V5a1 1 0 00-1-1h-2a1 1 0 00-1 1v2a1 1 0 001 1zM5 20h2a1 1 0 001-1v-2a1 1 0 00-1-1H5a1 1 0 00-1 1v2a1 1 0 001 1z"})}),"S\u1EED d\u1EE5ng App MoMo ho\u1EB7c",(0,x.jsx)("br",{}),"\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\xE9t m\xE3."]})})]}),jf=({img:e="",children:o,isQrForAll:t,onQrLoaded:a,dateExpired:r,priceOrder:n,className:s=""})=>(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)("div",{className:i(s),children:(0,x.jsx)(Gf,{dateExpired:r,priceOrder:n,img:e,isQrForAll:t,onQrLoaded:a,children:o})}),(0,x.jsx)("style",{children:`
|
|
333
333
|
.qrcode__scan__container {
|
|
334
334
|
padding: 15px;
|
|
335
335
|
background-color: white;
|
|
@@ -397,7 +397,7 @@
|
|
|
397
397
|
transform: translate3d(0, 30%, 0);
|
|
398
398
|
}
|
|
399
399
|
}
|
|
400
|
-
`})]}),Qf=({isQrForAll:e,qrImage:o,qrLink:t,logoQr:a="https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",expired:r,loading:n,onQrLoaded:s,qrImageBase64:l,qrCodeRef:c,dateExpired:d,priceOrder:p,titleOrder:f})=>{let[u,b]=la.default.useState(void 0);return la.default.useEffect(()=>{a?rd(a).then(b).catch(()=>b(void 0)):b(void 0)},[a]),la.default.useEffect(()=>{t&&u&&typeof s=="function"&&!o&&s()},[t,u,s,o]),(0,x.jsxs)("div",{className:"relative z-[1]",children:[(0,x.jsxs)("div",{className:"relative z-[1] bg-pink-50 bg-repeat-y px-5 py-6 text-center",style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-250714113823-638880899039487085.png) ",backgroundPosition:"right bottom",backgroundSize:"auto 30px"},ref:c,children:[(0,x.jsx)("img",{className:"
|
|
400
|
+
`})]}),Qf=({isQrForAll:e,qrImage:o,qrLink:t,logoQr:a="https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",expired:r,loading:n,onQrLoaded:s,qrImageBase64:l,qrCodeRef:c,dateExpired:d,priceOrder:p,titleOrder:f})=>{let[u,b]=la.default.useState(void 0);return la.default.useEffect(()=>{a?rd(a).then(b).catch(()=>b(void 0)):b(void 0)},[a]),la.default.useEffect(()=>{t&&u&&typeof s=="function"&&!o&&s()},[t,u,s,o]),(0,x.jsxs)("div",{className:"relative z-[1]",children:[(0,x.jsxs)("div",{className:"relative z-[1] bg-pink-50 bg-repeat-y px-5 py-6 text-center",style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-250714113823-638880899039487085.png) ",backgroundPosition:"right bottom",backgroundSize:"auto 30px"},ref:c,children:[(0,x.jsx)("img",{className:"hidden absolute right-6 top-14 pointer-events-none select-none md:flex",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250821154232-638913877527374430.png",alt:"pattern-qr"}),(0,x.jsx)("div",{className:i("mb-2 hidden text-base font-bold text-gray-900 md:block",l&&"opacity-0 md:opacity-100"),children:f||"Qu\xE9t QR \u0111\u1EC3 thanh to\xE1n"}),l&&(0,x.jsx)("div",{className:"overflow-hidden absolute top-0 right-0 left-0 visible z-20 w-full h-full opacity-100 cursor-pointer md:hidden md:select-none",children:(0,x.jsx)("img",{src:l,alt:"QR Code",className:"absolute top-1/2 left-1/2 max-w-none max-h-full -translate-x-1/2 -translate-y-1/2"})}),(0,x.jsxs)(jf,{img:o,isQrForAll:e,onQrLoaded:s,dateExpired:d,priceOrder:p,children:[t&&u&&!o&&(0,x.jsx)(sd.QRCodeSVG,{value:t,size:215,imageSettings:{src:`${u}`,height:40,width:40,excavate:!0},level:"H"}),r&&(0,x.jsx)("div",{className:"flex absolute inset-0 z-10 flex-col justify-center items-center size-full bg-white/90",children:(0,x.jsx)("span",{className:"text-lg font-bold text-pink-600",children:"QR Code \u0111\xE3 h\u1EBFt h\u1EA1n"})}),n&&(0,x.jsx)("div",{className:"flex absolute inset-0 z-10 flex-col justify-center items-center size-full bg-white/90",children:(0,x.jsx)(zr,{size:"lg"})})]})]}),(0,x.jsxs)("div",{className:"relative z-10 px-5 pb-5 text-center bg-pink-50 bg-repeat-y select-none qrcode__guide",style:{backgroundImage:"url(https://homepage.momocdn.net/img/momo-amazone-s3-api-250714113823-638880899039487085.png) ",backgroundPosition:"right top",backgroundSize:"auto 30px"},children:[(0,x.jsxs)("div",{className:i("qrcode__guide absolute -top-24 right-20 z-50 cursor-pointer select-none md:opacity-0",l&&"opacity-100 md:opacity-0"),children:[(0,x.jsxs)("div",{className:"rounded-full ripple size-5",children:[(0,x.jsx)("div",{className:"ripple-1"}),(0,x.jsx)("div",{className:"ripple-2"})]}),(0,x.jsx)("img",{className:"object-contain relative z-10 -mt-1 drop-shadow-lg select-none qrcode__hand size-7",src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250714154408-638881046482607959.png",alt:"Momo Hand Icon"})]}),(0,x.jsx)("div",{className:"mb-2 text-sm font-semibold text-pink-600 md:hidden",children:"Nh\u1EA5n gi\u1EEF QR \u0111\u1EC3 l\u01B0u"}),(0,x.jsx)(ci,{isQrForAll:!0,shortTitle:"Thanh to\xE1n ngay",title:"H\u01B0\u1EDBng d\u1EABn thanh to\xE1n QR",children:(0,x.jsxs)("div",{className:"flex justify-center items-center space-x-1 text-sm font-semibold text-center text-pink-600 cursor-pointer",children:[(0,x.jsx)("div",{children:"H\u01B0\u1EDBng d\u1EABn thanh to\xE1n"})," ",(0,x.jsx)(nd.LucideMessageCircleQuestion,{className:"size-4"})," "]})}),(0,x.jsx)("style",{children:`
|
|
401
401
|
.ripple {
|
|
402
402
|
box-sizing: border-box;
|
|
403
403
|
position: relative;
|