@unchainedshop/admin-ui 4.8.13 → 4.8.14

package/out/_next/static/chunks/07m0kcby2q9_3.js

@@ -0,0 +1,119 @@
+(globalThis.TURBOPACK||(globalThis.TURBOPACK=[])).push(["object"==typeof document?document.currentScript:void 0,80294,e=>{"use strict";var t=e.i(59080);let l=t.gql`
+  fragment FilterFragment on Filter {
+    _id
+    updated
+    created
+    key
+    isActive
+    type
+    options {
+      _id
+      texts {
+        _id
+        title
+        subtitle
+        locale
+      }
+      value
+    }
+  }
+`;e.s(["default",0,l])},27572,e=>{"use strict";var t=e.i(91788);let l=t.forwardRef(function({title:e,titleId:l,...i},a){return t.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:a,"aria-labelledby":l},i),e?t.createElement("title",{id:l},e):null,t.createElement("path",{fillRule:"evenodd",d:"M15.988 3.012A2.25 2.25 0 0 1 18 5.25v6.5A2.25 2.25 0 0 1 15.75 14H13.5V7A2.5 2.5 0 0 0 11 4.5H8.128a2.252 2.252 0 0 1 1.884-1.488A2.25 2.25 0 0 1 12.25 1h1.5a2.25 2.25 0 0 1 2.238 2.012ZM11.5 3.25a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 .75.75v.25h-3v-.25Z",clipRule:"evenodd"}),t.createElement("path",{fillRule:"evenodd",d:"M2 7a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7Zm2 3.25a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Zm0 3.5a.75.75 0 0 1 .75-.75h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1-.75-.75Z",clipRule:"evenodd"}))});e.s(["ClipboardDocumentListIcon",0,l],27572)},19759,78495,e=>{"use strict";var t=e.i(91398),l=e.i(69322),i=e.i(25705),a=e.i(27572),s=e.i(76929),d=e.i(28401),r=e.i(92276),n=e.i(41523),u=e.i(91788),o=e.i(66773),c=e.i(69211),f=e.i(99160),x=e.i(45229),m=e.i(98949),p=e.i(59080),g=e.i(76204);let h=p.gql`
+  fragment FilterTextsFragment on FilterTexts {
+    _id
+    locale
+    title
+    subtitle
+  }
+`,v=p.gql`
+  mutation UpdateFilterTexts(
+    $filterId: ID!
+    $filterOptionValue: String
+    $texts: [FilterTextInput!]!
+  ) {
+    updateFilterTexts(
+      filterId: $filterId
+      filterOptionValue: $filterOptionValue
+      texts: $texts
+    ) {
+      ...FilterTextsFragment
+    }
+  }
+  ${h}
+`,b=()=>{let[e]=(0,g.useMutation)(v);return{updateFilterTexts:async({filterId:t,filterOptionValue:l,texts:i})=>e({variables:{filterOptionValue:l,filterId:t,texts:i},refetchQueries:["TranslatedFilterTexts","FilterOptions"]})}};var j=e.i(32171);let F=p.gql`
+  query TranslatedFilterTexts($filterId: ID!, $filterOptionValue: String) {
+    translatedFilterTexts(
+      filterId: $filterId
+      filterOptionValue: $filterOptionValue
+    ) {
+      ...FilterTextsFragment
+    }
+  }
+  ${h}
+`;var I=e.i(60195),y=e.i(58971),_=e.i(5505),w=e.i(57561);let M=({filterId:e})=>{let{formatMessage:i}=(0,l.useIntl)(),{selectedLocale:a}=(0,w.default)(),{translatedFilterTexts:s,loading:d}=(({filterId:e=null,filterOptionValue:t=null})=>{let{data:l,loading:i,error:a}=(0,j.useQuery)(F,{variables:{filterId:e,filterOptionValue:t}});return{translatedFilterTexts:l?.translatedFilterTexts||[],loading:i,error:a}})({filterId:e}),{hasRole:r}=(0,y.default)(),n=i({id:"saved",defaultMessage:"Saved"}),{updateFilterTexts:p}=b(),g=async({title:t,subtitle:l})=>(await p({filterId:e,texts:[{locale:a,title:t,subtitle:l}]}),{success:!0}),h=(0,m.default)({submit:g,successMessage:n,initialValues:{title:"",subtitle:"",...!d&&s?.find(e=>e.locale===a)||{}}});return(0,u.useEffect)(()=>{let e=s?.find(e=>e.locale===a);h.formik.setValues({title:"",subtitle:"",...e||{}})},[s,a]),(0,t.jsx)(I.default,{documentationLabel:i({id:"text",defaultMessage:"Text"}),documentation:(0,t.jsx)(l.FormattedMessage,{id:"filter_text_form_description",defaultMessage:"<ul> <li>You can change the language of filter using the dropdown found at top left corner</li> </ul>",values:{ul:e=>(0,t.jsxs)("ul",{className:"space-y-1",children:[e," "]}),li:e=>(0,t.jsxs)("li",{children:[e," "]})}}),children:(0,t.jsx)(_.default,{children:(0,t.jsxs)(c.default,{form:h,className:"border-slate-300 dark:border-slate-800 pt-2 lg:shadow-sm",children:[(0,t.jsx)("div",{children:(0,t.jsx)(x.default,{name:"title",id:"title",label:i({id:"title",defaultMessage:"Title"}),autoComplete:"on",className:"mt-2 px-4 text-sm"})}),(0,t.jsx)("div",{children:(0,t.jsx)(x.default,{name:"subtitle",id:"subtitle",label:i({id:"subtitle",defaultMessage:"Subtitle"}),autoComplete:"on",className:"mt-5 px-4 text-sm"})}),r(o.IRoleAction.ManageFilters)&&(0,t.jsx)("div",{className:"flex bg-slate-100 dark:bg-slate-900 mt-5",children:(0,t.jsx)(f.default,{label:i({id:"update_filter",defaultMessage:"Update filter"}),className:"my-4 ml-auto mr-4"})})]})})})};var k=e.i(6607);let N=p.gql`
+  mutation CreateFilterOption(
+    $filterId: ID!
+    $option: String!
+    $texts: [FilterTextInput!]
+  ) {
+    createFilterOption(filterId: $filterId, option: $option, texts: $texts) {
+      _id
+    }
+  }
+`,T=p.gql`
+  fragment FilterOptionFragment on FilterOption {
+    _id
+    texts(forceLocale: $forceLocale) {
+      _id
+      title
+      subtitle
+      locale
+    }
+    value
+  }
+`,$=p.gql`
+  query FilterOptions($filterId: ID, $forceLocale: Locale) {
+    filter(filterId: $filterId) {
+      _id
+      options {
+        ...FilterOptionFragment
+      }
+    }
+  }
+  ${T}
+`,O=({onCancel:e,onSubmit:i})=>{let{formatMessage:a}=(0,l.useIntl)(),{hasRole:s}=(0,y.default)(),d=a({id:"filter_option_added_success",defaultMessage:"Filter option added successfully"}),r=(0,m.default)({submit:i,successMessage:d,initialValues:{title:"",value:""}});return(0,t.jsxs)(c.default,{form:r,children:[(0,t.jsxs)("div",{className:"flex gap-2",children:[(0,t.jsx)(x.default,{name:"value",label:a({id:"filter_option_value",defaultMessage:"Value"}),required:!0}),(0,t.jsx)(x.default,{name:"title",label:a({id:"filter_option_title",defaultMessage:"Title"}),required:!0})]}),(0,t.jsxs)("div",{className:"mt-5 flex justify-end",children:[(0,t.jsx)("button",{onClick:e,type:"button",className:"mr-2 rounded-md border border-slate-100 dark:border-slate-700 bg-white dark:bg-slate-800 px-3 py-1 text-sm font-medium leading-5 text-slate-700 dark:text-slate-500 shadow-xs",children:a({id:"cancel",defaultMessage:"Cancel"})}),(0,t.jsx)("span",{className:"flex items-center",children:(0,t.jsx)(f.default,{className:"m-auto w-full",label:a({id:"add_filter_option",defaultMessage:"Add option"})})})]})]})},C=p.gql`
+  mutation RemoveFilterOption($filterId: ID!, $filterOptionValue: String!) {
+    removeFilterOption(
+      filterId: $filterId
+      filterOptionValue: $filterOptionValue
+    ) {
+      _id
+    }
+  }
+`;var D=e.i(15971),q=e.i(65153),A=e.i(3095),V=e.i(81013);let R=({filterId:e,option:i,onDelete:a})=>{let{formatMessage:s}=(0,l.useIntl)(),[d,r]=(0,u.useState)(!1),{selectedLocale:n}=(0,w.default)(),o=s({id:"saved",defaultMessage:"Saved"}),{updateFilterTexts:f}=b(),p=async({title:t,value:l,subtitle:i})=>(await f({filterId:e,filterOptionValue:l,texts:[{locale:n,title:t,subtitle:i}]}),r(!1),{success:!0}),g=(0,m.default)({submit:p,successMessage:o,initialValues:{title:"",subtitle:"",...i,...i?.texts}});return(0,t.jsx)(c.default,{form:g,children:(0,t.jsx)("div",{className:"mt-2",children:(0,t.jsx)("li",{className:"py-2 px-2",children:(0,t.jsxs)("div",{className:"flex justify-between items-center gap-2",children:[(0,t.jsxs)("div",{className:"flex items-center flex-wrap gap-3",children:[(0,t.jsx)(q.default,{text:i?.value,color:"slate",square:!0,className:"break-all"}),(0,t.jsxs)("div",{className:"flex flex-wrap gap-3",children:[(0,t.jsx)("div",{className:"truncate text-sm text-slate-900 dark:text-slate-200",children:d?(0,t.jsx)(x.default,{name:"title",required:!0,label:s({id:"title",defaultMessage:"Title"})}):i?.texts?.title}),(0,t.jsx)("div",{className:"truncate text-sm text-slate-500 dark:text-slate-200",children:d?(0,t.jsx)(x.default,{name:"subtitle",label:s({id:"subtitle",defaultMessage:"Subtitle"})}):i?.texts?.subtitle&&i?.texts?.subtitle})]})]}),(0,t.jsx)("div",{children:d?(0,t.jsxs)("div",{className:"flex gap-2",children:[(0,t.jsx)(V.default,{variant:"secondary",onClick:()=>r(!d),text:s({id:"cancel",defaultMessage:"Cancel"})}),(0,t.jsx)(V.default,{variant:"primary",disabled:!g.formik.isValid,onClick:g.formik.handleSubmit,text:s({id:"save",defaultMessage:"Save"})})]}):(0,t.jsx)(A.default,{onEdit:()=>{r(!d)},onDelete:()=>{a(i?.value)},showEdit:!0,showDelete:!0})})]})})})})},S=({filterId:e,options:i})=>{let{formatMessage:a}=(0,l.useIntl)(),{setModal:s}=(0,k.default)(),{selectedLocale:r}=(0,w.default)(),{removeFilterOption:n}=(()=>{let[e]=(0,g.useMutation)(C);return{removeFilterOption:async({filterId:t,filterOptionValue:l})=>e({variables:{filterOptionValue:l,filterId:t},refetchQueries:["FilterOptions"]})}})(),u=async l=>{await s((0,t.jsx)(D.default,{onCancelClick:async()=>s(""),message:a({id:"delete_filter_option_confirmation",defaultMessage:"This action might cause inconsistencies with other data that relates to it. Are you sure you want to delete this filter option? "}),onOkClick:async()=>{s(""),await n({filterId:e,filterOptionValue:l}),d.toast.success(a({id:"filter_deleted",defaultMessage:"Filter deleted successfully"}))},okText:a({id:"delete_filter_option",defaultMessage:"Delete option"})}))};return(0,t.jsx)("div",{children:(0,t.jsx)("ul",{className:"-my-5 divide-y divide-slate-200 dark:divide-slate-700 pb-3 ",children:i.map(l=>(0,t.jsx)(R,{filterId:e,option:l,onDelete:u},`${l._id}${r}`))})})},E=({filterId:e})=>{let{formatMessage:i}=(0,l.useIntl)(),{selectedLocale:a}=(0,w.default)(),{filterOptions:s}=(({filterId:e=null,locale:t}={})=>{let{data:l,loading:i,error:a}=(0,j.useQuery)($,{skip:!e,variables:{filterId:e,forceLocale:t}});return{filterOptions:l?.filter?.options||[],loading:i,error:a}})({filterId:e,locale:a}),{setModal:d}=(0,k.default)(),{createFilterOption:r}=(()=>{let[e]=(0,g.useMutation)(N);return{createFilterOption:async({filterId:t,option:l,texts:i})=>e({variables:{filterId:t,option:l,texts:i},refetchQueries:["FilterOptions"]})}})(),{hasRole:n}=(0,y.default)(),u=async({value:t,title:l,subtitle:i})=>(await r({filterId:e,option:t,texts:[{title:l,locale:a,subtitle:i}]}),d(""),{success:!0});return(0,t.jsx)(I.default,{documentationLabel:i({id:"filer_options",defaultMessage:"Filter options"}),sideComponents:n(o.IRoleAction.ManageFilters)?(0,t.jsx)("button",{type:"button",onClick:()=>d((0,t.jsx)(O,{onSubmit:u,onCancel:()=>d("")})),className:"fixed top-0 right-0 z-10 mb-5 mt-5 mr-2 h-9 rounded-md border border-transparent bg-slate-800 dark:bg-slate-600 px-3 py-1 text-sm font-medium leading-5 text-white shadow-xs hover:bg-slate-950 dark:hover:bg-slate-500 focus:outline-hidden focus:ring-2 focus:ring-slate-800 dark:focus:ring-slate-400 sm:fixed sm:top-auto sm:right-auto",children:i({id:"add_filter_option",defaultMessage:"Add option"})}):null,children:(0,t.jsx)("div",{className:"mt-8 w-full border-slate-300 dark:border-slate-800 p-3 sm:mt-0 shadow-md  bg-white dark:bg-slate-900",children:(0,t.jsx)(S,{filterId:e,options:s})})})},P=({filterKey:e,filterType:i})=>{let{formatMessage:a}=(0,l.useIntl)();return(0,t.jsxs)("div",{className:"mt-5 flex flex-col gap-4",children:[(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("div",{className:"text-sm",children:a({id:"key",defaultMessage:"Key"})}),(0,t.jsx)("div",{className:"rounded-md border-1 border-slate-200 dark:border-slate-600 bg-slate-100 dark:bg-slate-700 py-1 px-2 text-sm text-slate-700 dark:text-slate-200",children:e})]}),(0,t.jsxs)("div",{className:"flex items-center gap-2",children:[(0,t.jsx)("div",{className:"text-sm",children:a({id:"filter_type",defaultMessage:"Filter Type"})}),(0,t.jsx)("div",{className:"rounded-md border-1 border-slate-200 dark:border-slate-600 bg-slate-100 dark:bg-slate-700 py-1 px-2 text-sm text-slate-700 dark:text-slate-200",children:i})]})]})};var L=e.i(80294);let Q=p.gql`
+  mutation UpdateFilter($filter: UpdateFilterInput!, $filterId: ID!) {
+    updateFilter(filter: $filter, filterId: $filterId) {
+      ...FilterFragment
+    }
+  }
+  ${L.default}
+`;var U=e.i(31494),Z=e.i(11056);let B=({selectedView:e,id:l,...i})=>"text"===e?(0,t.jsx)(Z.default,{children:(0,t.jsx)(M,{filterId:l})}):"options"===e?(0,t.jsx)(Z.default,{children:(0,t.jsx)(E,{filterId:l})}):"extended"===e?(0,t.jsx)(U.default,{data:i}):(0,t.jsx)(Z.default,{children:(0,t.jsx)(M,{filterId:l})});e.s(["default",0,({filter:e,extendedData:u})=>{let{_id:o,isActive:c,key:f,type:x,created:m,updated:p}=e||{},{formatMessage:h,formatDate:v}=(0,l.useIntl)(),{updateFilter:b}=(()=>{let[e]=(0,g.useMutation)(Q);return{updateFilter:async({filterId:t,filter:l})=>e({variables:{filter:l,filterId:t}})}})(),j=[{id:"text",title:h({id:"text",defaultMessage:"Text"}),Icon:(0,t.jsx)(i.DocumentTextIcon,{className:"h-5 w-5"})},{id:"options",title:h({id:"options",defaultMessage:"Options"}),Icon:(0,t.jsx)(a.ClipboardDocumentListIcon,{className:"h-5 w-5"})},null!==u&&{id:"extended",title:h({id:"extended-fields",defaultMessage:"Extended"}),Icon:(0,t.jsx)(s.PuzzlePieceIcon,{className:"h-5 w-5"})}].filter(Boolean),F=[{id:"activate",title:h({id:"activate",defaultMessage:"Activate"}),selectedTitle:h({id:"active",defaultMessage:"Active"}),onClick:async()=>{await b({filterId:o,filter:{isActive:!0}}),d.toast.success(h({id:"filter_activated",defaultMessage:"Filter activated!",description:"shown on successful toggle of filter status"}))},current:c,bgColor:"green"},{id:"deactivate",title:h({id:"deactivate",defaultMessage:"Deactivate"}),onClick:async()=>{await b({filterId:o,filter:{isActive:!1}}),d.toast.success(h({id:"filter_deactivated",defaultMessage:"Filter deactivated!",description:"shown on successful toggle of filter status"}))},selectedTitle:h({id:"deactivated",defaultMessage:"Deactivated"}),current:!c,bgColor:"slate"}];return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("div",{children:(0,t.jsx)(P,{filterKey:f,filterType:x})}),(0,t.jsx)("div",{className:"self-end",children:(0,t.jsx)(r.default,{options:F,type:h({id:"filter",defaultMessage:"Filter"})})})]}),(0,t.jsx)(n.default,{tabItems:j,defaultTab:"text",children:(0,t.jsx)(B,{id:e?._id,...u})})]})}],19759);var K=e.i(70693);e.s(["default",0,({filterId:e=null}={})=>{let{customProperties:t,hydrateFragment:l}=(0,K.default)(),{data:i,loading:a,error:s}=(0,j.useQuery)(((e="")=>p.gql`
+  query Filter($filterId: ID) {
+    filter(filterId: $filterId) {
+      ...FilterFragment
+      ${e}
+      texts {
+        _id
+        title
+        subtitle
+        locale
+      }
+    }
+  }
+  ${L.default}
+`)(t?.Filter),{skip:!e,variables:{filterId:e}}),d=i?.filter,r=l(t?.Filter,d);return{filter:d,loading:a,error:s,extendedData:r}}],78495)},50259,e=>{"use strict";var t=e.i(59080),l=e.i(76204);let i=t.gql`
+  mutation RemoveFilter($filterId: ID!) {
+    removeFilter(filterId: $filterId) {
+      _id
+    }
+  }
+`;e.s(["default",0,()=>{let[e]=(0,l.useMutation)(i);return{removeFilter:async({filterId:t})=>e({variables:{filterId:t},refetchQueries:["Filters"]})}}])},89142,e=>{"use strict";var t=e.i(91398),l=e.i(3828),i=e.i(66773),a=e.i(69322),s=e.i(28401),d=e.i(58971),r=e.i(61494),n=e.i(81359),u=e.i(12197),o=e.i(17644),c=e.i(19759),f=e.i(78495),x=e.i(50259),m=e.i(15971),p=e.i(6607);e.s(["default",0,({filterId:e})=>{let{formatMessage:g}=(0,a.useIntl)(),{setModal:h}=(0,p.default)(),v=(0,l.useRouter)(),{filter:b,loading:j,extendedData:F}=(0,f.default)({filterId:e}),{hasRole:I}=(0,d.default)(),{removeFilter:y}=(0,x.default)(),_=async()=>{await h((0,t.jsx)(m.default,{onCancelClick:async()=>h(""),message:g({id:"delete_filter_confirmation",defaultMessage:"This action might cause inconsistencies with other data that relates to it. Are you sure you want to delete this filter? "}),onOkClick:async()=>{h(""),await y({filterId:e}),s.toast.success(g({id:"filter_deleted",defaultMessage:"Filter deleted successfully"})),v.push("/filters")},okText:g({id:"delete_filter",defaultMessage:"Delete filter"})}))};return b||j?j?(0,t.jsx)(u.default,{}):(0,t.jsxs)("div",{className:"mt-5 max-w-full",children:[(0,t.jsx)(r.default,{currentPageTitle:b?.key}),(0,t.jsxs)("div",{className:"items-center flex min-w-full justify-between gap-3 flex-wrap",children:[(0,t.jsx)(o.default,{headerText:g({id:"filter_detail",defaultMessage:"Filter Detail"}),title:g({id:"filter_detail_title",defaultMessage:"Filter {id}"},{id:b?._id})}),I(i.IRoleAction.ManageFilters)&&(0,t.jsx)(n.default,{onClick:_})]}),(0,t.jsx)(c.default,{filter:b,extendedData:F})]}):(v.push("/404"),null)}])},83350,(e,t,l)=>{let i="/filters/FilterDetailPage";(window.__NEXT_P=window.__NEXT_P||[]).push([i,()=>e.r(89142)]),t.hot&&t.hot.dispose(function(){window.__NEXT_P.push([i])})},48761,e=>{e.v(t=>Promise.all(["static/chunks/0a1flay6uksa2.js"].map(t=>e.l(t))).then(()=>t(93594)))},28805,e=>{e.v(t=>Promise.all(["static/chunks/0htfk2vj7m.9j.js"].map(t=>e.l(t))).then(()=>t(79466)))}]);