dinocollab-shared 1.1.24 → 1.1.26
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/styled.js +1 -1
- package/dist/cart/styled.js.map +1 -1
- package/dist/cart/widget.js +1 -1
- package/dist/layout-global/app-header.nav.js +1 -1
- package/dist/layout-global/app-header.nav.js.map +1 -1
- package/dist/layout-global/configs.js +1 -1
- package/dist/layout-global/configs.js.map +1 -1
- package/dist/media-player/muted.js +1 -1
- package/dist/media-player/muted.js.map +1 -1
- package/dist/media-right/configs.js +1 -1
- package/dist/media-right/configs.js.map +1 -1
- package/dist/media-right/group-selector/index.js +1 -1
- package/dist/media-right/group-selector/index.js.map +1 -1
- package/dist/media-right/group-selector/units.js +1 -1
- package/dist/media-right/group-selector/units.js.map +1 -1
- package/dist/media-right/guide-steps/index.js +2 -0
- package/dist/media-right/guide-steps/index.js.map +1 -0
- package/dist/media-right/helpers.js +1 -1
- package/dist/media-right/helpers.js.map +1 -1
- package/dist/media-right/index.js +1 -1
- package/dist/media-right/media-widget/button.delete.js +1 -1
- package/dist/media-right/media-widget/button.delete.js.map +1 -1
- package/dist/media-right/media-widget/index.js +1 -1
- package/dist/media-right/media-widget/index.js.map +1 -1
- package/dist/media-right/media-widget/item-title-props-context.js +2 -0
- package/dist/media-right/media-widget/item-title-props-context.js.map +1 -0
- package/dist/media-right/media-widget/media-group-accordion.js +1 -1
- package/dist/media-right/media-widget/media-group-accordion.js.map +1 -1
- package/dist/media-right/media-widget/media-list.js +1 -1
- package/dist/media-right/media-widget/media-list.js.map +1 -1
- package/dist/media-right/media-widget/new-group-area.js +2 -0
- package/dist/media-right/media-widget/new-group-area.js.map +1 -0
- package/dist/media-right/media-widget/styled.js +1 -1
- package/dist/media-right/media-widget/styled.js.map +1 -1
- package/dist/media-right/types.js +2 -0
- package/dist/media-right/types.js.map +1 -0
- package/dist/media-right/unit.control.js +2 -0
- package/dist/media-right/unit.control.js.map +1 -0
- package/dist/types/cart/styled.d.ts.map +1 -1
- package/dist/types/layout-global/app-header.nav.d.ts +1 -1
- package/dist/types/layout-global/app-header.nav.d.ts.map +1 -1
- package/dist/types/layout-global/configs.d.ts.map +1 -1
- package/dist/types/media-right/configs.d.ts +1 -1
- package/dist/types/media-right/configs.d.ts.map +1 -1
- package/dist/types/media-right/group-selector/index.d.ts +4 -1
- package/dist/types/media-right/group-selector/index.d.ts.map +1 -1
- package/dist/types/media-right/guide-steps/index.d.ts +16 -0
- package/dist/types/media-right/guide-steps/index.d.ts.map +1 -0
- package/dist/types/media-right/helpers.d.ts +4 -0
- package/dist/types/media-right/helpers.d.ts.map +1 -1
- package/dist/types/media-right/index.d.ts +2 -0
- package/dist/types/media-right/index.d.ts.map +1 -1
- package/dist/types/media-right/media-widget/index.d.ts +2 -1
- package/dist/types/media-right/media-widget/index.d.ts.map +1 -1
- package/dist/types/media-right/media-widget/item-title-props-context.d.ts +15 -0
- package/dist/types/media-right/media-widget/item-title-props-context.d.ts.map +1 -0
- package/dist/types/media-right/media-widget/media-group-accordion.d.ts +3 -1
- package/dist/types/media-right/media-widget/media-group-accordion.d.ts.map +1 -1
- package/dist/types/media-right/media-widget/media-list.d.ts +1 -1
- package/dist/types/media-right/media-widget/media-list.d.ts.map +1 -1
- package/dist/types/media-right/media-widget/new-group-area.d.ts +5 -0
- package/dist/types/media-right/media-widget/new-group-area.d.ts.map +1 -1
- package/dist/types/media-right/media-widget/styled.d.ts.map +1 -1
- package/dist/types/media-right/types.d.ts +5 -1
- package/dist/types/media-right/types.d.ts.map +1 -1
- package/dist/types/media-right/unit.control.d.ts.map +1 -0
- package/package.json +1 -1
- package/dist/media-right/group-selector/unit.control.js +0 -2
- package/dist/media-right/group-selector/unit.control.js.map +0 -1
- package/dist/types/media-right/group-selector/unit.control.d.ts.map +0 -1
- /package/dist/types/media-right/{group-selector/unit.control.d.ts → unit.control.d.ts} +0 -0
package/dist/cart/styled.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{styled as e,Menu as o,Box as
|
|
1
|
+
import{defineProperty as t}from"../_virtual/_rollupPluginBabelHelpers.js";import{styled as e,Menu as o,Box as r,alpha as i}from"@mui/material";var a=e(o)(function(t){var e=t.theme;return{"--color-bg":"#ffffff","--color-text":e.palette.common.black,marginTop:"45px",".MuiPaper-root":{position:"relative",overflow:"visible",display:"flex",flexDirection:"column",backgroundColor:"var(--color-bg, #000000)",borderRadius:e.shape.borderRadius,minWidth:"280px",maxWidth:"550px",boxShadow:"0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)",animation:"fadeInDown 0.3s ease-out",marginTop:"8px",color:"var(--color-text, #000000)","@keyframes fadeInDown":{"0%":{opacity:0,transform:"translateY(-10px)"},"100%":{opacity:1,transform:"translateY(0)"}},"&::before":{content:'""',position:"absolute",backgroundColor:"var(--color-bg, #ffffff)",width:"10px",height:"10px",top:"-4px",right:e.spacing(1),transform:"translateX(-50%) rotate(45deg)",zIndex:0}},".MuiBackdrop-root":{backgroundColor:"transparent"},".MuiList-root":{padding:0,height:"100%",overflowY:"auto","&::-webkit-scrollbar":{width:"6px",background:"transparent"},"&::-webkit-scrollbar-thumb":{background:"#e0e0e0",borderRadius:"8px"},"&::-webkit-scrollbar-thumb:hover":{background:"#bdbdbd"},"&":{scrollbarWidth:"thin",scrollbarColor:"#e0e0e0 transparent"}}}}),n={root:"CartContent-root",header:"CartContent-header",footer:"CartContent-footer",items:"CartContent-items",item:"CartContent-item",itemContent:"CartContent-itemContent",itemImg:"CartContent-itemImg",itemTitle:"CartContent-itemTitle",itemPrice:"CartContent-itemPrice",itemTag:"CartContent-itemTag"},p=function(t,e){return"".concat((null==e?void 0:e.prefix)||"",".").concat(n[t]).concat((null==e?void 0:e.suffix)||"")},l=e(r)(function(e){var o=e.theme;return t(t(t(t(t(t(t(t(t(t({"--height-item":"80px"},p("root",{prefix:"&"}),{height:"100%"}),p("header"),{padding:"12px 16px",display:"flex",justifyContent:"space-between",alignItems:"center",gap:o.spacing(5),position:"sticky",top:0,background:"#fff",zIndex:2,boxShadow:"0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)"}),p("footer"),{padding:"6px 12px",display:"flex",justifyContent:"flex-end",position:"sticky",bottom:0,background:"#fff",zIndex:1,boxShadow:"0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)"}),p("items"),{padding:"8px",overflowY:"auto",height:"100%"}),p("item"),{display:"flex",alignItems:"center",padding:"0 9px",transition:"0.3s",height:"var(--height-item)","& a":{textDecoration:"none"},"&:hover":{background:"#fafafa"},"&:hover a":{textDecoration:"underline"}}),p("itemImg"),{width:"60px",height:"60px",borderRadius:"6px",objectFit:"cover",marginRight:"12px",flex:"0 0 auto",backgroundColor:i(o.palette.grey[400],.2)}),p("itemContent"),{flex:1,display:"flex",alignItems:"center",minWidth:0,position:"relative"}),p("itemTitle"),{color:"var(--color-body, #000)",fontWeight:600,flex:1,width:"100%",margin:"0 12px",padding:"15px 0",minWidth:0,maxWidth:"300px"}),p("itemTitle",{prefix:"a"}),{textDecoration:"none","&:hover":{textDecoration:"underline"}}),p("itemTag"),{position:"absolute",top:0,left:"12px",fontWeight:600})});export{l as CartContentStyled,a as MenuStyled,n as cartContentClasses};
|
|
2
2
|
//# sourceMappingURL=styled.js.map
|
package/dist/cart/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../src/cart/styled.tsx"],"sourcesContent":["import { alpha, Box, Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps, MenuProps } from '@mui/material'\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }) => ({\r\n // dark mode\r\n // '--color-bg': '#323234',\r\n // \"--color-text\": theme.palette.common.white,\r\n\r\n // light mode\r\n '--color-bg': '#ffffff',\r\n '--color-text': theme.palette.common.black,\r\n\r\n marginTop: '45px',\r\n '.MuiPaper-root': {\r\n overflow: 'visible',\r\n backgroundColor: 'var(--color-bg, #000000)',\r\n borderRadius: theme.shape.borderRadius,\r\n minWidth: '280px',\r\n maxWidth: '550px',\r\n boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n animation: 'fadeInDown 0.3s ease-out',\r\n marginTop: '8px',\r\n color: 'var(--color-text, #000000)',\r\n
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../src/cart/styled.tsx"],"sourcesContent":["import { alpha, Box, Menu, styled } from '@mui/material'\r\nimport type { ComponentType } from 'react'\r\nimport type { BoxProps, MenuProps } from '@mui/material'\r\n\r\nexport const MenuStyled: ComponentType<MenuProps> = styled(Menu)(({ theme }) => ({\r\n // dark mode\r\n // '--color-bg': '#323234',\r\n // \"--color-text\": theme.palette.common.white,\r\n\r\n // light mode\r\n '--color-bg': '#ffffff',\r\n '--color-text': theme.palette.common.black,\r\n\r\n marginTop: '45px',\r\n '.MuiPaper-root': {\r\n position: 'relative',\r\n overflow: 'visible',\r\n display: 'flex',\r\n flexDirection: 'column',\r\n backgroundColor: 'var(--color-bg, #000000)',\r\n borderRadius: theme.shape.borderRadius,\r\n minWidth: '280px',\r\n maxWidth: '550px',\r\n boxShadow: `0 1px 1px rgba(0, 0, 0, 0.05), 0 2px 2px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.15), 0 8px 8px rgba(0, 0, 0, 0.05)`,\r\n animation: 'fadeInDown 0.3s ease-out',\r\n marginTop: '8px',\r\n color: 'var(--color-text, #000000)',\r\n\r\n '@keyframes fadeInDown': {\r\n '0%': { opacity: 0, transform: 'translateY(-10px)' },\r\n '100%': { opacity: 1, transform: 'translateY(0)' }\r\n },\r\n\r\n '&::before': {\r\n content: '\"\"',\r\n position: 'absolute',\r\n backgroundColor: 'var(--color-bg, #ffffff)',\r\n width: '10px',\r\n height: '10px',\r\n top: '-4px',\r\n right: theme.spacing(1),\r\n transform: 'translateX(-50%) rotate(45deg)',\r\n zIndex: 0\r\n }\r\n },\r\n '.MuiBackdrop-root': { backgroundColor: 'transparent' },\r\n '.MuiList-root': {\r\n padding: 0,\r\n height: '100%',\r\n overflowY: 'auto',\r\n '&::-webkit-scrollbar': {\r\n width: '6px',\r\n background: 'transparent'\r\n },\r\n '&::-webkit-scrollbar-thumb': {\r\n background: '#e0e0e0',\r\n borderRadius: '8px'\r\n },\r\n '&::-webkit-scrollbar-thumb:hover': {\r\n background: '#bdbdbd'\r\n },\r\n '&': {\r\n scrollbarWidth: 'thin',\r\n scrollbarColor: '#e0e0e0 transparent'\r\n }\r\n }\r\n}))\r\n\r\nexport const cartContentClasses = {\r\n root: 'CartContent-root',\r\n header: 'CartContent-header',\r\n footer: 'CartContent-footer',\r\n items: 'CartContent-items',\r\n item: 'CartContent-item',\r\n itemContent: 'CartContent-itemContent',\r\n itemImg: 'CartContent-itemImg',\r\n itemTitle: 'CartContent-itemTitle',\r\n itemPrice: 'CartContent-itemPrice',\r\n itemTag: 'CartContent-itemTag'\r\n}\r\n\r\nconst getCartContentClasses = (key: keyof typeof cartContentClasses, options?: { prefix?: string; suffix?: string }) => {\r\n return `${options?.prefix || ''}.${cartContentClasses[key]}${options?.suffix || ''}`\r\n}\r\n\r\nexport const CartContentStyled: ComponentType<BoxProps> = styled(Box)(({ theme }) => ({\r\n '--height-item': '80px',\r\n [getCartContentClasses('root', { prefix: '&' })]: {\r\n height: '100%'\r\n },\r\n [getCartContentClasses('header')]: {\r\n padding: '12px 16px',\r\n display: 'flex',\r\n justifyContent: 'space-between',\r\n alignItems: 'center',\r\n gap: theme.spacing(5),\r\n position: 'sticky',\r\n top: 0,\r\n background: '#fff',\r\n zIndex: 2,\r\n boxShadow: '0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)'\r\n },\r\n [getCartContentClasses('footer')]: {\r\n padding: '6px 12px',\r\n display: 'flex',\r\n justifyContent: 'flex-end',\r\n position: 'sticky',\r\n bottom: 0,\r\n background: '#fff',\r\n zIndex: 1,\r\n boxShadow: '0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)'\r\n },\r\n [getCartContentClasses('items')]: {\r\n padding: '8px',\r\n overflowY: 'auto',\r\n height: '100%'\r\n },\r\n [getCartContentClasses('item')]: {\r\n display: 'flex',\r\n alignItems: 'center',\r\n padding: '0 9px',\r\n transition: '0.3s',\r\n height: 'var(--height-item)',\r\n '& a': {\r\n textDecoration: 'none'\r\n },\r\n '&:hover': {\r\n background: '#fafafa'\r\n },\r\n '&:hover a': {\r\n textDecoration: 'underline'\r\n }\r\n },\r\n [getCartContentClasses('itemImg')]: {\r\n width: '60px',\r\n height: '60px',\r\n borderRadius: '6px',\r\n objectFit: 'cover',\r\n marginRight: '12px',\r\n flex: '0 0 auto',\r\n backgroundColor: alpha(theme.palette.grey[400], 0.2)\r\n },\r\n [getCartContentClasses('itemContent')]: {\r\n flex: 1,\r\n display: 'flex',\r\n alignItems: 'center',\r\n minWidth: 0,\r\n position: 'relative'\r\n },\r\n [getCartContentClasses('itemTitle')]: {\r\n color: 'var(--color-body, #000)',\r\n fontWeight: 600,\r\n flex: 1,\r\n width: '100%',\r\n margin: '0 12px',\r\n padding: '15px 0',\r\n minWidth: 0,\r\n maxWidth: '300px'\r\n },\r\n [getCartContentClasses('itemTitle', { prefix: 'a' })]: {\r\n textDecoration: 'none',\r\n '&:hover': {\r\n textDecoration: 'underline'\r\n }\r\n },\r\n [getCartContentClasses('itemTag')]: {\r\n position: 'absolute',\r\n top: 0,\r\n left: '12px',\r\n fontWeight: 600\r\n }\r\n}))\r\n"],"names":["MenuStyled","styled","Menu","_ref","theme","palette","common","black","marginTop","position","overflow","display","flexDirection","backgroundColor","borderRadius","shape","minWidth","maxWidth","boxShadow","animation","color","opacity","transform","content","width","height","top","right","spacing","zIndex","padding","overflowY","background","scrollbarWidth","scrollbarColor","cartContentClasses","root","header","footer","items","item","itemContent","itemImg","itemTitle","itemPrice","itemTag","getCartContentClasses","key","options","concat","prefix","suffix","CartContentStyled","Box","_ref2","_defineProperty","justifyContent","alignItems","gap","bottom","transition","textDecoration","objectFit","marginRight","flex","alpha","grey","fontWeight","margin","left"],"mappings":"+IAIO,IAAMA,EAAuCC,EAAOC,EAAPD,CAAa,SAAAE,GAAA,IAAGC,EAAKD,EAALC,MAAK,MAAQ,CAM/E,aAAc,UACd,eAAgBA,EAAMC,QAAQC,OAAOC,MAErCC,UAAW,OACX,iBAAkB,CAChBC,SAAU,WACVC,SAAU,UACVC,QAAS,OACTC,cAAe,SACfC,gBAAiB,2BACjBC,aAAcV,EAAMW,MAAMD,aAC1BE,SAAU,QACVC,SAAU,QACVC,UAAsI,4HACtIC,UAAW,2BACXX,UAAW,MACXY,MAAO,6BAEP,wBAAyB,CACvB,KAAM,CAAEC,QAAS,EAAGC,UAAW,qBAC/B,OAAQ,CAAED,QAAS,EAAGC,UAAW,kBAGnC,YAAa,CACXC,QAAS,KACTd,SAAU,WACVI,gBAAiB,2BACjBW,MAAO,OACPC,OAAQ,OACRC,IAAK,OACLC,MAAOvB,EAAMwB,QAAQ,GACrBN,UAAW,iCACXO,OAAQ,IAGZ,oBAAqB,CAAEhB,gBAAiB,eACxC,gBAAiB,CACfiB,QAAS,EACTL,OAAQ,OACRM,UAAW,OACX,uBAAwB,CACtBP,MAAO,MACPQ,WAAY,eAEd,6BAA8B,CAC5BA,WAAY,UACZlB,aAAc,OAEhB,mCAAoC,CAClCkB,WAAY,WAEd,IAAK,CACHC,eAAgB,OAChBC,eAAgB,wBAGrB,GAEYC,EAAqB,CAChCC,KAAM,mBACNC,OAAQ,qBACRC,OAAQ,qBACRC,MAAO,oBACPC,KAAM,mBACNC,YAAa,0BACbC,QAAS,sBACTC,UAAW,wBACXC,UAAW,wBACXC,QAAS,uBAGLC,EAAwB,SAACC,EAAsCC,GACnE,MAAA,GAAAC,QAAUD,aAAAA,EAAAA,EAASE,SAAU,QAAED,OAAId,EAAmBY,IAAIE,QAAGD,aAAAA,EAAAA,EAASG,SAAU,GAClF,EAEaC,EAA6CnD,EAAOoD,EAAPpD,CAAY,SAAAqD,GAAA,IAAGlD,EAAKkD,EAALlD,MAAK,OAAAmD,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAC5E,gBAAiB,QAChBT,EAAsB,OAAQ,CAAEI,OAAQ,MAAS,CAChDzB,OAAQ,SAETqB,EAAsB,UAAY,CACjChB,QAAS,YACTnB,QAAS,OACT6C,eAAgB,gBAChBC,WAAY,SACZC,IAAKtD,EAAMwB,QAAQ,GACnBnB,SAAU,SACViB,IAAK,EACLM,WAAY,OACZH,OAAQ,EACRX,UAAW,0CAEZ4B,EAAsB,UAAY,CACjChB,QAAS,WACTnB,QAAS,OACT6C,eAAgB,WAChB/C,SAAU,SACVkD,OAAQ,EACR3B,WAAY,OACZH,OAAQ,EACRX,UAAW,0CAEZ4B,EAAsB,SAAW,CAChChB,QAAS,MACTC,UAAW,OACXN,OAAQ,SAETqB,EAAsB,QAAU,CAC/BnC,QAAS,OACT8C,WAAY,SACZ3B,QAAS,QACT8B,WAAY,OACZnC,OAAQ,qBACR,MAAO,CACLoC,eAAgB,QAElB,UAAW,CACT7B,WAAY,WAEd,YAAa,CACX6B,eAAgB,eAGnBf,EAAsB,WAAa,CAClCtB,MAAO,OACPC,OAAQ,OACRX,aAAc,MACdgD,UAAW,QACXC,YAAa,OACbC,KAAM,WACNnD,gBAAiBoD,EAAM7D,EAAMC,QAAQ6D,KAAK,KAAM,MAEjDpB,EAAsB,eAAiB,CACtCkB,KAAM,EACNrD,QAAS,OACT8C,WAAY,SACZzC,SAAU,EACVP,SAAU,aAEXqC,EAAsB,aAAe,CACpC1B,MAAO,0BACP+C,WAAY,IACZH,KAAM,EACNxC,MAAO,OACP4C,OAAQ,SACRtC,QAAS,SACTd,SAAU,EACVC,SAAU,UAEX6B,EAAsB,YAAa,CAAEI,OAAQ,MAAS,CACrDW,eAAgB,OAChB,UAAW,CACTA,eAAgB,eAGnBf,EAAsB,WAAa,CAClCrC,SAAU,WACViB,IAAK,EACL2C,KAAM,OACNF,WAAY,KACb"}
|
package/dist/cart/widget.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{inherits as r,createClass as e,objectSpread2 as t,classCallCheck as n,callSuper as o,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs 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,objectSpread2 as t,classCallCheck as n,callSuper as o,defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l,jsxs 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{MenuStyled as y,CartContentStyled as k,cartContentClasses as P}from"./styled.js";import{IconButtonDark as T}from"../components/buttons.js";import{NoDataPanel as S}from"../components/no-data-panel.js";var N=function(){function N(r){var e;return n(this,N),e=o(this,N,[r]),i(e,"render",function(){var r;return a(s,{children:[l(T,{onClick:function(r){return e.onOpen(r.currentTarget)},children:l(m,{badgeContent:e.state.hydrated&&null!==(r=e.carts.length)&&void 0!==r?r:0,color:"error",children:l(g,{fontSize:"small"})})}),l(y,{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()})]})}),i(e,"renderContent",function(){var r,n=b(e.carts);return a(k,{children:[a("div",{className:P.header,children:[a(u,{variant:"h6",component:"span",sx:{flex:1},children:["Your Cart (",null!==(r=n.quantity)&&void 0!==r?r:0," items)"]}),a(u,{variant:"h6",component:"span",children:["Total: $ ",n.price.toFixed(2)]})]}),l(p,{}),a("div",{className:P.items,children:[e.carts.map(function(r,t){return l(s,{children:e.renderItem(r)},"key"+t)}),e.carts.length<1&&l(S,{title:"Your cart is empty",subTitle:"Try adding some products",sx:{height:"100%"}})]}),l(p,{}),l("div",{className:P.footer,children:l(h,t(t(t({},e.props.hrefCart?{component:"a",href:e.props.hrefCart}:{}),{},{color:"inherit",endIcon:l(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"}))})]})}),i(e,"renderTitle",function(r){var n,o=e.props,i=o.itemTitleProps,a=o.itemTitlePropsGetter,c=a?a(r,e.onClose):null!=i?i:{};return l(u,t(t({className:P.itemTitle,noWrap:!0,variant:"subtitle1"},c),{},{children:null!==(n=r.ProductName)&&void 0!==n?n:"Unknown Product"}))}),i(e,"renderItem",function(r){var t,n,o,i;return a("div",{className:P.item,children:[l(d,{className:P.itemImg,src:null==r?void 0:r.PictureUrl,title:null==r?void 0:r.PictureUrl,fallbackSrc:"images/default-video.webp",alt:"product-picture"}),a("div",{className:P.itemContent,children:[l(u,{className:P.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),a(f,{sx:{display:"flex",alignItems:"flex-end",gap:"2px",justifyContent:"flex-end"},children:[a(u,{variant:"subtitle1",children:["$ ",null!==(o=r.Price)&&void 0!==o?o:0]}),a(u,{variant:"body1",sx:{fontSize:"14px",mb:"3px",color:"#818181"},children:["x",null!==(i=r.Amount)&&void 0!==i?i:0," urls"]})]})]}),l(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:l(C,{})})]})}),i(e,"onOpen",function(r){e.setState({anchorEl:r})}),i(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 l(N,t(t({},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 e,createClass as n,objectSpread2 as t,classCallCheck as r,callSuper as a,defineProperty as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l}from"react/jsx-runtime";import{Component as
|
|
1
|
+
import{inherits as e,createClass as n,objectSpread2 as t,classCallCheck as r,callSuper as a,defineProperty as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as l}from"react/jsx-runtime";import{Component as i}from"react";import s from"@mui/icons-material/ExpandMore";import{toArray as u}from"./helpers.js";import{ButtonAnimation as c}from"./animated-tabs.units.js";import{NavStyled as m,appHeaderClasses as p}from"./app-header.styled.js";import v from"./sub-menu.js";var d=function(){function d(e){var n;return r(this,d),n=a(this,d,[e]),o(n,"getLiProps",function(e){var t=[p.navItem];return n.state.navSelected&&n.state.navSelected.title===e.title&&t.push(p.navItemSelected),{className:t.join(" ")}}),o(n,"getButtonNavProps",function(e){var r,a,o=n.props.slots||{},l=o.buttonNavProps,i=o.buttonNavPropsGetter,s=i?i(e):null!=l?l:{},u=t({},e.options);e.navLink&&!s.component&&(u.component="a",u.href=null!==(r=null===(a=e.navLink)||void 0===a?void 0:a.href)&&void 0!==r?r:"/",u.onClick=function(t){return n.handleClickNavItem(t,e)});return t(t({},u),s)}),o(n,"renderItemIcon",function(e){return 0===u(e.menu).length?null:l(s,{className:p.navItemIcon})}),o(n,"handleMouseEnter",function(e,t){t.menu&&n.setState({anchorEl:e.currentTarget,navSelected:t})}),o(n,"handleMouseLeave",function(){n.setState({anchorEl:null,navSelected:null})}),o(n,"handleClickNavItem",function(e,t){if(null!=t&&t.menu)return e.preventDefault(),void n.setState({anchorEl:e.currentTarget,navSelected:t});null!=t&&t.navLink&&n.props.onNavItemClick&&n.props.onNavItemClick(e,t.navLink)}),o(n,"onCloseMenuHandler",function(){n.setState({anchorEl:null,navSelected:null})}),n.state={anchorEl:null,navSelected:null},n}return e(d,i),n(d,[{key:"render",value:function(){var e=this;return l(m,{sx:this.props.sx,children:l("ul",{className:p.navItems,children:this.props.configs.map(function(n,r){return l("li",t(t({},e.getLiProps(n)),{},{children:n.menu?l(v,{menu:n.menu,onNavItemClick:e.props.onNavItemClick,children:l(c,t(t({forceTheme:"dark",endIcon:e.renderItemIcon(n)},e.getButtonNavProps(n)),{},{children:n.title}))}):l(c,t(t({forceTheme:"dark",endIcon:e.renderItemIcon(n)},e.getButtonNavProps(n)),{},{children:n.title}))}),r)})})})}}])}();export{d as default};
|
|
2
2
|
//# sourceMappingURL=app-header.nav.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"app-header.nav.js","sources":["../../src/layout-global/app-header.nav.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { MouseEvent as RMouseEvent, ReactNode } from 'react'\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\r\nimport { toArray } from './helpers'\r\nimport { ButtonAnimation, IButtonAnimationProps } from './animated-tabs.units'\r\nimport { appHeaderClasses, NavStyled } from './app-header.styled'\r\nimport type { IAppNav, NavItemClickFunction } from './types'\r\nimport SubMenu from './sub-menu'\r\n\r\nexport interface IAppHeaderNavSlots {\r\n buttonNavProps?: IButtonAnimationProps\r\n buttonNavPropsGetter?: (item: IAppNav) => Partial<IButtonAnimationProps>\r\n}\r\n\r\nexport interface IHeaderNavProps {\r\n configs: IAppNav[]\r\n sx?: SxProps<Theme>\r\n onNavItemClick?: NavItemClickFunction\r\n slots?: IAppHeaderNavSlots\r\n}\r\n\r\ninterface IHeaderNavState {\r\n anchorEl: HTMLElement | null\r\n navSelected: IAppNav | null\r\n}\r\n\r\nclass AppHeaderNav extends Component<IHeaderNavProps, IHeaderNavState> {\r\n constructor(props: IHeaderNavProps) {\r\n super(props)\r\n this.state = { anchorEl: null, navSelected: null }\r\n }\r\n\r\n render() {\r\n return (\r\n <NavStyled sx={this.props.sx}>\r\n <ul className={appHeaderClasses.navItems}>\r\n {this.props.configs.map((item, index) => (\r\n <li key={index} {...this.getLiProps(item)}>\r\n {item.menu ? (\r\n <SubMenu menu={item.menu} onNavItemClick={this.props.onNavItemClick}>\r\n <ButtonAnimation forceTheme='dark' endIcon={this.renderItemIcon(item)} {...this.getButtonNavProps(item)}>\r\n {item.title}\r\n </ButtonAnimation>\r\n </SubMenu>\r\n ) : (\r\n <ButtonAnimation forceTheme='dark' endIcon={this.renderItemIcon(item)} {...this.getButtonNavProps(item)}>\r\n {item.title}\r\n </ButtonAnimation>\r\n )}\r\n </li>\r\n ))}\r\n </ul>\r\n </NavStyled>\r\n )\r\n }\r\n\r\n getLiProps = (item: IAppNav): React.HTMLProps<HTMLLIElement> => {\r\n const classes = [appHeaderClasses.navItem]\r\n if (this.state.navSelected && this.state.navSelected.title === item.title) {\r\n classes.push(appHeaderClasses.navItemSelected)\r\n }\r\n const props: React.HTMLProps<HTMLLIElement> = { className: classes.join(' ') }\r\n return props\r\n }\r\n\r\n getButtonNavProps = (item: IAppNav): Partial<IButtonAnimationProps> => {\r\n const { buttonNavProps, buttonNavPropsGetter } = this.props.slots || {}\r\n const outsideProps = buttonNavPropsGetter ? buttonNavPropsGetter(item) : buttonNavProps ?? {}\r\n\r\n // Base props từ item\r\n const base: Partial<IButtonAnimationProps> = {
|
|
1
|
+
{"version":3,"file":"app-header.nav.js","sources":["../../src/layout-global/app-header.nav.tsx"],"sourcesContent":["import { Component } from 'react'\r\nimport type { SxProps, Theme } from '@mui/material'\r\nimport type { MouseEvent as RMouseEvent, ReactNode } from 'react'\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\r\nimport { toArray } from './helpers'\r\nimport { ButtonAnimation, IButtonAnimationProps } from './animated-tabs.units'\r\nimport { appHeaderClasses, NavStyled } from './app-header.styled'\r\nimport type { IAppNav, NavItemClickFunction } from './types'\r\nimport SubMenu from './sub-menu'\r\n\r\nexport interface IAppHeaderNavSlots {\r\n buttonNavProps?: IButtonAnimationProps\r\n buttonNavPropsGetter?: (item: IAppNav) => Partial<IButtonAnimationProps>\r\n}\r\n\r\nexport interface IHeaderNavProps {\r\n configs: IAppNav[]\r\n sx?: SxProps<Theme>\r\n onNavItemClick?: NavItemClickFunction\r\n slots?: IAppHeaderNavSlots\r\n}\r\n\r\ninterface IHeaderNavState {\r\n anchorEl: HTMLElement | null\r\n navSelected: IAppNav | null\r\n}\r\n\r\nclass AppHeaderNav extends Component<IHeaderNavProps, IHeaderNavState> {\r\n constructor(props: IHeaderNavProps) {\r\n super(props)\r\n this.state = { anchorEl: null, navSelected: null }\r\n }\r\n\r\n render() {\r\n return (\r\n <NavStyled sx={this.props.sx}>\r\n <ul className={appHeaderClasses.navItems}>\r\n {this.props.configs.map((item, index) => (\r\n <li key={index} {...this.getLiProps(item)}>\r\n {item.menu ? (\r\n <SubMenu menu={item.menu} onNavItemClick={this.props.onNavItemClick}>\r\n <ButtonAnimation forceTheme='dark' endIcon={this.renderItemIcon(item)} {...this.getButtonNavProps(item)}>\r\n {item.title}\r\n </ButtonAnimation>\r\n </SubMenu>\r\n ) : (\r\n <ButtonAnimation forceTheme='dark' endIcon={this.renderItemIcon(item)} {...this.getButtonNavProps(item)}>\r\n {item.title}\r\n </ButtonAnimation>\r\n )}\r\n </li>\r\n ))}\r\n </ul>\r\n </NavStyled>\r\n )\r\n }\r\n\r\n getLiProps = (item: IAppNav): React.HTMLProps<HTMLLIElement> => {\r\n const classes = [appHeaderClasses.navItem]\r\n if (this.state.navSelected && this.state.navSelected.title === item.title) {\r\n classes.push(appHeaderClasses.navItemSelected)\r\n }\r\n const props: React.HTMLProps<HTMLLIElement> = { className: classes.join(' ') }\r\n return props\r\n }\r\n\r\n getButtonNavProps = (item: IAppNav): Partial<IButtonAnimationProps> => {\r\n const { buttonNavProps, buttonNavPropsGetter } = this.props.slots || {}\r\n const outsideProps = buttonNavPropsGetter ? buttonNavPropsGetter(item) : buttonNavProps ?? {}\r\n\r\n // Base props từ item\r\n const base: Partial<IButtonAnimationProps & { [key: string]: any }> = {\r\n ...item.options\r\n }\r\n\r\n // Thêm link nếu item có navLink và outside chưa tự set\r\n if (item.navLink && !(outsideProps as any).component) {\r\n base.component = 'a'\r\n base.href = item.navLink?.href ?? '/'\r\n base.onClick = (e: any) => this.handleClickNavItem(e, item)\r\n }\r\n\r\n return { ...base, ...outsideProps }\r\n }\r\n\r\n renderItemIcon = (nav: IAppNav): ReactNode => {\r\n const menu = toArray(nav.menu)\r\n if (menu.length === 0) return null\r\n return <ExpandMoreIcon className={appHeaderClasses.navItemIcon} />\r\n }\r\n\r\n handleMouseEnter = (e: React.MouseEvent<HTMLLIElement>, item: IAppNav) => {\r\n if (item.menu) {\r\n this.setState({ anchorEl: e.currentTarget, navSelected: item })\r\n }\r\n }\r\n\r\n handleMouseLeave = () => {\r\n this.setState({ anchorEl: null, navSelected: null })\r\n }\r\n\r\n handleClickNavItem = (e: RMouseEvent<HTMLAnchorElement, MouseEvent>, nav?: IAppNav) => {\r\n if (nav?.menu) {\r\n e.preventDefault()\r\n this.setState({ anchorEl: e.currentTarget, navSelected: nav })\r\n return\r\n }\r\n if (nav?.navLink && this.props.onNavItemClick) {\r\n // If there's a navLink and an onNavItemClick handler, call it\r\n this.props.onNavItemClick(e, nav.navLink)\r\n }\r\n }\r\n\r\n onCloseMenuHandler = () => {\r\n this.setState({ anchorEl: null, navSelected: null })\r\n }\r\n}\r\nexport default AppHeaderNav\r\n"],"names":["AppHeaderNav","props","_this","_classCallCheck","_callSuper","_defineProperty","item","classes","appHeaderClasses","navItem","state","navSelected","title","push","navItemSelected","className","join","_item$navLink$href","_item$navLink","_ref","slots","buttonNavProps","buttonNavPropsGetter","outsideProps","base","_objectSpread","options","navLink","component","href","onClick","e","handleClickNavItem","nav","toArray","menu","length","_jsx","ExpandMoreIcon","navItemIcon","setState","anchorEl","currentTarget","preventDefault","onNavItemClick","_inherits","Component","_createClass","key","value","_this2","this","NavStyled","sx","children","navItems","configs","map","index","getLiProps","SubMenu","ButtonAnimation","forceTheme","endIcon","renderItemIcon","getButtonNavProps"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t}from"react/jsx-runtime";import e from"@mui/icons-material/Reddit";import n from"@mui/icons-material/YouTube";import o from"@mui/icons-material/Twitter";import r from"@mui/icons-material/Instagram";import a from"@mui/icons-material/Pinterest";import{IconVideoBase64 as s,IconAudioBase64 as c}from"./animated-tabs.units.js";import{ENavKey as m}from"./types.js";var u,l="images/logo.webp",v="images/bg-footer.webp",L=[{link:"https://www.youtube.com",icon:t(n,{}),color:"#FF0000"},{link:"https://www.instagram.com",icon:t(r,{}),color:"#E4405F"},{link:"https://www.twitter.com",icon:t(o,{}),color:"#1DA1F2"},{link:"https://www.pinterest.com",icon:t(a,{}),color:"#BD081C"},{link:"https://www.reddit.com",icon:t(e,{}),color:"#FF4500"}],p=(i(i(i(i(i(i(i(i(i(i(u={},m.Home,"Home"),m.Pricing,"Pricing"),m.SubmitMedia,"Submit Media"),m.Faqs,"FAQs"),m.Videos,"Videos"),m.Audios,"Audios"),m.Privacy,"Privacy Policy"),m.Terms,"Terms of Submission"),m.About,"About Us"),m.CreateAccount,"Create Account"),i(i(u,m.ContactUs,"Contact Us"),m.PurchaseLicenses,"Purchase Licenses")),h=function(i){return JSON.stringify(i)},d=function(t){var e;return i(i(i(i(i(i(i(i(i(i(e={},m.Home,{site:"home",href:t.home,options:h({toLocate:"home"})}),m.Pricing,{site:"home",href:t.home+"/#Pricing",options:h({toLocate:"pricing"})}),m.Faqs,{site:"home",href:t.home+"/#Faq",options:h({toLocate:"faqs"})}),m.About,{site:"home",href:t.home+"/#About",options:h({toLocate:"about"})}),m.ContactUs,{site:"home",href:t.home+"/#Contact",options:h({toLocate:"contact"})}),m.Videos,{site:"client",href:t.client,routerPath:"/",options:h({tabKey:"video"})}),m.PurchaseLicenses,{site:"client",href:t.client+"/purchase-licenses",routerPath:"/purchase-licenses"}),m.SubmitMedia,{site:"client",href:t.client+"/submit",routerPath:"/submit"}),m.Privacy,{site:"client",href:t.client+"/privacy-policy",routerPath:"/privacy-policy"}),m.Terms,{site:"client",href:t.client+"/terms-of-submission",routerPath:"/terms-of-submission"}),i(i(e,m.CreateAccount,{site:"client",href:t.home+"/Identity/Account/Register"}),m.Audios,{site:"music",href:t.music,routerPath:"/",options:h({tabKey:"audio"})})},k=function(i){var t=d(i);return[{title:"Media",items:[{title:p[m.Videos],icon:s,navLink:t[m.Videos]},{title:p[m.Audios],icon:c,navLink:t[m.Audios]}]},{title:"Quick Actions",items:[{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.Faqs],navLink:t[m.Faqs]}]},{title:"Support & Info",items:[{title:p[m.
|
|
1
|
+
import{defineProperty as i}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsx as t}from"react/jsx-runtime";import e from"@mui/icons-material/Reddit";import n from"@mui/icons-material/YouTube";import o from"@mui/icons-material/Twitter";import r from"@mui/icons-material/Instagram";import a from"@mui/icons-material/Pinterest";import{IconVideoBase64 as s,IconAudioBase64 as c}from"./animated-tabs.units.js";import{ENavKey as m}from"./types.js";var u,l="images/logo.webp",v="images/bg-footer.webp",L=[{link:"https://www.youtube.com",icon:t(n,{}),color:"#FF0000"},{link:"https://www.instagram.com",icon:t(r,{}),color:"#E4405F"},{link:"https://www.twitter.com",icon:t(o,{}),color:"#1DA1F2"},{link:"https://www.pinterest.com",icon:t(a,{}),color:"#BD081C"},{link:"https://www.reddit.com",icon:t(e,{}),color:"#FF4500"}],p=(i(i(i(i(i(i(i(i(i(i(u={},m.Home,"Home"),m.Pricing,"Pricing"),m.SubmitMedia,"Submit Media"),m.Faqs,"FAQs"),m.Videos,"Videos"),m.Audios,"Audios"),m.Privacy,"Privacy Policy"),m.Terms,"Terms of Submission"),m.About,"About Us"),m.CreateAccount,"Create Account"),i(i(u,m.ContactUs,"Contact Us"),m.PurchaseLicenses,"Purchase Licenses")),h=function(i){return JSON.stringify(i)},d=function(t){var e;return i(i(i(i(i(i(i(i(i(i(e={},m.Home,{site:"home",href:t.home,options:h({toLocate:"home"})}),m.Pricing,{site:"home",href:t.home+"/#Pricing",options:h({toLocate:"pricing"})}),m.Faqs,{site:"home",href:t.home+"/#Faq",options:h({toLocate:"faqs"})}),m.About,{site:"home",href:t.home+"/#About",options:h({toLocate:"about"})}),m.ContactUs,{site:"home",href:t.home+"/#Contact",options:h({toLocate:"contact"})}),m.Videos,{site:"client",href:t.client,routerPath:"/",options:h({tabKey:"video"})}),m.PurchaseLicenses,{site:"client",href:t.client+"/purchase-licenses",routerPath:"/purchase-licenses"}),m.SubmitMedia,{site:"client",href:t.client+"/submit",routerPath:"/submit"}),m.Privacy,{site:"client",href:t.client+"/privacy-policy",routerPath:"/privacy-policy"}),m.Terms,{site:"client",href:t.client+"/terms-of-submission",routerPath:"/terms-of-submission"}),i(i(e,m.CreateAccount,{site:"client",href:t.home+"/Identity/Account/Register"}),m.Audios,{site:"music",href:t.music,routerPath:"/",options:h({tabKey:"audio"})})},k=function(i){var t=d(i);return[{title:"Media",items:[{title:p[m.Videos],icon:s,navLink:t[m.Videos]},{title:p[m.Audios],icon:c,navLink:t[m.Audios]}]},{title:"Quick Actions",items:[{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.Faqs],navLink:t[m.Faqs]}]},{title:"Support & Info",items:[{title:p[m.About],navLink:t[m.About]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.Terms],navLink:t[m.Terms]},{title:p[m.Privacy],navLink:t[m.Privacy]}]}]},f=function(i){var t=d(i);return[{title:p[m.Home],navLink:t[m.Home]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.Videos],navLink:t[m.Videos],options:{startIcon:s}},{title:p[m.Audios],navLink:t[m.Audios],options:{startIcon:c}},{title:"Get Started",menu:k(i)}]},P=function(i){var t=d(i);return[{title:p[m.Home],navLink:t[m.Home]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.About],navLink:t[m.About]},{title:p[m.Terms],navLink:t[m.Terms]},{title:p[m.Privacy],navLink:t[m.Privacy]},{title:p[m.CreateAccount],navLink:t[m.CreateAccount]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.ContactUs],navLink:t[m.ContactUs]},{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.PurchaseLicenses],navLink:t[m.PurchaseLicenses]}]},b="We provide licensing services for music, images, and digital media,\ncopyright management, revenue optimization, and legal representation\nfor creators across multiple platforms.",g=function(){var i=(new Date).getFullYear();return"Copyright © 2024".concat(i>2024?" - ".concat(i):""," BERLINTOMEK. All rights reserved.")},A=function(i){var t=d(i);return[{title:p[m.Videos],navLink:t[m.Videos],options:{startIcon:s}},{title:p[m.Audios],navLink:t[m.Audios],options:{startIcon:c}}]},y=function(i){var t=d(i);return[[{title:p[m.Home],navLink:t[m.Home]},{title:p[m.Pricing],navLink:t[m.Pricing]},{title:p[m.About],navLink:t[m.About]},{title:p[m.Terms],navLink:t[m.Terms]},{title:p[m.Privacy],navLink:t[m.Privacy]}],[{title:p[m.CreateAccount],navLink:t[m.CreateAccount]},{title:p[m.Faqs],navLink:t[m.Faqs]},{title:p[m.ContactUs],navLink:t[m.ContactUs]},{title:p[m.SubmitMedia],navLink:t[m.SubmitMedia]},{title:p[m.PurchaseLicenses],navLink:t[m.PurchaseLicenses]}]]};export{l as appLogoUrl,L as appSocialConfigs,v as bgFooterUrl,b as footerDescription,g as getCopyrightText,y as getFooterNavConfigs,A as getFooterNavTabConfigs,k as getHeaderMenuConfigs,f as getHeaderNavConfigs,P as getMenuNavConfigs,d as getNavLinks,p as mapNavTitles};
|
|
2
2
|
//# sourceMappingURL=configs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"configs.js","sources":["../../src/layout-global/configs.tsx"],"sourcesContent":["import RedditIcon from '@mui/icons-material/Reddit'\r\nimport YouTubeIcon from '@mui/icons-material/YouTube'\r\nimport TwitterIcon from '@mui/icons-material/Twitter'\r\nimport InstagramIcon from '@mui/icons-material/Instagram'\r\nimport PinterestIcon from '@mui/icons-material/Pinterest'\r\nimport { IconAudioBase64, IconVideoBase64 } from './animated-tabs.units'\r\nimport { IAppMenu, IAppNav, IAppSocial, ENavKey, INavLink, INavLinkOptions } from './types'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\nexport const appLogoUrl = 'images/logo.webp'\r\nexport const getAppLogoUrl = (base: IAppSiteBaseUrl) => base.client + appLogoUrl\r\n\r\nexport const bgFooterUrl = 'images/bg-footer.webp'\r\nexport const getBgFooterUrl = (base: IAppSiteBaseUrl) => base.client + bgFooterUrl\r\n\r\nexport const appSocialConfigs: IAppSocial[] = [\r\n { link: 'https://www.youtube.com', icon: <YouTubeIcon />, color: '#FF0000' },\r\n { link: 'https://www.instagram.com', icon: <InstagramIcon />, color: '#E4405F' },\r\n { link: 'https://www.twitter.com', icon: <TwitterIcon />, color: '#1DA1F2' },\r\n { link: 'https://www.pinterest.com', icon: <PinterestIcon />, color: '#BD081C' },\r\n { link: 'https://www.reddit.com', icon: <RedditIcon />, color: '#FF4500' }\r\n]\r\n\r\nexport const mapNavTitles: Record<ENavKey, string> = {\r\n [ENavKey.Home]: 'Home',\r\n [ENavKey.Pricing]: 'Pricing',\r\n [ENavKey.SubmitMedia]: 'Submit Media',\r\n [ENavKey.Faqs]: 'FAQs',\r\n [ENavKey.Videos]: 'Videos',\r\n [ENavKey.Audios]: 'Audios',\r\n [ENavKey.Privacy]: 'Privacy Policy',\r\n [ENavKey.Terms]: 'Terms of Submission',\r\n [ENavKey.About]: 'About Us',\r\n [ENavKey.CreateAccount]: 'Create Account',\r\n [ENavKey.ContactUs]: 'Contact Us',\r\n [ENavKey.PurchaseLicenses]: 'Purchase Licenses'\r\n}\r\n\r\nconst getNavLinkOptions = (options: INavLinkOptions): string => {\r\n return JSON.stringify(options)\r\n}\r\n\r\nexport const getNavLinks: (baseUrl: IAppSiteBaseUrl) => Record<ENavKey, INavLink> = (baseUrl) => ({\r\n [ENavKey.Home]: { site: 'home', href: baseUrl.home, options: getNavLinkOptions({ toLocate: 'home' }) },\r\n [ENavKey.Pricing]: { site: 'home', href: baseUrl.home + '/#Pricing', options: getNavLinkOptions({ toLocate: 'pricing' }) },\r\n [ENavKey.Faqs]: { site: 'home', href: baseUrl.home + '/#Faq', options: getNavLinkOptions({ toLocate: 'faqs' }) },\r\n [ENavKey.About]: { site: 'home', href: baseUrl.home + '/#About', options: getNavLinkOptions({ toLocate: 'about' }) },\r\n [ENavKey.ContactUs]: { site: 'home', href: baseUrl.home + '/#Contact', options: getNavLinkOptions({ toLocate: 'contact' }) },\r\n [ENavKey.Videos]: { site: 'client', href: baseUrl.client, routerPath: '/', options: getNavLinkOptions({ tabKey: 'video' }) },\r\n [ENavKey.PurchaseLicenses]: { site: 'client', href: baseUrl.client + '/purchase-licenses', routerPath: '/purchase-licenses' },\r\n [ENavKey.SubmitMedia]: { site: 'client', href: baseUrl.client + '/submit', routerPath: '/submit' },\r\n [ENavKey.Privacy]: { site: 'client', href: baseUrl.client + '/privacy-policy', routerPath: '/privacy-policy' },\r\n [ENavKey.Terms]: { site: 'client', href: baseUrl.client + '/terms-of-submission', routerPath: '/terms-of-submission' },\r\n [ENavKey.CreateAccount]: { site: 'client', href: baseUrl.home + '/Identity/Account/Register' },\r\n [ENavKey.Audios]: { site: 'music', href: baseUrl.music, routerPath: '/', options: getNavLinkOptions({ tabKey: 'audio' }) }\r\n})\r\n\r\nexport const getHeaderMenuConfigs: (baseUrl: IAppSiteBaseUrl) => IAppMenu[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n {\r\n title: 'Media',\r\n items: [\r\n { title: mapNavTitles[ENavKey.Videos], icon: IconVideoBase64, navLink: navLinks[ENavKey.Videos] },\r\n { title: mapNavTitles[ENavKey.Audios], icon: IconAudioBase64, navLink: navLinks[ENavKey.Audios] }\r\n ]\r\n },\r\n {\r\n title: 'Quick Actions',\r\n items: [\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] }\r\n ]\r\n },\r\n {\r\n title: 'Support & Info',\r\n items: [\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ]\r\n }\r\n ]\r\n}\r\n\r\nexport const getHeaderNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } },\r\n { title: 'Get Started', menu: getHeaderMenuConfigs(baseUrl) }\r\n ]\r\n}\r\n\r\nexport const getMenuNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] },\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n}\r\n\r\nexport const footerDescription = `We provide licensing services for music, images, and digital media,\\ncopyright management, revenue optimization, and legal representation\\nfor creators across multiple platforms.`\r\n\r\nexport const getCopyrightText = () => {\r\n const currentYear = new Date().getFullYear()\r\n return `Copyright © 2024${currentYear > 2024 ? ` - ${currentYear}` : ''} BERLINTOMEK. All rights reserved.`\r\n}\r\n\r\nexport const getFooterNavTabConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } }\r\n ]\r\n}\r\n\r\nexport const getFooterNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[][] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ],\r\n [\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n ]\r\n}\r\n"],"names":["appLogoUrl","bgFooterUrl","appSocialConfigs","link","icon","_jsx","YouTubeIcon","color","InstagramIcon","TwitterIcon","PinterestIcon","RedditIcon","mapNavTitles","_defineProperty","_mapNavTitles","ENavKey","Home","Pricing","SubmitMedia","Faqs","Videos","Audios","Privacy","Terms","About","CreateAccount","ContactUs","PurchaseLicenses","getNavLinkOptions","options","JSON","stringify","getNavLinks","baseUrl","_ref","site","href","home","toLocate","client","routerPath","tabKey","music","getHeaderMenuConfigs","navLinks","title","items","IconVideoBase64","navLink","IconAudioBase64","getHeaderNavConfigs","startIcon","menu","getMenuNavConfigs","footerDescription","getCopyrightText","currentYear","Date","getFullYear","concat","getFooterNavTabConfigs","getFooterNavConfigs"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"configs.js","sources":["../../src/layout-global/configs.tsx"],"sourcesContent":["import RedditIcon from '@mui/icons-material/Reddit'\r\nimport YouTubeIcon from '@mui/icons-material/YouTube'\r\nimport TwitterIcon from '@mui/icons-material/Twitter'\r\nimport InstagramIcon from '@mui/icons-material/Instagram'\r\nimport PinterestIcon from '@mui/icons-material/Pinterest'\r\nimport { IconAudioBase64, IconVideoBase64 } from './animated-tabs.units'\r\nimport { IAppMenu, IAppNav, IAppSocial, ENavKey, INavLink, INavLinkOptions } from './types'\r\nimport type { IAppSiteBaseUrl } from '../types'\r\n\r\nexport const appLogoUrl = 'images/logo.webp'\r\nexport const getAppLogoUrl = (base: IAppSiteBaseUrl) => base.client + appLogoUrl\r\n\r\nexport const bgFooterUrl = 'images/bg-footer.webp'\r\nexport const getBgFooterUrl = (base: IAppSiteBaseUrl) => base.client + bgFooterUrl\r\n\r\nexport const appSocialConfigs: IAppSocial[] = [\r\n { link: 'https://www.youtube.com', icon: <YouTubeIcon />, color: '#FF0000' },\r\n { link: 'https://www.instagram.com', icon: <InstagramIcon />, color: '#E4405F' },\r\n { link: 'https://www.twitter.com', icon: <TwitterIcon />, color: '#1DA1F2' },\r\n { link: 'https://www.pinterest.com', icon: <PinterestIcon />, color: '#BD081C' },\r\n { link: 'https://www.reddit.com', icon: <RedditIcon />, color: '#FF4500' }\r\n]\r\n\r\nexport const mapNavTitles: Record<ENavKey, string> = {\r\n [ENavKey.Home]: 'Home',\r\n [ENavKey.Pricing]: 'Pricing',\r\n [ENavKey.SubmitMedia]: 'Submit Media',\r\n [ENavKey.Faqs]: 'FAQs',\r\n [ENavKey.Videos]: 'Videos',\r\n [ENavKey.Audios]: 'Audios',\r\n [ENavKey.Privacy]: 'Privacy Policy',\r\n [ENavKey.Terms]: 'Terms of Submission',\r\n [ENavKey.About]: 'About Us',\r\n [ENavKey.CreateAccount]: 'Create Account',\r\n [ENavKey.ContactUs]: 'Contact Us',\r\n [ENavKey.PurchaseLicenses]: 'Purchase Licenses'\r\n}\r\n\r\nconst getNavLinkOptions = (options: INavLinkOptions): string => {\r\n return JSON.stringify(options)\r\n}\r\n\r\nexport const getNavLinks: (baseUrl: IAppSiteBaseUrl) => Record<ENavKey, INavLink> = (baseUrl) => ({\r\n [ENavKey.Home]: { site: 'home', href: baseUrl.home, options: getNavLinkOptions({ toLocate: 'home' }) },\r\n [ENavKey.Pricing]: { site: 'home', href: baseUrl.home + '/#Pricing', options: getNavLinkOptions({ toLocate: 'pricing' }) },\r\n [ENavKey.Faqs]: { site: 'home', href: baseUrl.home + '/#Faq', options: getNavLinkOptions({ toLocate: 'faqs' }) },\r\n [ENavKey.About]: { site: 'home', href: baseUrl.home + '/#About', options: getNavLinkOptions({ toLocate: 'about' }) },\r\n [ENavKey.ContactUs]: { site: 'home', href: baseUrl.home + '/#Contact', options: getNavLinkOptions({ toLocate: 'contact' }) },\r\n [ENavKey.Videos]: { site: 'client', href: baseUrl.client, routerPath: '/', options: getNavLinkOptions({ tabKey: 'video' }) },\r\n [ENavKey.PurchaseLicenses]: { site: 'client', href: baseUrl.client + '/purchase-licenses', routerPath: '/purchase-licenses' },\r\n [ENavKey.SubmitMedia]: { site: 'client', href: baseUrl.client + '/submit', routerPath: '/submit' },\r\n [ENavKey.Privacy]: { site: 'client', href: baseUrl.client + '/privacy-policy', routerPath: '/privacy-policy' },\r\n [ENavKey.Terms]: { site: 'client', href: baseUrl.client + '/terms-of-submission', routerPath: '/terms-of-submission' },\r\n [ENavKey.CreateAccount]: { site: 'client', href: baseUrl.home + '/Identity/Account/Register' },\r\n [ENavKey.Audios]: { site: 'music', href: baseUrl.music, routerPath: '/', options: getNavLinkOptions({ tabKey: 'audio' }) }\r\n})\r\n\r\nexport const getHeaderMenuConfigs: (baseUrl: IAppSiteBaseUrl) => IAppMenu[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n {\r\n title: 'Media',\r\n items: [\r\n { title: mapNavTitles[ENavKey.Videos], icon: IconVideoBase64, navLink: navLinks[ENavKey.Videos] },\r\n { title: mapNavTitles[ENavKey.Audios], icon: IconAudioBase64, navLink: navLinks[ENavKey.Audios] }\r\n ]\r\n },\r\n {\r\n title: 'Quick Actions',\r\n items: [\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] }\r\n ]\r\n },\r\n {\r\n title: 'Support & Info',\r\n items: [\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ]\r\n }\r\n ]\r\n}\r\n\r\nexport const getHeaderNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } },\r\n { title: 'Get Started', menu: getHeaderMenuConfigs(baseUrl) }\r\n ]\r\n}\r\n\r\nexport const getMenuNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] },\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n}\r\n\r\nexport const footerDescription = `We provide licensing services for music, images, and digital media,\\ncopyright management, revenue optimization, and legal representation\\nfor creators across multiple platforms.`\r\n\r\nexport const getCopyrightText = () => {\r\n const currentYear = new Date().getFullYear()\r\n return `Copyright © 2024${currentYear > 2024 ? ` - ${currentYear}` : ''} BERLINTOMEK. All rights reserved.`\r\n}\r\n\r\nexport const getFooterNavTabConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n { title: mapNavTitles[ENavKey.Videos], navLink: navLinks[ENavKey.Videos], options: { startIcon: IconVideoBase64 } },\r\n { title: mapNavTitles[ENavKey.Audios], navLink: navLinks[ENavKey.Audios], options: { startIcon: IconAudioBase64 } }\r\n ]\r\n}\r\n\r\nexport const getFooterNavConfigs: (baseUrl: IAppSiteBaseUrl) => IAppNav[][] = (baseUrl) => {\r\n const navLinks = getNavLinks(baseUrl)\r\n return [\r\n [\r\n { title: mapNavTitles[ENavKey.Home], navLink: navLinks[ENavKey.Home] },\r\n { title: mapNavTitles[ENavKey.Pricing], navLink: navLinks[ENavKey.Pricing] },\r\n { title: mapNavTitles[ENavKey.About], navLink: navLinks[ENavKey.About] },\r\n { title: mapNavTitles[ENavKey.Terms], navLink: navLinks[ENavKey.Terms] },\r\n { title: mapNavTitles[ENavKey.Privacy], navLink: navLinks[ENavKey.Privacy] }\r\n ],\r\n [\r\n { title: mapNavTitles[ENavKey.CreateAccount], navLink: navLinks[ENavKey.CreateAccount] },\r\n { title: mapNavTitles[ENavKey.Faqs], navLink: navLinks[ENavKey.Faqs] },\r\n { title: mapNavTitles[ENavKey.ContactUs], navLink: navLinks[ENavKey.ContactUs] },\r\n { title: mapNavTitles[ENavKey.SubmitMedia], navLink: navLinks[ENavKey.SubmitMedia] },\r\n { title: mapNavTitles[ENavKey.PurchaseLicenses], navLink: navLinks[ENavKey.PurchaseLicenses] }\r\n ]\r\n ]\r\n}\r\n"],"names":["appLogoUrl","bgFooterUrl","appSocialConfigs","link","icon","_jsx","YouTubeIcon","color","InstagramIcon","TwitterIcon","PinterestIcon","RedditIcon","mapNavTitles","_defineProperty","_mapNavTitles","ENavKey","Home","Pricing","SubmitMedia","Faqs","Videos","Audios","Privacy","Terms","About","CreateAccount","ContactUs","PurchaseLicenses","getNavLinkOptions","options","JSON","stringify","getNavLinks","baseUrl","_ref","site","href","home","toLocate","client","routerPath","tabKey","music","getHeaderMenuConfigs","navLinks","title","items","IconVideoBase64","navLink","IconAudioBase64","getHeaderNavConfigs","startIcon","menu","getMenuNavConfigs","footerDescription","getCopyrightText","currentYear","Date","getFullYear","concat","getFooterNavTabConfigs","getFooterNavConfigs"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{objectSpread2 as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{styled as e,Box as t,Fade as a,Skeleton as l}from"@mui/material";import{useStreamUrl as n,getAspectRatioStyled as d}from"./helpers.js";import{EMediaPlayerStatus as s}from"./types.js";import m from"./core/videoplayer.js";var u=function(e){var t,u,h=n(e.resourceId,e.fetchDataStream),v=h.status,f=h.streamUrl;return r(p,{className:v===s.Loaded?"loaded":"",sx:d(null===(t=e.slots)||void 0===t?void 0:t.aspectRatio),children:[i(c,{children:f&&i(m,o({className:"player",src:f,anotherControls:!0,controls:{autoPlay:!0,muted:!0}},null===(u=e.slots)||void 0===u?void 0:u.coreProps))}),i(a,{in:v===s.Loading||e.loading,children:i(c,{children:function(){var o,r,t;if(null!==(o=e.slots)&&void 0!==o&&o.loading)return e.slots.loading;var a=null!==(r=null===(t=e.slots)||void 0===t||null===(t=t.loadingProps)||void 0===t?void 0:t.animationDuration)&&void 0!==r?r:"1s";return i(l,{animation:"wave",variant:"rounded",sx:{width:"100%",height:"100%","&::after":{animationDuration:a}}})}()})}),i(a,{in:v===s.Error&&!e.loading,unmountOnExit:!0,children:i(c,{children:i("img",{src:"images/video-error.webp",alt:"video-error",style:{width:"100%",height:"100%"}})})})]})},p=e(t)({"--mp-core1-color-main":"#ed4229","--mp-core1-color-text":"#fff","--mp-core1-icon-size":"34px",position:"relative",paddingBottom:"56.25%",borderRadius:"6px",overflow:"hidden","&.loaded":{background:"#000"}}),c=e(t)({position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:2,".player":{width:"100%",height:"100%"}});export{u as MediaPlayerMuted,u as default};
|
|
1
|
+
import{objectSpread2 as o}from"../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as i}from"react/jsx-runtime";import{styled as e,Box as t,Fade as a,Skeleton as l}from"@mui/material";import{useStreamUrl as n,getAspectRatioStyled as d}from"./helpers.js";import{EMediaPlayerStatus as s}from"./types.js";import m from"./core/videoplayer.js";var u=function(e){var t,u,h=n(e.resourceId,e.fetchDataStream),v=h.status,f=h.streamUrl;return r(p,{className:v===s.Loaded?"loaded":"",sx:d(null===(t=e.slots)||void 0===t?void 0:t.aspectRatio),children:[i(c,{children:f&&i(m,o({className:"player",src:f,anotherControls:!0,controls:{autoPlay:!0,muted:!0}},null===(u=e.slots)||void 0===u?void 0:u.coreProps))}),i(a,{in:v===s.Loading||e.loading,unmountOnExit:!0,children:i(c,{children:function(){var o,r,t;if(null!==(o=e.slots)&&void 0!==o&&o.loading)return e.slots.loading;var a=null!==(r=null===(t=e.slots)||void 0===t||null===(t=t.loadingProps)||void 0===t?void 0:t.animationDuration)&&void 0!==r?r:"1s";return i(l,{animation:"wave",variant:"rounded",sx:{width:"100%",height:"100%","&::after":{animationDuration:a}}})}()})}),i(a,{in:v===s.Error&&!e.loading,unmountOnExit:!0,children:i(c,{children:i("img",{src:"images/video-error.webp",alt:"video-error",style:{width:"100%",height:"100%"}})})})]})},p=e(t)({"--mp-core1-color-main":"#ed4229","--mp-core1-color-text":"#fff","--mp-core1-icon-size":"34px",position:"relative",paddingBottom:"56.25%",borderRadius:"6px",overflow:"hidden","&.loaded":{background:"#000"}}),c=e(t)({position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:2,".player":{width:"100%",height:"100%"}});export{u as MediaPlayerMuted,u as default};
|
|
2
2
|
//# sourceMappingURL=muted.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"muted.js","sources":["../../src/media-player/muted.tsx"],"sourcesContent":["import type { FC } from 'react'\r\nimport type { MediaPlayerBaseProps, MediaPlayerBaseSlots } from './types'\r\nimport { Box, Fade, Skeleton, styled } from '@mui/material'\r\nimport { getAspectRatioStyled, useStreamUrl } from './helpers'\r\nimport { EMediaPlayerStatus } from './types'\r\nimport MediaPlayerCore, { MediaPlayerSlot } from './core/videoplayer'\r\n\r\nexport interface SlotMediaPlayerMutedProps extends MediaPlayerBaseSlots {\r\n coreProps?: MediaPlayerSlot\r\n}\r\nexport interface IMediaPlayerMutedProps extends MediaPlayerBaseProps {\r\n slots?: SlotMediaPlayerMutedProps\r\n}\r\n\r\nexport const MediaPlayerMuted: FC<IMediaPlayerMutedProps> = (props) => {\r\n const { status, streamUrl } = useStreamUrl(props.resourceId, props.fetchDataStream)\r\n\r\n const renderLoading = () => {\r\n if (props.slots?.loading) return props.slots.loading\r\n const duration = props.slots?.loadingProps?.animationDuration ?? '1s'\r\n return <Skeleton animation='wave' variant='rounded' sx={{ width: '100%', height: '100%', '&::after': { animationDuration: duration } }} />\r\n }\r\n\r\n return (\r\n <WrapPlayer className={status === EMediaPlayerStatus.Loaded ? 'loaded' : ''} sx={getAspectRatioStyled(props.slots?.aspectRatio)}>\r\n <WrapVideo>\r\n {streamUrl && (\r\n // <MediaPlayerCore1 className='player' src={streamUrl} slots={props.slots?.core1Props} />\r\n <MediaPlayerCore\r\n className='player'\r\n src={streamUrl}\r\n anotherControls\r\n controls={{ autoPlay: true, muted: true }}\r\n {...props.slots?.coreProps}\r\n />\r\n )}\r\n </WrapVideo>\r\n <Fade in={status === EMediaPlayerStatus.Loading || props.loading}>\r\n <WrapVideo>{renderLoading()}</WrapVideo>\r\n </Fade>\r\n <Fade in={status === EMediaPlayerStatus.Error && !props.loading} unmountOnExit>\r\n <WrapVideo>\r\n <img src='images/video-error.webp' alt='video-error' style={{ width: '100%', height: '100%' }} />\r\n </WrapVideo>\r\n </Fade>\r\n </WrapPlayer>\r\n )\r\n}\r\n\r\nexport default MediaPlayerMuted\r\n\r\nconst WrapPlayer = styled(Box)({\r\n '--mp-core1-color-main': '#ed4229',\r\n '--mp-core1-color-text': '#fff',\r\n '--mp-core1-icon-size': '34px',\r\n position: 'relative',\r\n paddingBottom: '56.25%',\r\n borderRadius: '6px',\r\n overflow: 'hidden',\r\n '&.loaded': {\r\n background: '#000'\r\n }\r\n})\r\n\r\nconst WrapVideo = styled(Box)({\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: '100%',\r\n zIndex: 2,\r\n '.player': {\r\n width: '100%',\r\n height: '100%'\r\n }\r\n})\r\n"],"names":["MediaPlayerMuted","props","_props$slots3","_props$slots4","_useStreamUrl","useStreamUrl","resourceId","fetchDataStream","status","streamUrl","_jsxs","WrapPlayer","className","EMediaPlayerStatus","Loaded","sx","getAspectRatioStyled","slots","aspectRatio","children","_jsx","WrapVideo","MediaPlayerCore","_objectSpread","src","anotherControls","controls","autoPlay","muted","coreProps","Fade","in","Loading","loading","_props$slots","_props$slots$loadingP","_props$slots2","duration","loadingProps","animationDuration","Skeleton","animation","variant","width","height","renderLoading","Error","
|
|
1
|
+
{"version":3,"file":"muted.js","sources":["../../src/media-player/muted.tsx"],"sourcesContent":["import type { FC } from 'react'\r\nimport type { MediaPlayerBaseProps, MediaPlayerBaseSlots } from './types'\r\nimport { Box, Fade, Skeleton, styled } from '@mui/material'\r\nimport { getAspectRatioStyled, useStreamUrl } from './helpers'\r\nimport { EMediaPlayerStatus } from './types'\r\nimport MediaPlayerCore, { MediaPlayerSlot } from './core/videoplayer'\r\n\r\nexport interface SlotMediaPlayerMutedProps extends MediaPlayerBaseSlots {\r\n coreProps?: MediaPlayerSlot\r\n}\r\nexport interface IMediaPlayerMutedProps extends MediaPlayerBaseProps {\r\n slots?: SlotMediaPlayerMutedProps\r\n}\r\n\r\nexport const MediaPlayerMuted: FC<IMediaPlayerMutedProps> = (props) => {\r\n const { status, streamUrl } = useStreamUrl(props.resourceId, props.fetchDataStream)\r\n\r\n const renderLoading = () => {\r\n if (props.slots?.loading) return props.slots.loading\r\n const duration = props.slots?.loadingProps?.animationDuration ?? '1s'\r\n return <Skeleton animation='wave' variant='rounded' sx={{ width: '100%', height: '100%', '&::after': { animationDuration: duration } }} />\r\n }\r\n\r\n return (\r\n <WrapPlayer className={status === EMediaPlayerStatus.Loaded ? 'loaded' : ''} sx={getAspectRatioStyled(props.slots?.aspectRatio)}>\r\n <WrapVideo>\r\n {streamUrl && (\r\n // <MediaPlayerCore1 className='player' src={streamUrl} slots={props.slots?.core1Props} />\r\n <MediaPlayerCore\r\n className='player'\r\n src={streamUrl}\r\n anotherControls\r\n controls={{ autoPlay: true, muted: true }}\r\n {...props.slots?.coreProps}\r\n />\r\n )}\r\n </WrapVideo>\r\n <Fade in={status === EMediaPlayerStatus.Loading || props.loading} unmountOnExit>\r\n <WrapVideo>{renderLoading()}</WrapVideo>\r\n </Fade>\r\n <Fade in={status === EMediaPlayerStatus.Error && !props.loading} unmountOnExit>\r\n <WrapVideo>\r\n <img src='images/video-error.webp' alt='video-error' style={{ width: '100%', height: '100%' }} />\r\n </WrapVideo>\r\n </Fade>\r\n </WrapPlayer>\r\n )\r\n}\r\n\r\nexport default MediaPlayerMuted\r\n\r\nconst WrapPlayer = styled(Box)({\r\n '--mp-core1-color-main': '#ed4229',\r\n '--mp-core1-color-text': '#fff',\r\n '--mp-core1-icon-size': '34px',\r\n position: 'relative',\r\n paddingBottom: '56.25%',\r\n borderRadius: '6px',\r\n overflow: 'hidden',\r\n '&.loaded': {\r\n background: '#000'\r\n }\r\n})\r\n\r\nconst WrapVideo = styled(Box)({\r\n position: 'absolute',\r\n top: 0,\r\n left: 0,\r\n width: '100%',\r\n height: '100%',\r\n zIndex: 2,\r\n '.player': {\r\n width: '100%',\r\n height: '100%'\r\n }\r\n})\r\n"],"names":["MediaPlayerMuted","props","_props$slots3","_props$slots4","_useStreamUrl","useStreamUrl","resourceId","fetchDataStream","status","streamUrl","_jsxs","WrapPlayer","className","EMediaPlayerStatus","Loaded","sx","getAspectRatioStyled","slots","aspectRatio","children","_jsx","WrapVideo","MediaPlayerCore","_objectSpread","src","anotherControls","controls","autoPlay","muted","coreProps","Fade","in","Loading","loading","unmountOnExit","_props$slots","_props$slots$loadingP","_props$slots2","duration","loadingProps","animationDuration","Skeleton","animation","variant","width","height","renderLoading","Error","alt","style","styled","Box","position","paddingBottom","borderRadius","overflow","background","top","left","zIndex"],"mappings":"kWAcaA,EAA+C,SAACC,GAAS,IAAAC,EAAAC,EACpEC,EAA8BC,EAAaJ,EAAMK,WAAYL,EAAMM,iBAA3DC,EAAMJ,EAANI,OAAQC,EAASL,EAATK,UAQhB,OACEC,EAACC,EAAU,CAACC,UAAWJ,IAAWK,EAAmBC,OAAS,SAAW,GAAIC,GAAIC,EAAgC,QAAZd,EAACD,EAAMgB,aAAK,IAAAf,OAAA,EAAXA,EAAagB,aACjHC,SAAA,CAAAC,EAACC,EAAS,CAAAF,SACPV,GAECW,EAACE,EAAeC,EAAA,CACdX,UAAU,SACVY,IAAKf,EACLgB,mBACAC,SAAU,CAAEC,UAAU,EAAMC,OAAO,IACpBzB,QAD0BA,EACrCF,EAAMgB,aAANd,IAAWA,OAAXA,EAAAA,EAAa0B,cAIvBT,EAACU,EAAI,CAACC,GAAIvB,IAAWK,EAAmBmB,SAAW/B,EAAMgC,QAASC,eAAa,EAAAf,SAC7EC,EAACC,YArBe,WAAK,IAAAc,EAAAC,EAAAC,EACzB,WAAAF,EAAIlC,EAAMgB,aAAK,IAAAkB,GAAXA,EAAaF,QAAS,OAAOhC,EAAMgB,MAAMgB,QAC7C,IAAMK,EAAuD,QAA/CF,EAAc,QAAdC,EAAGpC,EAAMgB,aAAK,IAAAoB,GAAc,QAAdA,EAAXA,EAAaE,oBAAY,IAAAF,OAAA,EAAzBA,EAA2BG,yBAAiB,IAAAJ,EAAAA,EAAI,KACjE,OAAOhB,EAACqB,EAAS,CAAAC,UAAU,OAAOC,QAAQ,UAAU5B,GAAI,CAAE6B,MAAO,OAAQC,OAAQ,OAAQ,WAAY,CAAEL,kBAAmBF,KAC3H,CAiBiBQ,OAEd1B,EAACU,EAAI,CAACC,GAAIvB,IAAWK,EAAmBkC,QAAU9C,EAAMgC,QAASC,eAC/D,EAAAf,SAAAC,EAACC,EAAS,CAAAF,SACRC,SAAKI,IAAI,0BAA0BwB,IAAI,cAAcC,MAAO,CAAEL,MAAO,OAAQC,OAAQ,gBAK/F,EAIMlC,EAAauC,EAAOC,EAAPD,CAAY,CAC7B,wBAAyB,UACzB,wBAAyB,OACzB,uBAAwB,OACxBE,SAAU,WACVC,cAAe,SACfC,aAAc,MACdC,SAAU,SACV,WAAY,CACVC,WAAY,UAIVnC,EAAY6B,EAAOC,EAAPD,CAAY,CAC5BE,SAAU,WACVK,IAAK,EACLC,KAAM,EACNd,MAAO,OACPC,OAAQ,OACRc,OAAQ,EACR,UAAW,CACTf,MAAO,OACPC,OAAQ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var _={MAX_ITEMS_PER_GROUP:100,MAX_NAME_GROUP:50,MAX_CHANNELS:20
|
|
1
|
+
var _={MAX_ITEMS_PER_GROUP:100,MAX_GROUP:5,MAX_NAME_GROUP:50,MAX_CHANNELS:20};export{_ as mediaRightStoreOptions};
|
|
2
2
|
//# sourceMappingURL=configs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"configs.js","sources":["../../src/media-right/configs.ts"],"sourcesContent":["export const mediaRightStoreOptions = {\r\n MAX_ITEMS_PER_GROUP: 100,\r\n MAX_NAME_GROUP: 50,\r\n MAX_CHANNELS: 20,\r\n CHANNEL_TYPES: ['Youtube']\r\n}\r\n"],"names":["mediaRightStoreOptions","MAX_ITEMS_PER_GROUP","
|
|
1
|
+
{"version":3,"file":"configs.js","sources":["../../src/media-right/configs.ts"],"sourcesContent":["export const mediaRightStoreOptions = {\r\n MAX_ITEMS_PER_GROUP: 100,\r\n MAX_GROUP: 5,\r\n MAX_NAME_GROUP: 50,\r\n MAX_CHANNELS: 20,\r\n // CHANNEL_TYPES: ['Youtube']\r\n}\r\n"],"names":["mediaRightStoreOptions","MAX_ITEMS_PER_GROUP","MAX_GROUP","MAX_NAME_GROUP","MAX_CHANNELS"],"mappings":"AAAO,IAAMA,EAAyB,CACpCC,oBAAqB,IACrBC,UAAW,EACXC,eAAgB,GAChBC,aAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as o,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as
|
|
1
|
+
import{slicedToArray as o,objectSpread2 as e}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as r,jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import{createRoot as i}from"react-dom/client";import{Dialog as l,Box as m,DialogContent as u,Typography as d,DialogActions as a,Button as p}from"@mui/material";import{CollectionsList as c}from"./units.js";import{ModalHeader as s}from"./modal-header.js";import{canAddGroup as f,generateGroupId as h}from"../helpers.js";import{NewCollectionButton as v,NewCollectionInput as C}from"../unit.control.js";import{GuideSteps as b}from"../guide-steps/index.js";var g=function(i){var h=i.open,g=i.onClose,x=i.onConfirm,j=i.groups,S=i.guideStepsProps,y=i.cartItem,I=n(null),P=o(I,2),k=P[0],G=P[1],W=n(!1),A=o(W,2),B=A[0],M=A[1],_=n(""),D=o(_,2),E=D[0],H=D[1],L=function(){G(null),M(!1),H(""),g()};return r(l,{open:h,onClose:L,maxWidth:"xs",fullWidth:!0,disableScrollLock:!0,keepMounted:!1,scroll:"paper",children:[t(s,{cartItem:y,onClose:L}),r(m,{component:"form",onSubmit:function(o){o.preventDefault(),B&&E.trim()?x(null,E.trim()):x(k||null)},children:[r(u,{children:[t(d,{variant:"subtitle1",sx:{mb:1,fontWeight:600},children:"Your Media Rights Package"}),f(j)&&(B?t(C,{value:E,onChange:H}):t(v,{onClick:function(){G(null),M(!0)}})),t(c,{groups:j,selectedGroupId:k,onGroupSelect:function(o){G(o),M(!1)}})]}),r(a,{sx:{px:3,pb:3},children:[S&&t(b,e({iconButtonProps:{color:"primary",sx:{mr:"auto"}}},S)),t(p,{onClick:L,variant:"outlined",type:"button",children:"Cancel"}),t(p,{type:"submit",variant:"contained",disabled:B?!E.trim():!k,sx:{minWidth:100},children:B?"Create & Add":k?"Add":"Save"})]})]})]})},x=function(o){var r=o.cartItem,n=o.groups,l=o.guideStepsProps,m=o.addGroup,u=o.addItem,d=document.createElement("div");document.body.appendChild(d);var a=i(d);a.render(t(g,{open:!0,onClose:function(){a.unmount(),document.body.removeChild(d)},onConfirm:function(o,t){if(r){var n=o;!o&&t&&(n=h(),m({id:n,name:t,channels:[]}));var i=e(e({},r),{},{GroupId:n||""});n&&u(i),a.unmount(),document.body.removeChild(d)}},guideStepsProps:l,groups:n,cartItem:r}))};export{g as GroupSelectorModal,x as showGroupSelectorModal};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/media-right/group-selector/index.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport type { FC, FormEvent } from 'react'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { Dialog, DialogContent, DialogActions, Button, Typography, Box } from '@mui/material'\r\nimport type { IMediaRightGroup, IMediaRightItem } from '../types'\r\nimport { CollectionsList } from './units'\r\nimport { ModalHeader } from './modal-header'\r\nimport { generateGroupId } from '../helpers'\r\nimport { NewCollectionButton, NewCollectionInput } from '
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/media-right/group-selector/index.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport type { FC, FormEvent } from 'react'\r\nimport { createRoot } from 'react-dom/client'\r\nimport { Dialog, DialogContent, DialogActions, Button, Typography, Box } from '@mui/material'\r\nimport type { IMediaRightGroup, IMediaRightItem } from '../types'\r\nimport { CollectionsList } from './units'\r\nimport { ModalHeader } from './modal-header'\r\nimport { canAddGroup, generateGroupId } from '../helpers'\r\nimport { NewCollectionButton, NewCollectionInput } from '../unit.control'\r\nimport { GuideSteps } from '../guide-steps'\r\nimport type { IGuideStepsProps } from '../guide-steps'\r\n\r\nexport interface IGroupSelectorModalProps {\r\n open: boolean\r\n guideStepsProps?: IGuideStepsProps\r\n onClose: () => void\r\n onConfirm: (groupId: string | null, newName?: string) => void\r\n groups: IMediaRightGroup[]\r\n cartItem: IMediaRightItem | null\r\n}\r\n\r\nexport const GroupSelectorModal: FC<IGroupSelectorModalProps> = ({ open, onClose, onConfirm, groups, guideStepsProps, cartItem }) => {\r\n const [selectedGroupId, setSelectedGroupId] = useState<string | null>(null)\r\n const [showNewGroupInput, setShowNewGroupInput] = useState(false)\r\n const [newName, setNewName] = useState<string>('')\r\n\r\n const handleSubmit = (e: FormEvent) => {\r\n e.preventDefault()\r\n\r\n if (showNewGroupInput && newName.trim()) {\r\n // Create new group\r\n onConfirm(null, newName.trim())\r\n } else if (selectedGroupId) {\r\n // Add to selected group\r\n onConfirm(selectedGroupId)\r\n } else {\r\n // Add to cart without group\r\n onConfirm(null)\r\n }\r\n }\r\n\r\n const handleClose = () => {\r\n setSelectedGroupId(null)\r\n setShowNewGroupInput(false)\r\n setNewName('')\r\n onClose()\r\n }\r\n\r\n const handleNewGroupClick = () => {\r\n setSelectedGroupId(null)\r\n setShowNewGroupInput(true)\r\n }\r\n\r\n const handleGroupSelect = (groupId: string) => {\r\n setSelectedGroupId(groupId)\r\n setShowNewGroupInput(false)\r\n }\r\n\r\n const isConfirmDisabled = () => {\r\n if (showNewGroupInput) return !newName.trim()\r\n return !selectedGroupId\r\n }\r\n\r\n return (\r\n <Dialog open={open} onClose={handleClose} maxWidth='xs' fullWidth disableScrollLock={true} keepMounted={false} scroll='paper'>\r\n <ModalHeader cartItem={cartItem} onClose={handleClose} />\r\n <Box component='form' onSubmit={handleSubmit}>\r\n <DialogContent>\r\n <Typography variant='subtitle1' sx={{ mb: 1, fontWeight: 600 }}>\r\n Your Media Rights Package\r\n </Typography>\r\n {canAddGroup(groups) &&\r\n (!showNewGroupInput ? (\r\n <NewCollectionButton onClick={handleNewGroupClick} />\r\n ) : (\r\n <NewCollectionInput value={newName} onChange={setNewName} />\r\n ))}\r\n <CollectionsList groups={groups} selectedGroupId={selectedGroupId} onGroupSelect={handleGroupSelect} />\r\n </DialogContent>\r\n\r\n <DialogActions sx={{ px: 3, pb: 3 }}>\r\n {guideStepsProps && <GuideSteps iconButtonProps={{ color: 'primary', sx: { mr: 'auto' } }} {...guideStepsProps} />}\r\n <Button onClick={handleClose} variant='outlined' type='button'>\r\n Cancel\r\n </Button>\r\n <Button type='submit' variant='contained' disabled={isConfirmDisabled()} sx={{ minWidth: 100 }}>\r\n {showNewGroupInput ? 'Create & Add' : selectedGroupId ? 'Add' : 'Save'}\r\n </Button>\r\n </DialogActions>\r\n </Box>\r\n </Dialog>\r\n )\r\n}\r\n\r\nexport interface IShowGroupSelectorModalProps {\r\n cartItem: IMediaRightItem | null\r\n groups: IMediaRightGroup[]\r\n guideStepsProps?: IGuideStepsProps\r\n addGroup: (group: Omit<IMediaRightGroup, 'createdAt' | 'items'>) => void\r\n addItem: (item: IMediaRightItem) => void\r\n}\r\n\r\nexport const showGroupSelectorModal = ({ cartItem, groups, guideStepsProps, addGroup, addItem }: IShowGroupSelectorModalProps) => {\r\n const modalContainer = document.createElement('div')\r\n document.body.appendChild(modalContainer)\r\n const root = createRoot(modalContainer)\r\n\r\n const handleModalConfirmInModal = (groupId: string | null, newGroupName?: string) => {\r\n if (!cartItem) return\r\n let finalGroupId = groupId\r\n // Create new group if needed\r\n if (!groupId && newGroupName) {\r\n finalGroupId = generateGroupId()\r\n addGroup({\r\n id: finalGroupId,\r\n name: newGroupName,\r\n channels: []\r\n })\r\n }\r\n const cartItemWithGroup: IMediaRightItem = {\r\n ...cartItem,\r\n GroupId: finalGroupId || ''\r\n }\r\n if (finalGroupId) {\r\n addItem(cartItemWithGroup)\r\n }\r\n root.unmount()\r\n document.body.removeChild(modalContainer)\r\n }\r\n root.render(\r\n <GroupSelectorModal\r\n open={true}\r\n onClose={() => {\r\n root.unmount()\r\n document.body.removeChild(modalContainer)\r\n }}\r\n onConfirm={handleModalConfirmInModal}\r\n guideStepsProps={guideStepsProps}\r\n groups={groups}\r\n cartItem={cartItem}\r\n />\r\n )\r\n}\r\n"],"names":["GroupSelectorModal","_ref","open","onClose","onConfirm","groups","guideStepsProps","cartItem","_useState","useState","_useState2","_slicedToArray","selectedGroupId","setSelectedGroupId","_useState3","_useState4","showNewGroupInput","setShowNewGroupInput","_useState5","_useState6","newName","setNewName","handleClose","_jsxs","Dialog","maxWidth","fullWidth","disableScrollLock","keepMounted","scroll","children","_jsx","ModalHeader","Box","component","onSubmit","e","preventDefault","trim","DialogContent","Typography","variant","sx","mb","fontWeight","canAddGroup","NewCollectionInput","value","onChange","NewCollectionButton","onClick","CollectionsList","onGroupSelect","groupId","DialogActions","px","pb","GuideSteps","_objectSpread","iconButtonProps","color","mr","Button","type","disabled","minWidth","showGroupSelectorModal","_ref2","addGroup","addItem","modalContainer","document","createElement","body","appendChild","root","createRoot","render","unmount","removeChild","newGroupName","finalGroupId","generateGroupId","id","name","channels","cartItemWithGroup","GroupId"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Box as t,Typography as i,List as o,ListItem as n,ListItemButton as a,Checkbox as l,Stack as c,Chip as d}from"@mui/material";import s from"@mui/icons-material/FolderOutlined";var m=function(t){var o=t.group,m=t.isSelected,u=t.onSelect;return r(n,{disablePadding:!0,children:e(a,{selected:m,onClick:function(){return u(o.id)},sx:{gap:1,borderRadius:1,"&.Mui-selected":{bgcolor:"primary.50","&:hover":{bgcolor:"primary.100"}}},children:[r(l,{checked:m,size:"small"}),r(s,{fontSize:"small"}),e(c,{direction:"row",gap:1,sx:{minWidth:0,flexGrow:1,alignItems:"center",justifyContent:"space-between"},children:[r(i,{variant:"
|
|
1
|
+
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{Box as t,Typography as i,List as o,ListItem as n,ListItemButton as a,Checkbox as l,Stack as c,Chip as d}from"@mui/material";import s from"@mui/icons-material/FolderOutlined";var m=function(t){var o=t.group,m=t.isSelected,u=t.onSelect;return r(n,{disablePadding:!0,children:e(a,{selected:m,onClick:function(){return u(o.id)},sx:{gap:1,borderRadius:1,"&.Mui-selected":{bgcolor:"primary.50","&:hover":{bgcolor:"primary.100"}}},children:[r(l,{checked:m,size:"small"}),r(s,{fontSize:"small"}),e(c,{direction:"row",gap:1,sx:{minWidth:0,flexGrow:1,alignItems:"center",justifyContent:"space-between"},children:[r(i,{variant:"body2",noWrap:!0,children:o.name}),r(d,{label:"".concat(o.items.length," items"),size:"small"})]})]})})},u=function(n){var a=n.groups,l=n.selectedGroupId,c=n.onGroupSelect;return 0===a.length?e(t,{sx:{textAlign:"center",py:2,color:"text.secondary"},children:[r(s,{sx:{fontSize:48,mb:1,opacity:.5}}),r(i,{variant:"body2",children:"No Media Rights Packages yet. Create your first package!"})]}):r(o,{sx:{maxHeight:300,overflow:"auto"},children:a.map(function(e){return r(m,{group:e,isSelected:l===e.id,onSelect:c},e.id)})})};export{u as CollectionsList};
|
|
2
2
|
//# sourceMappingURL=units.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"units.js","sources":["../../../src/media-right/group-selector/units.tsx"],"sourcesContent":["import type { FC } from 'react'\r\nimport { List, Box, Typography, ListItem, ListItemButton, Checkbox, Stack, Chip } from '@mui/material'\r\nimport FolderOutlinedIcon from '@mui/icons-material/FolderOutlined'\r\nimport type { IMediaRightGroup } from '../types'\r\n\r\nexport interface CollectionItemProps {\r\n group: IMediaRightGroup\r\n isSelected: boolean\r\n onSelect: (groupId: string) => void\r\n}\r\n\r\nconst CollectionItem: FC<CollectionItemProps> = ({ group, isSelected, onSelect }) => {\r\n return (\r\n <ListItem disablePadding>\r\n <ListItemButton\r\n selected={isSelected}\r\n onClick={() => onSelect(group.id)}\r\n sx={{\r\n gap: 1,\r\n borderRadius: 1,\r\n '&.Mui-selected': {\r\n bgcolor: 'primary.50',\r\n '&:hover': {\r\n bgcolor: 'primary.100'\r\n }\r\n }\r\n }}\r\n >\r\n <Checkbox checked={isSelected} size='small' />\r\n <FolderOutlinedIcon fontSize='small' />\r\n <Stack direction='row' gap={1} sx={{ minWidth: 0, flexGrow: 1, alignItems: 'center', justifyContent: 'space-between' }}>\r\n <Typography variant='
|
|
1
|
+
{"version":3,"file":"units.js","sources":["../../../src/media-right/group-selector/units.tsx"],"sourcesContent":["import type { FC } from 'react'\r\nimport { List, Box, Typography, ListItem, ListItemButton, Checkbox, Stack, Chip } from '@mui/material'\r\nimport FolderOutlinedIcon from '@mui/icons-material/FolderOutlined'\r\nimport type { IMediaRightGroup } from '../types'\r\n\r\nexport interface CollectionItemProps {\r\n group: IMediaRightGroup\r\n isSelected: boolean\r\n onSelect: (groupId: string) => void\r\n}\r\n\r\nconst CollectionItem: FC<CollectionItemProps> = ({ group, isSelected, onSelect }) => {\r\n return (\r\n <ListItem disablePadding>\r\n <ListItemButton\r\n selected={isSelected}\r\n onClick={() => onSelect(group.id)}\r\n sx={{\r\n gap: 1,\r\n borderRadius: 1,\r\n '&.Mui-selected': {\r\n bgcolor: 'primary.50',\r\n '&:hover': {\r\n bgcolor: 'primary.100'\r\n }\r\n }\r\n }}\r\n >\r\n <Checkbox checked={isSelected} size='small' />\r\n <FolderOutlinedIcon fontSize='small' />\r\n <Stack direction='row' gap={1} sx={{ minWidth: 0, flexGrow: 1, alignItems: 'center', justifyContent: 'space-between' }}>\r\n <Typography variant='body2' noWrap>\r\n {group.name}\r\n </Typography>\r\n <Chip label={`${group.items.length} items`} size='small' />\r\n </Stack>\r\n </ListItemButton>\r\n </ListItem>\r\n )\r\n}\r\n\r\nexport interface CollectionsListProps {\r\n groups: IMediaRightGroup[]\r\n selectedGroupId: string | null\r\n onGroupSelect: (groupId: string) => void\r\n}\r\n\r\nexport const CollectionsList: FC<CollectionsListProps> = ({ groups, selectedGroupId, onGroupSelect }) => {\r\n if (groups.length === 0) {\r\n return (\r\n <Box sx={{ textAlign: 'center', py: 2, color: 'text.secondary' }}>\r\n <FolderOutlinedIcon sx={{ fontSize: 48, mb: 1, opacity: 0.5 }} />\r\n <Typography variant='body2'>No Media Rights Packages yet. Create your first package!</Typography>\r\n </Box>\r\n )\r\n }\r\n\r\n return (\r\n <List sx={{ maxHeight: 300, overflow: 'auto' }}>\r\n {groups.map((group) => (\r\n <CollectionItem key={group.id} group={group} isSelected={selectedGroupId === group.id} onSelect={onGroupSelect} />\r\n ))}\r\n </List>\r\n )\r\n}\r\n"],"names":["CollectionItem","_ref","group","isSelected","onSelect","_jsx","ListItem","disablePadding","children","_jsxs","ListItemButton","selected","onClick","id","sx","gap","borderRadius","bgcolor","Checkbox","checked","size","FolderOutlinedIcon","fontSize","Stack","direction","minWidth","flexGrow","alignItems","justifyContent","Typography","variant","noWrap","name","Chip","label","concat","items","length","CollectionsList","_ref2","groups","selectedGroupId","onGroupSelect","Box","textAlign","py","color","mb","opacity","List","maxHeight","overflow","map"],"mappings":"uOAWA,IAAMA,EAA0C,SAA5BC,GAAgE,IAAjCC,EAAKD,EAALC,MAAOC,EAAUF,EAAVE,WAAYC,EAAQH,EAARG,SACpE,OACEC,EAACC,EAAS,CAAAC,gBACR,EAAAC,SAAAC,EAACC,EAAc,CACbC,SAAUR,EACVS,QAAS,WAAF,OAAQR,EAASF,EAAMW,GAAG,EACjCC,GAAI,CACFC,IAAK,EACLC,aAAc,EACd,iBAAkB,CAChBC,QAAS,aACT,UAAW,CACTA,QAAS,iBAGdT,SAAA,CAEDH,EAACa,EAAQ,CAACC,QAAShB,EAAYiB,KAAK,UACpCf,EAACgB,GAAmBC,SAAS,UAC7Bb,EAACc,GAAMC,UAAU,MAAMT,IAAK,EAAGD,GAAI,CAAEW,SAAU,EAAGC,SAAU,EAAGC,WAAY,SAAUC,eAAgB,iBAAiBpB,SAAA,CACpHH,EAACwB,EAAU,CAACC,QAAQ,QAAQC,mBACzB7B,EAAM8B,OAET3B,EAAC4B,GAAKC,MAAK,GAAAC,OAAKjC,EAAMkC,MAAMC,OAAc,UAAEjB,KAAK,iBAK3D,EAQakB,EAA4C,SAA7BC,GAA4E,IAA5CC,EAAMD,EAANC,OAAQC,EAAeF,EAAfE,gBAAiBC,EAAaH,EAAbG,cACnF,OAAsB,IAAlBF,EAAOH,OAEP5B,EAACkC,EAAG,CAAC7B,GAAI,CAAE8B,UAAW,SAAUC,GAAI,EAAGC,MAAO,kBAAkBtC,SAAA,CAC9DH,EAACgB,EAAmB,CAAAP,GAAI,CAAEQ,SAAU,GAAIyB,GAAI,EAAGC,QAAS,MACxD3C,EAACwB,EAAW,CAAAC,QAAQ,QAAOtB,SAAA,gEAM/BH,EAAC4C,EAAK,CAAAnC,GAAI,CAAEoC,UAAW,IAAKC,SAAU,QACnC3C,SAAAgC,EAAOY,IAAI,SAAClD,GAAK,OAChBG,EAACL,EAAc,CAAgBE,MAAOA,EAAOC,WAAYsC,IAAoBvC,EAAMW,GAAIT,SAAUsC,GAA5ExC,EAAMW,GAC5B,IAGP"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{slicedToArray as t,objectSpread2 as n}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as i,Fragment as e,jsx as r}from"react/jsx-runtime";import{useState as o,useRef as l}from"react";import{IconButton as a,Dialog as c,DialogContent as s,Box as m,Stack as u,Typography as d,DialogActions as p,MobileStepper as h,Button as f}from"@mui/material";import x from"@mui/icons-material/HelpOutline";import g from"@mui/icons-material/Close";var b=function(b){var v=b.iconButtonProps,k=b.dialogProps,C=b.contentProps,z=b.steps,B=o(!1),y=t(B,2),w=y[0],j=y[1],H=o(0),P=t(H,2),W=P[0],I=P[1],S=l(0),X=function(){j(!1),I(0),S.current=0};return i(e,{children:[r(a,n(n({onClick:function(){return j(!0)},size:"small"},v),{},{children:r(x,{})})),i(c,n(n({open:w,onClose:X,maxWidth:"sm",fullWidth:!0},k),{},{children:[i(s,{sx:{p:2,pt:"39px",position:"relative",overflowX:"hidden",minHeight:260},children:[r(a,{"aria-label":"close",onClick:X,sx:{position:"absolute",right:8,top:8,color:function(t){return t.palette.grey[500]},zIndex:1},size:"small",children:r(g,{})}),r(m,{sx:{display:"flex",flexDirection:"row",width:"".concat(100*z.length,"%"),transform:"translateX(-".concat(W*(100/z.length),"%)"),transition:"transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)"},children:z.map(function(t,e){var o;return i(u,n(n({alignItems:"start",width:"".concat(100/z.length,"%"),flexShrink:0,px:2},C),{},{children:[r("img",{src:t.img,alt:t.label,style:{maxWidth:"100%",marginInline:"auto",maxHeight:120,marginBottom:16}}),r(d,{variant:"h6",fontWeight:600,gutterBottom:!0,children:t.label}),null===(o=t.text)||void 0===o?void 0:o.split("\n").map(function(t,n){return r(d,{variant:0===n?"subtitle1":"body2",sx:{mb:0===n?1:0},children:t},n)}),t.content&&r(m,{sx:{mt:1,width:"100%"},children:t.content})]}),e)})})]}),i(p,{sx:{px:3,pb:3},children:[r(h,{variant:"dots",steps:z.length,position:"static",activeStep:W,sx:{background:"transparent",justifyContent:"center",mr:"auto"},nextButton:null,backButton:null}),W>0&&r(f,{onClick:function(){S.current=W,I(function(t){return t-1})},size:"small",children:"Back"}),W===z.length-1?r(f,{onClick:X,size:"small",variant:"contained",children:"Finish"}):r(f,{onClick:function(){S.current=W,I(function(t){return t+1})},size:"small",variant:"contained",children:"Next"})]})]}))]})};export{b as GuideSteps};
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/media-right/guide-steps/index.tsx"],"sourcesContent":["import { useState, useRef } from 'react'\r\nimport { Dialog, DialogContent, DialogActions, Button, IconButton, Box, Typography, MobileStepper, Stack } from '@mui/material'\r\nimport HelpOutlineIcon from '@mui/icons-material/HelpOutline'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\nimport type { FC } from 'react'\r\nimport type { DialogProps, IconButtonProps, StackProps } from '@mui/material'\r\n\r\nexport interface IGuideStep {\r\n label: string\r\n img: string\r\n text?: string\r\n content?: React.ReactNode\r\n}\r\n\r\nexport interface IGuideStepsProps {\r\n iconButtonProps?: IconButtonProps\r\n dialogProps?: DialogProps\r\n contentProps?: StackProps\r\n steps: IGuideStep[]\r\n}\r\n\r\nexport const GuideSteps: FC<IGuideStepsProps> = ({ iconButtonProps, dialogProps, contentProps, steps }) => {\r\n const [open, setOpen] = useState(false)\r\n const [activeStep, setActiveStep] = useState(0)\r\n const prevStep = useRef(0)\r\n\r\n const handleOpen = () => setOpen(true)\r\n const handleClose = () => {\r\n setOpen(false)\r\n setActiveStep(0)\r\n prevStep.current = 0\r\n }\r\n const handleNext = () => {\r\n prevStep.current = activeStep\r\n setActiveStep((prev) => prev + 1)\r\n }\r\n const handleBack = () => {\r\n prevStep.current = activeStep\r\n setActiveStep((prev) => prev - 1)\r\n }\r\n\r\n return (\r\n <>\r\n <IconButton onClick={handleOpen} size='small' {...iconButtonProps}>\r\n <HelpOutlineIcon />\r\n </IconButton>\r\n <Dialog open={open} onClose={handleClose} maxWidth='sm' fullWidth {...dialogProps}>\r\n <DialogContent sx={{ p: 2, pt: '39px', position: 'relative', overflowX: 'hidden', minHeight: 260 }}>\r\n <IconButton\r\n aria-label='close'\r\n onClick={handleClose}\r\n sx={{\r\n position: 'absolute',\r\n right: 8,\r\n top: 8,\r\n color: (theme) => theme.palette.grey[500],\r\n zIndex: 1\r\n }}\r\n size='small'\r\n >\r\n <CloseIcon />\r\n </IconButton>\r\n <Box\r\n sx={{\r\n display: 'flex',\r\n flexDirection: 'row',\r\n width: `${steps.length * 100}%`,\r\n transform: `translateX(-${activeStep * (100 / steps.length)}%)`,\r\n transition: 'transform 0.4s cubic-bezier(0.4, 0, 0.2, 1)'\r\n }}\r\n >\r\n {steps.map((step, idx) => (\r\n <Stack key={idx} alignItems='start' width={`${100 / steps.length}%`} flexShrink={0} px={2} {...contentProps}>\r\n <img src={step.img} alt={step.label} style={{ maxWidth: '100%', marginInline: 'auto', maxHeight: 120, marginBottom: 16 }} />\r\n <Typography variant='h6' fontWeight={600} gutterBottom>\r\n {step.label}\r\n </Typography>\r\n {step.text?.split('\\n').map((line, lineIdx) => (\r\n <Typography key={lineIdx} variant={lineIdx === 0 ? 'subtitle1' : 'body2'} sx={{ mb: lineIdx === 0 ? 1 : 0 }}>\r\n {line}\r\n </Typography>\r\n ))}\r\n {step.content && <Box sx={{ mt: 1, width: '100%' }}>{step.content}</Box>}\r\n </Stack>\r\n ))}\r\n </Box>\r\n </DialogContent>\r\n <DialogActions sx={{ px: 3, pb: 3 }}>\r\n <MobileStepper\r\n variant='dots'\r\n steps={steps.length}\r\n position='static'\r\n activeStep={activeStep}\r\n sx={{ background: 'transparent', justifyContent: 'center', mr: 'auto' }}\r\n nextButton={null}\r\n backButton={null}\r\n />\r\n {activeStep > 0 && (\r\n <Button onClick={handleBack} size='small'>\r\n Back\r\n </Button>\r\n )}\r\n {activeStep === steps.length - 1 ? (\r\n <Button onClick={handleClose} size='small' variant='contained'>\r\n Finish\r\n </Button>\r\n ) : (\r\n <Button onClick={handleNext} size='small' variant='contained'>\r\n Next\r\n </Button>\r\n )}\r\n </DialogActions>\r\n </Dialog>\r\n </>\r\n )\r\n}\r\n"],"names":["GuideSteps","_ref","iconButtonProps","dialogProps","contentProps","steps","_useState","useState","_useState2","_slicedToArray","open","setOpen","_useState3","_useState4","activeStep","setActiveStep","prevStep","useRef","handleClose","current","_jsxs","_Fragment","children","_jsx","IconButton","_objectSpread","onClick","size","HelpOutlineIcon","Dialog","onClose","maxWidth","fullWidth","DialogContent","sx","p","pt","position","overflowX","minHeight","right","top","color","theme","palette","grey","zIndex","CloseIcon","Box","display","flexDirection","width","concat","length","transform","transition","map","step","idx","_step$text","Stack","alignItems","flexShrink","px","src","img","alt","label","style","marginInline","maxHeight","marginBottom","Typography","variant","fontWeight","gutterBottom","text","split","line","lineIdx","mb","content","mt","DialogActions","pb","MobileStepper","background","justifyContent","mr","nextButton","backButton","Button","prev"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
import{mediaRightStoreOptions as t}from"./configs.js";var n=function(){var t,n;return null!==(n=(null!==(t=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").split("http").join(" http").match(/[hH][tT][tT][pP][sS]?:\/\/[^\s]+/g))&&void 0!==t?t:[]).filter(function(t){return t}).map(function(t){return t.trim()}))&&void 0!==n?n:[]},r=function(){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=new Set(n(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"")),o=t.trim();return r.has(o)},o=function(){return"group_".concat(Date.now(),"_").concat(Math.random().toString(36).substr(2,9))},i=function(n){return n.length<t.MAX_GROUP},e=function(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:100;return t.items.length<n};export{r as areDuplicatedLink,i as canAddGroup,e as canAddItemToGroup,n as convertStringToLinks,o as generateGroupId};
|
|
2
2
|
//# sourceMappingURL=helpers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"helpers.js","sources":["../../src/media-right/helpers.ts"],"sourcesContent":["import type { IMediaRightGroup } from './types'\r\n\r\n/**\r\n * Convert a string to an array of URLs using improved regex\r\n * @param text Input string\r\n * @returns Array of matched URLs\r\n */\r\nexport const convertStringToLinks = (text: string = ''): string[] => {\r\n const updatedText = text.split('http').join(' http')\r\n const list = updatedText.match(/[hH][tT][tT][pP][sS]?:\\/\\/[^\\s]+/g) ?? []\r\n return list.filter((x) => x).map((x) => x.trim()) ?? []\r\n}\r\n\r\n/**\r\n * Check if a link is duplicated in a string\r\n * @param linkString Input string containing links\r\n * @param value Link to check\r\n * @returns True if the link is duplicated, false otherwise\r\n */\r\nexport const areDuplicatedLink = (linkString: string = '', value: string = '') => {\r\n const linkSet = new Set(convertStringToLinks(linkString))\r\n const formatString = value.trim()\r\n return linkSet.has(formatString)\r\n}\r\n\r\n/**\r\n * Calculate total data from groups\r\n */\r\n// export const getTotalData = (groups: IMediaRightGroup[]): ICartSummary => {\r\n// return groups.reduce(\r\n// (acc, group) => {\r\n// const groupTotal = group.items.reduce((sum, item) => sum + (item.Price * item.Amount), 0)\r\n// return {\r\n// totalGroups: acc.totalGroups + 1,\r\n// totalItems: acc.totalItems + group.items.length,\r\n// totalPrice: acc.totalPrice + groupTotal\r\n// }\r\n// },\r\n// { totalGroups: 0, totalItems: 0, totalPrice: 0 }\r\n// )\r\n// }\r\n\r\n/**\r\n * Get total items and price for a specific group\r\n */\r\n// export const getGroupTotal = (group: IMediaRightGroup) => {\r\n// return group.items.reduce(\r\n// (acc, item) => ({\r\n// totalItems: acc.totalItems + 1,\r\n// totalPrice: acc.totalPrice + (item.Price * item.Amount)\r\n// }),\r\n// { totalItems: 0, totalPrice: 0 }\r\n// )\r\n// }\r\n\r\n/**\r\n * Generate unique group ID\r\n */\r\nexport const generateGroupId = () => {\r\n return `group_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`\r\n}\r\n\r\n/**\r\n * Validate group item limit\r\n */\r\nexport const canAddItemToGroup = (group: IMediaRightGroup, maxItems: number = 100): boolean => {\r\n return group.items.length < maxItems\r\n}\r\n"],"names":["convertStringToLinks","_updatedText$match","_list$filter$map","arguments","length","undefined","split","join","match","filter","x","map","trim","areDuplicatedLink","value","linkSet","Set","formatString","has","generateGroupId","concat","Date","now","Math","random","toString","substr","
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../src/media-right/helpers.ts"],"sourcesContent":["import { mediaRightStoreOptions } from './configs'\r\nimport type { IMediaRightGroup } from './types'\r\n\r\n/**\r\n * Convert a string to an array of URLs using improved regex\r\n * @param text Input string\r\n * @returns Array of matched URLs\r\n */\r\nexport const convertStringToLinks = (text: string = ''): string[] => {\r\n const updatedText = text.split('http').join(' http')\r\n const list = updatedText.match(/[hH][tT][tT][pP][sS]?:\\/\\/[^\\s]+/g) ?? []\r\n return list.filter((x) => x).map((x) => x.trim()) ?? []\r\n}\r\n\r\n/**\r\n * Check if a link is duplicated in a string\r\n * @param linkString Input string containing links\r\n * @param value Link to check\r\n * @returns True if the link is duplicated, false otherwise\r\n */\r\nexport const areDuplicatedLink = (linkString: string = '', value: string = '') => {\r\n const linkSet = new Set(convertStringToLinks(linkString))\r\n const formatString = value.trim()\r\n return linkSet.has(formatString)\r\n}\r\n\r\n/**\r\n * Calculate total data from groups\r\n */\r\n// export const getTotalData = (groups: IMediaRightGroup[]): ICartSummary => {\r\n// return groups.reduce(\r\n// (acc, group) => {\r\n// const groupTotal = group.items.reduce((sum, item) => sum + (item.Price * item.Amount), 0)\r\n// return {\r\n// totalGroups: acc.totalGroups + 1,\r\n// totalItems: acc.totalItems + group.items.length,\r\n// totalPrice: acc.totalPrice + groupTotal\r\n// }\r\n// },\r\n// { totalGroups: 0, totalItems: 0, totalPrice: 0 }\r\n// )\r\n// }\r\n\r\n/**\r\n * Get total items and price for a specific group\r\n */\r\n// export const getGroupTotal = (group: IMediaRightGroup) => {\r\n// return group.items.reduce(\r\n// (acc, item) => ({\r\n// totalItems: acc.totalItems + 1,\r\n// totalPrice: acc.totalPrice + (item.Price * item.Amount)\r\n// }),\r\n// { totalItems: 0, totalPrice: 0 }\r\n// )\r\n// }\r\n\r\n/**\r\n * Generate unique group ID\r\n */\r\nexport const generateGroupId = () => {\r\n return `group_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`\r\n}\r\n\r\n/**\r\n * Validate group limit\r\n */\r\nexport const canAddGroup = (group: IMediaRightGroup[]): boolean => {\r\n return group.length < mediaRightStoreOptions.MAX_GROUP\r\n}\r\n/**\r\n * Validate group item limit\r\n */\r\nexport const canAddItemToGroup = (group: IMediaRightGroup, maxItems: number = 100): boolean => {\r\n return group.items.length < maxItems\r\n}\r\n"],"names":["convertStringToLinks","_updatedText$match","_list$filter$map","arguments","length","undefined","split","join","match","filter","x","map","trim","areDuplicatedLink","value","linkSet","Set","formatString","has","generateGroupId","concat","Date","now","Math","random","toString","substr","canAddGroup","group","mediaRightStoreOptions","MAX_GROUP","canAddItemToGroup","maxItems","items"],"mappings":"0DAQaA,EAAuB,WAAgC,IAAAC,EAAAC,EAGlE,OAAiDA,QAAjDA,GADmED,QAAzDA,GAFwCE,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,IACzBG,MAAM,QAAQC,KAAK,SACnBC,MAAM,4CAAoCP,IAAAA,EAAAA,EAAI,IAC3DQ,OAAO,SAACC,GAAC,OAAKA,CAAC,GAAEC,IAAI,SAACD,GAAC,OAAKA,EAAEE,MAAM,UAACV,IAAAA,EAAAA,EAAI,EACvD,EAQaW,EAAoB,WAAgD,IAAtBC,EAAAX,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAgB,GACnEY,EAAU,IAAIC,IAAIhB,EAD6BG,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,KAE/Cc,EAAeH,EAAMF,OAC3B,OAAOG,EAAQG,IAAID,EACrB,EAmCaE,EAAkB,WAC7B,MAAAC,SAAAA,OAAgBC,KAAKC,MAAKF,KAAAA,OAAIG,KAAKC,SAASC,SAAS,IAAIC,OAAO,EAAG,GACrE,EAKaC,EAAc,SAACC,GAC1B,OAAOA,EAAMxB,OAASyB,EAAuBC,SAC/C,EAIaC,EAAoB,SAACH,GAA4D,IAAnCI,EAAA7B,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAmB,IAC5E,OAAOyB,EAAMK,MAAM7B,OAAS4B,CAC9B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{mediaRightStoreOptions}from"./configs.js";export{MediaGroupWidget,createMediaGroupWidget}from"./media-widget/index.js";export{GroupSelectorModal,showGroupSelectorModal}from"./group-selector/index.js";export{useMediaRightActions,useMediaRightStore}from"./hook.js";export{areDuplicatedLink,canAddItemToGroup,convertStringToLinks,generateGroupId}from"./helpers.js";
|
|
1
|
+
export{mediaRightStoreOptions}from"./configs.js";export{EChannelType}from"./types.js";export{GuideSteps}from"./guide-steps/index.js";export{MediaGroupWidget,createMediaGroupWidget}from"./media-widget/index.js";export{GroupSelectorModal,showGroupSelectorModal}from"./group-selector/index.js";export{useMediaRightActions,useMediaRightStore}from"./hook.js";export{areDuplicatedLink,canAddGroup,canAddItemToGroup,convertStringToLinks,generateGroupId}from"./helpers.js";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as i}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useState as e}from"react";import{Box as a,IconButton as
|
|
1
|
+
import{slicedToArray as i}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as o,jsx as r}from"react/jsx-runtime";import{useState as e}from"react";import{Box as a,IconButton as l}from"@mui/material";import t from"@mui/icons-material/Remove";import n from"@mui/icons-material/Check";import s from"@mui/icons-material/Close";var m=function(m){var c=m.onDelete,p=m.size,d=void 0===p?"small":p,f=m.disabled,u=void 0!==f&&f,z=e(!1),v=i(z,2),x=v[0],b=v[1];return x?o(a,{sx:{display:"flex",gap:.5},children:[r(l,{size:d,onClick:function(i){i.stopPropagation(),c(),b(!1)},sx:{color:"success.main"},disabled:u,children:r(n,{fontSize:d})}),r(l,{size:d,onClick:function(i){i.stopPropagation(),b(!1)},sx:{color:"error.main"},disabled:u,children:r(s,{fontSize:d})})]}):r(l,{size:d,onClick:function(i){i.stopPropagation(),b(!0)},disabled:u,color:"error",children:r(t,{fontSize:d})})};export{m as DeleteButton};
|
|
2
2
|
//# sourceMappingURL=button.delete.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.delete.js","sources":["../../../src/media-right/media-widget/button.delete.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { IconButton, Box } from '@mui/material'\r\nimport type { FC, MouseEvent } from 'react'\r\nimport RemoveIcon from '@mui/icons-material/Remove'\r\nimport CheckIcon from '@mui/icons-material/Check'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n\r\nexport interface IDeleteButtonProps {\r\n onDelete: () => void\r\n size?: 'small' | 'medium' | 'large'\r\n disabled?: boolean\r\n}\r\n\r\nexport const DeleteButton: FC<IDeleteButtonProps> = ({ onDelete, size = 'small', disabled = false }) => {\r\n const [isConfirming, setIsConfirming] = useState(false)\r\n\r\n const handleDeleteClick = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n setIsConfirming(true)\r\n }\r\n\r\n const handleConfirm = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n onDelete()\r\n setIsConfirming(false)\r\n }\r\n\r\n const handleCancel = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n setIsConfirming(false)\r\n }\r\n\r\n if (isConfirming) {\r\n return (\r\n <Box sx={{ display: 'flex', gap: 0.5 }}>\r\n <IconButton size={size} onClick={handleConfirm} sx={{ color: 'success.main' }} disabled={disabled}>\r\n <CheckIcon fontSize={size} />\r\n </IconButton>\r\n <IconButton size={size} onClick={handleCancel} sx={{ color: 'error.main' }} disabled={disabled}>\r\n <CloseIcon fontSize={size} />\r\n </IconButton>\r\n </Box>\r\n )\r\n }\r\n\r\n return (\r\n <IconButton size={size} onClick={handleDeleteClick} disabled={disabled}>\r\n <RemoveIcon fontSize={size} />\r\n </IconButton>\r\n )\r\n}\r\n"],"names":["DeleteButton","_ref","onDelete","_ref$size","size","_ref$disabled","disabled","_useState","useState","_useState2","_slicedToArray","isConfirming","setIsConfirming","_jsxs","Box","sx","display","gap","children","_jsx","IconButton","onClick","e","stopPropagation","color","CheckIcon","fontSize","CloseIcon","RemoveIcon"],"mappings":"mVAaaA,EAAuC,SAA3BC,GAA8E,IAAhDC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAJ,EAAEK,SAAAA,OAAW,IAAHD,GAAQA,EAC/FE,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAkBpC,OAAIE,EAEAE,EAACC,EAAI,CAAAC,GAAI,CAAEC,QAAS,OAAQC,IAAK,IAAKC,SAAA,CACpCC,EAACC,EAAU,CAAChB,KAAMA,EAAMiB,QAdR,SAACC,GACrBA,EAAEC,kBACFrB,IACAU,GAAgB,EACjB,EAUqDG,GAAI,CAAES,MAAO,gBAAkBlB,SAAUA,EACvFY,SAAAC,EAACM,EAAS,CAACC,SAAUtB,MAEvBe,EAACC,EAAW,CAAAhB,KAAMA,EAAMiB,QAXT,SAACC,GACpBA,EAAEC,kBACFX,GAAgB,EACjB,EAQoDG,GAAI,CAAES,MAAO,cAAgBlB,SAAUA,EACpFY,SAAAC,EAACQ,EAAS,CAACD,SAAUtB,SAO3Be,EAACC,
|
|
1
|
+
{"version":3,"file":"button.delete.js","sources":["../../../src/media-right/media-widget/button.delete.tsx"],"sourcesContent":["import { useState } from 'react'\r\nimport { IconButton, Box } from '@mui/material'\r\nimport type { FC, MouseEvent } from 'react'\r\nimport RemoveIcon from '@mui/icons-material/Remove'\r\nimport CheckIcon from '@mui/icons-material/Check'\r\nimport CloseIcon from '@mui/icons-material/Close'\r\n\r\nexport interface IDeleteButtonProps {\r\n onDelete: () => void\r\n size?: 'small' | 'medium' | 'large'\r\n disabled?: boolean\r\n}\r\n\r\nexport const DeleteButton: FC<IDeleteButtonProps> = ({ onDelete, size = 'small', disabled = false }) => {\r\n const [isConfirming, setIsConfirming] = useState(false)\r\n\r\n const handleDeleteClick = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n setIsConfirming(true)\r\n }\r\n\r\n const handleConfirm = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n onDelete()\r\n setIsConfirming(false)\r\n }\r\n\r\n const handleCancel = (e: MouseEvent) => {\r\n e.stopPropagation()\r\n setIsConfirming(false)\r\n }\r\n\r\n if (isConfirming) {\r\n return (\r\n <Box sx={{ display: 'flex', gap: 0.5 }}>\r\n <IconButton size={size} onClick={handleConfirm} sx={{ color: 'success.main' }} disabled={disabled}>\r\n <CheckIcon fontSize={size} />\r\n </IconButton>\r\n <IconButton size={size} onClick={handleCancel} sx={{ color: 'error.main' }} disabled={disabled}>\r\n <CloseIcon fontSize={size} />\r\n </IconButton>\r\n </Box>\r\n )\r\n }\r\n\r\n return (\r\n <IconButton size={size} onClick={handleDeleteClick} disabled={disabled} color='error'>\r\n <RemoveIcon fontSize={size} />\r\n </IconButton>\r\n )\r\n}\r\n"],"names":["DeleteButton","_ref","onDelete","_ref$size","size","_ref$disabled","disabled","_useState","useState","_useState2","_slicedToArray","isConfirming","setIsConfirming","_jsxs","Box","sx","display","gap","children","_jsx","IconButton","onClick","e","stopPropagation","color","CheckIcon","fontSize","CloseIcon","RemoveIcon"],"mappings":"mVAaaA,EAAuC,SAA3BC,GAA8E,IAAhDC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAJ,EAAEK,SAAAA,OAAW,IAAHD,GAAQA,EAC/FE,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAkBpC,OAAIE,EAEAE,EAACC,EAAI,CAAAC,GAAI,CAAEC,QAAS,OAAQC,IAAK,IAAKC,SAAA,CACpCC,EAACC,EAAU,CAAChB,KAAMA,EAAMiB,QAdR,SAACC,GACrBA,EAAEC,kBACFrB,IACAU,GAAgB,EACjB,EAUqDG,GAAI,CAAES,MAAO,gBAAkBlB,SAAUA,EACvFY,SAAAC,EAACM,EAAS,CAACC,SAAUtB,MAEvBe,EAACC,EAAW,CAAAhB,KAAMA,EAAMiB,QAXT,SAACC,GACpBA,EAAEC,kBACFX,GAAgB,EACjB,EAQoDG,GAAI,CAAES,MAAO,cAAgBlB,SAAUA,EACpFY,SAAAC,EAACQ,EAAS,CAACD,SAAUtB,SAO3Be,EAACC,EAAU,CAAChB,KAAMA,EAAMiB,QA9BA,SAACC,GACzBA,EAAEC,kBACFX,GAAgB,EACjB,EA2BqDN,SAAUA,EAAUkB,MAAM,QAAON,SACnFC,EAACS,EAAW,CAAAF,SAAUtB,KAG5B"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as o,objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as i,Fragment as
|
|
1
|
+
import{slicedToArray as o,objectSpread2 as r}from"../../_virtual/_rollupPluginBabelHelpers.js";import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import{useState as i,Fragment as a}from"react";import{Badge as l,Stack as p,Typography as c,Button as u}from"@mui/material";import m from"@mui/icons-material/DriveFileMoveOutlined";import d from"@mui/icons-material/FolderSpecialOutlined";import{EmptyState as s}from"./units.js";import{MenuStyled as g}from"./styled.js";import{IconButtonDark as f}from"../../components/buttons.js";import{MediaGroupAccordion as h}from"./media-group-accordion.js";import{useMediaRightStore as x,useMediaRightActions as b}from"../hook.js";import{NewGroupArea as v}from"./new-group-area.js";import{canAddGroup as j,generateGroupId as k}from"../helpers.js";import{ItemTitlePropsContext as P}from"./item-title-props-context.js";var C=function(C){var S,y=C.localStorageKey,G=C.hrefCart,T=C.buttonMoveToCartProps,w=C.onDetailClick,z=x({localStorageKey:y}).groups,D=b({localStorageKey:y}),I=i(null),M=o(I,2),O=M[0],F=M[1],K=i(!1),B=o(K,2),E=B[0],_=B[1],A=function(o){D.addGroup({name:o,id:k()})},H=function(o){D.updateGroup(o.id,o)},L=function(o){D.removeGroup(o)},N=function(o,r){D.removeItem(o,r)};return e(a,{children:[t(f,{onClick:function(o){return F(o.currentTarget)},children:t(l,{badgeContent:z.length||0,color:"error",children:t(d,{})})}),t(g,{disableScrollLock:!0,anchorEl:O,open:Boolean(O),onClose:function(){return F(null)},anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},children:t(P.Provider,{value:{itemTitleProps:C.itemTitleProps,itemTitlePropsGetter:C.itemTitlePropsGetter,onClose:function(){return F(null)}},children:e(n,{children:[e(p,{alignItems:"start",spacing:1,sx:{padding:"12px 16px",position:"sticky",top:0,bgcolor:"background.paper",zIndex:2,boxShadow:"0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)"},children:[e(c,{variant:"h6",component:"span",sx:{flex:1},children:["Your Media Rights Package (",null!==(S=z.length)&&void 0!==S?S:0," Package",z.length>1?"s":"",")"]}),j(z)&&t(v,{onSaveGroup:A})]}),0===z.length?t(s,{}):z.map(function(o){return t(h,{group:o,onEditGroup:H,onDeleteGroup:L,onDeleteMedia:N,accordionProps:{expanded:E===o.id,onChange:function(r,e){return _(!!e&&o.id)}}},o.id)}),t(p,{justifyContent:"end",flexDirection:"row",padding:"6px 12px",sx:{position:"sticky",bottom:0,bgcolor:"background.paper",zIndex:1,boxShadow:"0px 0.5px 5px 0px rgba(0, 0, 0, 0.15)"},children:t(u,r(r(r({},G?{component:"a",href:G}:{}),{},{color:"inherit",size:"small",endIcon:t(m,{}),onClick:function(o){F(null),w&&w(o)},disabled:z.length<1},T),{},{children:"Show Package"}))})]})})})]})},S=function(o){var e=function(e){return t(C,r(r({},o),e))};return e.displayName="MediaGroupWidget",e};export{C as MediaGroupWidget,S as createMediaGroupWidget};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|