dinocollab-shared 1.2.15 → 1.2.16
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/cart/widget.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as r,createClass as e,classCallCheck as t,callSuper as n,defineProperty as o,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as l,jsx as a}from"react/jsx-runtime";import{Component as c,Fragment as s}from"react";import{ImageWithFallback as d}from"dinocollab-core/components";import{Badge as m,Typography as u,Divider as p,Button as h,Box as f,IconButton as v}from"@mui/material";import C from"@mui/icons-material/Remove";import g from"@mui/icons-material/ShoppingCartOutlined";import x from"@mui/icons-material/ShoppingCartCheckout";import{getTotalData as b}from"./helpers.js";import{
|
|
1
|
+
import{inherits as r,createClass as e,classCallCheck as t,callSuper as n,defineProperty as o,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as l,jsx as a}from"react/jsx-runtime";import{Component as c,Fragment as s}from"react";import{ImageWithFallback as d}from"dinocollab-core/components";import{Badge as m,Typography as u,Divider as p,Button as h,Box as f,IconButton as v}from"@mui/material";import C from"@mui/icons-material/Remove";import g from"@mui/icons-material/ShoppingCartOutlined";import x from"@mui/icons-material/ShoppingCartCheckout";import{getTotalData as b}from"./helpers.js";import{IconButtonDark as y}from"../components/buttons.js";import{NoDataPanel as k}from"../components/no-data-panel.js";import{MenuStyled as P,CartContentStyled as T,cartContentClasses as S}from"./styled.js";var N=function(){function N(r){var e;return t(this,N),e=n(this,N,[r]),o(e,"render",function(){var r;return l(s,{children:[a(y,{onClick:function(r){return e.onOpen(r.currentTarget)},children:a(m,{badgeContent:e.state.hydrated&&null!==(r=e.carts.length)&&void 0!==r?r:0,color:"error",children:a(g,{fontSize:"small"})})}),a(P,{disableScrollLock:!0,anchorEl:e.state.anchorEl,open:Boolean(e.state.anchorEl),onClose:e.onClose,anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},MenuListProps:{component:"div"},children:e.renderContent()})]})}),o(e,"renderContent",function(){var r,t=b(e.carts);return l(T,{children:[l("div",{className:S.header,children:[l(u,{variant:"h6",component:"span",sx:{flex:1},children:["Your Cart (",null!==(r=t.quantity)&&void 0!==r?r:0," items)"]}),l(u,{variant:"h6",component:"span",children:["Total: $ ",t.price.toFixed(2)]})]}),a(p,{}),l("div",{className:S.items,children:[e.carts.map(function(r,t){return a(s,{children:e.renderItem(r)},"key"+t)}),e.carts.length<1&&a(k,{title:"Your cart is empty",subTitle:"Try adding some products",sx:{height:"100%",m:1}})]}),a(p,{}),a("div",{className:S.footer,children:a(h,i(i(i({},e.props.hrefCart?{component:"a",href:e.props.hrefCart}:{}),{},{color:"inherit",endIcon:a(x,{}),onClick:function(r){e.onClose(),e.props.onMoveToCartClick&&e.props.onMoveToCartClick(r)},disabled:e.carts.length<1},e.props.buttonMoveToCartProps),{},{children:"Show in cart"}))})]})}),o(e,"renderTitle",function(r){var t,n=e.props,o=n.itemTitleProps,l=n.itemTitlePropsGetter,c=l?l(r,e.onClose):null!=o?o:{};return a(u,i(i({className:S.itemTitle,noWrap:!0,variant:"subtitle1"},c),{},{children:null!==(t=r.ProductName)&&void 0!==t?t:"Unknown Product"}))}),o(e,"renderItem",function(r){var t,n,o,i;return l("div",{className:S.item,children:[a(d,{className:S.itemImg,src:null==r?void 0:r.PictureUrl,title:null==r?void 0:r.PictureUrl,fallbackSrc:"images/default-video.webp",alt:"product-picture"}),l("div",{className:S.itemContent,children:[a(u,{className:S.itemTag,variant:"caption",sx:{color:null!==(t=r.PriceColor)&&void 0!==t?t:"#000"},children:null!==(n=r.PriceName)&&void 0!==n?n:"Unknown Price"}),e.renderTitle(r),l(f,{sx:{display:"flex",alignItems:"flex-end",gap:"2px",justifyContent:"flex-end"},children:[l(u,{variant:"subtitle1",children:["$ ",null!==(o=r.Price)&&void 0!==o?o:0]}),l(u,{variant:"body1",sx:{fontSize:"14px",mb:"3px",color:"#818181"},children:["x",null!==(i=r.Amount)&&void 0!==i?i:0," urls"]})]})]}),a(v,{size:"small",onClick:function(){var t,n;return null===(t=(n=e.props).onRemoveCart)||void 0===t?void 0:t.call(n,r)},sx:{color:"#818181"},children:a(C,{})})]})}),o(e,"onOpen",function(r){e.setState({anchorEl:r})}),o(e,"onClose",function(){e.setState({anchorEl:null})}),e.state={anchorEl:null,hydrated:!1},e}return r(N,c),e(N,[{key:"carts",get:function(){var r;return null!==(r=this.props.carts)&&void 0!==r?r:[]}},{key:"componentDidMount",value:function(){this.setState({hydrated:!0})}}])}(),j=function(r){var e=function(e){return a(N,i(i({},r),e))};return e.displayName="CartWidget",e};export{N as CartWidget,j as createCartWidget};
|
|
2
2
|
//# sourceMappingURL=widget.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as
|
|
1
|
+
import{inherits as s,createClass as r,classCallCheck as e,callSuper as o,objectSpread2 as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t,jsxs as a}from"react/jsx-runtime";import{Component as l}from"react";import{Container as n,Stack as p}from"@mui/material";import{AppLogo as m}from"./app-logo.js";import{appHeaderClasses as c,HeaderStyled as d}from"./app-header.styled.js";import{appLogoUrl as h,getHeaderMenuConfigs as f,getHeaderNavConfigs as u}from"./configs.js";import x from"./mobile-menu.js";import g from"./app-header.nav.js";var v=function(){function i(s){var r;return e(this,i),(r=o(this,i,[s])).configs={navs:u(s.baseUrl),menu:f(s.baseUrl)},r}return s(i,l),r(i,[{key:"render",value:function(){var s,r,e=this.props.isFixed,o=[c.root];return!1!==e&&o.push(c.fixed),t(d,{className:o.join(" "),children:t("div",{className:c.rootFixed,children:a(n,{maxWidth:!1,className:c.content,sx:{height:"100%"},children:[t(m,{src:null!==(s=this.props.logoUrl)&&void 0!==s?s:h,href:this.props.baseUrl.home,sx:{m:{xs:"-16px 0 -16px 0",md:"0 0 -12px 0"}}}),a(p,{direction:"row",alignItems:"center",spacing:2,children:[t(g,{configs:this.configs,onNavItemClick:this.props.onNavItemClick,sx:{display:{xs:"none",lg:"flex"}},slots:null===(r=this.props.slots)||void 0===r?void 0:r.navItem}),a(p,{direction:"row",gap:1,sx:{justifyContent:"flex-end",alignItems:"center"},children:[this.props.actions,t(x,{baseUrl:this.props.baseUrl,logoUrl:this.props.logoUrl})]})]})]})})})}}])}(),j=function(s){var r=function(r){return t(v,i({},i(i(i({},s),r),{},{slots:i(i({},s.slots),r.slots)})))};return r.displayName="AppHeader",r};export{v as AppHeader,j as createAppHeader,v as default};
|
|
2
2
|
//# sourceMappingURL=app-header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.js","sources":["../../src/layout-global/app-header.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { Container, Stack } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport { AppLogo } from './app-logo'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\nimport { IAppThemeProviderProps } from './app-theme-provider'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\r\nimport { appLogoUrl, getHeaderMenuConfigs, getHeaderNavConfigs } from './configs'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\nimport type { IAppHeaderNavSlots } from './app-header.nav'\r\nimport MobileMenu from './mobile-menu'\r\nimport AppHeaderNav from './app-header.nav'\r\n\r\nexport interface IAppHeaderSlots {\r\n navItem?: IAppHeaderNavSlots\r\n themeProps?: Partial<IAppThemeProviderProps>\r\n}\r\n\r\nexport interface IAppHeaderProps {\r\n baseUrl: IAppSiteBaseUrl\r\n onNavItemClick?: NavItemClickFunction\r\n logoUrl?: string\r\n actions?: ReactNode\r\n isFixed?: boolean\r\n slots?: IAppHeaderSlots\r\n}\r\n\r\nexport class AppHeader extends Component<IAppHeaderProps> {\r\n private configs: Record<'navs' | 'menu', IAppNav[]>\r\n constructor(props: IAppHeaderProps) {\r\n super(props)\r\n this.configs = {\r\n navs: getHeaderNavConfigs(props.baseUrl),\r\n menu: getHeaderMenuConfigs(props.baseUrl)\r\n }\r\n }\r\n\r\n render() {\r\n const { isFixed } = this.props\r\n const rootClasses = [appHeaderClasses.root]\r\n if (isFixed !== false) rootClasses.push(appHeaderClasses.fixed)\r\n return (\r\n <HeaderStyled className={rootClasses.join(' ')}>\r\n <div className={appHeaderClasses.rootFixed}>\r\n <Container maxWidth={false} className={appHeaderClasses.content} sx={{ height: '100%' }}>\r\n {/* The AppLogo component displays the application logo */}\r\n <AppLogo src={this.props.logoUrl ?? appLogoUrl} href={this.props.baseUrl.home} sx={{
|
|
1
|
+
{"version":3,"file":"app-header.js","sources":["../../src/layout-global/app-header.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport { Container, Stack } from '@mui/material'\r\nimport type { ComponentType, FC, ReactNode } from 'react'\r\nimport { AppLogo } from './app-logo'\r\nimport { IAppNav, NavItemClickFunction } from './types'\r\nimport { IAppThemeProviderProps } from './app-theme-provider'\r\nimport { appHeaderClasses, HeaderStyled } from './app-header.styled'\r\nimport { appLogoUrl, getHeaderMenuConfigs, getHeaderNavConfigs } from './configs'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\nimport type { IAppHeaderNavSlots } from './app-header.nav'\r\nimport MobileMenu from './mobile-menu'\r\nimport AppHeaderNav from './app-header.nav'\r\n\r\nexport interface IAppHeaderSlots {\r\n navItem?: IAppHeaderNavSlots\r\n themeProps?: Partial<IAppThemeProviderProps>\r\n}\r\n\r\nexport interface IAppHeaderProps {\r\n baseUrl: IAppSiteBaseUrl\r\n onNavItemClick?: NavItemClickFunction\r\n logoUrl?: string\r\n actions?: ReactNode\r\n isFixed?: boolean\r\n slots?: IAppHeaderSlots\r\n}\r\n\r\nexport class AppHeader extends Component<IAppHeaderProps> {\r\n private configs: Record<'navs' | 'menu', IAppNav[]>\r\n constructor(props: IAppHeaderProps) {\r\n super(props)\r\n this.configs = {\r\n navs: getHeaderNavConfigs(props.baseUrl),\r\n menu: getHeaderMenuConfigs(props.baseUrl)\r\n }\r\n }\r\n\r\n render() {\r\n const { isFixed } = this.props\r\n const rootClasses = [appHeaderClasses.root]\r\n if (isFixed !== false) rootClasses.push(appHeaderClasses.fixed)\r\n return (\r\n <HeaderStyled className={rootClasses.join(' ')}>\r\n <div className={appHeaderClasses.rootFixed}>\r\n <Container maxWidth={false} className={appHeaderClasses.content} sx={{ height: '100%' }}>\r\n {/* The AppLogo component displays the application logo */}\r\n <AppLogo src={this.props.logoUrl ?? appLogoUrl} href={this.props.baseUrl.home} sx={{ m: { xs: '-16px 0 -16px 0', md: '0 0 -12px 0' } }} />\r\n <Stack direction='row' alignItems='center' spacing={2}>\r\n <AppHeaderNav\r\n configs={this.configs}\r\n onNavItemClick={this.props.onNavItemClick}\r\n sx={{ display: { xs: 'none', lg: 'flex' } }}\r\n slots={this.props.slots?.navItem}\r\n />\r\n <Stack direction='row' gap={1} sx={{ justifyContent: 'flex-end', alignItems: 'center' }}>\r\n {this.props.actions}\r\n {/* MobileMenu is a responsive menu for smaller screens */}\r\n {/* It provides a hamburger menu icon that toggles the navigation items */}\r\n <MobileMenu baseUrl={this.props.baseUrl} logoUrl={this.props.logoUrl} />\r\n </Stack>\r\n </Stack>\r\n </Container>\r\n </div>\r\n </HeaderStyled>\r\n )\r\n }\r\n}\r\nexport default AppHeader\r\n\r\nexport const createAppHeader = (params: IAppHeaderProps): ComponentType<Partial<IAppHeaderProps>> => {\r\n const _AppHeader: FC<Partial<IAppHeaderProps>> = (props) => {\r\n return <AppHeader {...{ ...params, ...props, slots: { ...params.slots, ...props.slots } }} />\r\n }\r\n _AppHeader.displayName = 'AppHeader'\r\n return _AppHeader\r\n}\r\n"],"names":["AppHeader","props","_this","_classCallCheck","_callSuper","configs","navs","getHeaderNavConfigs","baseUrl","menu","getHeaderMenuConfigs","_inherits","Component","_createClass","key","value","_this$props$logoUrl","_this$props$slots","isFixed","this","rootClasses","appHeaderClasses","root","push","fixed","_jsx","HeaderStyled","className","join","children","rootFixed","_jsxs","Container","maxWidth","content","sx","height","AppLogo","src","logoUrl","appLogoUrl","href","home","m","xs","md","Stack","direction","alignItems","spacing","AppHeaderNav","onNavItemClick","display","lg","slots","navItem","gap","justifyContent","actions","MobileMenu","createAppHeader","params","_AppHeader","_objectSpread","displayName"],"mappings":"wiBA2BaA,IAAAA,aAEX,SAAAA,EAAYC,GAAsB,IAAAC,EAK/B,OAL+BC,OAAAH,IAChCE,EAAAE,EAAAJ,KAAAA,GAAMC,KACDI,QAAU,CACbC,KAAMC,EAAoBN,EAAMO,SAChCC,KAAMC,EAAqBT,EAAMO,UAClCN,CACH,CAAC,OAAAS,EAAAX,EAR4BY,GAQ5BC,EAAAb,EAAA,CAAA,CAAAc,IAAA,SAAAC,MAED,WAAM,IAAAC,EAAAC,EACIC,EAAYC,KAAKlB,MAAjBiB,QACFE,EAAc,CAACC,EAAiBC,MAEtC,OADgB,IAAZJ,GAAmBE,EAAYG,KAAKF,EAAiBG,OAEvDC,EAACC,EAAY,CAACC,UAAWP,EAAYQ,KAAK,KAAIC,SAC5CJ,SAAKE,UAAWN,EAAiBS,mBAC/BC,EAACC,GAAUC,UAAU,EAAON,UAAWN,EAAiBa,QAASC,GAAI,CAAEC,OAAQ,kBAE7EX,EAACY,EAAQ,CAAAC,IAAuBtB,QAApBA,EAAEG,KAAKlB,MAAMsC,eAAOvB,IAAAA,EAAAA,EAAIwB,EAAYC,KAAMtB,KAAKlB,MAAMO,QAAQkC,KAAMP,GAAI,CAAEQ,EAAG,CAAEC,GAAI,kBAAmBC,GAAI,kBACrHd,EAACe,EAAK,CAACC,UAAU,MAAMC,WAAW,SAASC,QAAS,EAClDpB,SAAA,CAAAJ,EAACyB,EACC,CAAA7C,QAASc,KAAKd,QACd8C,eAAgBhC,KAAKlB,MAAMkD,eAC3BhB,GAAI,CAAEiB,QAAS,CAAER,GAAI,OAAQS,GAAI,SACjCC,MAAuBrC,QAAlBA,EAAEE,KAAKlB,MAAMqD,aAAXrC,IAAgBA,OAAhBA,EAAAA,EAAkBsC,UAE3BxB,EAACe,EAAM,CAAAC,UAAU,MAAMS,IAAK,EAAGrB,GAAI,CAAEsB,eAAgB,WAAYT,WAAY,UAC1EnB,SAAA,CAAAV,KAAKlB,MAAMyD,QAGZjC,EAACkC,GAAWnD,QAASW,KAAKlB,MAAMO,QAAS+B,QAASpB,KAAKlB,MAAMsC,sBAO3E,IAAC,IAIUqB,EAAkB,SAACC,GAC9B,IAAMC,EAA2C,SAAC7D,GAChD,OAAOwB,EAACzB,EAAS+D,EAAAA,CAAAA,EAAAA,EAAAA,EAAAA,EAAUF,CAAAA,EAAAA,GAAW5D,GAAK,CAAA,EAAA,CAAEqD,MAAKS,EAAAA,EAAA,CAAA,EAAOF,EAAOP,OAAUrD,EAAMqD,UACjF,EAED,OADAQ,EAAWE,YAAc,YAClBF,CACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{objectWithoutProperties as r,objectSpread2 as e,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import{styled as i,Box as a}from"@mui/material";var n=["src","href"],p=["href"],s=function(t){var i=t.src,a=t.href,p=r(t,n);return o(c,e(e({href:a||"/",className:"AppLogo"},p),{},{children:o("img",{src:i,alt:"App Logo"})}))},c=i(function(t){var i=t.href,n=r(t,p);return o(a,e({component:"a",href:i},n))})(function(r){var e=r.theme;return t({cursor:"pointer",display:"flex",
|
|
1
|
+
import{objectWithoutProperties as r,objectSpread2 as e,defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as o}from"react/jsx-runtime";import{styled as i,Box as a}from"@mui/material";var n=["src","href"],p=["href"],s=function(t){var i=t.src,a=t.href,p=r(t,n);return o(c,e(e({href:a||"/",className:"AppLogo"},p),{},{children:o("img",{src:i,alt:"App Logo"})}))},c=i(function(t){var i=t.href,n=r(t,p);return o(a,e({component:"a",href:i},n))})(function(r){var e=r.theme;return t(t({cursor:"pointer",display:"flex",height:"90px",flex:"0 0 auto",aspectRatio:"16/9","& > img":{width:"100%",height:"100%",objectFit:"contain"}},e.breakpoints.down("xl"),{height:"78px"}),e.breakpoints.down("sm"),{aspectRatio:"unset"})});export{s as AppLogo,s as default};
|
|
2
2
|
//# sourceMappingURL=app-logo.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-logo.js","sources":["../../src/layout-global/app-logo.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\r\nimport type { FC } from 'react'\r\nimport type { BoxProps, Theme } from '@mui/material'\r\n\r\nexport interface IAppLogoProps extends BoxProps {\r\n src: string\r\n href?: string // Optional href to make the logo clickable\r\n}\r\n\r\nexport const AppLogo: FC<IAppLogoProps> = (props) => {\r\n const { src, href, ...boxProps } = props\r\n return (\r\n <WrapLogo href={href || '/'} className='AppLogo' {...boxProps}>\r\n <img src={src} alt='App Logo' />\r\n </WrapLogo>\r\n )\r\n}\r\nexport default AppLogo\r\n\r\nconst WrapLogo = styled(({ href, ...props }: BoxProps & { href: string }) => {\r\n return <Box component='a' href={href} {...props} />\r\n})(({ theme }: { theme: Theme }) => ({\r\n cursor: 'pointer',\r\n display: 'flex',\r\n
|
|
1
|
+
{"version":3,"file":"app-logo.js","sources":["../../src/layout-global/app-logo.tsx"],"sourcesContent":["import { Box, styled } from '@mui/material'\r\nimport type { FC } from 'react'\r\nimport type { BoxProps, Theme } from '@mui/material'\r\n\r\nexport interface IAppLogoProps extends BoxProps {\r\n src: string\r\n href?: string // Optional href to make the logo clickable\r\n}\r\n\r\nexport const AppLogo: FC<IAppLogoProps> = (props) => {\r\n const { src, href, ...boxProps } = props\r\n return (\r\n <WrapLogo href={href || '/'} className='AppLogo' {...boxProps}>\r\n <img src={src} alt='App Logo' />\r\n </WrapLogo>\r\n )\r\n}\r\nexport default AppLogo\r\n\r\nconst WrapLogo = styled(({ href, ...props }: BoxProps & { href: string }) => {\r\n return <Box component='a' href={href} {...props} />\r\n})(({ theme }: { theme: Theme }) => ({\r\n cursor: 'pointer',\r\n display: 'flex',\r\n height: '90px',\r\n flex: '0 0 auto',\r\n aspectRatio: '16/9', // 480:270 ratio\r\n '& > img': {\r\n width: '100%',\r\n height: '100%',\r\n objectFit: 'contain'\r\n },\r\n [theme.breakpoints.down('xl')]: {\r\n height: '78px'\r\n },\r\n [theme.breakpoints.down('sm')]: {\r\n aspectRatio: 'unset'\r\n }\r\n}))\r\n"],"names":["AppLogo","props","src","href","boxProps","_objectWithoutProperties","_excluded","_jsx","WrapLogo","_objectSpread","className","children","alt","styled","_ref","_excluded2","Box","component","_ref2","theme","_defineProperty","cursor","display","height","flex","aspectRatio","width","objectFit","breakpoints","down"],"mappings":"kPASaA,EAA6B,SAACC,GACzC,IAAQC,EAA2BD,EAA3BC,IAAKC,EAAsBF,EAAtBE,KAASC,EAAQC,EAAKJ,EAAKK,GACxC,OACEC,EAACC,EAAQC,EAAAA,EAAA,CAACN,KAAMA,GAAQ,IAAKO,UAAU,WAAcN,GAAQ,GAAA,CAC3DO,SAAAJ,EAAA,MAAA,CAAKL,IAAKA,EAAKU,IAAI,eAGzB,EAGMJ,EAAWK,EAAO,SAAAC,GAAoD,IAAjDX,EAAIW,EAAJX,KAASF,EAAKI,EAAAS,EAAAC,GACvC,OAAOR,EAACS,EAAGP,EAAA,CAACQ,UAAU,IAAId,KAAMA,GAAUF,GAC5C,EAFiBY,CAEd,SAAAK,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAAAC,EAAAA,EAAA,CACTC,OAAQ,UACRC,QAAS,OACTC,OAAQ,OACRC,KAAM,WACNC,YAAa,OACb,UAAW,CACTC,MAAO,OACPH,OAAQ,OACRI,UAAW,YAEZR,EAAMS,YAAYC,KAAK,MAAQ,CAC9BN,OAAQ,SAETJ,EAAMS,YAAYC,KAAK,MAAQ,CAC9BJ,YAAa,SACd"}
|