@momo-webplatform/mobase 0.2.86 → 0.2.87
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 -3
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +2 -3
- package/dist/esm/index.js.map +1 -1
- package/package.json +3 -3
package/dist/esm/index.js
CHANGED
|
@@ -304,12 +304,11 @@ import*as Io from"react";import{ChevronDownIcon as Sm}from"@heroicons/react/20/s
|
|
|
304
304
|
.animate-caret-blink {
|
|
305
305
|
animation: caret-blink 1.25s ease-out infinite;
|
|
306
306
|
}
|
|
307
|
-
`})]})]})});tm.displayName="InputOTPSlot";var om=no.forwardRef(({...e},o)=>So("div",{ref:o,role:"separator",...e,children:So(c0,{className:"text-gray-400"})}));om.displayName="InputOTPSeparator";import{useEffect as nm,useRef as h0,useState as sm}from"react";import{toPng as b0}from"html-to-image";import ca from"react";import{LucideMessageCircleQuestion as f0}from"lucide-react";import{QRCodeSVG as g0}from"qrcode.react";async function am(e){return new Promise((o,t)=>{let a=new window.Image;a.crossOrigin="Anonymous",a.onload=function(){let i=document.createElement("canvas");i.width=a.width,i.height=a.height;let n=i.getContext("2d");if(!n){t("Kh\xF4ng l\u1EA5y \u0111\u01B0\u1EE3c context c\u1EE7a canvas");return}n.drawImage(a,0,0);let s=i.toDataURL("image/png");o(s)},a.onerror=function(i){t(i)},a.src=e})}import{jsx as Qe,jsxs as Ot}from"react/jsx-runtime";var d0=({isQrForAll:e=!1,shortTitle:o,className:t=""})=>Ot("div",{className:`grid grid-cols-1 gap-y-6 py-8 text-sm ${t}`,children:[Ot("div",{className:"flex flex-nowrap items-center",children:[Qe("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:Qe("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091602-637359309621891617.png",alt:"Step 1"})}),Ot("div",{className:"flex-1 pl-4",children:[Qe("div",{className:"step font-semibold text-gray-800",children:"B\u01B0\u1EDBc 1 :"}),Qe("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"})]})]}),Ot("div",{className:"flex flex-nowrap items-center",children:[Qe("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:Qe("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091443-637359308837905996.png",alt:"Step 2"})}),Ot("div",{className:"flex-1 pl-4",children:[Qe("div",{className:"step font-semibold text-gray-800",children:"B\u01B0\u1EDBc 2 :"}),Qe("div",{className:"mt-1 text-gray-500",children:"Qu\xE9t m\xE3 QR Code theo h\xECnh b\xEAn ph\u1EA3i"})]})]}),Ot("div",{className:"flex flex-nowrap items-center",children:[Qe("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:Qe("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917090146-637359301062519803.png",alt:"Step 3"})}),Ot("div",{className:"flex-1 pl-4",children:[Qe("div",{className:"step font-semibold text-gray-800",children:"B\u01B0\u1EDBc 3 :"}),Ot("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"]})]})]})]}),gr=d0;import{jsx as ma,jsxs as im}from"react/jsx-runtime";var p0=({children:e,title:o="H\u01B0\u1EDBng d\u1EABn thanh to\xE1n",isQrForAll:t=!1,shortTitle:a,open:i,onOpenChange:n})=>im(_e,{open:i,onOpenChange:n,children:[ma(Lo,{asChild:!0,children:e}),im(Ie,{position:"bottom",children:[ma(co,{children:ma(po,{children:o})}),ma(qe,{children:ma(gr,{isQrForAll:t,shortTitle:a})})]})]}),ur=p0;import{Fragment as ti,jsx as P,jsxs as me}from"react/jsx-runtime";var u0=({img:e="",children:o,isQrForAll:t,onQrLoaded:a,dateExpired:i,priceOrder:n})=>me(ti,{children:[me("div",{className:"qrcode__scan__container relative h-auto select-none md:h-[280px]",children:[me("div",{className:"flex
|
|
307
|
+
`})]})]})});tm.displayName="InputOTPSlot";var om=no.forwardRef(({...e},o)=>So("div",{ref:o,role:"separator",...e,children:So(c0,{className:"text-gray-400"})}));om.displayName="InputOTPSeparator";import{useEffect as nm,useRef as h0,useState as sm}from"react";import{toPng as b0}from"html-to-image";import ca from"react";import{LucideMessageCircleQuestion as f0}from"lucide-react";import{QRCodeSVG as g0}from"qrcode.react";async function am(e){return new Promise((o,t)=>{let a=new window.Image;a.crossOrigin="Anonymous",a.onload=function(){let i=document.createElement("canvas");i.width=a.width,i.height=a.height;let n=i.getContext("2d");if(!n){t("Kh\xF4ng l\u1EA5y \u0111\u01B0\u1EE3c context c\u1EE7a canvas");return}n.drawImage(a,0,0);let s=i.toDataURL("image/png");o(s)},a.onerror=function(i){t(i)},a.src=e})}import{jsx as Qe,jsxs as Ot}from"react/jsx-runtime";var d0=({isQrForAll:e=!1,shortTitle:o,className:t=""})=>Ot("div",{className:`grid grid-cols-1 gap-y-6 py-8 text-sm ${t}`,children:[Ot("div",{className:"flex flex-nowrap items-center",children:[Qe("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:Qe("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091602-637359309621891617.png",alt:"Step 1"})}),Ot("div",{className:"flex-1 pl-4",children:[Qe("div",{className:"step font-semibold text-gray-800",children:"B\u01B0\u1EDBc 1 :"}),Qe("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"})]})]}),Ot("div",{className:"flex flex-nowrap items-center",children:[Qe("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:Qe("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917091443-637359308837905996.png",alt:"Step 2"})}),Ot("div",{className:"flex-1 pl-4",children:[Qe("div",{className:"step font-semibold text-gray-800",children:"B\u01B0\u1EDBc 2 :"}),Qe("div",{className:"mt-1 text-gray-500",children:"Qu\xE9t m\xE3 QR Code theo h\xECnh b\xEAn ph\u1EA3i"})]})]}),Ot("div",{className:"flex flex-nowrap items-center",children:[Qe("div",{className:"relative aspect-[2/3] flex-none overflow-hidden",children:Qe("img",{className:"w-20",loading:"lazy",src:"https://homepage.momocdn.net/images/s/momo-upload-api-200917090146-637359301062519803.png",alt:"Step 3"})}),Ot("div",{className:"flex-1 pl-4",children:[Qe("div",{className:"step font-semibold text-gray-800",children:"B\u01B0\u1EDBc 3 :"}),Ot("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"]})]})]})]}),gr=d0;import{jsx as ma,jsxs as im}from"react/jsx-runtime";var p0=({children:e,title:o="H\u01B0\u1EDBng d\u1EABn thanh to\xE1n",isQrForAll:t=!1,shortTitle:a,open:i,onOpenChange:n})=>im(_e,{open:i,onOpenChange:n,children:[ma(Lo,{asChild:!0,children:e}),im(Ie,{position:"bottom",children:[ma(co,{children:ma(po,{children:o})}),ma(qe,{children:ma(gr,{isQrForAll:t,shortTitle:a})})]})]}),ur=p0;import{Fragment as ti,jsx as P,jsxs as me}from"react/jsx-runtime";var u0=({img:e="",children:o,isQrForAll:t,onQrLoaded:a,dateExpired:i,priceOrder:n})=>me(ti,{children:[me("div",{className:"qrcode__scan__container relative h-auto select-none md:h-[280px]",children:[me("div",{className:"flex justify-center items-center space-x-2 w-full md:hidden",children:[P("img",{src:"https://homepage.momocdn.net/pwa/images/logoMomox50.png",width:28,height:28,alt:"QR all",className:"select-none shrink-0"}),P("div",{className:"h-[14px] w-[2px] shrink-0 select-none bg-gray-200"}),P("img",{src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250711102030-638878260300337990.png",width:56,height:56,alt:"QR all",className:"select-none shrink-0"})]}),me("div",{className:"qrcode__scan",children:[P("div",{className:"invisible opacity-0 select-none qrcode__gradient md:visible md:opacity-100",children:P("img",{alt:"step 1",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/qrcode-gradient.png"})}),P("div",{className:"invisible opacity-0 select-none qrcode__border md:visible md:opacity-100",children:P("img",{alt:"step 2",className:"img-fluid",src:"https://homepage.momocdn.net/jk/momo2020/img/qrcode/border-qrcode.svg"})}),P("div",{className:"p-4 select-none qrcode__image",children:e?P("img",{alt:"step 3",className:"mx-auto img-fluid d-block",src:e,loading:"lazy",onLoad:a}):ca.Children.map(o,s=>(ca.isValidElement(s),s))})]}),n&&me("div",{className:"text-sm text-gray-900 md:hidden",children:[P("div",{className:"",children:"Th\xF4ng tin thanh to\xE1n"}),P("div",{className:"text-base font-bold text-gray-900",children:n})]})]}),i&&me("div",{className:r("mt-3 text-sm text-gray-900 md:hidden"),children:[P("span",{children:"M\xE3 h\u1EBFt h\u1EA1n v\xE0o: "}),P("span",{className:"font-semibold",children:i})]}),P("div",{className:"hidden mt-4 text-sm font-semibold text-gray-900 md:block",children:t?me(ti,{children:[P("img",{src:"https://homepage.momocdn.net/img/momo-amazone-s3-api-250710143736-638877550567721225.png",width:220,height:28,className:"mx-auto",alt:"QR all"}),P("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"})]}):me(ti,{children:[P("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:P("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",P("br",{}),"\u1EE9ng d\u1EE5ng Camera h\u1ED7 tr\u1EE3 QR code \u0111\u1EC3 qu\xE9t m\xE3."]})})]}),v0=({img:e="",children:o,isQrForAll:t,onQrLoaded:a,qrImageBase64:i,dateExpired:n,priceOrder:s})=>me(ti,{children:[P("div",{className:r(i&&"opacity-0 md:opacity-100"),children:P(u0,{dateExpired:n,priceOrder:s,img:e,isQrForAll:t,onQrLoaded:a,children:o})}),P("style",{children:`
|
|
308
308
|
.qrcode__scan__container {
|
|
309
309
|
padding: 15px;
|
|
310
310
|
background-color: white;
|
|
311
311
|
width: 280px;
|
|
312
|
-
height: 280px;
|
|
313
312
|
border-radius: 20px;
|
|
314
313
|
border-radius: 15px;
|
|
315
314
|
margin: 0 auto;
|
|
@@ -373,7 +372,7 @@ import*as Io from"react";import{ChevronDownIcon as Sm}from"@heroicons/react/20/s
|
|
|
373
372
|
transform: translate3d(0, 30%, 0);
|
|
374
373
|
}
|
|
375
374
|
}
|
|
376
|
-
`})]}),x0=({isQrForAll:e,qrImage:o,qrLink:t,logoQr:a="https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",expired:i,loading:n,onQrLoaded:s,qrImageBase64:l,qrCodeRef:m,dateExpired:c,priceOrder:d,titleOrder:p})=>{let[g,v]=ca.useState(void 0);return ca.useEffect(()=>{a?am(a).then(v).catch(()=>v(void 0)):v(void 0)},[a]),ca.useEffect(()=>{t&&g&&typeof s=="function"&&!o&&s()},[t,g,s,o]),me("div",{className:"relative z-[1] rounded-lg",children:[me("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:m,children:[P("h2",{className:r(" mb-2 hidden select-all text-base font-bold text-gray-900 md:block",l&&"opacity-0 md:opacity-100"),children:p||"Qu\xE9t QR \u0111\u1EC3 thanh to\xE1n"}),l&&P("div",{className:"
|
|
375
|
+
`})]}),x0=({isQrForAll:e,qrImage:o,qrLink:t,logoQr:a="https://homepage.momocdn.net/img/momo-upload-api-231211171009-638379114093056419.png",expired:i,loading:n,onQrLoaded:s,qrImageBase64:l,qrCodeRef:m,dateExpired:c,priceOrder:d,titleOrder:p})=>{let[g,v]=ca.useState(void 0);return ca.useEffect(()=>{a?am(a).then(v).catch(()=>v(void 0)):v(void 0)},[a]),ca.useEffect(()=>{t&&g&&typeof s=="function"&&!o&&s()},[t,g,s,o]),me("div",{className:"relative z-[1] rounded-lg",children:[me("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:m,children:[P("h2",{className:r(" mb-2 hidden select-all text-base font-bold text-gray-900 md:block",l&&"opacity-0 md:opacity-100"),children:p||"Qu\xE9t QR \u0111\u1EC3 thanh to\xE1n"}),l&&P("div",{className:"absolute top-0 right-0 left-0 visible z-20 opacity-100 cursor-pointer md:select-none md:opacity-0",children:P("img",{src:l,alt:"QR Code"})}),P("div",{className:"flex relative flex-col items-center select-none",children:me(v0,{qrImageBase64:l,img:o,isQrForAll:e,onQrLoaded:s,dateExpired:c,priceOrder:d,children:[t&&g&&!o&&P(g0,{value:t,size:215,imageSettings:{src:`${g}`,height:40,width:40,excavate:!0},level:"H"}),i&&P("div",{className:"flex absolute inset-0 z-10 flex-col justify-center items-center size-full bg-white/90",children:P("span",{className:"text-lg font-bold text-pink-600",children:"QR Code \u0111\xE3 h\u1EBFt h\u1EA1n"})}),n&&P("div",{className:"flex absolute inset-0 z-10 flex-col justify-center items-center size-full bg-white/90",children:P($i,{size:"lg"})})]})})]}),me("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:[me("div",{className:r("qrcode__guide absolute -top-24 right-20 z-50 cursor-pointer select-none md:opacity-0",l&&"opacity-100 md:opacity-0"),children:[me("div",{className:"rounded-full ripple size-5",children:[P("div",{className:"ripple-1"}),P("div",{className:"ripple-2"})]}),P("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"})]}),P("div",{className:"mb-2 text-sm font-semibold text-pink-600 md:hidden",children:"Nh\u1EA5n gi\u1EEF QR \u0111\u1EC3 l\u01B0u"}),P(ur,{isQrForAll:!0,shortTitle:"Thanh to\xE1n ngay",title:"H\u01B0\u1EDBng d\u1EABn thanh to\xE1n QR",children:me("div",{className:"flex justify-center items-center space-x-1 text-sm font-semibold text-center text-pink-600 cursor-pointer",children:[P("div",{children:"H\u01B0\u1EDBng d\u1EABn thanh to\xE1n"})," ",P(f0,{className:"size-4"})," "]})}),P("style",{children:`
|
|
377
376
|
.ripple {
|
|
378
377
|
box-sizing: border-box;
|
|
379
378
|
position: relative;
|