@scbt-ecom/ui 0.138.1 → 0.138.3
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/lib/widgets/authProvider/AuthProvider.js +1 -1
- package/dist/lib/widgets/authProvider/AuthProvider.js.map +1 -1
- package/dist/lib/widgets/authProvider/ui/ui/AuthWrapper.js +1 -1
- package/dist/lib/widgets/authProvider/ui/ui/AuthWrapper.js.map +1 -1
- package/dist/stats.html +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as a,jsx as r}from"react/jsx-runtime";import*as
|
|
1
|
+
import{jsxs as a,jsx as r}from"react/jsx-runtime";import*as s from"react";import{AUTH_PROVIDER_MODE as l}from"./model/helpers.js";import{MobileId as c}from"./ui/MobileId.js";import{Esia as u}from"./ui/Esia.js";import{cn as t}from"../../shared/utils/cn.js";import"../../shared/ui/button/Button.js";import"../../shared/ui/buttonIcon/ButtonIcon.js";import{Badge as g}from"../../shared/ui/badge/Badge.js";import"../../shared/ui/calendar/Calendar.js";import"../../shared/ui/calendar/model/utils.js";import"../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../shared/ui/modal/ui/IframeModalContent.js";import"../../../node_modules/react-hot-toast/dist/index.js";import"../../shared/ui/table/ui/primitives/Primitives.js";import"../../shared/ui/carousel/ui/CarouselContent.js";import"../../shared/ui/slot/Slot.js";import"../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../src/configs/api.js";import"../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const Z=i=>{switch(i.mode){case l.ESIA:return r(u,{...i});case l.MOBILE_ID:return r(c,{...i});case l.COMBINE:default:const{esiaConfig:d,mobileIdConfig:n,subtitle:m,badge:p,classes:o}=i,f=!m&&!p?s.Fragment:"div",e="p-0 outline-0 h-[74px]";return a("div",{className:t("flex w-full flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4",o==null?void 0:o.root),children:[a(f,{className:t("flex w-full items-center justify-between gap-2",o==null?void 0:o.topContent),children:[m&&r("h5",{className:t("desk-body-regular-l flex flex-1 text-color-dark",o==null?void 0:o.subtitle),children:m}),p&&r(g,{className:t("bg-color-positive",o==null?void 0:o.badge),children:p})]}),a("div",{className:t("grid w-full grid-cols-2 gap-2 desktop:gap-4",o==null?void 0:o.authWrapper),children:[r(u,{...d,classes:{authWrapper:{root:e},root:e,arrowIcon:"hidden",...d.classes}}),r(c,{...n,classes:{root:e,authWrapper:{root:e},arrowIcon:"hidden",...n.classes}})]})]})}};export{Z as AuthProvider};
|
|
2
2
|
//# sourceMappingURL=AuthProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthProvider.js","sources":["../../../../lib/widgets/authProvider/AuthProvider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { AUTH_PROVIDER_MODE, type AuthVariant } from './model'\nimport { Esia, MobileId } from './ui'\nimport { Badge } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const AuthProvider = (props: AuthVariant) => {\n switch (props.mode) {\n // Esia\n case AUTH_PROVIDER_MODE.ESIA:\n return <Esia {...props} />\n // MobileId\n case AUTH_PROVIDER_MODE.MOBILE_ID:\n return <MobileId {...props} />\n // MobileId & Esia\n case AUTH_PROVIDER_MODE.COMBINE:\n default:\n const { esiaConfig, mobileIdConfig, subtitle, badge, classes } = props\n const HeadWrapper = !subtitle && !badge ? React.Fragment : 'div'\n const rootStyles = 'p-0 outline-0 h-[74px]'\n\n return (\n <div\n className={cn(\n 'flex w-
|
|
1
|
+
{"version":3,"file":"AuthProvider.js","sources":["../../../../lib/widgets/authProvider/AuthProvider.tsx"],"sourcesContent":["import * as React from 'react'\nimport { AUTH_PROVIDER_MODE, type AuthVariant } from './model'\nimport { Esia, MobileId } from './ui'\nimport { Badge } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport const AuthProvider = (props: AuthVariant) => {\n switch (props.mode) {\n // Esia\n case AUTH_PROVIDER_MODE.ESIA:\n return <Esia {...props} />\n // MobileId\n case AUTH_PROVIDER_MODE.MOBILE_ID:\n return <MobileId {...props} />\n // MobileId & Esia\n case AUTH_PROVIDER_MODE.COMBINE:\n default:\n const { esiaConfig, mobileIdConfig, subtitle, badge, classes } = props\n const HeadWrapper = !subtitle && !badge ? React.Fragment : 'div'\n const rootStyles = 'p-0 outline-0 h-[74px]'\n\n return (\n <div\n className={cn(\n 'flex w-full flex-col items-center justify-center gap-2 rounded-sm bg-color-white px-2 py-4 outline outline-1 outline-warm-grey-200 desktop:w-[524px] desktop:p-4',\n classes?.root\n )}\n >\n <HeadWrapper className={cn('flex w-full items-center justify-between gap-2', classes?.topContent)}>\n {subtitle && <h5 className={cn('desk-body-regular-l flex flex-1 text-color-dark', classes?.subtitle)}>{subtitle}</h5>}\n {badge && <Badge className={cn('bg-color-positive', classes?.badge)}>{badge}</Badge>}\n </HeadWrapper>\n <div className={cn('grid w-full grid-cols-2 gap-2 desktop:gap-4', classes?.authWrapper)}>\n <Esia\n {...esiaConfig}\n classes={{\n authWrapper: {\n root: rootStyles\n },\n root: rootStyles,\n arrowIcon: 'hidden',\n ...esiaConfig.classes\n }}\n />\n <MobileId\n {...mobileIdConfig}\n classes={{\n root: rootStyles,\n authWrapper: {\n root: rootStyles\n },\n arrowIcon: 'hidden',\n ...mobileIdConfig.classes\n }}\n />\n </div>\n </div>\n )\n }\n}\n"],"names":["AuthProvider","props","AUTH_PROVIDER_MODE","jsx","Esia","MobileId","esiaConfig","mobileIdConfig","subtitle","badge","classes","HeadWrapper","React","rootStyles","jsxs","cn","Badge"],"mappings":"6jEAMO,MAAMA,EAAgBC,GAAuB,CAClD,OAAQA,EAAM,KAAA,CAEZ,KAAKC,EAAmB,KACtB,OAAOC,EAACC,EAAA,CAAM,GAAGH,CAAA,CAAO,EAE1B,KAAKC,EAAmB,UACtB,OAAOC,EAACE,EAAA,CAAU,GAAGJ,CAAA,CAAO,EAE9B,KAAKC,EAAmB,QACxB,QACE,KAAM,CAAE,WAAAI,EAAY,eAAAC,EAAgB,SAAAC,EAAU,MAAAC,EAAO,QAAAC,GAAYT,EAC3DU,EAAc,CAACH,GAAY,CAACC,EAAQG,EAAM,SAAW,MACrDC,EAAa,yBAEnB,OACEC,EAAC,MAAA,CACC,UAAWC,EACT,mKACAL,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAA,CAAAI,EAACH,GAAY,UAAWI,EAAG,iDAAkDL,GAAA,YAAAA,EAAS,UAAU,EAC7F,SAAA,CAAAF,GAAYL,EAAC,MAAG,UAAWY,EAAG,kDAAmDL,GAAA,YAAAA,EAAS,QAAQ,EAAI,SAAAF,CAAA,CAAS,EAC/GC,KAAUO,EAAA,CAAM,UAAWD,EAAG,oBAAqBL,GAAA,YAAAA,EAAS,KAAK,EAAI,SAAAD,CAAA,CAAM,CAAA,EAC9E,IACC,MAAA,CAAI,UAAWM,EAAG,8CAA+CL,GAAA,YAAAA,EAAS,WAAW,EACpF,SAAA,CAAAP,EAACC,EAAA,CACE,GAAGE,EACJ,QAAS,CACP,YAAa,CACX,KAAMO,CAAA,EAER,KAAMA,EACN,UAAW,SACX,GAAGP,EAAW,OAAA,CAChB,CAAA,EAEFH,EAACE,EAAA,CACE,GAAGE,EACJ,QAAS,CACP,KAAMM,EACN,YAAa,CACX,KAAMA,CAAA,EAER,UAAW,SACX,GAAGN,EAAe,OAAA,CACpB,CAAA,CACF,CAAA,CACF,CAAA,CAAA,CAAA,CACF,CAGR"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o}from"react/jsx-runtime";import{cn as i}from"../../../../shared/utils/cn.js";import"react";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import{Loader as n}from"../../../../shared/ui/loader/Loader.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../src/configs/api.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const P=({children:p,isLoading:t,classes:r,loaderProps:m,...e})=>o("div",{...e,role:"button",tabIndex:0,className:i("relative flex h-[90px] w-full
|
|
1
|
+
import{jsx as o}from"react/jsx-runtime";import{cn as i}from"../../../../shared/utils/cn.js";import"react";import"../../../../shared/ui/button/Button.js";import"../../../../shared/ui/buttonIcon/ButtonIcon.js";import{Loader as n}from"../../../../shared/ui/loader/Loader.js";import"../../../../shared/ui/calendar/Calendar.js";import"../../../../shared/ui/calendar/model/utils.js";import"../../../../shared/ui/accordion/Accordion.js";import"react-hook-form";import"react-dom";import"../../../../shared/ui/modal/ui/IframeModalContent.js";import"../../../../../node_modules/react-hot-toast/dist/index.js";import"../../../../shared/ui/table/ui/primitives/Primitives.js";import"../../../../shared/ui/carousel/ui/CarouselContent.js";import"../../../../shared/ui/slot/Slot.js";import"../../../../shared/ui/formElements/uncontrolled/autocomplete/Autocomplete.js";import"../../../../shared/ui/formElements/uncontrolled/checkbox/Checkbox.js";import"../../../../shared/ui/formElements/uncontrolled/combobox/combobox.js";import"../../../../shared/ui/formElements/uncontrolled/dayPicker/DayPicker.js";import"../../../../shared/ui/formElements/uncontrolled/input/Input.js";import"../../../../shared/ui/formElements/uncontrolled/inputOtp/InputOtpBase.js";import"../../../../shared/ui/formElements/uncontrolled/maskInput/MaskInput.js";import"../../../../shared/ui/formElements/uncontrolled/radio/RadioGroup.js";import"../../../../shared/ui/formElements/uncontrolled/radio/ui/RadioItem.js";import"../../../../shared/ui/formElements/uncontrolled/slider/SliderBase.js";import"../../../../shared/ui/formElements/uncontrolled/switch/Switch.js";import"../../../../shared/ui/formElements/uncontrolled/textarea/Textarea.js";import"../../../../shared/ui/formElements/uncontrolled/uploader/UploaderBase.js";import"../../../../shared/ui/formElements/uncontrolled/inputCurrency/InputCurrency.js";import"../../../../../src/configs/api.js";import"../../../../shared/ui/formElements/controlled/editor/ui/Editor.js";import"../../../../shared/ui/formElements/controlled/input/MaskInputControl.js";import"../../../../shared/ui/dropdownList/ui/dropdownItem/DropdownItem.js";const P=({children:p,isLoading:t,classes:r,loaderProps:m,...e})=>o("div",{...e,role:"button",tabIndex:0,className:i("relative flex h-[90px] w-full items-center justify-center rounded-sm p-2 desktop:max-w-[524px]","bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus",r==null?void 0:r.root),children:o("div",{className:i("flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3","bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300",{"items-center":t},r==null?void 0:r.wrapper),children:t?o(n,{position:"static",classes:{wrapper:"size-8 m-auto"},...m}):p})});export{P as AuthWrapper};
|
|
2
2
|
//# sourceMappingURL=AuthWrapper.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthWrapper.js","sources":["../../../../../../lib/widgets/authProvider/ui/ui/AuthWrapper.tsx"],"sourcesContent":["import { Loader, type LoaderProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type AuthWrapperClasses = {\n root?: string\n wrapper?: string\n}\n\nexport interface AuthWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactElement\n classes?: AuthWrapperClasses\n isLoading?: boolean\n loaderProps?: LoaderProps\n}\n\nexport const AuthWrapper = ({ children, isLoading, classes, loaderProps, ...props }: AuthWrapperProps) => {\n return (\n <div\n {...props}\n role='button'\n tabIndex={0}\n className={cn(\n 'relative flex h-[90px] w-full
|
|
1
|
+
{"version":3,"file":"AuthWrapper.js","sources":["../../../../../../lib/widgets/authProvider/ui/ui/AuthWrapper.tsx"],"sourcesContent":["import { Loader, type LoaderProps } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nexport type AuthWrapperClasses = {\n root?: string\n wrapper?: string\n}\n\nexport interface AuthWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n children: React.ReactElement\n classes?: AuthWrapperClasses\n isLoading?: boolean\n loaderProps?: LoaderProps\n}\n\nexport const AuthWrapper = ({ children, isLoading, classes, loaderProps, ...props }: AuthWrapperProps) => {\n return (\n <div\n {...props}\n role='button'\n tabIndex={0}\n className={cn(\n 'relative flex h-[90px] w-full items-center justify-center rounded-sm p-2 desktop:max-w-[524px]',\n 'bg-color-white outline outline-1 outline-warm-grey-200 transition-colors focus-visible:outline-primary-focus',\n classes?.root\n )}\n >\n <div\n className={cn(\n 'flex h-[74px] flex-1 cursor-pointer rounded-sm px-2 py-3 transition-colors desktop:px-4 desktop:py-3',\n 'bg-color-blue-grey-100 hover:bg-color-blue-grey-200 active:bg-color-blue-grey-300',\n { 'items-center': isLoading },\n classes?.wrapper\n )}\n >\n {isLoading ? <Loader position='static' classes={{ wrapper: 'size-8 m-auto' }} {...loaderProps} /> : children}\n </div>\n </div>\n )\n}\n"],"names":["AuthWrapper","children","isLoading","classes","loaderProps","props","jsx","cn","Loader"],"mappings":"wlEAeO,MAAMA,EAAc,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,QAAAC,EAAS,YAAAC,EAAa,GAAGC,KAExEC,EAAC,MAAA,CACE,GAAGD,EACJ,KAAK,SACL,SAAU,EACV,UAAWE,EACT,iGACA,+GACAJ,GAAA,YAAAA,EAAS,IAAA,EAGX,SAAAG,EAAC,MAAA,CACC,UAAWC,EACT,uGACA,oFACA,CAAE,eAAgBL,CAAA,EAClBC,GAAA,YAAAA,EAAS,OAAA,EAGV,SAAAD,EAAYI,EAACE,EAAA,CAAO,SAAS,SAAS,QAAS,CAAE,QAAS,eAAA,EAAoB,GAAGJ,CAAA,CAAa,EAAKH,CAAA,CAAA,CACtG,CAAA"}
|