randmarcomps 1.254.0 → 1.255.0

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.
@@ -61540,7 +61540,7 @@ const Navbar = forwardRef(
61540
61540
  ref: E
61541
61541
  }
61542
61542
  ),
61543
- /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col overflow-hidden", children: [
61543
+ /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col", children: [
61544
61544
  /* @__PURE__ */ jsx(
61545
61545
  Topbar,
61546
61546
  {
@@ -61551,7 +61551,7 @@ const Navbar = forwardRef(
61551
61551
  searchPlaceholder: b
61552
61552
  }
61553
61553
  ),
61554
- /* @__PURE__ */ jsx("main", { className: "flex-1 overflow-auto mt-16", children: t }),
61554
+ /* @__PURE__ */ jsx("main", { className: "flex-1 mt-16", children: t }),
61555
61555
  /* @__PURE__ */ jsx(Toaster, {})
61556
61556
  ] })
61557
61557
  ] }) }) }));
@@ -1043,7 +1043,7 @@ Defaulting to 2020, but this will stop working in the future.`)),e.ecmaVersion=1
1043
1043
  ProductCard, for data that fits this shape:
1044
1044
  { "RandmarSKU": "3007864", "RandmarTitle": "CTTN450 COMPATIBLE TN450 TONER", "Category": "CT", "UnitWeight": 1.5500, "UPC": "628277000035", "ManufacturerName": "Balloon Brand", "ProductType": "Toners", "AutoUpdate": 1, "CreatedBy": "", "LastMaintainedDate": 20190314.0, "Title": "CTTN450 COMPATIBLE TN450 TONER", "BodyHTML": "<p>CTTN450 COMPATIBLE TN450 TONER</p>", "MAP": 17.5500, "ManufacturerId": "90200", "State": "Active", "MPN": "CTTN450", "MasterCarton": 12, "SkidQuantity": null, "SerialNumber": true, "OpportunityOnly": false, "VoiceoverCaption": "example...", "SceneName": "Top of Clouds", "Require3DScan": false, "TransparencyCode": false, "CountryCodeOfOrigin": null, "UnitLength": null, "UnitWidth": null, "UnitHeight": null, "Distribution": { "Price": 14.29, "RegularPrice": 14.29, "MAP": 17.55, "Currency": "CAD", "ExchangeRate": 1.000000000, "Inventory": [ { "RandmarSKU": "3007864", "WarehouseId": "EDM", "WarehouseType": "Fulfillment Center", "Name": "Randmar Edmonton", "City": "Edmonton", "Province": "AB", "Country": "CA", "AvailableQuantity": 7, "PurchaseOrderQuantity": 0, "BinLocation": "" }, { "RandmarSKU": "3007864", "WarehouseId": "MTL", "WarehouseType": "Fulfillment Center", "Name": "Randmar Montreal", "City": "Pierrefonds", "Province": "QC", "Country": "CA", "AvailableQuantity": 45, "PurchaseOrderQuantity": 0, "BinLocation": "C3EB" }, { "RandmarSKU": "3007864", "WarehouseId": "TOR", "WarehouseType": "Fulfillment Center", "Name": "Randmar Toronto", "City": "Mississauga", "Province": "ON", "Country": "CA", "AvailableQuantity": 15, "PurchaseOrderQuantity": 0, "BinLocation": "A6A" }, { "RandmarSKU": "3007864", "WarehouseId": "VAN", "WarehouseType": "Fulfillment Center", "Name": "Randmar Vancouver", "City": "Richmond", "Province": "BC", "Country": "CA", "AvailableQuantity": 8, "PurchaseOrderQuantity": 0, "BinLocation": "" } ] }, "ManufacturerCategory": { "ManufacturerId": "90200", "CategoryCode": "CT", "CategoryName": "Toners", "Starred": false, "AutoReorder": true, "QualificationRequired": false, "Niche": "Print" }, "InstantRebate": null, "Opportunities": null, "AvailableToBuy": true }
1045
1045
  Use <ProductCard product={data} applicationId={applicationId}>`],basicComponents=["<Card> <CardHeader> <CardTitle>...</CardTitle> <CardDescription>...</CardDescription> </CardHeader> <CardContent> ... </CardContent> </Card>","<Badge>...</Badge>",'<Tabs defaultValue="eg1"> <TabsList> <TabsTrigger value="eg1">Example1</TabsTrigger> <TabsTrigger value="eg2">Example2</TabsTrigger> </TabsList> <TabsContent value="eg1"> ... </TabsContent> <TabsContent value="eg2"> ... </TabsContent> </Tabs>',"<ScrollArea>...</ScrollArea>","<ScrollArea orientation='horizontal'>...</ScrollArea>"],GetJSXFromAI=async(t,e,n,o,l=3)=>{const d="In addition to basic html tags, You have access to these beautiful Handmade Components. Try to use them even when you get an array of search results. For example, use ProductCard when ContentType is Product:",f="You also have access to these few Shadcn UI components:",g='Here is the data to display to the user (If a Handmade Component is a good fit for the data, use it. Otherwise, use regular html tags) (You have access to this data object in React via the data variable. Do not use JSON.parse, it is already parsed. For example, if data is an array, you can use {data.map(item, idx => <>...</>)} directly. CAUTION: when using map, you must use implicit return rather than a block body, as shown before. AGAIN: never use JSON.parse - data is already parsed and never a block body with arrow functions such as: (item => { return "EXAMPLE - DO NOT DO THIS" }):',b="Only output a single JSX code snippet. Start with <> and end with </>. All other code will be ignored, so make sure to place all CSS styles inline. Use CSS flex layouts when there is a lot of stuff to display.",_=JSON.stringify(n),S=[e,d,...complexComponents,f,...basicComponents,b,g,_,b].join(`\r
1046
- `),E=await new GoogleGenAI({apiKey:t}).chats.create({model:o?"gemini-2.5-pro-preview-03-25":"gemini-2.0-flash-lite"}).sendMessage({message:S}),A=trimJSXString(E.text??"");return A&&!containsBlockArrowFunc(A)?A:l==0?"<p>Could not generate visuals for this data.</p>":await GetJSXFromAI(t,e,n,o,l-1)};function containsBlockArrowFunc(t){return t.replace(/\s+/g,"").indexOf("=>{")>=0}function trimJSXString(t){const e=t.indexOf("<"),n=t.lastIndexOf("</");return e===-1||n===-1?"":t.slice(e,t.indexOf(">",n)+1)}function AiGeneratedContent(t){const[e,n]=React.useState(""),{apiKey:o}=useApiKey();return React.useEffect(()=>{if(!o||!t.prompt||!t.data)return;n("");let l=!1;return GetJSXFromAI(o,t.prompt,t.data,t.smartAndSlow===!0).then(d=>{l||n(d)}),()=>{l=!0}},[t.prompt,t.data,n,o,t.smartAndSlow]),e?jsxRuntime.jsx(source_default,{bindings:{data:t.data},components:{ResellerCard,ManufacturerCard,PartnerCard,ProductCard,Card,CardHeader,CardTitle,CardContent,CardDescription,Badge,Tabs,TabsList,TabsContent,TabsTrigger,ScrollArea},jsx:e}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(Skeleton,{className:"h-32 w-32",children:jsxRuntime.jsx(Bot,{className:"m-auto align-middle h-full"})})})}var CHECKBOX_NAME="Checkbox",[createCheckboxContext,createCheckboxScope]=createContextScope(CHECKBOX_NAME),[CheckboxProviderImpl,useCheckboxContext]=createCheckboxContext(CHECKBOX_NAME);function CheckboxProvider(t){const{__scopeCheckbox:e,checked:n,children:o,defaultChecked:l,disabled:d,form:f,name:g,onCheckedChange:b,required:_,value:S="on",internal_do_not_use_render:R}=t,[C,E]=useControllableState({prop:n,defaultProp:l??!1,onChange:b,caller:CHECKBOX_NAME}),[A,I]=React__namespace.useState(null),[M,j]=React__namespace.useState(null),q=React__namespace.useRef(!1),z=A?!!f||!!A.closest("form"):!0,Q={checked:C,disabled:d,setChecked:E,control:A,setControl:I,name:g,form:f,value:S,hasConsumerStoppedPropagationRef:q,required:_,defaultChecked:isIndeterminate(l)?!1:l,isFormControl:z,bubbleInput:M,setBubbleInput:j};return jsxRuntime.jsx(CheckboxProviderImpl,{scope:e,...Q,children:isFunction$3(R)?R(Q):o})}var TRIGGER_NAME$3="CheckboxTrigger",CheckboxTrigger=React__namespace.forwardRef(({__scopeCheckbox:t,onKeyDown:e,onClick:n,...o},l)=>{const{control:d,value:f,disabled:g,checked:b,required:_,setControl:S,setChecked:R,hasConsumerStoppedPropagationRef:C,isFormControl:E,bubbleInput:A}=useCheckboxContext(TRIGGER_NAME$3,t),I=useComposedRefs(l,S),M=React__namespace.useRef(b);return React__namespace.useEffect(()=>{const j=d==null?void 0:d.form;if(j){const q=()=>R(M.current);return j.addEventListener("reset",q),()=>j.removeEventListener("reset",q)}},[d,R]),jsxRuntime.jsx(Primitive.button,{type:"button",role:"checkbox","aria-checked":isIndeterminate(b)?"mixed":b,"aria-required":_,"data-state":getState$1(b),"data-disabled":g?"":void 0,disabled:g,value:f,...o,ref:I,onKeyDown:composeEventHandlers(e,j=>{j.key==="Enter"&&j.preventDefault()}),onClick:composeEventHandlers(n,j=>{R(q=>isIndeterminate(q)?!0:!q),A&&E&&(C.current=j.isPropagationStopped(),C.current||j.stopPropagation())})})});CheckboxTrigger.displayName=TRIGGER_NAME$3;var Checkbox$1=React__namespace.forwardRef((t,e)=>{const{__scopeCheckbox:n,name:o,checked:l,defaultChecked:d,required:f,disabled:g,value:b,onCheckedChange:_,form:S,...R}=t;return jsxRuntime.jsx(CheckboxProvider,{__scopeCheckbox:n,checked:l,defaultChecked:d,disabled:g,required:f,onCheckedChange:_,name:o,form:S,value:b,internal_do_not_use_render:({isFormControl:C})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(CheckboxTrigger,{...R,ref:e,__scopeCheckbox:n}),C&&jsxRuntime.jsx(CheckboxBubbleInput,{__scopeCheckbox:n})]})})});Checkbox$1.displayName=CHECKBOX_NAME;var INDICATOR_NAME$1="CheckboxIndicator",CheckboxIndicator=React__namespace.forwardRef((t,e)=>{const{__scopeCheckbox:n,forceMount:o,...l}=t,d=useCheckboxContext(INDICATOR_NAME$1,n);return jsxRuntime.jsx(Presence,{present:o||isIndeterminate(d.checked)||d.checked===!0,children:jsxRuntime.jsx(Primitive.span,{"data-state":getState$1(d.checked),"data-disabled":d.disabled?"":void 0,...l,ref:e,style:{pointerEvents:"none",...t.style}})})});CheckboxIndicator.displayName=INDICATOR_NAME$1;var BUBBLE_INPUT_NAME$1="CheckboxBubbleInput",CheckboxBubbleInput=React__namespace.forwardRef(({__scopeCheckbox:t,...e},n)=>{const{control:o,hasConsumerStoppedPropagationRef:l,checked:d,defaultChecked:f,required:g,disabled:b,name:_,value:S,form:R,bubbleInput:C,setBubbleInput:E}=useCheckboxContext(BUBBLE_INPUT_NAME$1,t),A=useComposedRefs(n,E),I=usePrevious(d),M=useSize(o);React__namespace.useEffect(()=>{const q=C;if(!q)return;const z=window.HTMLInputElement.prototype,F=Object.getOwnPropertyDescriptor(z,"checked").set,V=!l.current;if(I!==d&&F){const te=new Event("click",{bubbles:V});q.indeterminate=isIndeterminate(d),F.call(q,isIndeterminate(d)?!1:d),q.dispatchEvent(te)}},[C,I,d,l]);const j=React__namespace.useRef(isIndeterminate(d)?!1:d);return jsxRuntime.jsx(Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:f??j.current,required:g,disabled:b,name:_,value:S,form:R,...e,tabIndex:-1,ref:A,style:{...e.style,...M,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});CheckboxBubbleInput.displayName=BUBBLE_INPUT_NAME$1;function isFunction$3(t){return typeof t=="function"}function isIndeterminate(t){return t==="indeterminate"}function getState$1(t){return isIndeterminate(t)?"indeterminate":t?"checked":"unchecked"}const Checkbox=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(Checkbox$1,{ref:n,className:cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",t),...e,children:jsxRuntime.jsx(CheckboxIndicator,{className:cn("flex items-center justify-center text-current"),children:jsxRuntime.jsx(Check,{className:"h-4 w-4"})})}));Checkbox.displayName=Checkbox$1.displayName;var U=1,Y$1=.9,H=.8,J=.17,p=.1,u=.999,$=.9999,k$1=.99,m=/[\\\/_+.#"@\[\(\{&]/,B$1=/[\\\/_+.#"@\[\(\{&]/g,K$1=/[\s-]/,X=/[\s-]/g;function G(t,e,n,o,l,d,f){if(d===e.length)return l===t.length?U:k$1;var g=`${l},${d}`;if(f[g]!==void 0)return f[g];for(var b=o.charAt(d),_=n.indexOf(b,l),S=0,R,C,E,A;_>=0;)R=G(t,e,n,o,_+1,d+1,f),R>S&&(_===l?R*=U:m.test(t.charAt(_-1))?(R*=H,E=t.slice(l,_-1).match(B$1),E&&l>0&&(R*=Math.pow(u,E.length))):K$1.test(t.charAt(_-1))?(R*=Y$1,A=t.slice(l,_-1).match(X),A&&l>0&&(R*=Math.pow(u,A.length))):(R*=J,l>0&&(R*=Math.pow(u,_-l))),t.charAt(_)!==e.charAt(d)&&(R*=$)),(R<p&&n.charAt(_-1)===o.charAt(d+1)||o.charAt(d+1)===o.charAt(d)&&n.charAt(_-1)!==o.charAt(d))&&(C=G(t,e,n,o,_+1,d+2,f),C*p>R&&(R=C*p)),R>S&&(S=R),_=n.indexOf(b,_+1);return f[g]=S,S}function D(t){return t.toLowerCase().replace(X," ")}function W(t,e,n){return t=n&&n.length>0?`${t+" "+n.join(" ")}`:t,G(t,e,D(t),D(e),0,0,{})}var N='[cmdk-group=""]',Y='[cmdk-group-items=""]',be='[cmdk-group-heading=""]',le='[cmdk-item=""]',ce=`${le}:not([aria-disabled="true"])`,Z="cmdk-item-select",T="data-value",Re=(t,e,n)=>W(t,e,n),ue=React__namespace.createContext(void 0),K=()=>React__namespace.useContext(ue),de=React__namespace.createContext(void 0),ee=()=>React__namespace.useContext(de),fe=React__namespace.createContext(void 0),me=React__namespace.forwardRef((t,e)=>{let n=L(()=>{var ze,Qe;return{search:"",value:(Qe=(ze=t.value)!=null?ze:t.defaultValue)!=null?Qe:"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}}}),o=L(()=>new Set),l=L(()=>new Map),d=L(()=>new Map),f=L(()=>new Set),g=pe(t),{label:b,children:_,value:S,onValueChange:R,filter:C,shouldFilter:E,loop:A,disablePointerSelection:I=!1,vimBindings:M=!0,...j}=t,q=useId(),z=useId(),Q=useId(),F=React__namespace.useRef(null),V=ke();k(()=>{if(S!==void 0){let ze=S.trim();n.current.value=ze,te.emit()}},[S]),k(()=>{V(6,Ne)},[]);let te=React__namespace.useMemo(()=>({subscribe:ze=>(f.current.add(ze),()=>f.current.delete(ze)),snapshot:()=>n.current,setState:(ze,Qe,tt)=>{var Ye,et,Xe,at;if(!Object.is(n.current[ze],Qe)){if(n.current[ze]=Qe,ze==="search")Ae(),ge(),V(1,oe);else if(ze==="value"){if(document.activeElement.hasAttribute("cmdk-input")||document.activeElement.hasAttribute("cmdk-root")){let rt=document.getElementById(Q);rt?rt.focus():(Ye=document.getElementById(q))==null||Ye.focus()}if(V(7,()=>{var rt;n.current.selectedItemId=(rt=je())==null?void 0:rt.id,te.emit()}),tt||V(5,Ne),((et=g.current)==null?void 0:et.value)!==void 0){let rt=Qe??"";(at=(Xe=g.current).onValueChange)==null||at.call(Xe,rt);return}}te.emit()}},emit:()=>{f.current.forEach(ze=>ze())}}),[]),ae=React__namespace.useMemo(()=>({value:(ze,Qe,tt)=>{var Ye;Qe!==((Ye=d.current.get(ze))==null?void 0:Ye.value)&&(d.current.set(ze,{value:Qe,keywords:tt}),n.current.filtered.items.set(ze,se(Qe,tt)),V(2,()=>{ge(),te.emit()}))},item:(ze,Qe)=>(o.current.add(ze),Qe&&(l.current.has(Qe)?l.current.get(Qe).add(ze):l.current.set(Qe,new Set([ze]))),V(3,()=>{Ae(),ge(),n.current.value||oe(),te.emit()}),()=>{d.current.delete(ze),o.current.delete(ze),n.current.filtered.items.delete(ze);let tt=je();V(4,()=>{Ae(),(tt==null?void 0:tt.getAttribute("id"))===ze&&oe(),te.emit()})}),group:ze=>(l.current.has(ze)||l.current.set(ze,new Set),()=>{d.current.delete(ze),l.current.delete(ze)}),filter:()=>g.current.shouldFilter,label:b||t["aria-label"],getDisablePointerSelection:()=>g.current.disablePointerSelection,listId:q,inputId:Q,labelId:z,listInnerRef:F}),[]);function se(ze,Qe){var tt,Ye;let et=(Ye=(tt=g.current)==null?void 0:tt.filter)!=null?Ye:Re;return ze?et(ze,n.current.search,Qe):0}function ge(){if(!n.current.search||g.current.shouldFilter===!1)return;let ze=n.current.filtered.items,Qe=[];n.current.filtered.groups.forEach(Ye=>{let et=l.current.get(Ye),Xe=0;et.forEach(at=>{let rt=ze.get(at);Xe=Math.max(rt,Xe)}),Qe.push([Ye,Xe])});let tt=F.current;$e().sort((Ye,et)=>{var Xe,at;let rt=Ye.getAttribute("id"),it=et.getAttribute("id");return((Xe=ze.get(it))!=null?Xe:0)-((at=ze.get(rt))!=null?at:0)}).forEach(Ye=>{let et=Ye.closest(Y);et?et.appendChild(Ye.parentElement===et?Ye:Ye.closest(`${Y} > *`)):tt.appendChild(Ye.parentElement===tt?Ye:Ye.closest(`${Y} > *`))}),Qe.sort((Ye,et)=>et[1]-Ye[1]).forEach(Ye=>{var et;let Xe=(et=F.current)==null?void 0:et.querySelector(`${N}[${T}="${encodeURIComponent(Ye[0])}"]`);Xe==null||Xe.parentElement.appendChild(Xe)})}function oe(){let ze=$e().find(tt=>tt.getAttribute("aria-disabled")!=="true"),Qe=ze==null?void 0:ze.getAttribute(T);te.setState("value",Qe||void 0)}function Ae(){var ze,Qe,tt,Ye;if(!n.current.search||g.current.shouldFilter===!1){n.current.filtered.count=o.current.size;return}n.current.filtered.groups=new Set;let et=0;for(let Xe of o.current){let at=(Qe=(ze=d.current.get(Xe))==null?void 0:ze.value)!=null?Qe:"",rt=(Ye=(tt=d.current.get(Xe))==null?void 0:tt.keywords)!=null?Ye:[],it=se(at,rt);n.current.filtered.items.set(Xe,it),it>0&&et++}for(let[Xe,at]of l.current)for(let rt of at)if(n.current.filtered.items.get(rt)>0){n.current.filtered.groups.add(Xe);break}n.current.filtered.count=et}function Ne(){var ze,Qe,tt;let Ye=je();Ye&&(((ze=Ye.parentElement)==null?void 0:ze.firstChild)===Ye&&((tt=(Qe=Ye.closest(N))==null?void 0:Qe.querySelector(be))==null||tt.scrollIntoView({block:"nearest"})),Ye.scrollIntoView({block:"nearest"}))}function je(){var ze;return(ze=F.current)==null?void 0:ze.querySelector(`${le}[aria-selected="true"]`)}function $e(){var ze;return Array.from(((ze=F.current)==null?void 0:ze.querySelectorAll(ce))||[])}function Fe(ze){let Qe=$e()[ze];Qe&&te.setState("value",Qe.getAttribute(T))}function Ue(ze){var Qe;let tt=je(),Ye=$e(),et=Ye.findIndex(at=>at===tt),Xe=Ye[et+ze];(Qe=g.current)!=null&&Qe.loop&&(Xe=et+ze<0?Ye[Ye.length-1]:et+ze===Ye.length?Ye[0]:Ye[et+ze]),Xe&&te.setState("value",Xe.getAttribute(T))}function Ve(ze){let Qe=je(),tt=Qe==null?void 0:Qe.closest(N),Ye;for(;tt&&!Ye;)tt=ze>0?we(tt,N):De(tt,N),Ye=tt==null?void 0:tt.querySelector(ce);Ye?te.setState("value",Ye.getAttribute(T)):Ue(ze)}let Le=()=>Fe($e().length-1),qe=ze=>{ze.preventDefault(),ze.metaKey?Le():ze.altKey?Ve(1):Ue(1)},Ke=ze=>{ze.preventDefault(),ze.metaKey?Fe(0):ze.altKey?Ve(-1):Ue(-1)};return React__namespace.createElement(Primitive.div,{ref:e,tabIndex:-1,...j,"cmdk-root":"",onKeyDown:ze=>{var Qe;(Qe=j.onKeyDown)==null||Qe.call(j,ze);let tt=ze.nativeEvent.isComposing||ze.keyCode===229;if(!(ze.defaultPrevented||tt))switch(ze.key){case"n":case"j":{M&&ze.ctrlKey&&qe(ze);break}case"ArrowDown":{qe(ze);break}case"p":case"k":{M&&ze.ctrlKey&&Ke(ze);break}case"ArrowUp":{Ke(ze);break}case"Home":{ze.preventDefault(),Fe(0);break}case"End":{ze.preventDefault(),Le();break}case"Enter":{ze.preventDefault();let Ye=je();if(Ye){let et=new Event(Z);Ye.dispatchEvent(et)}}}}},React__namespace.createElement("label",{"cmdk-label":"",htmlFor:ae.inputId,id:ae.labelId,style:Te},b),B(t,ze=>React__namespace.createElement(de.Provider,{value:te},React__namespace.createElement(ue.Provider,{value:ae},ze))))}),he=React__namespace.forwardRef((t,e)=>{var n,o;let l=useId(),d=React__namespace.useRef(null),f=React__namespace.useContext(fe),g=K(),b=pe(t),_=(o=(n=b.current)==null?void 0:n.forceMount)!=null?o:f==null?void 0:f.forceMount;k(()=>{if(!_)return g.item(l,f==null?void 0:f.id)},[_]);let S=ve(l,d,[t.value,t.children,d],t.keywords),R=ee(),C=P(V=>V.value&&V.value===S.current),E=P(V=>_||g.filter()===!1?!0:V.search?V.filtered.items.get(l)>0:!0);React__namespace.useEffect(()=>{let V=d.current;if(!(!V||t.disabled))return V.addEventListener(Z,A),()=>V.removeEventListener(Z,A)},[E,t.onSelect,t.disabled]);function A(){var V,te;I(),(te=(V=b.current).onSelect)==null||te.call(V,S.current)}function I(){R.setState("value",S.current,!0)}if(!E)return null;let{disabled:M,value:j,onSelect:q,forceMount:z,keywords:Q,...F}=t;return React__namespace.createElement(Primitive.div,{ref:composeRefs(d,e),...F,id:l,"cmdk-item":"",role:"option","aria-disabled":!!M,"aria-selected":!!C,"data-disabled":!!M,"data-selected":!!C,onPointerMove:M||g.getDisablePointerSelection()?void 0:I,onClick:M?void 0:A},t.children)}),Ee=React__namespace.forwardRef((t,e)=>{let{heading:n,children:o,forceMount:l,...d}=t,f=useId(),g=React__namespace.useRef(null),b=React__namespace.useRef(null),_=useId(),S=K(),R=P(E=>l||S.filter()===!1?!0:E.search?E.filtered.groups.has(f):!0);k(()=>S.group(f),[]),ve(f,g,[t.value,t.heading,b]);let C=React__namespace.useMemo(()=>({id:f,forceMount:l}),[l]);return React__namespace.createElement(Primitive.div,{ref:composeRefs(g,e),...d,"cmdk-group":"",role:"presentation",hidden:R?void 0:!0},n&&React__namespace.createElement("div",{ref:b,"cmdk-group-heading":"","aria-hidden":!0,id:_},n),B(t,E=>React__namespace.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":n?_:void 0},React__namespace.createElement(fe.Provider,{value:C},E))))}),ye=React__namespace.forwardRef((t,e)=>{let{alwaysRender:n,...o}=t,l=React__namespace.useRef(null),d=P(f=>!f.search);return!n&&!d?null:React__namespace.createElement(Primitive.div,{ref:composeRefs(l,e),...o,"cmdk-separator":"",role:"separator"})}),Se=React__namespace.forwardRef((t,e)=>{let{onValueChange:n,...o}=t,l=t.value!=null,d=ee(),f=P(_=>_.search),g=P(_=>_.selectedItemId),b=K();return React__namespace.useEffect(()=>{t.value!=null&&d.setState("search",t.value)},[t.value]),React__namespace.createElement(Primitive.input,{ref:e,...o,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":b.listId,"aria-labelledby":b.labelId,"aria-activedescendant":g,id:b.inputId,type:"text",value:l?t.value:f,onChange:_=>{l||d.setState("search",_.target.value),n==null||n(_.target.value)}})}),Ce=React__namespace.forwardRef((t,e)=>{let{children:n,label:o="Suggestions",...l}=t,d=React__namespace.useRef(null),f=React__namespace.useRef(null),g=P(_=>_.selectedItemId),b=K();return React__namespace.useEffect(()=>{if(f.current&&d.current){let _=f.current,S=d.current,R,C=new ResizeObserver(()=>{R=requestAnimationFrame(()=>{let E=_.offsetHeight;S.style.setProperty("--cmdk-list-height",E.toFixed(1)+"px")})});return C.observe(_),()=>{cancelAnimationFrame(R),C.unobserve(_)}}},[]),React__namespace.createElement(Primitive.div,{ref:composeRefs(d,e),...l,"cmdk-list":"",role:"listbox",tabIndex:-1,"aria-activedescendant":g,"aria-label":o,id:b.listId},B(t,_=>React__namespace.createElement("div",{ref:composeRefs(f,b.listInnerRef),"cmdk-list-sizer":""},_)))}),xe=React__namespace.forwardRef((t,e)=>{let{open:n,onOpenChange:o,overlayClassName:l,contentClassName:d,container:f,...g}=t;return React__namespace.createElement(Root$8,{open:n,onOpenChange:o},React__namespace.createElement(Portal$4,{container:f},React__namespace.createElement(Overlay,{"cmdk-overlay":"",className:l}),React__namespace.createElement(Content$2,{"aria-label":t.label,"cmdk-dialog":"",className:d},React__namespace.createElement(me,{ref:e,...g}))))}),Ie=React__namespace.forwardRef((t,e)=>P(n=>n.filtered.count===0)?React__namespace.createElement(Primitive.div,{ref:e,...t,"cmdk-empty":"",role:"presentation"}):null),Pe=React__namespace.forwardRef((t,e)=>{let{progress:n,children:o,label:l="Loading...",...d}=t;return React__namespace.createElement(Primitive.div,{ref:e,...d,"cmdk-loading":"",role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":l},B(t,f=>React__namespace.createElement("div",{"aria-hidden":!0},f)))}),_e=Object.assign(me,{List:Ce,Item:he,Input:Se,Group:Ee,Separator:ye,Dialog:xe,Empty:Ie,Loading:Pe});function we(t,e){let n=t.nextElementSibling;for(;n;){if(n.matches(e))return n;n=n.nextElementSibling}}function De(t,e){let n=t.previousElementSibling;for(;n;){if(n.matches(e))return n;n=n.previousElementSibling}}function pe(t){let e=React__namespace.useRef(t);return k(()=>{e.current=t}),e}var k=typeof window>"u"?React__namespace.useEffect:React__namespace.useLayoutEffect;function L(t){let e=React__namespace.useRef();return e.current===void 0&&(e.current=t()),e}function P(t){let e=ee(),n=()=>t(e.snapshot());return React__namespace.useSyncExternalStore(e.subscribe,n,n)}function ve(t,e,n,o=[]){let l=React__namespace.useRef(),d=K();return k(()=>{var f;let g=(()=>{var _;for(let S of n){if(typeof S=="string")return S.trim();if(typeof S=="object"&&"current"in S)return S.current?(_=S.current.textContent)==null?void 0:_.trim():l.current}})(),b=o.map(_=>_.trim());d.value(t,g,b),(f=e.current)==null||f.setAttribute(T,g),l.current=g}),l}var ke=()=>{let[t,e]=React__namespace.useState(),n=L(()=>new Map);return k(()=>{n.current.forEach(o=>o()),n.current=new Map},[t]),(o,l)=>{n.current.set(o,l),e({})}};function Me(t){let e=t.type;return typeof e=="function"?e(t.props):"render"in e?e.render(t.props):t}function B({asChild:t,children:e},n){return t&&React__namespace.isValidElement(e)?React__namespace.cloneElement(Me(e),{ref:e.ref},n(e.props.children)):n(e)}var Te={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};const Command=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(_e,{ref:n,className:cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",t),...e}));Command.displayName=_e.displayName;const CommandDialog=({children:t,...e})=>jsxRuntime.jsx(Dialog,{...e,children:jsxRuntime.jsx(DialogContent,{className:"overflow-hidden p-0",children:jsxRuntime.jsx(Command,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:t})})}),CommandInput=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsxs("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[jsxRuntime.jsx(Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),jsxRuntime.jsx(_e.Input,{ref:n,className:cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",t),...e})]}));CommandInput.displayName=_e.Input.displayName;const CommandList=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(_e.List,{ref:n,className:cn("max-h-[300px] overflow-y-auto overflow-x-hidden",t),...e}));CommandList.displayName=_e.List.displayName;const CommandEmpty=React__namespace.forwardRef((t,e)=>jsxRuntime.jsx(_e.Empty,{ref:e,className:"py-6 text-center text-sm",...t}));CommandEmpty.displayName=_e.Empty.displayName;const CommandGroup=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(_e.Group,{ref:n,className:cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",t),...e}));CommandGroup.displayName=_e.Group.displayName;const CommandSeparator=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(_e.Separator,{ref:n,className:cn("-mx-1 h-px bg-border",t),...e}));CommandSeparator.displayName=_e.Separator.displayName;const CommandItem=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(_e.Item,{ref:n,className:cn("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t),...e}));CommandItem.displayName=_e.Item.displayName;const CommandShortcut=({className:t,...e})=>jsxRuntime.jsx("span",{className:cn("ml-auto text-xs tracking-widest text-muted-foreground",t),...e});CommandShortcut.displayName="CommandShortcut";function GeneralDocumentCard({document:t,loading:e=!1}){return e?jsxRuntime.jsx("div",{children:"loading..."}):jsxRuntime.jsxs("div",{children:["GENERAL DOCUMENT CARD - ",t==null?void 0:t.OrderNumber," for P.O. ",t==null?void 0:t.PONumber]})}const Navbar=React.forwardRef(({routes:t,footer:e,dashboardTitle:n,withRandmarAssistant:o,chatUserName:l,chatApiKey:d,appID:f},g)=>{const b=t.filter(C=>C.showInNav),_=React.useRef(null),S=React.useRef(null),R=React.useRef(null);return React.useImperativeHandle(g,()=>({setActiveChatAndSendMessage:(C,E)=>{var A;return(A=R.current)==null||A.click(),setTimeout(()=>{var I;(I=_.current)==null||I.focus(),S.current&&S.current.setActiveChatAndSendMessage(C,E)},100),!0}})),jsxRuntime.jsxs(Sidebar,{className:"border-r border-sidebar-border",children:[jsxRuntime.jsx(SidebarHeader,{className:"border-b border-sidebar-border px-6 h-16 justify-center bg-sidebar text-sidebar-foreground",children:jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx("div",{className:"flex items-center justify-center",children:jsxRuntime.jsx("img",{src:"https://api.randmar.io/images/RandmarIcon.svg",alt:"Randmar Icon",className:"h-4 w-4 filter brightness-0 saturate-100 invert"})}),jsxRuntime.jsx("span",{className:"font-semibold text-lg",children:n})]})}),jsxRuntime.jsx(SidebarContent,{className:"py-4 bg-sidebar text-sidebar-foreground",children:jsxRuntime.jsx(SidebarMenu,{children:b.map(C=>{const E=C.icon,A=`/${C.path}`;return jsxRuntime.jsx(SidebarMenuItem,{children:jsxRuntime.jsx(SidebarMenuButton,{asChild:!0,children:jsxRuntime.jsxs(reactRouterDom.Link,{to:A,className:"transition-colors hover:bg-muted px-6",children:[E&&jsxRuntime.jsx(E,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:C.label})]})})},C.key)})})}),jsxRuntime.jsxs(SidebarFooter,{className:"border-t border-sidebar-border p-4 bg-sidebar-background text-sidebar-foreground",children:[o===!0&&jsxRuntime.jsxs(Dialog,{children:[jsxRuntime.jsx(DialogTrigger,{asChild:!0,children:jsxRuntime.jsxs(Button,{ref:R,size:"lg",className:"collapse md:visible",onClick:()=>setTimeout(()=>{var C;return(C=_.current)==null?void 0:C.focus()},50),children:[jsxRuntime.jsx(Bot,{}),"Assistant"]})}),jsxRuntime.jsx(DialogContent,{className:"max-w-[85vw] p-0 data-[state=open]:visible data-[state=closed]:invisible",forceMount:!0,animateExit:!1,children:jsxRuntime.jsx(ChatLayout,{ref:S,inputRef:_,userId:f,userName:l??"Unknown user",apiKey:d??""})})]}),e]})]})}),Layout=React.forwardRef(({children:t,appID:e,rightMenu:n,routes:o,footer:l,handleValidSearch:d,dashboardTitle:f,onSignOut:g,searchPlaceholder:b,withRandmarAssistant:_,chatUserName:S,chatApiKey:R,chatRef:C},E)=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(SidebarProvider,{children:jsxRuntime.jsxs("div",{className:"flex grow",children:[jsxRuntime.jsx(Navbar,{appID:e,routes:o,footer:l,dashboardTitle:f,withRandmarAssistant:_,chatUserName:S,chatApiKey:R,ref:C}),jsxRuntime.jsxs("div",{className:"flex flex-1 flex-col overflow-hidden",children:[jsxRuntime.jsx(Topbar,{ref:E,onSignOut:g,rightMenu:n,handleValidSearch:d,searchPlaceholder:b}),jsxRuntime.jsx("main",{className:"flex-1 overflow-auto mt-16",children:t}),jsxRuntime.jsx(Toaster,{})]})]})})}));Layout.displayName="Layout";const salesChannels=[{id:"online-store",label:"Online store (Shopify, Amazon, etc.)"},{id:"brick-and-mortar",label:"Brick-and-mortar (Physical Store)"},{id:"marketplace",label:"Marketplace seller (eBay, Walmart, etc.)"},{id:"b2b",label:"B2B wholesale"},{id:"other-channel",label:"Other (please specify)"}],markets=[{id:"canada",label:"Canada - Nationwide"},{id:"ontario",label:"Ontario & Quebec"},{id:"atlantic",label:"Atlantic Provinces (NS, NB, PEI, NL)"},{id:"prairie",label:"Prairie (Saskatchewan, Manitoba)"},{id:"western",label:"Western Provinces (BC, Alberta, etc.)"},{id:"united-states",label:"United States"},{id:"other-market",label:"Other (please specify)"}];function ManufacturerGetStartedButton({applicationId:t,manufacturer:e}){const{toast:n}=useToast(),[o,l]=React.useState(!1),[d,f]=React.useState(!1),[g,b]=React.useState(!1),[_,S]=React.useState(""),[R,C]=React.useState(""),[E,A]=React.useState(!1),[I,M]=React.useState(""),[j,q]=React.useState(""),[z,Q]=React.useState([]),[F,V]=React.useState(""),[te,ae]=React.useState(""),[se,ge]=React.useState([]),[oe,Ae]=React.useState(""),[Ne,je]=React.useState(""),[$e]=usePostV4PartnerByRouteApplicationIdBusinessDevelopmentConversationPartnerAndPartnerIdMutation(),{sendMessage:Fe}=useChat(),Ue=()=>{S(""),C("")},Ve=()=>{M(""),q(""),Q([]),V(""),ae(""),ge([]),Ae(""),je("")},Le=()=>{e.PartnerRegistrationLink?l(!0):e.OpenToWork&&f(!0)},qe=et=>{if(et.preventDefault(),!g){if(!_.trim()){C("Qualification ID is required");return}b(!0),$e({routeApplicationId:t,partnerId:e.ManufacturerId??"",message:`Hello! I'd like to get started with you. Here's my Qualification ID: ${_}`}).then(Xe=>{var rt;if(Xe.error){console.error(Xe.error),n({title:"Could not initiate chat",description:"Try again later.",variant:"destructive"});return}const at=(rt=Xe.data)==null?void 0:rt.ConversationId;at&&Fe(at)?(l(!1),Ue()):n({title:"Could not send message",description:"Try again later.",variant:"destructive"})}).catch(Xe=>{console.error(Xe),n({title:"Could not initiate chat",description:"Try again later.",variant:"destructive"})}).finally(()=>{b(!1)})}},Ke=et=>{if(et.preventDefault(),E)return;q(""),V(""),Ae("");let Xe=!1;if(I.trim().length<10&&(q("Please provide a brief description of your business (minimum 10 characters)"),Xe=!0),z.length===0&&(V("Please select at least one sales channel"),Xe=!0),se.length===0&&(Ae("Please select at least one market"),Xe=!0),Xe)return;const at=salesChannels.filter(st=>z.includes(st.id)).map(st=>st.label);te&&at.push(`Other: ${te}`);const rt=markets.filter(st=>se.includes(st.id)).map(st=>st.label);Ne&&rt.push(`Other: ${Ne}`);const it=["Hello! I'd like to introduce my business:",`Business Description: ${I}`,`Sales Channels: ${at.join(", ")}`,`Markets: ${rt.join(", ")}`].join(`
1046
+ `),E=await new GoogleGenAI({apiKey:t}).chats.create({model:o?"gemini-2.5-pro-preview-03-25":"gemini-2.0-flash-lite"}).sendMessage({message:S}),A=trimJSXString(E.text??"");return A&&!containsBlockArrowFunc(A)?A:l==0?"<p>Could not generate visuals for this data.</p>":await GetJSXFromAI(t,e,n,o,l-1)};function containsBlockArrowFunc(t){return t.replace(/\s+/g,"").indexOf("=>{")>=0}function trimJSXString(t){const e=t.indexOf("<"),n=t.lastIndexOf("</");return e===-1||n===-1?"":t.slice(e,t.indexOf(">",n)+1)}function AiGeneratedContent(t){const[e,n]=React.useState(""),{apiKey:o}=useApiKey();return React.useEffect(()=>{if(!o||!t.prompt||!t.data)return;n("");let l=!1;return GetJSXFromAI(o,t.prompt,t.data,t.smartAndSlow===!0).then(d=>{l||n(d)}),()=>{l=!0}},[t.prompt,t.data,n,o,t.smartAndSlow]),e?jsxRuntime.jsx(source_default,{bindings:{data:t.data},components:{ResellerCard,ManufacturerCard,PartnerCard,ProductCard,Card,CardHeader,CardTitle,CardContent,CardDescription,Badge,Tabs,TabsList,TabsContent,TabsTrigger,ScrollArea},jsx:e}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(Skeleton,{className:"h-32 w-32",children:jsxRuntime.jsx(Bot,{className:"m-auto align-middle h-full"})})})}var CHECKBOX_NAME="Checkbox",[createCheckboxContext,createCheckboxScope]=createContextScope(CHECKBOX_NAME),[CheckboxProviderImpl,useCheckboxContext]=createCheckboxContext(CHECKBOX_NAME);function CheckboxProvider(t){const{__scopeCheckbox:e,checked:n,children:o,defaultChecked:l,disabled:d,form:f,name:g,onCheckedChange:b,required:_,value:S="on",internal_do_not_use_render:R}=t,[C,E]=useControllableState({prop:n,defaultProp:l??!1,onChange:b,caller:CHECKBOX_NAME}),[A,I]=React__namespace.useState(null),[M,j]=React__namespace.useState(null),q=React__namespace.useRef(!1),z=A?!!f||!!A.closest("form"):!0,Q={checked:C,disabled:d,setChecked:E,control:A,setControl:I,name:g,form:f,value:S,hasConsumerStoppedPropagationRef:q,required:_,defaultChecked:isIndeterminate(l)?!1:l,isFormControl:z,bubbleInput:M,setBubbleInput:j};return jsxRuntime.jsx(CheckboxProviderImpl,{scope:e,...Q,children:isFunction$3(R)?R(Q):o})}var TRIGGER_NAME$3="CheckboxTrigger",CheckboxTrigger=React__namespace.forwardRef(({__scopeCheckbox:t,onKeyDown:e,onClick:n,...o},l)=>{const{control:d,value:f,disabled:g,checked:b,required:_,setControl:S,setChecked:R,hasConsumerStoppedPropagationRef:C,isFormControl:E,bubbleInput:A}=useCheckboxContext(TRIGGER_NAME$3,t),I=useComposedRefs(l,S),M=React__namespace.useRef(b);return React__namespace.useEffect(()=>{const j=d==null?void 0:d.form;if(j){const q=()=>R(M.current);return j.addEventListener("reset",q),()=>j.removeEventListener("reset",q)}},[d,R]),jsxRuntime.jsx(Primitive.button,{type:"button",role:"checkbox","aria-checked":isIndeterminate(b)?"mixed":b,"aria-required":_,"data-state":getState$1(b),"data-disabled":g?"":void 0,disabled:g,value:f,...o,ref:I,onKeyDown:composeEventHandlers(e,j=>{j.key==="Enter"&&j.preventDefault()}),onClick:composeEventHandlers(n,j=>{R(q=>isIndeterminate(q)?!0:!q),A&&E&&(C.current=j.isPropagationStopped(),C.current||j.stopPropagation())})})});CheckboxTrigger.displayName=TRIGGER_NAME$3;var Checkbox$1=React__namespace.forwardRef((t,e)=>{const{__scopeCheckbox:n,name:o,checked:l,defaultChecked:d,required:f,disabled:g,value:b,onCheckedChange:_,form:S,...R}=t;return jsxRuntime.jsx(CheckboxProvider,{__scopeCheckbox:n,checked:l,defaultChecked:d,disabled:g,required:f,onCheckedChange:_,name:o,form:S,value:b,internal_do_not_use_render:({isFormControl:C})=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(CheckboxTrigger,{...R,ref:e,__scopeCheckbox:n}),C&&jsxRuntime.jsx(CheckboxBubbleInput,{__scopeCheckbox:n})]})})});Checkbox$1.displayName=CHECKBOX_NAME;var INDICATOR_NAME$1="CheckboxIndicator",CheckboxIndicator=React__namespace.forwardRef((t,e)=>{const{__scopeCheckbox:n,forceMount:o,...l}=t,d=useCheckboxContext(INDICATOR_NAME$1,n);return jsxRuntime.jsx(Presence,{present:o||isIndeterminate(d.checked)||d.checked===!0,children:jsxRuntime.jsx(Primitive.span,{"data-state":getState$1(d.checked),"data-disabled":d.disabled?"":void 0,...l,ref:e,style:{pointerEvents:"none",...t.style}})})});CheckboxIndicator.displayName=INDICATOR_NAME$1;var BUBBLE_INPUT_NAME$1="CheckboxBubbleInput",CheckboxBubbleInput=React__namespace.forwardRef(({__scopeCheckbox:t,...e},n)=>{const{control:o,hasConsumerStoppedPropagationRef:l,checked:d,defaultChecked:f,required:g,disabled:b,name:_,value:S,form:R,bubbleInput:C,setBubbleInput:E}=useCheckboxContext(BUBBLE_INPUT_NAME$1,t),A=useComposedRefs(n,E),I=usePrevious(d),M=useSize(o);React__namespace.useEffect(()=>{const q=C;if(!q)return;const z=window.HTMLInputElement.prototype,F=Object.getOwnPropertyDescriptor(z,"checked").set,V=!l.current;if(I!==d&&F){const te=new Event("click",{bubbles:V});q.indeterminate=isIndeterminate(d),F.call(q,isIndeterminate(d)?!1:d),q.dispatchEvent(te)}},[C,I,d,l]);const j=React__namespace.useRef(isIndeterminate(d)?!1:d);return jsxRuntime.jsx(Primitive.input,{type:"checkbox","aria-hidden":!0,defaultChecked:f??j.current,required:g,disabled:b,name:_,value:S,form:R,...e,tabIndex:-1,ref:A,style:{...e.style,...M,position:"absolute",pointerEvents:"none",opacity:0,margin:0,transform:"translateX(-100%)"}})});CheckboxBubbleInput.displayName=BUBBLE_INPUT_NAME$1;function isFunction$3(t){return typeof t=="function"}function isIndeterminate(t){return t==="indeterminate"}function getState$1(t){return isIndeterminate(t)?"indeterminate":t?"checked":"unchecked"}const Checkbox=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(Checkbox$1,{ref:n,className:cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",t),...e,children:jsxRuntime.jsx(CheckboxIndicator,{className:cn("flex items-center justify-center text-current"),children:jsxRuntime.jsx(Check,{className:"h-4 w-4"})})}));Checkbox.displayName=Checkbox$1.displayName;var U=1,Y$1=.9,H=.8,J=.17,p=.1,u=.999,$=.9999,k$1=.99,m=/[\\\/_+.#"@\[\(\{&]/,B$1=/[\\\/_+.#"@\[\(\{&]/g,K$1=/[\s-]/,X=/[\s-]/g;function G(t,e,n,o,l,d,f){if(d===e.length)return l===t.length?U:k$1;var g=`${l},${d}`;if(f[g]!==void 0)return f[g];for(var b=o.charAt(d),_=n.indexOf(b,l),S=0,R,C,E,A;_>=0;)R=G(t,e,n,o,_+1,d+1,f),R>S&&(_===l?R*=U:m.test(t.charAt(_-1))?(R*=H,E=t.slice(l,_-1).match(B$1),E&&l>0&&(R*=Math.pow(u,E.length))):K$1.test(t.charAt(_-1))?(R*=Y$1,A=t.slice(l,_-1).match(X),A&&l>0&&(R*=Math.pow(u,A.length))):(R*=J,l>0&&(R*=Math.pow(u,_-l))),t.charAt(_)!==e.charAt(d)&&(R*=$)),(R<p&&n.charAt(_-1)===o.charAt(d+1)||o.charAt(d+1)===o.charAt(d)&&n.charAt(_-1)!==o.charAt(d))&&(C=G(t,e,n,o,_+1,d+2,f),C*p>R&&(R=C*p)),R>S&&(S=R),_=n.indexOf(b,_+1);return f[g]=S,S}function D(t){return t.toLowerCase().replace(X," ")}function W(t,e,n){return t=n&&n.length>0?`${t+" "+n.join(" ")}`:t,G(t,e,D(t),D(e),0,0,{})}var N='[cmdk-group=""]',Y='[cmdk-group-items=""]',be='[cmdk-group-heading=""]',le='[cmdk-item=""]',ce=`${le}:not([aria-disabled="true"])`,Z="cmdk-item-select",T="data-value",Re=(t,e,n)=>W(t,e,n),ue=React__namespace.createContext(void 0),K=()=>React__namespace.useContext(ue),de=React__namespace.createContext(void 0),ee=()=>React__namespace.useContext(de),fe=React__namespace.createContext(void 0),me=React__namespace.forwardRef((t,e)=>{let n=L(()=>{var ze,Qe;return{search:"",value:(Qe=(ze=t.value)!=null?ze:t.defaultValue)!=null?Qe:"",selectedItemId:void 0,filtered:{count:0,items:new Map,groups:new Set}}}),o=L(()=>new Set),l=L(()=>new Map),d=L(()=>new Map),f=L(()=>new Set),g=pe(t),{label:b,children:_,value:S,onValueChange:R,filter:C,shouldFilter:E,loop:A,disablePointerSelection:I=!1,vimBindings:M=!0,...j}=t,q=useId(),z=useId(),Q=useId(),F=React__namespace.useRef(null),V=ke();k(()=>{if(S!==void 0){let ze=S.trim();n.current.value=ze,te.emit()}},[S]),k(()=>{V(6,Ne)},[]);let te=React__namespace.useMemo(()=>({subscribe:ze=>(f.current.add(ze),()=>f.current.delete(ze)),snapshot:()=>n.current,setState:(ze,Qe,tt)=>{var Ye,et,Xe,at;if(!Object.is(n.current[ze],Qe)){if(n.current[ze]=Qe,ze==="search")Ae(),ge(),V(1,oe);else if(ze==="value"){if(document.activeElement.hasAttribute("cmdk-input")||document.activeElement.hasAttribute("cmdk-root")){let rt=document.getElementById(Q);rt?rt.focus():(Ye=document.getElementById(q))==null||Ye.focus()}if(V(7,()=>{var rt;n.current.selectedItemId=(rt=je())==null?void 0:rt.id,te.emit()}),tt||V(5,Ne),((et=g.current)==null?void 0:et.value)!==void 0){let rt=Qe??"";(at=(Xe=g.current).onValueChange)==null||at.call(Xe,rt);return}}te.emit()}},emit:()=>{f.current.forEach(ze=>ze())}}),[]),ae=React__namespace.useMemo(()=>({value:(ze,Qe,tt)=>{var Ye;Qe!==((Ye=d.current.get(ze))==null?void 0:Ye.value)&&(d.current.set(ze,{value:Qe,keywords:tt}),n.current.filtered.items.set(ze,se(Qe,tt)),V(2,()=>{ge(),te.emit()}))},item:(ze,Qe)=>(o.current.add(ze),Qe&&(l.current.has(Qe)?l.current.get(Qe).add(ze):l.current.set(Qe,new Set([ze]))),V(3,()=>{Ae(),ge(),n.current.value||oe(),te.emit()}),()=>{d.current.delete(ze),o.current.delete(ze),n.current.filtered.items.delete(ze);let tt=je();V(4,()=>{Ae(),(tt==null?void 0:tt.getAttribute("id"))===ze&&oe(),te.emit()})}),group:ze=>(l.current.has(ze)||l.current.set(ze,new Set),()=>{d.current.delete(ze),l.current.delete(ze)}),filter:()=>g.current.shouldFilter,label:b||t["aria-label"],getDisablePointerSelection:()=>g.current.disablePointerSelection,listId:q,inputId:Q,labelId:z,listInnerRef:F}),[]);function se(ze,Qe){var tt,Ye;let et=(Ye=(tt=g.current)==null?void 0:tt.filter)!=null?Ye:Re;return ze?et(ze,n.current.search,Qe):0}function ge(){if(!n.current.search||g.current.shouldFilter===!1)return;let ze=n.current.filtered.items,Qe=[];n.current.filtered.groups.forEach(Ye=>{let et=l.current.get(Ye),Xe=0;et.forEach(at=>{let rt=ze.get(at);Xe=Math.max(rt,Xe)}),Qe.push([Ye,Xe])});let tt=F.current;$e().sort((Ye,et)=>{var Xe,at;let rt=Ye.getAttribute("id"),it=et.getAttribute("id");return((Xe=ze.get(it))!=null?Xe:0)-((at=ze.get(rt))!=null?at:0)}).forEach(Ye=>{let et=Ye.closest(Y);et?et.appendChild(Ye.parentElement===et?Ye:Ye.closest(`${Y} > *`)):tt.appendChild(Ye.parentElement===tt?Ye:Ye.closest(`${Y} > *`))}),Qe.sort((Ye,et)=>et[1]-Ye[1]).forEach(Ye=>{var et;let Xe=(et=F.current)==null?void 0:et.querySelector(`${N}[${T}="${encodeURIComponent(Ye[0])}"]`);Xe==null||Xe.parentElement.appendChild(Xe)})}function oe(){let ze=$e().find(tt=>tt.getAttribute("aria-disabled")!=="true"),Qe=ze==null?void 0:ze.getAttribute(T);te.setState("value",Qe||void 0)}function Ae(){var ze,Qe,tt,Ye;if(!n.current.search||g.current.shouldFilter===!1){n.current.filtered.count=o.current.size;return}n.current.filtered.groups=new Set;let et=0;for(let Xe of o.current){let at=(Qe=(ze=d.current.get(Xe))==null?void 0:ze.value)!=null?Qe:"",rt=(Ye=(tt=d.current.get(Xe))==null?void 0:tt.keywords)!=null?Ye:[],it=se(at,rt);n.current.filtered.items.set(Xe,it),it>0&&et++}for(let[Xe,at]of l.current)for(let rt of at)if(n.current.filtered.items.get(rt)>0){n.current.filtered.groups.add(Xe);break}n.current.filtered.count=et}function Ne(){var ze,Qe,tt;let Ye=je();Ye&&(((ze=Ye.parentElement)==null?void 0:ze.firstChild)===Ye&&((tt=(Qe=Ye.closest(N))==null?void 0:Qe.querySelector(be))==null||tt.scrollIntoView({block:"nearest"})),Ye.scrollIntoView({block:"nearest"}))}function je(){var ze;return(ze=F.current)==null?void 0:ze.querySelector(`${le}[aria-selected="true"]`)}function $e(){var ze;return Array.from(((ze=F.current)==null?void 0:ze.querySelectorAll(ce))||[])}function Fe(ze){let Qe=$e()[ze];Qe&&te.setState("value",Qe.getAttribute(T))}function Ue(ze){var Qe;let tt=je(),Ye=$e(),et=Ye.findIndex(at=>at===tt),Xe=Ye[et+ze];(Qe=g.current)!=null&&Qe.loop&&(Xe=et+ze<0?Ye[Ye.length-1]:et+ze===Ye.length?Ye[0]:Ye[et+ze]),Xe&&te.setState("value",Xe.getAttribute(T))}function Ve(ze){let Qe=je(),tt=Qe==null?void 0:Qe.closest(N),Ye;for(;tt&&!Ye;)tt=ze>0?we(tt,N):De(tt,N),Ye=tt==null?void 0:tt.querySelector(ce);Ye?te.setState("value",Ye.getAttribute(T)):Ue(ze)}let Le=()=>Fe($e().length-1),qe=ze=>{ze.preventDefault(),ze.metaKey?Le():ze.altKey?Ve(1):Ue(1)},Ke=ze=>{ze.preventDefault(),ze.metaKey?Fe(0):ze.altKey?Ve(-1):Ue(-1)};return React__namespace.createElement(Primitive.div,{ref:e,tabIndex:-1,...j,"cmdk-root":"",onKeyDown:ze=>{var Qe;(Qe=j.onKeyDown)==null||Qe.call(j,ze);let tt=ze.nativeEvent.isComposing||ze.keyCode===229;if(!(ze.defaultPrevented||tt))switch(ze.key){case"n":case"j":{M&&ze.ctrlKey&&qe(ze);break}case"ArrowDown":{qe(ze);break}case"p":case"k":{M&&ze.ctrlKey&&Ke(ze);break}case"ArrowUp":{Ke(ze);break}case"Home":{ze.preventDefault(),Fe(0);break}case"End":{ze.preventDefault(),Le();break}case"Enter":{ze.preventDefault();let Ye=je();if(Ye){let et=new Event(Z);Ye.dispatchEvent(et)}}}}},React__namespace.createElement("label",{"cmdk-label":"",htmlFor:ae.inputId,id:ae.labelId,style:Te},b),B(t,ze=>React__namespace.createElement(de.Provider,{value:te},React__namespace.createElement(ue.Provider,{value:ae},ze))))}),he=React__namespace.forwardRef((t,e)=>{var n,o;let l=useId(),d=React__namespace.useRef(null),f=React__namespace.useContext(fe),g=K(),b=pe(t),_=(o=(n=b.current)==null?void 0:n.forceMount)!=null?o:f==null?void 0:f.forceMount;k(()=>{if(!_)return g.item(l,f==null?void 0:f.id)},[_]);let S=ve(l,d,[t.value,t.children,d],t.keywords),R=ee(),C=P(V=>V.value&&V.value===S.current),E=P(V=>_||g.filter()===!1?!0:V.search?V.filtered.items.get(l)>0:!0);React__namespace.useEffect(()=>{let V=d.current;if(!(!V||t.disabled))return V.addEventListener(Z,A),()=>V.removeEventListener(Z,A)},[E,t.onSelect,t.disabled]);function A(){var V,te;I(),(te=(V=b.current).onSelect)==null||te.call(V,S.current)}function I(){R.setState("value",S.current,!0)}if(!E)return null;let{disabled:M,value:j,onSelect:q,forceMount:z,keywords:Q,...F}=t;return React__namespace.createElement(Primitive.div,{ref:composeRefs(d,e),...F,id:l,"cmdk-item":"",role:"option","aria-disabled":!!M,"aria-selected":!!C,"data-disabled":!!M,"data-selected":!!C,onPointerMove:M||g.getDisablePointerSelection()?void 0:I,onClick:M?void 0:A},t.children)}),Ee=React__namespace.forwardRef((t,e)=>{let{heading:n,children:o,forceMount:l,...d}=t,f=useId(),g=React__namespace.useRef(null),b=React__namespace.useRef(null),_=useId(),S=K(),R=P(E=>l||S.filter()===!1?!0:E.search?E.filtered.groups.has(f):!0);k(()=>S.group(f),[]),ve(f,g,[t.value,t.heading,b]);let C=React__namespace.useMemo(()=>({id:f,forceMount:l}),[l]);return React__namespace.createElement(Primitive.div,{ref:composeRefs(g,e),...d,"cmdk-group":"",role:"presentation",hidden:R?void 0:!0},n&&React__namespace.createElement("div",{ref:b,"cmdk-group-heading":"","aria-hidden":!0,id:_},n),B(t,E=>React__namespace.createElement("div",{"cmdk-group-items":"",role:"group","aria-labelledby":n?_:void 0},React__namespace.createElement(fe.Provider,{value:C},E))))}),ye=React__namespace.forwardRef((t,e)=>{let{alwaysRender:n,...o}=t,l=React__namespace.useRef(null),d=P(f=>!f.search);return!n&&!d?null:React__namespace.createElement(Primitive.div,{ref:composeRefs(l,e),...o,"cmdk-separator":"",role:"separator"})}),Se=React__namespace.forwardRef((t,e)=>{let{onValueChange:n,...o}=t,l=t.value!=null,d=ee(),f=P(_=>_.search),g=P(_=>_.selectedItemId),b=K();return React__namespace.useEffect(()=>{t.value!=null&&d.setState("search",t.value)},[t.value]),React__namespace.createElement(Primitive.input,{ref:e,...o,"cmdk-input":"",autoComplete:"off",autoCorrect:"off",spellCheck:!1,"aria-autocomplete":"list",role:"combobox","aria-expanded":!0,"aria-controls":b.listId,"aria-labelledby":b.labelId,"aria-activedescendant":g,id:b.inputId,type:"text",value:l?t.value:f,onChange:_=>{l||d.setState("search",_.target.value),n==null||n(_.target.value)}})}),Ce=React__namespace.forwardRef((t,e)=>{let{children:n,label:o="Suggestions",...l}=t,d=React__namespace.useRef(null),f=React__namespace.useRef(null),g=P(_=>_.selectedItemId),b=K();return React__namespace.useEffect(()=>{if(f.current&&d.current){let _=f.current,S=d.current,R,C=new ResizeObserver(()=>{R=requestAnimationFrame(()=>{let E=_.offsetHeight;S.style.setProperty("--cmdk-list-height",E.toFixed(1)+"px")})});return C.observe(_),()=>{cancelAnimationFrame(R),C.unobserve(_)}}},[]),React__namespace.createElement(Primitive.div,{ref:composeRefs(d,e),...l,"cmdk-list":"",role:"listbox",tabIndex:-1,"aria-activedescendant":g,"aria-label":o,id:b.listId},B(t,_=>React__namespace.createElement("div",{ref:composeRefs(f,b.listInnerRef),"cmdk-list-sizer":""},_)))}),xe=React__namespace.forwardRef((t,e)=>{let{open:n,onOpenChange:o,overlayClassName:l,contentClassName:d,container:f,...g}=t;return React__namespace.createElement(Root$8,{open:n,onOpenChange:o},React__namespace.createElement(Portal$4,{container:f},React__namespace.createElement(Overlay,{"cmdk-overlay":"",className:l}),React__namespace.createElement(Content$2,{"aria-label":t.label,"cmdk-dialog":"",className:d},React__namespace.createElement(me,{ref:e,...g}))))}),Ie=React__namespace.forwardRef((t,e)=>P(n=>n.filtered.count===0)?React__namespace.createElement(Primitive.div,{ref:e,...t,"cmdk-empty":"",role:"presentation"}):null),Pe=React__namespace.forwardRef((t,e)=>{let{progress:n,children:o,label:l="Loading...",...d}=t;return React__namespace.createElement(Primitive.div,{ref:e,...d,"cmdk-loading":"",role:"progressbar","aria-valuenow":n,"aria-valuemin":0,"aria-valuemax":100,"aria-label":l},B(t,f=>React__namespace.createElement("div",{"aria-hidden":!0},f)))}),_e=Object.assign(me,{List:Ce,Item:he,Input:Se,Group:Ee,Separator:ye,Dialog:xe,Empty:Ie,Loading:Pe});function we(t,e){let n=t.nextElementSibling;for(;n;){if(n.matches(e))return n;n=n.nextElementSibling}}function De(t,e){let n=t.previousElementSibling;for(;n;){if(n.matches(e))return n;n=n.previousElementSibling}}function pe(t){let e=React__namespace.useRef(t);return k(()=>{e.current=t}),e}var k=typeof window>"u"?React__namespace.useEffect:React__namespace.useLayoutEffect;function L(t){let e=React__namespace.useRef();return e.current===void 0&&(e.current=t()),e}function P(t){let e=ee(),n=()=>t(e.snapshot());return React__namespace.useSyncExternalStore(e.subscribe,n,n)}function ve(t,e,n,o=[]){let l=React__namespace.useRef(),d=K();return k(()=>{var f;let g=(()=>{var _;for(let S of n){if(typeof S=="string")return S.trim();if(typeof S=="object"&&"current"in S)return S.current?(_=S.current.textContent)==null?void 0:_.trim():l.current}})(),b=o.map(_=>_.trim());d.value(t,g,b),(f=e.current)==null||f.setAttribute(T,g),l.current=g}),l}var ke=()=>{let[t,e]=React__namespace.useState(),n=L(()=>new Map);return k(()=>{n.current.forEach(o=>o()),n.current=new Map},[t]),(o,l)=>{n.current.set(o,l),e({})}};function Me(t){let e=t.type;return typeof e=="function"?e(t.props):"render"in e?e.render(t.props):t}function B({asChild:t,children:e},n){return t&&React__namespace.isValidElement(e)?React__namespace.cloneElement(Me(e),{ref:e.ref},n(e.props.children)):n(e)}var Te={position:"absolute",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0"};const Command=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(_e,{ref:n,className:cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",t),...e}));Command.displayName=_e.displayName;const CommandDialog=({children:t,...e})=>jsxRuntime.jsx(Dialog,{...e,children:jsxRuntime.jsx(DialogContent,{className:"overflow-hidden p-0",children:jsxRuntime.jsx(Command,{className:"[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",children:t})})}),CommandInput=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsxs("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[jsxRuntime.jsx(Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),jsxRuntime.jsx(_e.Input,{ref:n,className:cn("flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",t),...e})]}));CommandInput.displayName=_e.Input.displayName;const CommandList=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(_e.List,{ref:n,className:cn("max-h-[300px] overflow-y-auto overflow-x-hidden",t),...e}));CommandList.displayName=_e.List.displayName;const CommandEmpty=React__namespace.forwardRef((t,e)=>jsxRuntime.jsx(_e.Empty,{ref:e,className:"py-6 text-center text-sm",...t}));CommandEmpty.displayName=_e.Empty.displayName;const CommandGroup=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(_e.Group,{ref:n,className:cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",t),...e}));CommandGroup.displayName=_e.Group.displayName;const CommandSeparator=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(_e.Separator,{ref:n,className:cn("-mx-1 h-px bg-border",t),...e}));CommandSeparator.displayName=_e.Separator.displayName;const CommandItem=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(_e.Item,{ref:n,className:cn("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t),...e}));CommandItem.displayName=_e.Item.displayName;const CommandShortcut=({className:t,...e})=>jsxRuntime.jsx("span",{className:cn("ml-auto text-xs tracking-widest text-muted-foreground",t),...e});CommandShortcut.displayName="CommandShortcut";function GeneralDocumentCard({document:t,loading:e=!1}){return e?jsxRuntime.jsx("div",{children:"loading..."}):jsxRuntime.jsxs("div",{children:["GENERAL DOCUMENT CARD - ",t==null?void 0:t.OrderNumber," for P.O. ",t==null?void 0:t.PONumber]})}const Navbar=React.forwardRef(({routes:t,footer:e,dashboardTitle:n,withRandmarAssistant:o,chatUserName:l,chatApiKey:d,appID:f},g)=>{const b=t.filter(C=>C.showInNav),_=React.useRef(null),S=React.useRef(null),R=React.useRef(null);return React.useImperativeHandle(g,()=>({setActiveChatAndSendMessage:(C,E)=>{var A;return(A=R.current)==null||A.click(),setTimeout(()=>{var I;(I=_.current)==null||I.focus(),S.current&&S.current.setActiveChatAndSendMessage(C,E)},100),!0}})),jsxRuntime.jsxs(Sidebar,{className:"border-r border-sidebar-border",children:[jsxRuntime.jsx(SidebarHeader,{className:"border-b border-sidebar-border px-6 h-16 justify-center bg-sidebar text-sidebar-foreground",children:jsxRuntime.jsxs("div",{className:"flex items-center gap-2",children:[jsxRuntime.jsx("div",{className:"flex items-center justify-center",children:jsxRuntime.jsx("img",{src:"https://api.randmar.io/images/RandmarIcon.svg",alt:"Randmar Icon",className:"h-4 w-4 filter brightness-0 saturate-100 invert"})}),jsxRuntime.jsx("span",{className:"font-semibold text-lg",children:n})]})}),jsxRuntime.jsx(SidebarContent,{className:"py-4 bg-sidebar text-sidebar-foreground",children:jsxRuntime.jsx(SidebarMenu,{children:b.map(C=>{const E=C.icon,A=`/${C.path}`;return jsxRuntime.jsx(SidebarMenuItem,{children:jsxRuntime.jsx(SidebarMenuButton,{asChild:!0,children:jsxRuntime.jsxs(reactRouterDom.Link,{to:A,className:"transition-colors hover:bg-muted px-6",children:[E&&jsxRuntime.jsx(E,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{children:C.label})]})})},C.key)})})}),jsxRuntime.jsxs(SidebarFooter,{className:"border-t border-sidebar-border p-4 bg-sidebar-background text-sidebar-foreground",children:[o===!0&&jsxRuntime.jsxs(Dialog,{children:[jsxRuntime.jsx(DialogTrigger,{asChild:!0,children:jsxRuntime.jsxs(Button,{ref:R,size:"lg",className:"collapse md:visible",onClick:()=>setTimeout(()=>{var C;return(C=_.current)==null?void 0:C.focus()},50),children:[jsxRuntime.jsx(Bot,{}),"Assistant"]})}),jsxRuntime.jsx(DialogContent,{className:"max-w-[85vw] p-0 data-[state=open]:visible data-[state=closed]:invisible",forceMount:!0,animateExit:!1,children:jsxRuntime.jsx(ChatLayout,{ref:S,inputRef:_,userId:f,userName:l??"Unknown user",apiKey:d??""})})]}),e]})]})}),Layout=React.forwardRef(({children:t,appID:e,rightMenu:n,routes:o,footer:l,handleValidSearch:d,dashboardTitle:f,onSignOut:g,searchPlaceholder:b,withRandmarAssistant:_,chatUserName:S,chatApiKey:R,chatRef:C},E)=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:jsxRuntime.jsx(SidebarProvider,{children:jsxRuntime.jsxs("div",{className:"flex grow",children:[jsxRuntime.jsx(Navbar,{appID:e,routes:o,footer:l,dashboardTitle:f,withRandmarAssistant:_,chatUserName:S,chatApiKey:R,ref:C}),jsxRuntime.jsxs("div",{className:"flex flex-1 flex-col",children:[jsxRuntime.jsx(Topbar,{ref:E,onSignOut:g,rightMenu:n,handleValidSearch:d,searchPlaceholder:b}),jsxRuntime.jsx("main",{className:"flex-1 mt-16",children:t}),jsxRuntime.jsx(Toaster,{})]})]})})}));Layout.displayName="Layout";const salesChannels=[{id:"online-store",label:"Online store (Shopify, Amazon, etc.)"},{id:"brick-and-mortar",label:"Brick-and-mortar (Physical Store)"},{id:"marketplace",label:"Marketplace seller (eBay, Walmart, etc.)"},{id:"b2b",label:"B2B wholesale"},{id:"other-channel",label:"Other (please specify)"}],markets=[{id:"canada",label:"Canada - Nationwide"},{id:"ontario",label:"Ontario & Quebec"},{id:"atlantic",label:"Atlantic Provinces (NS, NB, PEI, NL)"},{id:"prairie",label:"Prairie (Saskatchewan, Manitoba)"},{id:"western",label:"Western Provinces (BC, Alberta, etc.)"},{id:"united-states",label:"United States"},{id:"other-market",label:"Other (please specify)"}];function ManufacturerGetStartedButton({applicationId:t,manufacturer:e}){const{toast:n}=useToast(),[o,l]=React.useState(!1),[d,f]=React.useState(!1),[g,b]=React.useState(!1),[_,S]=React.useState(""),[R,C]=React.useState(""),[E,A]=React.useState(!1),[I,M]=React.useState(""),[j,q]=React.useState(""),[z,Q]=React.useState([]),[F,V]=React.useState(""),[te,ae]=React.useState(""),[se,ge]=React.useState([]),[oe,Ae]=React.useState(""),[Ne,je]=React.useState(""),[$e]=usePostV4PartnerByRouteApplicationIdBusinessDevelopmentConversationPartnerAndPartnerIdMutation(),{sendMessage:Fe}=useChat(),Ue=()=>{S(""),C("")},Ve=()=>{M(""),q(""),Q([]),V(""),ae(""),ge([]),Ae(""),je("")},Le=()=>{e.PartnerRegistrationLink?l(!0):e.OpenToWork&&f(!0)},qe=et=>{if(et.preventDefault(),!g){if(!_.trim()){C("Qualification ID is required");return}b(!0),$e({routeApplicationId:t,partnerId:e.ManufacturerId??"",message:`Hello! I'd like to get started with you. Here's my Qualification ID: ${_}`}).then(Xe=>{var rt;if(Xe.error){console.error(Xe.error),n({title:"Could not initiate chat",description:"Try again later.",variant:"destructive"});return}const at=(rt=Xe.data)==null?void 0:rt.ConversationId;at&&Fe(at)?(l(!1),Ue()):n({title:"Could not send message",description:"Try again later.",variant:"destructive"})}).catch(Xe=>{console.error(Xe),n({title:"Could not initiate chat",description:"Try again later.",variant:"destructive"})}).finally(()=>{b(!1)})}},Ke=et=>{if(et.preventDefault(),E)return;q(""),V(""),Ae("");let Xe=!1;if(I.trim().length<10&&(q("Please provide a brief description of your business (minimum 10 characters)"),Xe=!0),z.length===0&&(V("Please select at least one sales channel"),Xe=!0),se.length===0&&(Ae("Please select at least one market"),Xe=!0),Xe)return;const at=salesChannels.filter(st=>z.includes(st.id)).map(st=>st.label);te&&at.push(`Other: ${te}`);const rt=markets.filter(st=>se.includes(st.id)).map(st=>st.label);Ne&&rt.push(`Other: ${Ne}`);const it=["Hello! I'd like to introduce my business:",`Business Description: ${I}`,`Sales Channels: ${at.join(", ")}`,`Markets: ${rt.join(", ")}`].join(`
1047
1047
 
1048
1048
  `);A(!0),$e({routeApplicationId:t,partnerId:e.ManufacturerId??"",message:it}).then(st=>{var Rt;if(st.error){console.error(st.error),n({title:"Could not initiate chat",description:"Try again later.",variant:"destructive"});return}const He=(Rt=st.data)==null?void 0:Rt.ConversationId;He&&Fe(He)?(f(!1),Ve()):n({title:"Could not send message",description:"Try again later.",variant:"destructive"})}).catch(st=>{console.error(st),n({title:"Could not initiate chat",description:"Try again later.",variant:"destructive"})}).finally(()=>{A(!1)})},ze=(et,Xe)=>{Q(at=>Xe?[...at,et]:at.filter(rt=>rt!==et)),V("")},Qe=(et,Xe)=>{ge(at=>Xe?[...at,et]:at.filter(rt=>rt!==et)),Ae("")},tt=z.includes("other-channel"),Ye=se.includes("other-market");return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!e.Qualification&&jsxRuntime.jsxs(Button,{onClick:Le,disabled:!e.PartnerRegistrationLink&&!e.OpenToWork,children:[jsxRuntime.jsx(Check,{className:"mr-2 h-4 w-4"}),"Get Started"]}),e.PartnerRegistrationLink&&jsxRuntime.jsx(Dialog,{open:o,onOpenChange:et=>{l(et)},children:jsxRuntime.jsxs(DialogContent,{className:"sm:max-w-[400px]",children:[jsxRuntime.jsxs(DialogHeader,{children:[jsxRuntime.jsx(DialogTitle,{children:e.PublicName}),jsxRuntime.jsxs(DialogDescription,{children:[jsxRuntime.jsx("span",{className:"font-bold",children:"Already qualified?"})," Provide your Qualification ID."]})]}),jsxRuntime.jsxs("form",{onSubmit:qe,className:"space-y-4",children:[jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Label$2,{htmlFor:"qualificationId",children:"Qualification ID"}),jsxRuntime.jsx(Input,{id:"qualificationId",placeholder:"Enter your qualification ID",value:_,onChange:et=>{S(et.target.value),C("")}}),R&&jsxRuntime.jsx("p",{className:"text-sm font-medium text-destructive",children:R})]}),jsxRuntime.jsx(DialogFooter,{children:jsxRuntime.jsx(Button,{type:"submit",className:"w-full",disabled:g,children:g?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin"}),"Applying..."]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Check,{className:"mr-2 h-4 w-4"}),"Apply for Qualification"]})})})]}),jsxRuntime.jsx(Separator$1,{className:"my-4"}),jsxRuntime.jsxs("div",{className:"text-center space-y-2",children:[jsxRuntime.jsx("p",{className:"text-sm text-muted-foreground",children:"Don't have a qualification ID?"}),jsxRuntime.jsx("a",{href:e.PartnerRegistrationLink,target:"_blank",rel:"noopener noreferrer",children:jsxRuntime.jsxs(Button,{variant:"outline",className:"w-full",disabled:!e.PartnerRegistrationLink,children:[jsxRuntime.jsx(ExternalLink,{className:"mr-2 h-4 w-4"}),"Register here"]})})]})]})}),jsxRuntime.jsx(Dialog,{open:d,onOpenChange:et=>{f(et)},children:jsxRuntime.jsxs(DialogContent,{className:"sm:max-w-[768px]",children:[jsxRuntime.jsx(DialogHeader,{children:jsxRuntime.jsx(DialogTitle,{children:"Introduce Yourself"})}),jsxRuntime.jsxs("form",{onSubmit:Ke,className:"space-y-6",children:[jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsxs(Label$2,{htmlFor:"businessDescription",children:["Tell Us About Your Business ",jsxRuntime.jsx("span",{className:"text-sm text-muted-foreground",children:"(Briefly describe your business)"})]}),jsxRuntime.jsx(Textarea,{id:"businessDescription",placeholder:"We are an online retailer specializing in office supplies, serving businesses since 2018...",className:"min-h-[100px]",value:I,onChange:et=>{M(et.target.value),q("")}}),j&&jsxRuntime.jsx("p",{className:"text-sm font-medium text-destructive",children:j})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsxs(Label$2,{children:["Sales Channel(s) ",jsxRuntime.jsx("span",{className:"text-sm text-muted-foreground",children:"(Multi-Select where you currently sell your products)"})]}),jsxRuntime.jsx("div",{className:"grid grid-cols-2 gap-2",children:salesChannels.map(et=>jsxRuntime.jsxs("div",{className:"flex items-start space-x-2",children:[jsxRuntime.jsx(Checkbox,{id:`channel-${et.id}`,checked:z.includes(et.id),onCheckedChange:Xe=>ze(et.id,Xe===!0)}),jsxRuntime.jsx(Label$2,{htmlFor:`channel-${et.id}`,className:"text-sm font-normal",children:et.label})]},et.id))}),tt&&jsxRuntime.jsx(Input,{placeholder:"Please specify",value:te,onChange:et=>ae(et.target.value)}),F&&jsxRuntime.jsx("p",{className:"text-sm font-medium text-destructive",children:F})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsxs(Label$2,{children:["Your Primary Market(s) ",jsxRuntime.jsx("span",{className:"text-sm text-muted-foreground",children:"(Multi-Select which regions you sell to)"})]}),jsxRuntime.jsx("div",{className:"grid grid-cols-2 gap-2",children:markets.map(et=>jsxRuntime.jsxs("div",{className:"flex items-start space-x-2",children:[jsxRuntime.jsx(Checkbox,{id:`market-${et.id}`,checked:se.includes(et.id),onCheckedChange:Xe=>Qe(et.id,Xe===!0)}),jsxRuntime.jsx(Label$2,{htmlFor:`market-${et.id}`,className:"text-sm font-normal",children:et.label})]},et.id))}),Ye&&jsxRuntime.jsx(Input,{placeholder:"Please specify",value:Ne,onChange:et=>je(et.target.value)}),oe&&jsxRuntime.jsx("p",{className:"text-sm font-medium text-destructive",children:oe})]}),jsxRuntime.jsx(DialogFooter,{children:jsxRuntime.jsx(Button,{type:"submit",disabled:E,children:E?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin"}),"Submitting..."]}):"Submit"})})]})]})})]})}var OPEN_KEYS=[" ","Enter","ArrowUp","ArrowDown"],SELECTION_KEYS=[" ","Enter"],SELECT_NAME="Select",[Collection,useCollection,createCollectionScope]=createCollection(SELECT_NAME),[createSelectContext,createSelectScope]=createContextScope(SELECT_NAME,[createCollectionScope,createPopperScope]),usePopperScope$1=createPopperScope(),[SelectProvider,useSelectContext]=createSelectContext(SELECT_NAME),[SelectNativeOptionsProvider,useSelectNativeOptionsContext]=createSelectContext(SELECT_NAME),Select$1=t=>{const{__scopeSelect:e,children:n,open:o,defaultOpen:l,onOpenChange:d,value:f,defaultValue:g,onValueChange:b,dir:_,name:S,autoComplete:R,disabled:C,required:E,form:A}=t,I=usePopperScope$1(e),[M,j]=React__namespace.useState(null),[q,z]=React__namespace.useState(null),[Q,F]=React__namespace.useState(!1),V=useDirection(_),[te,ae]=useControllableState({prop:o,defaultProp:l??!1,onChange:d,caller:SELECT_NAME}),[se,ge]=useControllableState({prop:f,defaultProp:g,onChange:b,caller:SELECT_NAME}),oe=React__namespace.useRef(null),Ae=M?A||!!M.closest("form"):!0,[Ne,je]=React__namespace.useState(new Set),$e=Array.from(Ne).map(Fe=>Fe.props.value).join(";");return jsxRuntime.jsx(Root2$6,{...I,children:jsxRuntime.jsxs(SelectProvider,{required:E,scope:e,trigger:M,onTriggerChange:j,valueNode:q,onValueNodeChange:z,valueNodeHasChildren:Q,onValueNodeHasChildrenChange:F,contentId:useId(),value:se,onValueChange:ge,open:te,onOpenChange:ae,dir:V,triggerPointerDownPosRef:oe,disabled:C,children:[jsxRuntime.jsx(Collection.Provider,{scope:e,children:jsxRuntime.jsx(SelectNativeOptionsProvider,{scope:t.__scopeSelect,onNativeOptionAdd:React__namespace.useCallback(Fe=>{je(Ue=>new Set(Ue).add(Fe))},[]),onNativeOptionRemove:React__namespace.useCallback(Fe=>{je(Ue=>{const Ve=new Set(Ue);return Ve.delete(Fe),Ve})},[]),children:n})}),Ae?jsxRuntime.jsxs(SelectBubbleInput,{"aria-hidden":!0,required:E,tabIndex:-1,name:S,autoComplete:R,value:se,onChange:Fe=>ge(Fe.target.value),disabled:C,form:A,children:[se===void 0?jsxRuntime.jsx("option",{value:""}):null,Array.from(Ne)]},$e):null]})})};Select$1.displayName=SELECT_NAME;var TRIGGER_NAME$2="SelectTrigger",SelectTrigger$1=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,disabled:o=!1,...l}=t,d=usePopperScope$1(n),f=useSelectContext(TRIGGER_NAME$2,n),g=f.disabled||o,b=useComposedRefs(e,f.onTriggerChange),_=useCollection(n),S=React__namespace.useRef("touch"),[R,C,E]=useTypeaheadSearch(I=>{const M=_().filter(z=>!z.disabled),j=M.find(z=>z.value===f.value),q=findNextItem(M,I,j);q!==void 0&&f.onValueChange(q.value)}),A=I=>{g||(f.onOpenChange(!0),E()),I&&(f.triggerPointerDownPosRef.current={x:Math.round(I.pageX),y:Math.round(I.pageY)})};return jsxRuntime.jsx(Anchor,{asChild:!0,...d,children:jsxRuntime.jsx(Primitive.button,{type:"button",role:"combobox","aria-controls":f.contentId,"aria-expanded":f.open,"aria-required":f.required,"aria-autocomplete":"none",dir:f.dir,"data-state":f.open?"open":"closed",disabled:g,"data-disabled":g?"":void 0,"data-placeholder":shouldShowPlaceholder(f.value)?"":void 0,...l,ref:b,onClick:composeEventHandlers(l.onClick,I=>{I.currentTarget.focus(),S.current!=="mouse"&&A(I)}),onPointerDown:composeEventHandlers(l.onPointerDown,I=>{S.current=I.pointerType;const M=I.target;M.hasPointerCapture(I.pointerId)&&M.releasePointerCapture(I.pointerId),I.button===0&&I.ctrlKey===!1&&I.pointerType==="mouse"&&(A(I),I.preventDefault())}),onKeyDown:composeEventHandlers(l.onKeyDown,I=>{const M=R.current!=="";!(I.ctrlKey||I.altKey||I.metaKey)&&I.key.length===1&&C(I.key),!(M&&I.key===" ")&&OPEN_KEYS.includes(I.key)&&(A(),I.preventDefault())})})})});SelectTrigger$1.displayName=TRIGGER_NAME$2;var VALUE_NAME="SelectValue",SelectValue$1=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,className:o,style:l,children:d,placeholder:f="",...g}=t,b=useSelectContext(VALUE_NAME,n),{onValueNodeHasChildrenChange:_}=b,S=d!==void 0,R=useComposedRefs(e,b.onValueNodeChange);return useLayoutEffect2(()=>{_(S)},[_,S]),jsxRuntime.jsx(Primitive.span,{...g,ref:R,style:{pointerEvents:"none"},children:shouldShowPlaceholder(b.value)?jsxRuntime.jsx(jsxRuntime.Fragment,{children:f}):d})});SelectValue$1.displayName=VALUE_NAME;var ICON_NAME="SelectIcon",SelectIcon=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,children:o,...l}=t;return jsxRuntime.jsx(Primitive.span,{"aria-hidden":!0,...l,ref:e,children:o||"▼"})});SelectIcon.displayName=ICON_NAME;var PORTAL_NAME$2="SelectPortal",SelectPortal=t=>jsxRuntime.jsx(Portal$5,{asChild:!0,...t});SelectPortal.displayName=PORTAL_NAME$2;var CONTENT_NAME$2="SelectContent",SelectContent$1=React__namespace.forwardRef((t,e)=>{const n=useSelectContext(CONTENT_NAME$2,t.__scopeSelect),[o,l]=React__namespace.useState();if(useLayoutEffect2(()=>{l(new DocumentFragment)},[]),!n.open){const d=o;return d?ReactDOM__namespace.createPortal(jsxRuntime.jsx(SelectContentProvider,{scope:t.__scopeSelect,children:jsxRuntime.jsx(Collection.Slot,{scope:t.__scopeSelect,children:jsxRuntime.jsx("div",{children:t.children})})}),d):null}return jsxRuntime.jsx(SelectContentImpl,{...t,ref:e})});SelectContent$1.displayName=CONTENT_NAME$2;var CONTENT_MARGIN=10,[SelectContentProvider,useSelectContentContext]=createSelectContext(CONTENT_NAME$2),CONTENT_IMPL_NAME="SelectContentImpl",Slot$1=createSlot("SelectContent.RemoveScroll"),SelectContentImpl=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,position:o="item-aligned",onCloseAutoFocus:l,onEscapeKeyDown:d,onPointerDownOutside:f,side:g,sideOffset:b,align:_,alignOffset:S,arrowPadding:R,collisionBoundary:C,collisionPadding:E,sticky:A,hideWhenDetached:I,avoidCollisions:M,...j}=t,q=useSelectContext(CONTENT_NAME$2,n),[z,Q]=React__namespace.useState(null),[F,V]=React__namespace.useState(null),te=useComposedRefs(e,Xe=>Q(Xe)),[ae,se]=React__namespace.useState(null),[ge,oe]=React__namespace.useState(null),Ae=useCollection(n),[Ne,je]=React__namespace.useState(!1),$e=React__namespace.useRef(!1);React__namespace.useEffect(()=>{if(z)return hideOthers(z)},[z]),useFocusGuards();const Fe=React__namespace.useCallback(Xe=>{const[at,...rt]=Ae().map(He=>He.ref.current),[it]=rt.slice(-1),st=document.activeElement;for(const He of Xe)if(He===st||(He==null||He.scrollIntoView({block:"nearest"}),He===at&&F&&(F.scrollTop=0),He===it&&F&&(F.scrollTop=F.scrollHeight),He==null||He.focus(),document.activeElement!==st))return},[Ae,F]),Ue=React__namespace.useCallback(()=>Fe([ae,z]),[Fe,ae,z]);React__namespace.useEffect(()=>{Ne&&Ue()},[Ne,Ue]);const{onOpenChange:Ve,triggerPointerDownPosRef:Le}=q;React__namespace.useEffect(()=>{if(z){let Xe={x:0,y:0};const at=it=>{var st,He;Xe={x:Math.abs(Math.round(it.pageX)-(((st=Le.current)==null?void 0:st.x)??0)),y:Math.abs(Math.round(it.pageY)-(((He=Le.current)==null?void 0:He.y)??0))}},rt=it=>{Xe.x<=10&&Xe.y<=10?it.preventDefault():z.contains(it.target)||Ve(!1),document.removeEventListener("pointermove",at),Le.current=null};return Le.current!==null&&(document.addEventListener("pointermove",at),document.addEventListener("pointerup",rt,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",at),document.removeEventListener("pointerup",rt,{capture:!0})}}},[z,Ve,Le]),React__namespace.useEffect(()=>{const Xe=()=>Ve(!1);return window.addEventListener("blur",Xe),window.addEventListener("resize",Xe),()=>{window.removeEventListener("blur",Xe),window.removeEventListener("resize",Xe)}},[Ve]);const[qe,Ke]=useTypeaheadSearch(Xe=>{const at=Ae().filter(st=>!st.disabled),rt=at.find(st=>st.ref.current===document.activeElement),it=findNextItem(at,Xe,rt);it&&setTimeout(()=>it.ref.current.focus())}),ze=React__namespace.useCallback((Xe,at,rt)=>{const it=!$e.current&&!rt;(q.value!==void 0&&q.value===at||it)&&(se(Xe),it&&($e.current=!0))},[q.value]),Qe=React__namespace.useCallback(()=>z==null?void 0:z.focus(),[z]),tt=React__namespace.useCallback((Xe,at,rt)=>{const it=!$e.current&&!rt;(q.value!==void 0&&q.value===at||it)&&oe(Xe)},[q.value]),Ye=o==="popper"?SelectPopperPosition:SelectItemAlignedPosition,et=Ye===SelectPopperPosition?{side:g,sideOffset:b,align:_,alignOffset:S,arrowPadding:R,collisionBoundary:C,collisionPadding:E,sticky:A,hideWhenDetached:I,avoidCollisions:M}:{};return jsxRuntime.jsx(SelectContentProvider,{scope:n,content:z,viewport:F,onViewportChange:V,itemRefCallback:ze,selectedItem:ae,onItemLeave:Qe,itemTextRefCallback:tt,focusSelectedItem:Ue,selectedItemText:ge,position:o,isPositioned:Ne,searchRef:qe,children:jsxRuntime.jsx(ReactRemoveScroll,{as:Slot$1,allowPinchZoom:!0,children:jsxRuntime.jsx(FocusScope,{asChild:!0,trapped:q.open,onMountAutoFocus:Xe=>{Xe.preventDefault()},onUnmountAutoFocus:composeEventHandlers(l,Xe=>{var at;(at=q.trigger)==null||at.focus({preventScroll:!0}),Xe.preventDefault()}),children:jsxRuntime.jsx(DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:d,onPointerDownOutside:f,onFocusOutside:Xe=>Xe.preventDefault(),onDismiss:()=>q.onOpenChange(!1),children:jsxRuntime.jsx(Ye,{role:"listbox",id:q.contentId,"data-state":q.open?"open":"closed",dir:q.dir,onContextMenu:Xe=>Xe.preventDefault(),...j,...et,onPlaced:()=>je(!0),ref:te,style:{display:"flex",flexDirection:"column",outline:"none",...j.style},onKeyDown:composeEventHandlers(j.onKeyDown,Xe=>{const at=Xe.ctrlKey||Xe.altKey||Xe.metaKey;if(Xe.key==="Tab"&&Xe.preventDefault(),!at&&Xe.key.length===1&&Ke(Xe.key),["ArrowUp","ArrowDown","Home","End"].includes(Xe.key)){let it=Ae().filter(st=>!st.disabled).map(st=>st.ref.current);if(["ArrowUp","End"].includes(Xe.key)&&(it=it.slice().reverse()),["ArrowUp","ArrowDown"].includes(Xe.key)){const st=Xe.target,He=it.indexOf(st);it=it.slice(He+1)}setTimeout(()=>Fe(it)),Xe.preventDefault()}})})})})})})});SelectContentImpl.displayName=CONTENT_IMPL_NAME;var ITEM_ALIGNED_POSITION_NAME="SelectItemAlignedPosition",SelectItemAlignedPosition=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,onPlaced:o,...l}=t,d=useSelectContext(CONTENT_NAME$2,n),f=useSelectContentContext(CONTENT_NAME$2,n),[g,b]=React__namespace.useState(null),[_,S]=React__namespace.useState(null),R=useComposedRefs(e,te=>S(te)),C=useCollection(n),E=React__namespace.useRef(!1),A=React__namespace.useRef(!0),{viewport:I,selectedItem:M,selectedItemText:j,focusSelectedItem:q}=f,z=React__namespace.useCallback(()=>{if(d.trigger&&d.valueNode&&g&&_&&I&&M&&j){const te=d.trigger.getBoundingClientRect(),ae=_.getBoundingClientRect(),se=d.valueNode.getBoundingClientRect(),ge=j.getBoundingClientRect();if(d.dir!=="rtl"){const st=ge.left-ae.left,He=se.left-st,Rt=te.left-He,Je=te.width+Rt,mt=Math.max(Je,ae.width),$t=window.innerWidth-CONTENT_MARGIN,Vt=clamp(He,[CONTENT_MARGIN,Math.max(CONTENT_MARGIN,$t-mt)]);g.style.minWidth=Je+"px",g.style.left=Vt+"px"}else{const st=ae.right-ge.right,He=window.innerWidth-se.right-st,Rt=window.innerWidth-te.right-He,Je=te.width+Rt,mt=Math.max(Je,ae.width),$t=window.innerWidth-CONTENT_MARGIN,Vt=clamp(He,[CONTENT_MARGIN,Math.max(CONTENT_MARGIN,$t-mt)]);g.style.minWidth=Je+"px",g.style.right=Vt+"px"}const oe=C(),Ae=window.innerHeight-CONTENT_MARGIN*2,Ne=I.scrollHeight,je=window.getComputedStyle(_),$e=parseInt(je.borderTopWidth,10),Fe=parseInt(je.paddingTop,10),Ue=parseInt(je.borderBottomWidth,10),Ve=parseInt(je.paddingBottom,10),Le=$e+Fe+Ne+Ve+Ue,qe=Math.min(M.offsetHeight*5,Le),Ke=window.getComputedStyle(I),ze=parseInt(Ke.paddingTop,10),Qe=parseInt(Ke.paddingBottom,10),tt=te.top+te.height/2-CONTENT_MARGIN,Ye=Ae-tt,et=M.offsetHeight/2,Xe=M.offsetTop+et,at=$e+Fe+Xe,rt=Le-at;if(at<=tt){const st=oe.length>0&&M===oe[oe.length-1].ref.current;g.style.bottom="0px";const He=_.clientHeight-I.offsetTop-I.offsetHeight,Rt=Math.max(Ye,et+(st?Qe:0)+He+Ue),Je=at+Rt;g.style.height=Je+"px"}else{const st=oe.length>0&&M===oe[0].ref.current;g.style.top="0px";const Rt=Math.max(tt,$e+I.offsetTop+(st?ze:0)+et)+rt;g.style.height=Rt+"px",I.scrollTop=at-tt+I.offsetTop}g.style.margin=`${CONTENT_MARGIN}px 0`,g.style.minHeight=qe+"px",g.style.maxHeight=Ae+"px",o==null||o(),requestAnimationFrame(()=>E.current=!0)}},[C,d.trigger,d.valueNode,g,_,I,M,j,d.dir,o]);useLayoutEffect2(()=>z(),[z]);const[Q,F]=React__namespace.useState();useLayoutEffect2(()=>{_&&F(window.getComputedStyle(_).zIndex)},[_]);const V=React__namespace.useCallback(te=>{te&&A.current===!0&&(z(),q==null||q(),A.current=!1)},[z,q]);return jsxRuntime.jsx(SelectViewportProvider,{scope:n,contentWrapper:g,shouldExpandOnScrollRef:E,onScrollButtonChange:V,children:jsxRuntime.jsx("div",{ref:b,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:Q},children:jsxRuntime.jsx(Primitive.div,{...l,ref:R,style:{boxSizing:"border-box",maxHeight:"100%",...l.style}})})})});SelectItemAlignedPosition.displayName=ITEM_ALIGNED_POSITION_NAME;var POPPER_POSITION_NAME="SelectPopperPosition",SelectPopperPosition=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,align:o="start",collisionPadding:l=CONTENT_MARGIN,...d}=t,f=usePopperScope$1(n);return jsxRuntime.jsx(Content$1,{...f,...d,ref:e,align:o,collisionPadding:l,style:{boxSizing:"border-box",...d.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}})});SelectPopperPosition.displayName=POPPER_POSITION_NAME;var[SelectViewportProvider,useSelectViewportContext]=createSelectContext(CONTENT_NAME$2,{}),VIEWPORT_NAME="SelectViewport",SelectViewport=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,nonce:o,...l}=t,d=useSelectContentContext(VIEWPORT_NAME,n),f=useSelectViewportContext(VIEWPORT_NAME,n),g=useComposedRefs(e,d.onViewportChange),b=React__namespace.useRef(0);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"},nonce:o}),jsxRuntime.jsx(Collection.Slot,{scope:n,children:jsxRuntime.jsx(Primitive.div,{"data-radix-select-viewport":"",role:"presentation",...l,ref:g,style:{position:"relative",flex:1,overflow:"hidden auto",...l.style},onScroll:composeEventHandlers(l.onScroll,_=>{const S=_.currentTarget,{contentWrapper:R,shouldExpandOnScrollRef:C}=f;if(C!=null&&C.current&&R){const E=Math.abs(b.current-S.scrollTop);if(E>0){const A=window.innerHeight-CONTENT_MARGIN*2,I=parseFloat(R.style.minHeight),M=parseFloat(R.style.height),j=Math.max(I,M);if(j<A){const q=j+E,z=Math.min(A,q),Q=q-z;R.style.height=z+"px",R.style.bottom==="0px"&&(S.scrollTop=Q>0?Q:0,R.style.justifyContent="flex-end")}}}b.current=S.scrollTop})})})]})});SelectViewport.displayName=VIEWPORT_NAME;var GROUP_NAME="SelectGroup",[SelectGroupContextProvider,useSelectGroupContext]=createSelectContext(GROUP_NAME),SelectGroup$1=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,...o}=t,l=useId();return jsxRuntime.jsx(SelectGroupContextProvider,{scope:n,id:l,children:jsxRuntime.jsx(Primitive.div,{role:"group","aria-labelledby":l,...o,ref:e})})});SelectGroup$1.displayName=GROUP_NAME;var LABEL_NAME="SelectLabel",SelectLabel$1=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,...o}=t,l=useSelectGroupContext(LABEL_NAME,n);return jsxRuntime.jsx(Primitive.div,{id:l.id,...o,ref:e})});SelectLabel$1.displayName=LABEL_NAME;var ITEM_NAME="SelectItem",[SelectItemContextProvider,useSelectItemContext]=createSelectContext(ITEM_NAME),SelectItem$1=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,value:o,disabled:l=!1,textValue:d,...f}=t,g=useSelectContext(ITEM_NAME,n),b=useSelectContentContext(ITEM_NAME,n),_=g.value===o,[S,R]=React__namespace.useState(d??""),[C,E]=React__namespace.useState(!1),A=useComposedRefs(e,q=>{var z;return(z=b.itemRefCallback)==null?void 0:z.call(b,q,o,l)}),I=useId(),M=React__namespace.useRef("touch"),j=()=>{l||(g.onValueChange(o),g.onOpenChange(!1))};if(o==="")throw new Error("A <Select.Item /> must have a value prop that is not an empty string. This is because the Select value can be set to an empty string to clear the selection and show the placeholder.");return jsxRuntime.jsx(SelectItemContextProvider,{scope:n,value:o,disabled:l,textId:I,isSelected:_,onItemTextChange:React__namespace.useCallback(q=>{R(z=>z||((q==null?void 0:q.textContent)??"").trim())},[]),children:jsxRuntime.jsx(Collection.ItemSlot,{scope:n,value:o,disabled:l,textValue:S,children:jsxRuntime.jsx(Primitive.div,{role:"option","aria-labelledby":I,"data-highlighted":C?"":void 0,"aria-selected":_&&C,"data-state":_?"checked":"unchecked","aria-disabled":l||void 0,"data-disabled":l?"":void 0,tabIndex:l?void 0:-1,...f,ref:A,onFocus:composeEventHandlers(f.onFocus,()=>E(!0)),onBlur:composeEventHandlers(f.onBlur,()=>E(!1)),onClick:composeEventHandlers(f.onClick,()=>{M.current!=="mouse"&&j()}),onPointerUp:composeEventHandlers(f.onPointerUp,()=>{M.current==="mouse"&&j()}),onPointerDown:composeEventHandlers(f.onPointerDown,q=>{M.current=q.pointerType}),onPointerMove:composeEventHandlers(f.onPointerMove,q=>{var z;M.current=q.pointerType,l?(z=b.onItemLeave)==null||z.call(b):M.current==="mouse"&&q.currentTarget.focus({preventScroll:!0})}),onPointerLeave:composeEventHandlers(f.onPointerLeave,q=>{var z;q.currentTarget===document.activeElement&&((z=b.onItemLeave)==null||z.call(b))}),onKeyDown:composeEventHandlers(f.onKeyDown,q=>{var Q;((Q=b.searchRef)==null?void 0:Q.current)!==""&&q.key===" "||(SELECTION_KEYS.includes(q.key)&&j(),q.key===" "&&q.preventDefault())})})})})});SelectItem$1.displayName=ITEM_NAME;var ITEM_TEXT_NAME="SelectItemText",SelectItemText=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,className:o,style:l,...d}=t,f=useSelectContext(ITEM_TEXT_NAME,n),g=useSelectContentContext(ITEM_TEXT_NAME,n),b=useSelectItemContext(ITEM_TEXT_NAME,n),_=useSelectNativeOptionsContext(ITEM_TEXT_NAME,n),[S,R]=React__namespace.useState(null),C=useComposedRefs(e,j=>R(j),b.onItemTextChange,j=>{var q;return(q=g.itemTextRefCallback)==null?void 0:q.call(g,j,b.value,b.disabled)}),E=S==null?void 0:S.textContent,A=React__namespace.useMemo(()=>jsxRuntime.jsx("option",{value:b.value,disabled:b.disabled,children:E},b.value),[b.disabled,b.value,E]),{onNativeOptionAdd:I,onNativeOptionRemove:M}=_;return useLayoutEffect2(()=>(I(A),()=>M(A)),[I,M,A]),jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Primitive.span,{id:b.textId,...d,ref:C}),b.isSelected&&f.valueNode&&!f.valueNodeHasChildren?ReactDOM__namespace.createPortal(d.children,f.valueNode):null]})});SelectItemText.displayName=ITEM_TEXT_NAME;var ITEM_INDICATOR_NAME="SelectItemIndicator",SelectItemIndicator=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,...o}=t;return useSelectItemContext(ITEM_INDICATOR_NAME,n).isSelected?jsxRuntime.jsx(Primitive.span,{"aria-hidden":!0,...o,ref:e}):null});SelectItemIndicator.displayName=ITEM_INDICATOR_NAME;var SCROLL_UP_BUTTON_NAME="SelectScrollUpButton",SelectScrollUpButton$1=React__namespace.forwardRef((t,e)=>{const n=useSelectContentContext(SCROLL_UP_BUTTON_NAME,t.__scopeSelect),o=useSelectViewportContext(SCROLL_UP_BUTTON_NAME,t.__scopeSelect),[l,d]=React__namespace.useState(!1),f=useComposedRefs(e,o.onScrollButtonChange);return useLayoutEffect2(()=>{if(n.viewport&&n.isPositioned){let g=function(){const _=b.scrollTop>0;d(_)};const b=n.viewport;return g(),b.addEventListener("scroll",g),()=>b.removeEventListener("scroll",g)}},[n.viewport,n.isPositioned]),l?jsxRuntime.jsx(SelectScrollButtonImpl,{...t,ref:f,onAutoScroll:()=>{const{viewport:g,selectedItem:b}=n;g&&b&&(g.scrollTop=g.scrollTop-b.offsetHeight)}}):null});SelectScrollUpButton$1.displayName=SCROLL_UP_BUTTON_NAME;var SCROLL_DOWN_BUTTON_NAME="SelectScrollDownButton",SelectScrollDownButton$1=React__namespace.forwardRef((t,e)=>{const n=useSelectContentContext(SCROLL_DOWN_BUTTON_NAME,t.__scopeSelect),o=useSelectViewportContext(SCROLL_DOWN_BUTTON_NAME,t.__scopeSelect),[l,d]=React__namespace.useState(!1),f=useComposedRefs(e,o.onScrollButtonChange);return useLayoutEffect2(()=>{if(n.viewport&&n.isPositioned){let g=function(){const _=b.scrollHeight-b.clientHeight,S=Math.ceil(b.scrollTop)<_;d(S)};const b=n.viewport;return g(),b.addEventListener("scroll",g),()=>b.removeEventListener("scroll",g)}},[n.viewport,n.isPositioned]),l?jsxRuntime.jsx(SelectScrollButtonImpl,{...t,ref:f,onAutoScroll:()=>{const{viewport:g,selectedItem:b}=n;g&&b&&(g.scrollTop=g.scrollTop+b.offsetHeight)}}):null});SelectScrollDownButton$1.displayName=SCROLL_DOWN_BUTTON_NAME;var SelectScrollButtonImpl=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,onAutoScroll:o,...l}=t,d=useSelectContentContext("SelectScrollButton",n),f=React__namespace.useRef(null),g=useCollection(n),b=React__namespace.useCallback(()=>{f.current!==null&&(window.clearInterval(f.current),f.current=null)},[]);return React__namespace.useEffect(()=>()=>b(),[b]),useLayoutEffect2(()=>{var S;const _=g().find(R=>R.ref.current===document.activeElement);(S=_==null?void 0:_.ref.current)==null||S.scrollIntoView({block:"nearest"})},[g]),jsxRuntime.jsx(Primitive.div,{"aria-hidden":!0,...l,ref:e,style:{flexShrink:0,...l.style},onPointerDown:composeEventHandlers(l.onPointerDown,()=>{f.current===null&&(f.current=window.setInterval(o,50))}),onPointerMove:composeEventHandlers(l.onPointerMove,()=>{var _;(_=d.onItemLeave)==null||_.call(d),f.current===null&&(f.current=window.setInterval(o,50))}),onPointerLeave:composeEventHandlers(l.onPointerLeave,()=>{b()})})}),SEPARATOR_NAME="SelectSeparator",SelectSeparator$1=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,...o}=t;return jsxRuntime.jsx(Primitive.div,{"aria-hidden":!0,...o,ref:e})});SelectSeparator$1.displayName=SEPARATOR_NAME;var ARROW_NAME$1="SelectArrow",SelectArrow=React__namespace.forwardRef((t,e)=>{const{__scopeSelect:n,...o}=t,l=usePopperScope$1(n),d=useSelectContext(ARROW_NAME$1,n),f=useSelectContentContext(ARROW_NAME$1,n);return d.open&&f.position==="popper"?jsxRuntime.jsx(Arrow,{...l,...o,ref:e}):null});SelectArrow.displayName=ARROW_NAME$1;var BUBBLE_INPUT_NAME="SelectBubbleInput",SelectBubbleInput=React__namespace.forwardRef(({__scopeSelect:t,value:e,...n},o)=>{const l=React__namespace.useRef(null),d=useComposedRefs(o,l),f=usePrevious(e);return React__namespace.useEffect(()=>{const g=l.current;if(!g)return;const b=window.HTMLSelectElement.prototype,S=Object.getOwnPropertyDescriptor(b,"value").set;if(f!==e&&S){const R=new Event("change",{bubbles:!0});S.call(g,e),g.dispatchEvent(R)}},[f,e]),jsxRuntime.jsx(Primitive.select,{...n,style:{...VISUALLY_HIDDEN_STYLES,...n.style},ref:d,defaultValue:e})});SelectBubbleInput.displayName=BUBBLE_INPUT_NAME;function shouldShowPlaceholder(t){return t===""||t===void 0}function useTypeaheadSearch(t){const e=useCallbackRef$1(t),n=React__namespace.useRef(""),o=React__namespace.useRef(0),l=React__namespace.useCallback(f=>{const g=n.current+f;e(g),function b(_){n.current=_,window.clearTimeout(o.current),_!==""&&(o.current=window.setTimeout(()=>b(""),1e3))}(g)},[e]),d=React__namespace.useCallback(()=>{n.current="",window.clearTimeout(o.current)},[]);return React__namespace.useEffect(()=>()=>window.clearTimeout(o.current),[]),[n,l,d]}function findNextItem(t,e,n){const l=e.length>1&&Array.from(e).every(_=>_===e[0])?e[0]:e,d=n?t.indexOf(n):-1;let f=wrapArray(t,Math.max(d,0));l.length===1&&(f=f.filter(_=>_!==n));const b=f.find(_=>_.textValue.toLowerCase().startsWith(l.toLowerCase()));return b!==n?b:void 0}function wrapArray(t,e){return t.map((n,o)=>t[(e+o)%t.length])}var Root2$2=Select$1,Trigger$1=SelectTrigger$1,Value=SelectValue$1,Icon=SelectIcon,Portal$1=SelectPortal,Content2$2=SelectContent$1,Viewport=SelectViewport,Group=SelectGroup$1,Label=SelectLabel$1,Item$1=SelectItem$1,ItemText=SelectItemText,ItemIndicator=SelectItemIndicator,ScrollUpButton=SelectScrollUpButton$1,ScrollDownButton=SelectScrollDownButton$1,Separator=SelectSeparator$1;const Select=Root2$2,SelectGroup=Group,SelectValue=Value,SelectTrigger=React__namespace.forwardRef(({className:t,children:e,...n},o)=>jsxRuntime.jsxs(Trigger$1,{ref:o,className:cn("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",t),...n,children:[e,jsxRuntime.jsx(Icon,{asChild:!0,children:jsxRuntime.jsx(ChevronDown,{className:"h-4 w-4 opacity-50"})})]}));SelectTrigger.displayName=Trigger$1.displayName;const SelectScrollUpButton=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(ScrollUpButton,{ref:n,className:cn("flex cursor-default items-center justify-center py-1",t),...e,children:jsxRuntime.jsx(ChevronUp,{className:"h-4 w-4"})}));SelectScrollUpButton.displayName=ScrollUpButton.displayName;const SelectScrollDownButton=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(ScrollDownButton,{ref:n,className:cn("flex cursor-default items-center justify-center py-1",t),...e,children:jsxRuntime.jsx(ChevronDown,{className:"h-4 w-4"})}));SelectScrollDownButton.displayName=ScrollDownButton.displayName;const SelectContent=React__namespace.forwardRef(({className:t,children:e,position:n="popper",...o},l)=>jsxRuntime.jsx(Portal$1,{children:jsxRuntime.jsxs(Content2$2,{ref:l,className:cn("relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",n==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:n,...o,children:[jsxRuntime.jsx(SelectScrollUpButton,{}),jsxRuntime.jsx(Viewport,{className:cn("p-1",n==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:e}),jsxRuntime.jsx(SelectScrollDownButton,{})]})}));SelectContent.displayName=Content2$2.displayName;const SelectLabel=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(Label,{ref:n,className:cn("px-2 py-1.5 text-sm font-semibold",t),...e}));SelectLabel.displayName=Label.displayName;const SelectItem=React__namespace.forwardRef(({className:t,children:e,...n},o)=>jsxRuntime.jsxs(Item$1,{ref:o,className:cn("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...n,children:[jsxRuntime.jsx("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:jsxRuntime.jsx(ItemIndicator,{children:jsxRuntime.jsx(Check,{className:"h-4 w-4"})})}),jsxRuntime.jsx(ItemText,{children:e})]}));SelectItem.displayName=Item$1.displayName;const SelectSeparator=React__namespace.forwardRef(({className:t,...e},n)=>jsxRuntime.jsx(Separator,{ref:n,className:cn("-mx-1 my-1 h-px bg-muted",t),...e}));SelectSeparator.displayName=Separator.displayName;const DAYS_OF_WEEK=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];function ManufacturerReorderingCard({manufacturer:t,onSave:e,loading:n=!1,saving:o=!1,readonly:l=!1}){const[d,f]=React.useState({...t}),[g,b]=React.useState({...t});React.useEffect(()=>{b({...t}),f({...t})},[t]);const _=(j,q)=>{l||f(z=>({...z,[j]:q}))},S=(j,q)=>{l||f(z=>({...z,[j]:q}))},R=(j,q)=>{l||f(z=>({...z,[j]:q}))},C=()=>{const j={};return Object.keys(d).forEach(q=>{const z=q;JSON.stringify(d[z])!==JSON.stringify(g[z])&&(j[z]=d[z])}),j},E=()=>{if(!o&&!l){const j=C();Object.keys(j).length>0&&e(j)}},A=j=>j===-1?"ASAP":j===void 0||j<0||j>6?"Sunday":DAYS_OF_WEEK[j],I=j=>j==="ASAP"?-1:DAYS_OF_WEEK.indexOf(j),M=Object.keys(C()).length>0;return jsxRuntime.jsxs(Card,{children:[jsxRuntime.jsxs(CardHeader,{children:[n?jsxRuntime.jsx(Skeleton,{className:"h-8 w-32"}):jsxRuntime.jsx(CardTitle,{className:"text-lg font-bold",children:"Reordering"}),n?jsxRuntime.jsx(Skeleton,{className:"h-4 w-full mt-2"}):jsxRuntime.jsx(CardDescription,{className:"text-sm",children:"Adjust your reordering settings to control lead times, stocking weeks, minimum orders, and reorder dates, enhancing efficiency in restocking processes."})]}),jsxRuntime.jsx(CardContent,{className:"space-y-6",children:n?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex items-center space-x-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-10"}),jsxRuntime.jsx(Skeleton,{className:"h-5 w-40"})]}),jsxRuntime.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-40"}),jsxRuntime.jsx(Skeleton,{className:"h-10 w-full"})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-40"}),jsxRuntime.jsxs("div",{className:"flex items-center",children:[jsxRuntime.jsx(Skeleton,{className:"h-10 w-full"}),jsxRuntime.jsx("div",{className:"ml-2 w-12"})]})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-40"}),jsxRuntime.jsx(Skeleton,{className:"h-10 w-full"})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-40"}),jsxRuntime.jsxs("div",{className:"flex items-center",children:[jsxRuntime.jsx(Skeleton,{className:"h-10 w-full"}),jsxRuntime.jsx("div",{className:"ml-2 w-12"})]})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-40"}),jsxRuntime.jsx(Skeleton,{className:"h-10 w-full"})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-40"}),jsxRuntime.jsx(Skeleton,{className:"h-10 w-full"})]})]})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("div",{className:"flex items-center space-x-2",children:[jsxRuntime.jsx(Switch,{id:"automatic-reordering",checked:d.AutoUpdate,onCheckedChange:j=>_("AutoUpdate",j),disabled:o||l}),jsxRuntime.jsx(Label$2,{htmlFor:"automatic-reordering",children:"Automatic Reordering"})]}),jsxRuntime.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Label$2,{htmlFor:"reorder-date",children:"Automatic Reorder Date"}),jsxRuntime.jsxs(Select,{value:A(d.AutoReorderDate),onValueChange:j=>S("AutoReorderDate",I(j)),disabled:o||l,children:[jsxRuntime.jsx(SelectTrigger,{id:"reorder-date",children:jsxRuntime.jsx(SelectValue,{placeholder:"Select day"})}),jsxRuntime.jsxs(SelectContent,{children:[jsxRuntime.jsx(SelectItem,{value:"ASAP",children:"ASAP"}),DAYS_OF_WEEK.map(j=>jsxRuntime.jsx(SelectItem,{value:j,children:j},j))]})]})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Label$2,{htmlFor:"weeks-stocking",children:"Default Weeks of Stocking"}),jsxRuntime.jsxs("div",{className:"flex items-center",children:[jsxRuntime.jsx(Input,{id:"weeks-stocking",type:"number",value:d.DefaultWeeksOfStocking||"",onChange:j=>S("DefaultWeeksOfStocking",Number(j.target.value)),disabled:o||l}),jsxRuntime.jsx("span",{className:"ml-2 text-sm text-muted-foreground",children:"weeks"})]})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Label$2,{htmlFor:"minimum-order",children:"Default Minimum Order"}),jsxRuntime.jsxs("div",{className:"flex items-center relative",children:[jsxRuntime.jsx("span",{className:"absolute left-3 top-1/2 -translate-y-1/2",children:"$"}),jsxRuntime.jsx(Input,{id:"minimum-order",type:"number",className:"pl-6",value:d.DefaultMinimumOrder||"",onChange:j=>S("DefaultMinimumOrder",Number(j.target.value)),disabled:o||l})]})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Label$2,{htmlFor:"lead-time",children:"Default Lead Time"}),jsxRuntime.jsxs("div",{className:"flex items-center",children:[jsxRuntime.jsx(Input,{id:"lead-time",type:"number",value:d.DefaultLeadTime||"",onChange:j=>S("DefaultLeadTime",Number(j.target.value)),disabled:o||l}),jsxRuntime.jsx("span",{className:"ml-2 text-sm text-muted-foreground",children:"days"})]})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Label$2,{htmlFor:"maximum-inventory-value",children:"Default Maximum Inventory Value"}),jsxRuntime.jsxs("div",{className:"flex items-center relative",children:[jsxRuntime.jsx("span",{className:"absolute left-3 top-1/2 -translate-y-1/2",children:"$"}),jsxRuntime.jsx(Input,{id:"maximum-inventory-value",type:"number",className:"pl-6",value:d.DefaultMaxInventoryValue||"",onChange:j=>S("DefaultMaxInventoryValue",Number(j.target.value)),disabled:o||l})]})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Label$2,{htmlFor:"order-confirmations",children:"Send Order Confirmations To"}),jsxRuntime.jsx(Input,{id:"order-confirmations",type:"email",value:d.POEmail||"",onChange:j=>R("POEmail",j.target.value),placeholder:"email@example.com",disabled:o||l})]})]})]})}),!l&&jsxRuntime.jsx(CardFooter,{className:"flex justify-end",children:n?jsxRuntime.jsx(Skeleton,{className:"h-10 w-20"}):jsxRuntime.jsxs(Button,{onClick:E,disabled:o||!M,children:[o&&jsxRuntime.jsx(LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin"}),"Save"]})})]})}var POPOVER_NAME="Popover",[createPopoverContext,createPopoverScope]=createContextScope(POPOVER_NAME,[createPopperScope]),usePopperScope=createPopperScope(),[PopoverProvider,usePopoverContext]=createPopoverContext(POPOVER_NAME),Popover$1=t=>{const{__scopePopover:e,children:n,open:o,defaultOpen:l,onOpenChange:d,modal:f=!1}=t,g=usePopperScope(e),b=React__namespace.useRef(null),[_,S]=React__namespace.useState(!1),[R,C]=useControllableState({prop:o,defaultProp:l??!1,onChange:d,caller:POPOVER_NAME});return jsxRuntime.jsx(Root2$6,{...g,children:jsxRuntime.jsx(PopoverProvider,{scope:e,contentId:useId(),triggerRef:b,open:R,onOpenChange:C,onOpenToggle:React__namespace.useCallback(()=>C(E=>!E),[C]),hasCustomAnchor:_,onCustomAnchorAdd:React__namespace.useCallback(()=>S(!0),[]),onCustomAnchorRemove:React__namespace.useCallback(()=>S(!1),[]),modal:f,children:n})})};Popover$1.displayName=POPOVER_NAME;var ANCHOR_NAME="PopoverAnchor",PopoverAnchor$1=React__namespace.forwardRef((t,e)=>{const{__scopePopover:n,...o}=t,l=usePopoverContext(ANCHOR_NAME,n),d=usePopperScope(n),{onCustomAnchorAdd:f,onCustomAnchorRemove:g}=l;return React__namespace.useEffect(()=>(f(),()=>g()),[f,g]),jsxRuntime.jsx(Anchor,{...d,...o,ref:e})});PopoverAnchor$1.displayName=ANCHOR_NAME;var TRIGGER_NAME$1="PopoverTrigger",PopoverTrigger$1=React__namespace.forwardRef((t,e)=>{const{__scopePopover:n,...o}=t,l=usePopoverContext(TRIGGER_NAME$1,n),d=usePopperScope(n),f=useComposedRefs(e,l.triggerRef),g=jsxRuntime.jsx(Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":l.open,"aria-controls":l.contentId,"data-state":getState(l.open),...o,ref:f,onClick:composeEventHandlers(t.onClick,l.onOpenToggle)});return l.hasCustomAnchor?g:jsxRuntime.jsx(Anchor,{asChild:!0,...d,children:g})});PopoverTrigger$1.displayName=TRIGGER_NAME$1;var PORTAL_NAME$1="PopoverPortal",[PortalProvider,usePortalContext]=createPopoverContext(PORTAL_NAME$1,{forceMount:void 0}),PopoverPortal=t=>{const{__scopePopover:e,forceMount:n,children:o,container:l}=t,d=usePopoverContext(PORTAL_NAME$1,e);return jsxRuntime.jsx(PortalProvider,{scope:e,forceMount:n,children:jsxRuntime.jsx(Presence,{present:n||d.open,children:jsxRuntime.jsx(Portal$5,{asChild:!0,container:l,children:o})})})};PopoverPortal.displayName=PORTAL_NAME$1;var CONTENT_NAME$1="PopoverContent",PopoverContent$1=React__namespace.forwardRef((t,e)=>{const n=usePortalContext(CONTENT_NAME$1,t.__scopePopover),{forceMount:o=n.forceMount,...l}=t,d=usePopoverContext(CONTENT_NAME$1,t.__scopePopover);return jsxRuntime.jsx(Presence,{present:o||d.open,children:d.modal?jsxRuntime.jsx(PopoverContentModal,{...l,ref:e}):jsxRuntime.jsx(PopoverContentNonModal,{...l,ref:e})})});PopoverContent$1.displayName=CONTENT_NAME$1;var Slot=createSlot("PopoverContent.RemoveScroll"),PopoverContentModal=React__namespace.forwardRef((t,e)=>{const n=usePopoverContext(CONTENT_NAME$1,t.__scopePopover),o=React__namespace.useRef(null),l=useComposedRefs(e,o),d=React__namespace.useRef(!1);return React__namespace.useEffect(()=>{const f=o.current;if(f)return hideOthers(f)},[]),jsxRuntime.jsx(ReactRemoveScroll,{as:Slot,allowPinchZoom:!0,children:jsxRuntime.jsx(PopoverContentImpl,{...t,ref:l,trapFocus:n.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:composeEventHandlers(t.onCloseAutoFocus,f=>{var g;f.preventDefault(),d.current||(g=n.triggerRef.current)==null||g.focus()}),onPointerDownOutside:composeEventHandlers(t.onPointerDownOutside,f=>{const g=f.detail.originalEvent,b=g.button===0&&g.ctrlKey===!0,_=g.button===2||b;d.current=_},{checkForDefaultPrevented:!1}),onFocusOutside:composeEventHandlers(t.onFocusOutside,f=>f.preventDefault(),{checkForDefaultPrevented:!1})})})}),PopoverContentNonModal=React__namespace.forwardRef((t,e)=>{const n=usePopoverContext(CONTENT_NAME$1,t.__scopePopover),o=React__namespace.useRef(!1),l=React__namespace.useRef(!1);return jsxRuntime.jsx(PopoverContentImpl,{...t,ref:e,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:d=>{var f,g;(f=t.onCloseAutoFocus)==null||f.call(t,d),d.defaultPrevented||(o.current||(g=n.triggerRef.current)==null||g.focus(),d.preventDefault()),o.current=!1,l.current=!1},onInteractOutside:d=>{var b,_;(b=t.onInteractOutside)==null||b.call(t,d),d.defaultPrevented||(o.current=!0,d.detail.originalEvent.type==="pointerdown"&&(l.current=!0));const f=d.target;((_=n.triggerRef.current)==null?void 0:_.contains(f))&&d.preventDefault(),d.detail.originalEvent.type==="focusin"&&l.current&&d.preventDefault()}})}),PopoverContentImpl=React__namespace.forwardRef((t,e)=>{const{__scopePopover:n,trapFocus:o,onOpenAutoFocus:l,onCloseAutoFocus:d,disableOutsidePointerEvents:f,onEscapeKeyDown:g,onPointerDownOutside:b,onFocusOutside:_,onInteractOutside:S,...R}=t,C=usePopoverContext(CONTENT_NAME$1,n),E=usePopperScope(n);return useFocusGuards(),jsxRuntime.jsx(FocusScope,{asChild:!0,loop:!0,trapped:o,onMountAutoFocus:l,onUnmountAutoFocus:d,children:jsxRuntime.jsx(DismissableLayer,{asChild:!0,disableOutsidePointerEvents:f,onInteractOutside:S,onEscapeKeyDown:g,onPointerDownOutside:b,onFocusOutside:_,onDismiss:()=>C.onOpenChange(!1),children:jsxRuntime.jsx(Content$1,{"data-state":getState(C.open),role:"dialog",id:C.contentId,...E,...R,ref:e,style:{...R.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})}),CLOSE_NAME="PopoverClose",PopoverClose=React__namespace.forwardRef((t,e)=>{const{__scopePopover:n,...o}=t,l=usePopoverContext(CLOSE_NAME,n);return jsxRuntime.jsx(Primitive.button,{type:"button",...o,ref:e,onClick:composeEventHandlers(t.onClick,()=>l.onOpenChange(!1))})});PopoverClose.displayName=CLOSE_NAME;var ARROW_NAME="PopoverArrow",PopoverArrow=React__namespace.forwardRef((t,e)=>{const{__scopePopover:n,...o}=t,l=usePopperScope(n);return jsxRuntime.jsx(Arrow,{...l,...o,ref:e})});PopoverArrow.displayName=ARROW_NAME;function getState(t){return t?"open":"closed"}var Root2$1=Popover$1,Anchor2=PopoverAnchor$1,Trigger=PopoverTrigger$1,Portal=PopoverPortal,Content2$1=PopoverContent$1;const Popover=Root2$1,PopoverTrigger=Trigger,PopoverAnchor=Anchor2,PopoverContent=React__namespace.forwardRef(({className:t,align:e="center",sideOffset:n=4,...o},l)=>jsxRuntime.jsx(Portal,{children:jsxRuntime.jsx(Content2$1,{ref:l,align:e,sideOffset:n,className:cn("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-popover-content-transform-origin]",t),...o})}));PopoverContent.displayName=Content2$1.displayName;function MultiSelect({options:t,selected:e,onChange:n,placeholder:o="Select items...",disabled:l=!1}){const[d,f]=React__namespace.useState(!1),[g,b]=React__namespace.useState(""),_=React__namespace.useRef(null),[S,R]=React__namespace.useState(void 0),C=React__namespace.useCallback(()=>{_.current&&R(_.current.offsetWidth)},[]);React__namespace.useLayoutEffect(()=>{C()},[C]),React__namespace.useEffect(()=>(window.addEventListener("resize",C),()=>window.removeEventListener("resize",C)),[C]);const E=M=>{n(e.filter(j=>j!==M))},A=M=>{f(!1),e.includes(M)?n(e.filter(j=>j!==M)):n([...e,M])},I=M=>{M.key==="Enter"&&g&&!t.includes(g)&&!e.includes(g)&&(M.preventDefault(),A(g),b(""))};return jsxRuntime.jsxs(Popover,{open:d,onOpenChange:f,children:[jsxRuntime.jsx(PopoverTrigger,{asChild:!0,children:jsxRuntime.jsxs(Button,{ref:_,variant:"outline",role:"combobox","aria-expanded":d,className:"w-full justify-between h-auto min-h-[40px] py-2",disabled:l,children:[jsxRuntime.jsx("div",{className:"flex flex-wrap gap-1 items-center",children:e.length>0?e.map(M=>jsxRuntime.jsxs(Badge,{variant:"outline",className:"mr-1 mb-1",children:[M,jsxRuntime.jsx("span",{className:"ml-1 cursor-pointer ring-offset-background rounded-full outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",onClick:j=>{j.preventDefault(),j.stopPropagation(),E(M)},children:jsxRuntime.jsx(X$1,{className:"h-3 w-3 text-muted-foreground hover:text-foreground"})})]},M)):jsxRuntime.jsx("span",{className:"text-muted-foreground",children:o})}),jsxRuntime.jsx(ChevronsUpDown,{className:"h-4 w-4 shrink-0 opacity-50 ml-2"})]})}),jsxRuntime.jsx(PopoverContent,{className:"w-full p-0",style:{width:S},children:jsxRuntime.jsxs(Command,{onKeyDown:I,children:[jsxRuntime.jsx(CommandInput,{placeholder:"Search or add custom item...",value:g,onValueChange:b}),jsxRuntime.jsxs(CommandList,{children:[jsxRuntime.jsx(CommandEmpty,{children:"No item found."}),jsxRuntime.jsxs(CommandGroup,{children:[t.filter(M=>!e.includes(M)).map(M=>jsxRuntime.jsxs(CommandItem,{onSelect:()=>A(M),children:[jsxRuntime.jsx(Check,{className:cn("mr-2 h-4 w-4",e.includes(M)?"opacity-100":"opacity-0")}),M]},M)),g&&!t.includes(g)&&!e.includes(g)&&jsxRuntime.jsxs(CommandItem,{onSelect:()=>A(g),children:['Add "',g,'"']})]})]})]})})]})}const imgSizeMap={sm:100,md:200,lg:300,xl:400};function ProductImage({randmarSKU:t,size:e="md",alt:n,secondaryContent:o}){const[l,d]=React__namespace.useState(!1),[f,g]=React__namespace.useState(!1),[b,_]=React__namespace.useState(!1),[S,R]=React__namespace.useState(!1),[C,E]=React__namespace.useState(!1),A=`https://api.randmar.io/Product/${t}/Video`,I=React.useRef(null),M=useIntersectionObserver({elementRef:I,threshold:.1,rootMargin:"100px"});React__namespace.useEffect(()=>{const F=async()=>{try{const te=await(await fetch(A+"/Exists")).json();g(te)}catch(V){console.error("Error checking for video:",V),g(!1)}};M&&!b&&(_(!0),F())},[t,A,M,b]);async function j(){if(f){E(!0);try{const V=await(await fetch(A)).blob(),te=window.URL.createObjectURL(V),ae=document.createElement("a");ae.href=te,ae.download=`${t||"product"}-video.mp4`,document.body.appendChild(ae),ae.click(),document.body.removeChild(ae),window.URL.revokeObjectURL(te)}catch(F){console.error("Error downloading video:",F)}finally{E(!1)}}}function q(){navigator.clipboard.writeText(A),R(!0),setTimeout(()=>{R(!1)},2e3)}function z(){d(!0)}const Q=imgSizeMap[e||"xl"];return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Dialog,{open:l,onOpenChange:d,children:jsxRuntime.jsx(DialogContent,{className:"max-w-4xl p-0 overflow-hidden",children:o?jsxRuntime.jsxs("div",{className:"flex flex-row",children:[jsxRuntime.jsxs("video",{className:"w-full rounded-l-lg max-h-[720px] object-contain",controls:!0,autoPlay:!0,muted:!0,loop:!0,children:[jsxRuntime.jsx("source",{src:A,type:"video/mp4"}),"Your browser does not support the video tag."]}),jsxRuntime.jsx("div",{className:"flex-grow min-w-[400px] h-[70vh] p-6",children:o})]}):jsxRuntime.jsxs("div",{className:"w-full relative",children:[jsxRuntime.jsxs("video",{className:"w-full max-h-[720px] object-contain",controls:!0,autoPlay:!0,children:[jsxRuntime.jsx("source",{src:A,type:"video/mp4"}),"Your browser does not support the video tag."]}),jsxRuntime.jsxs("div",{className:"absolute top-2 right-12 flex gap-1",children:[jsxRuntime.jsx(TooltipProvider,{children:jsxRuntime.jsxs(Tooltip$1,{children:[jsxRuntime.jsx(TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(Button,{variant:"secondary",size:"icon",onClick:q,children:S?jsxRuntime.jsx(Check,{className:"h-4 w-4"}):jsxRuntime.jsx(Copy,{className:"h-4 w-4"})})}),jsxRuntime.jsx(TooltipContent,{children:jsxRuntime.jsx("p",{children:"Copy video link"})})]})}),jsxRuntime.jsx(TooltipProvider,{children:jsxRuntime.jsxs(Tooltip$1,{children:[jsxRuntime.jsx(TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(Button,{variant:"secondary",size:"icon",onClick:j,disabled:C,children:jsxRuntime.jsx(Download,{className:"h-4 w-4"})})}),jsxRuntime.jsx(TooltipContent,{children:jsxRuntime.jsx("p",{children:"Download video"})})]})})]})]})})}),jsxRuntime.jsxs("div",{className:"relative w-max h-max",ref:I,children:[jsxRuntime.jsx("img",{alt:n||`Product ${t}`,className:`rounded-md ${f?"cursor-pointer":""}`,onClick:f?z:void 0,src:`https://api.randmar.io/Product/${t}/Image?width=${Q*1.5}&height=${Q*1.5}`,width:Q,height:Q}),f&&jsxRuntime.jsx(TooltipProvider,{children:jsxRuntime.jsxs(Tooltip$1,{children:[jsxRuntime.jsx(TooltipTrigger,{asChild:!0,children:jsxRuntime.jsx(Button,{variant:"secondary",size:"icon",className:"absolute top-2 right-2",onClick:z,children:jsxRuntime.jsx(Play,{className:"h-4 w-4"})})}),jsxRuntime.jsx(TooltipContent,{children:jsxRuntime.jsx("p",{children:"Play video"})})]})})]})]})}function ResellerBillingOverviewCard({reseller:t,actions:e,loading:n=!1}){return n||!t?jsxRuntime.jsx(ResellerBillingOverviewSkeleton,{}):jsxRuntime.jsx(ResellerBillingOverviewData,{reseller:t,actions:e})}function ResellerBillingOverviewSkeleton(){return jsxRuntime.jsxs(Card,{children:[jsxRuntime.jsx(CardHeader,{children:jsxRuntime.jsx(CardTitle,{children:jsxRuntime.jsx(Skeleton,{className:"h-6 w-40"})})}),jsxRuntime.jsxs(CardContent,{children:[jsxRuntime.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[jsxRuntime.jsx("div",{className:"space-y-4",children:Array(3).fill(0).map((t,e)=>jsxRuntime.jsxs("div",{className:"border rounded-lg p-4",children:[jsxRuntime.jsxs("div",{className:"flex justify-between items-center mb-4",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-24"}),jsxRuntime.jsx(Skeleton,{className:"h-9 w-9 rounded-full"})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Skeleton,{className:"h-4 w-20 mb-1"}),jsxRuntime.jsx(Skeleton,{className:"h-7 w-28"})]})]},e))}),jsxRuntime.jsx("div",{className:"space-y-4",children:Array(2).fill(0).map((t,e)=>jsxRuntime.jsxs("div",{className:"border rounded-lg p-4",children:[jsxRuntime.jsxs("div",{className:"flex justify-between items-center mb-4",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-24"}),jsxRuntime.jsx(Skeleton,{className:"h-9 w-9 rounded-full"})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Skeleton,{className:"h-4 w-20 mb-1"}),jsxRuntime.jsx(Skeleton,{className:"h-7 w-28"})]})]},e))})]}),jsxRuntime.jsx("div",{className:"flex justify-end mt-4",children:jsxRuntime.jsx(Skeleton,{className:"h-10 w-28 rounded-md"})})]})]})}function ResellerBillingOverviewData({reseller:t,actions:e}){const n=f=>f===void 0?"$0.00":new Intl.NumberFormat("en-CA",{style:"currency",currency:"CAD",minimumFractionDigits:2,maximumFractionDigits:2}).format(f),o=t.Statement||{},l=[{title:"0 - 30 Days",amount:o.Over0||0,icon:jsxRuntime.jsx(Calendar,{className:"h-5 w-5 text-white"}),color:"bg-primary"},{title:"31 - 45 Days",amount:o.Over30||0,icon:jsxRuntime.jsx(Calendar,{className:"h-5 w-5 text-white"}),color:"bg-primary"},{title:"45+ Days",amount:o.Over45||0,icon:jsxRuntime.jsx(Calendar,{className:"h-5 w-5 text-white"}),color:"bg-primary"}],d=[{title:"Total",amount:o.Total||0,icon:jsxRuntime.jsx(DollarSign,{className:"h-5 w-5 text-white"}),color:"bg-green-500"},{title:"Credit Limit",amount:t.CreditLimit||0,icon:jsxRuntime.jsx(CreditCard,{className:"h-5 w-5 text-white"}),color:"bg-blue-500"}];return jsxRuntime.jsxs(Card,{children:[jsxRuntime.jsx(CardHeader,{children:jsxRuntime.jsx(CardTitle,{children:"Billing Overview"})}),jsxRuntime.jsxs(CardContent,{children:[jsxRuntime.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[jsxRuntime.jsx("div",{className:"space-y-4",children:l.map((f,g)=>jsxRuntime.jsxs("div",{className:"border rounded-lg p-4",children:[jsxRuntime.jsxs("div",{className:"flex justify-between items-center",children:[jsxRuntime.jsx("h3",{className:"text-sm sm:text-base font-medium",children:f.title}),jsxRuntime.jsx("div",{className:`p-2 rounded-full ${f.color}`,children:f.icon})]}),jsxRuntime.jsx("div",{children:jsxRuntime.jsx("p",{className:"text-base sm:text-lg font-bold",children:n(f.amount)})})]},g))}),jsxRuntime.jsx("div",{className:"space-y-4",children:d.map((f,g)=>jsxRuntime.jsxs("div",{className:"border rounded-lg p-4",children:[jsxRuntime.jsxs("div",{className:"flex justify-between items-center",children:[jsxRuntime.jsx("h3",{className:"text-sm sm:text-base font-medium",children:f.title}),jsxRuntime.jsx("div",{className:`p-2 rounded-full ${f.color}`,children:f.icon})]}),jsxRuntime.jsx("div",{children:jsxRuntime.jsx("p",{className:"text-base sm:text-lg font-bold",children:n(f.amount)})})]},g))})]}),e&&jsxRuntime.jsx("div",{className:"flex justify-end mt-4",children:e})]})]})}function ResellerQualificationsCard({qualifications:t=[],loading:e=!1}){return e?jsxRuntime.jsxs(Card,{children:[jsxRuntime.jsx(CardHeader,{children:jsxRuntime.jsx(CardTitle,{children:"Qualifications"})}),jsxRuntime.jsx(CardContent,{className:"p-6",children:jsxRuntime.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 gap-y-8",children:Array.from({length:10}).map((n,o)=>jsxRuntime.jsxs("div",{className:"flex flex-col items-center",children:[jsxRuntime.jsx(Skeleton,{className:"h-12 w-24 rounded-md mb-2"}),jsxRuntime.jsx(Skeleton,{className:"h-5 w-16 rounded-full"})]},o))})})]}):jsxRuntime.jsxs(Card,{children:[jsxRuntime.jsx(CardHeader,{children:jsxRuntime.jsx(CardTitle,{children:"Qualifications"})}),jsxRuntime.jsx(CardContent,{children:t&&t.length>0?jsxRuntime.jsx("div",{className:"p-6",children:jsxRuntime.jsx("div",{className:"flex grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-4 gap-y-8",children:t.map((n,o)=>jsxRuntime.jsx(ManufacturerLogo,{manufacturerId:n.ManufacturerId,opportunityNumber:n.DefaultOpportunityNumber},`${n.ManufacturerId}-${o}`))})}):jsxRuntime.jsx("p",{children:"No qualification available."})})]})}function ManufacturerLogo({manufacturerId:t,opportunityNumber:e}){return jsxRuntime.jsxs("div",{className:"flex flex-col items-center",children:[jsxRuntime.jsx("div",{className:"h-12 w-full items-center justify-center mb-2",children:jsxRuntime.jsx(PartnerLogo,{id:t,width:96,height:48})}),e&&jsxRuntime.jsx(Badge,{variant:"outline",className:"text-xs",children:e})]})}function SalesOverviewCard({salesData:t,salesStatistics:e=[],loading:n=!1}){return n||!t?jsxRuntime.jsx(SalesOverviewSkeleton,{}):jsxRuntime.jsx(SalesOverviewData,{salesData:t,salesStatistics:e})}function SalesOverviewSkeleton(){return jsxRuntime.jsxs(Card,{children:[jsxRuntime.jsx(CardHeader,{className:"pb-0",children:jsxRuntime.jsx(CardTitle,{className:"text-lg sm:text-xl",children:jsxRuntime.jsx(Skeleton,{className:"h-7 w-40"})})}),jsxRuntime.jsxs(CardContent,{className:"pt-4 px-3 sm:px-6",children:[jsxRuntime.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:Array(3).fill(0).map((t,e)=>jsxRuntime.jsxs("div",{className:"border rounded-lg p-4",children:[jsxRuntime.jsxs("div",{className:"flex justify-between items-center mb-4",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-24"}),jsxRuntime.jsx(Skeleton,{className:"h-9 w-9 rounded-full"})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Skeleton,{className:"h-4 w-20 mb-1"}),jsxRuntime.jsx(Skeleton,{className:"h-7 w-28"})]})]},e))}),jsxRuntime.jsx("div",{className:"mt-6",children:jsxRuntime.jsxs("div",{className:"space-y-3",children:[jsxRuntime.jsx(Skeleton,{className:"h-5 w-32"}),jsxRuntime.jsx(Skeleton,{className:"h-[250px] w-full rounded-lg"})]})})]})]})}function SalesOverviewData({salesData:t,salesStatistics:e=[]}){const n=d=>new Intl.NumberFormat("en-CA",{style:"currency",currency:"CAD",minimumFractionDigits:2,maximumFractionDigits:2}).format(d),o=[{title:"Last 30 days",amount:t.SalesLast30Days||0,icon:jsxRuntime.jsx(Calendar,{className:"h-5 w-5 text-white"}),color:"bg-blue-500"},{title:"Last 3 months",amount:t.SalesLast3Months||0,icon:jsxRuntime.jsx(Calendar,{className:"h-5 w-5 text-white"}),color:"bg-amber-500"},{title:"Year to date",amount:t.SalesYearToDay||0,icon:jsxRuntime.jsx(Calendar,{className:"h-5 w-5 text-white"}),color:"bg-emerald-500"}],l=React.useMemo(()=>{const d=new Map;return e.forEach(f=>{var b;const g=((b=f.Day)==null?void 0:b.toString())||"";if(g.length===8){const _=parseInt(g.substring(0,4),10),S=parseInt(g.substring(4,6),10)-1,R=parseInt(g.substring(6,8),10),C=new Date(_,S,R),E=new Date(C),A=C.getDay();E.setDate(C.getDate()-A);const I=`${E.getFullYear()}-${String(E.getMonth()+1).padStart(2,"0")}-${String(E.getDate()).padStart(2,"0")}`,M=f.ExtendedPrice||0;d.has(I)?d.set(I,d.get(I)+M):d.set(I,M)}}),Array.from(d).sort(([f],[g])=>f.localeCompare(g)).map(([f,g])=>({date:`${f.substring(5,7)}/${f.substring(8,10)}`,amount:g}))},[e]);return jsxRuntime.jsxs(Card,{children:[jsxRuntime.jsx(CardHeader,{className:"pb-0",children:jsxRuntime.jsx(CardTitle,{className:"text-lg sm:text-xl",children:"Sales Overview"})}),jsxRuntime.jsxs(CardContent,{className:"pt-4 px-3 sm:px-6",children:[jsxRuntime.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",children:o.map((d,f)=>jsxRuntime.jsxs("div",{className:"border rounded-lg p-4",children:[jsxRuntime.jsxs("div",{className:"flex justify-between items-center mb-4",children:[jsxRuntime.jsx("h3",{className:"text-sm sm:text-base font-medium",children:d.title}),jsxRuntime.jsx("div",{className:`p-2 rounded-full ${d.color}`,children:d.icon})]}),jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx("p",{className:"text-xs text-muted-foreground",children:"Total Amount"}),jsxRuntime.jsx("p",{className:"text-base sm:text-lg font-bold",children:n(d.amount)})]})]},f))}),jsxRuntime.jsx("div",{className:"mt-6",children:e&&e.length>0&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("h3",{className:"text-sm font-medium mb-4",children:"Sales Trend"}),jsxRuntime.jsx("div",{className:"space-y-6",children:jsxRuntime.jsx(AreaChart,{data:l,units:"$",unitsPosition:"left",height:200})})]})})]})]})}var isCheckBoxInput=t=>t.type==="checkbox",isDateObject=t=>t instanceof Date,isNullOrUndefined=t=>t==null;const isObjectType=t=>typeof t=="object";var isObject=t=>!isNullOrUndefined(t)&&!Array.isArray(t)&&isObjectType(t)&&!isDateObject(t),getEventValue=t=>isObject(t)&&t.target?isCheckBoxInput(t.target)?t.target.checked:t.target.value:t,getNodeParentName=t=>t.substring(0,t.search(/\.\d+(\.|$)/))||t,isNameInFieldArray=(t,e)=>t.has(getNodeParentName(e)),isPlainObject$1=t=>{const e=t.constructor&&t.constructor.prototype;return isObject(e)&&e.hasOwnProperty("isPrototypeOf")},isWeb=typeof window<"u"&&typeof window.HTMLElement<"u"&&typeof document<"u";function cloneObject(t){let e;const n=Array.isArray(t),o=typeof FileList<"u"?t instanceof FileList:!1;if(t instanceof Date)e=new Date(t);else if(t instanceof Set)e=new Set(t);else if(!(isWeb&&(t instanceof Blob||o))&&(n||isObject(t)))if(e=n?[]:{},!n&&!isPlainObject$1(t))e=t;else for(const l in t)t.hasOwnProperty(l)&&(e[l]=cloneObject(t[l]));else return t;return e}var compact=t=>Array.isArray(t)?t.filter(Boolean):[],isUndefined=t=>t===void 0,get=(t,e,n)=>{if(!e||!isObject(t))return n;const o=compact(e.split(/[,[\].]+?/)).reduce((l,d)=>isNullOrUndefined(l)?l:l[d],t);return isUndefined(o)||o===t?isUndefined(t[e])?n:t[e]:o},isBoolean=t=>typeof t=="boolean",isKey=t=>/^\w*$/.test(t),stringToPath=t=>compact(t.replace(/["|']|\]/g,"").split(/\.|\[/)),set=(t,e,n)=>{let o=-1;const l=isKey(e)?[e]:stringToPath(e),d=l.length,f=d-1;for(;++o<d;){const g=l[o];let b=n;if(o!==f){const _=t[g];b=isObject(_)||Array.isArray(_)?_:isNaN(+l[o+1])?{}:[]}if(g==="__proto__"||g==="constructor"||g==="prototype")return;t[g]=b,t=t[g]}};const EVENTS={BLUR:"blur",FOCUS_OUT:"focusout"},VALIDATION_MODE={onBlur:"onBlur",onChange:"onChange",onSubmit:"onSubmit",onTouched:"onTouched",all:"all"},INPUT_VALIDATION_RULES={max:"max",min:"min",maxLength:"maxLength",minLength:"minLength",pattern:"pattern",required:"required",validate:"validate"};React.createContext(null);var getProxyFormState=(t,e,n,o=!0)=>{const l={defaultValues:e._defaultValues};for(const d in t)Object.defineProperty(l,d,{get:()=>{const f=d;return e._proxyFormState[f]!==VALIDATION_MODE.all&&(e._proxyFormState[f]=!o||VALIDATION_MODE.all),t[f]}});return l};const useIsomorphicLayoutEffect$1=typeof window<"u"?React__namespace.useLayoutEffect:React__namespace.useEffect;var isString=t=>typeof t=="string",generateWatchOutput=(t,e,n,o,l)=>isString(t)?(o&&e.watch.add(t),get(n,t,l)):Array.isArray(t)?t.map(d=>(o&&e.watch.add(d),get(n,d))):(o&&(e.watchAll=!0),n),appendErrors=(t,e,n,o,l)=>e?{...n[t],types:{...n[t]&&n[t].types?n[t].types:{},[o]:l||!0}}:{},convertToArrayPayload=t=>Array.isArray(t)?t:[t],createSubject=()=>{let t=[];return{get observers(){return t},next:l=>{for(const d of t)d.next&&d.next(l)},subscribe:l=>(t.push(l),{unsubscribe:()=>{t=t.filter(d=>d!==l)}}),unsubscribe:()=>{t=[]}}},isPrimitive=t=>isNullOrUndefined(t)||!isObjectType(t);function deepEqual$1(t,e){if(isPrimitive(t)||isPrimitive(e))return t===e;if(isDateObject(t)&&isDateObject(e))return t.getTime()===e.getTime();const n=Object.keys(t),o=Object.keys(e);if(n.length!==o.length)return!1;for(const l of n){const d=t[l];if(!o.includes(l))return!1;if(l!=="ref"){const f=e[l];if(isDateObject(d)&&isDateObject(f)||isObject(d)&&isObject(f)||Array.isArray(d)&&Array.isArray(f)?!deepEqual$1(d,f):d!==f)return!1}}return!0}var isEmptyObject$1=t=>isObject(t)&&!Object.keys(t).length,isFileInput=t=>t.type==="file",isFunction$2=t=>typeof t=="function",isHTMLElement=t=>{if(!isWeb)return!1;const e=t?t.ownerDocument:0;return t instanceof(e&&e.defaultView?e.defaultView.HTMLElement:HTMLElement)},isMultipleSelect=t=>t.type==="select-multiple",isRadioInput=t=>t.type==="radio",isRadioOrCheckbox=t=>isRadioInput(t)||isCheckBoxInput(t),live=t=>isHTMLElement(t)&&t.isConnected;function baseGet(t,e){const n=e.slice(0,-1).length;let o=0;for(;o<n;)t=isUndefined(t)?o++:t[e[o++]];return t}function isEmptyArray(t){for(const e in t)if(t.hasOwnProperty(e)&&!isUndefined(t[e]))return!1;return!0}function unset(t,e){const n=Array.isArray(e)?e:isKey(e)?[e]:stringToPath(e),o=n.length===1?t:baseGet(t,n),l=n.length-1,d=n[l];return o&&delete o[d],l!==0&&(isObject(o)&&isEmptyObject$1(o)||Array.isArray(o)&&isEmptyArray(o))&&unset(t,n.slice(0,-1)),t}var objectHasFunction=t=>{for(const e in t)if(isFunction$2(t[e]))return!0;return!1};function markFieldsDirty(t,e={}){const n=Array.isArray(t);if(isObject(t)||n)for(const o in t)Array.isArray(t[o])||isObject(t[o])&&!objectHasFunction(t[o])?(e[o]=Array.isArray(t[o])?[]:{},markFieldsDirty(t[o],e[o])):isNullOrUndefined(t[o])||(e[o]=!0);return e}function getDirtyFieldsFromDefaultValues(t,e,n){const o=Array.isArray(t);if(isObject(t)||o)for(const l in t)Array.isArray(t[l])||isObject(t[l])&&!objectHasFunction(t[l])?isUndefined(e)||isPrimitive(n[l])?n[l]=Array.isArray(t[l])?markFieldsDirty(t[l],[]):{...markFieldsDirty(t[l])}:getDirtyFieldsFromDefaultValues(t[l],isNullOrUndefined(e)?{}:e[l],n[l]):n[l]=!deepEqual$1(t[l],e[l]);return n}var getDirtyFields=(t,e)=>getDirtyFieldsFromDefaultValues(t,e,markFieldsDirty(e));const defaultResult={value:!1,isValid:!1},validResult={value:!0,isValid:!0};var getCheckboxValue=t=>{if(Array.isArray(t)){if(t.length>1){const e=t.filter(n=>n&&n.checked&&!n.disabled).map(n=>n.value);return{value:e,isValid:!!e.length}}return t[0].checked&&!t[0].disabled?t[0].attributes&&!isUndefined(t[0].attributes.value)?isUndefined(t[0].value)||t[0].value===""?validResult:{value:t[0].value,isValid:!0}:validResult:defaultResult}return defaultResult},getFieldValueAs=(t,{valueAsNumber:e,valueAsDate:n,setValueAs:o})=>isUndefined(t)?t:e?t===""?NaN:t&&+t:n&&isString(t)?new Date(t):o?o(t):t;const defaultReturn={isValid:!1,value:null};var getRadioValue=t=>Array.isArray(t)?t.reduce((e,n)=>n&&n.checked&&!n.disabled?{isValid:!0,value:n.value}:e,defaultReturn):defaultReturn;function getFieldValue(t){const e=t.ref;return isFileInput(e)?e.files:isRadioInput(e)?getRadioValue(t.refs).value:isMultipleSelect(e)?[...e.selectedOptions].map(({value:n})=>n):isCheckBoxInput(e)?getCheckboxValue(t.refs).value:getFieldValueAs(isUndefined(e.value)?t.ref.value:e.value,t)}var getResolverOptions=(t,e,n,o)=>{const l={};for(const d of t){const f=get(e,d);f&&set(l,d,f._f)}return{criteriaMode:n,names:[...t],fields:l,shouldUseNativeValidation:o}},isRegex=t=>t instanceof RegExp,getRuleValue=t=>isUndefined(t)?t:isRegex(t)?t.source:isObject(t)?isRegex(t.value)?t.value.source:t.value:t,getValidationModes=t=>({isOnSubmit:!t||t===VALIDATION_MODE.onSubmit,isOnBlur:t===VALIDATION_MODE.onBlur,isOnChange:t===VALIDATION_MODE.onChange,isOnAll:t===VALIDATION_MODE.all,isOnTouch:t===VALIDATION_MODE.onTouched});const ASYNC_FUNCTION="AsyncFunction";var hasPromiseValidation=t=>!!t&&!!t.validate&&!!(isFunction$2(t.validate)&&t.validate.constructor.name===ASYNC_FUNCTION||isObject(t.validate)&&Object.values(t.validate).find(e=>e.constructor.name===ASYNC_FUNCTION)),hasValidation=t=>t.mount&&(t.required||t.min||t.max||t.maxLength||t.minLength||t.pattern||t.validate),isWatched=(t,e,n)=>!n&&(e.watchAll||e.watch.has(t)||[...e.watch].some(o=>t.startsWith(o)&&/^\.\w+/.test(t.slice(o.length))));const iterateFieldsByAction=(t,e,n,o)=>{for(const l of n||Object.keys(t)){const d=get(t,l);if(d){const{_f:f,...g}=d;if(f){if(f.refs&&f.refs[0]&&e(f.refs[0],l)&&!o)return!0;if(f.ref&&e(f.ref,f.name)&&!o)return!0;if(iterateFieldsByAction(g,e))break}else if(isObject(g)&&iterateFieldsByAction(g,e))break}}};function schemaErrorLookup(t,e,n){const o=get(t,n);if(o||isKey(n))return{error:o,name:n};const l=n.split(".");for(;l.length;){const d=l.join("."),f=get(e,d),g=get(t,d);if(f&&!Array.isArray(f)&&n!==d)return{name:n};if(g&&g.type)return{name:d,error:g};l.pop()}return{name:n}}var shouldRenderFormState=(t,e,n,o)=>{n(t);const{name:l,...d}=t;return isEmptyObject$1(d)||Object.keys(d).length>=Object.keys(e).length||Object.keys(d).find(f=>e[f]===(!o||VALIDATION_MODE.all))},shouldSubscribeByName=(t,e,n)=>!t||!e||t===e||convertToArrayPayload(t).some(o=>o&&(n?o===e:o.startsWith(e)||e.startsWith(o))),skipValidation=(t,e,n,o,l)=>l.isOnAll?!1:!n&&l.isOnTouch?!(e||t):(n?o.isOnBlur:l.isOnBlur)?!t:(n?o.isOnChange:l.isOnChange)?t:!0,unsetEmptyArray=(t,e)=>!compact(get(t,e)).length&&unset(t,e),updateFieldArrayRootError=(t,e,n)=>{const o=convertToArrayPayload(get(t,n));return set(o,"root",e[n]),set(t,n,o),t},isMessage=t=>isString(t);function getValidateError(t,e,n="validate"){if(isMessage(t)||Array.isArray(t)&&t.every(isMessage)||isBoolean(t)&&!t)return{type:n,message:isMessage(t)?t:"",ref:e}}var getValueAndMessage=t=>isObject(t)&&!isRegex(t)?t:{value:t,message:""},validateField=async(t,e,n,o,l,d)=>{const{ref:f,refs:g,required:b,maxLength:_,minLength:S,min:R,max:C,pattern:E,validate:A,name:I,valueAsNumber:M,mount:j}=t._f,q=get(n,I);if(!j||e.has(I))return{};const z=g?g[0]:f,Q=Ae=>{l&&z.reportValidity&&(z.setCustomValidity(isBoolean(Ae)?"":Ae||""),z.reportValidity())},F={},V=isRadioInput(f),te=isCheckBoxInput(f),ae=V||te,se=(M||isFileInput(f))&&isUndefined(f.value)&&isUndefined(q)||isHTMLElement(f)&&f.value===""||q===""||Array.isArray(q)&&!q.length,ge=appendErrors.bind(null,I,o,F),oe=(Ae,Ne,je,$e=INPUT_VALIDATION_RULES.maxLength,Fe=INPUT_VALIDATION_RULES.minLength)=>{const Ue=Ae?Ne:je;F[I]={type:Ae?$e:Fe,message:Ue,ref:f,...ge(Ae?$e:Fe,Ue)}};if(d?!Array.isArray(q)||!q.length:b&&(!ae&&(se||isNullOrUndefined(q))||isBoolean(q)&&!q||te&&!getCheckboxValue(g).isValid||V&&!getRadioValue(g).isValid)){const{value:Ae,message:Ne}=isMessage(b)?{value:!!b,message:b}:getValueAndMessage(b);if(Ae&&(F[I]={type:INPUT_VALIDATION_RULES.required,message:Ne,ref:z,...ge(INPUT_VALIDATION_RULES.required,Ne)},!o))return Q(Ne),F}if(!se&&(!isNullOrUndefined(R)||!isNullOrUndefined(C))){let Ae,Ne;const je=getValueAndMessage(C),$e=getValueAndMessage(R);if(!isNullOrUndefined(q)&&!isNaN(q)){const Fe=f.valueAsNumber||q&&+q;isNullOrUndefined(je.value)||(Ae=Fe>je.value),isNullOrUndefined($e.value)||(Ne=Fe<$e.value)}else{const Fe=f.valueAsDate||new Date(q),Ue=qe=>new Date(new Date().toDateString()+" "+qe),Ve=f.type=="time",Le=f.type=="week";isString(je.value)&&q&&(Ae=Ve?Ue(q)>Ue(je.value):Le?q>je.value:Fe>new Date(je.value)),isString($e.value)&&q&&(Ne=Ve?Ue(q)<Ue($e.value):Le?q<$e.value:Fe<new Date($e.value))}if((Ae||Ne)&&(oe(!!Ae,je.message,$e.message,INPUT_VALIDATION_RULES.max,INPUT_VALIDATION_RULES.min),!o))return Q(F[I].message),F}if((_||S)&&!se&&(isString(q)||d&&Array.isArray(q))){const Ae=getValueAndMessage(_),Ne=getValueAndMessage(S),je=!isNullOrUndefined(Ae.value)&&q.length>+Ae.value,$e=!isNullOrUndefined(Ne.value)&&q.length<+Ne.value;if((je||$e)&&(oe(je,Ae.message,Ne.message),!o))return Q(F[I].message),F}if(E&&!se&&isString(q)){const{value:Ae,message:Ne}=getValueAndMessage(E);if(isRegex(Ae)&&!q.match(Ae)&&(F[I]={type:INPUT_VALIDATION_RULES.pattern,message:Ne,ref:f,...ge(INPUT_VALIDATION_RULES.pattern,Ne)},!o))return Q(Ne),F}if(A){if(isFunction$2(A)){const Ae=await A(q,n),Ne=getValidateError(Ae,z);if(Ne&&(F[I]={...Ne,...ge(INPUT_VALIDATION_RULES.validate,Ne.message)},!o))return Q(Ne.message),F}else if(isObject(A)){let Ae={};for(const Ne in A){if(!isEmptyObject$1(Ae)&&!o)break;const je=getValidateError(await A[Ne](q,n),z,Ne);je&&(Ae={...je,...ge(Ne,je.message)},Q(je.message),o&&(F[I]=Ae))}if(!isEmptyObject$1(Ae)&&(F[I]={ref:z,...Ae},!o))return F}}return Q(!0),F};const defaultOptions={mode:VALIDATION_MODE.onSubmit,reValidateMode:VALIDATION_MODE.onChange,shouldFocusError:!0};function createFormControl(t={}){let e={...defaultOptions,...t},n={submitCount:0,isDirty:!1,isReady:!1,isLoading:isFunction$2(e.defaultValues),isValidating:!1,isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,touchedFields:{},dirtyFields:{},validatingFields:{},errors:e.errors||{},disabled:e.disabled||!1};const o={};let l=isObject(e.defaultValues)||isObject(e.values)?cloneObject(e.defaultValues||e.values)||{}:{},d=e.shouldUnregister?{}:cloneObject(l),f={action:!1,mount:!1,watch:!1},g={mount:new Set,disabled:new Set,unMount:new Set,array:new Set,watch:new Set},b,_=0;const S={isDirty:!1,dirtyFields:!1,validatingFields:!1,touchedFields:!1,isValidating:!1,isValid:!1,errors:!1};let R={...S};const C={array:createSubject(),state:createSubject()},E=e.criteriaMode===VALIDATION_MODE.all,A=We=>nt=>{clearTimeout(_),_=setTimeout(We,nt)},I=async We=>{if(!e.disabled&&(S.isValid||R.isValid||We)){const nt=e.resolver?isEmptyObject$1((await te()).errors):await se(o,!0);nt!==n.isValid&&C.state.next({isValid:nt})}},M=(We,nt)=>{!e.disabled&&(S.isValidating||S.validatingFields||R.isValidating||R.validatingFields)&&((We||Array.from(g.mount)).forEach(Ze=>{Ze&&(nt?set(n.validatingFields,Ze,nt):unset(n.validatingFields,Ze))}),C.state.next({validatingFields:n.validatingFields,isValidating:!isEmptyObject$1(n.validatingFields)}))},j=(We,nt=[],Ze,dt,ft=!0,pt=!0)=>{if(dt&&Ze&&!e.disabled){if(f.action=!0,pt&&Array.isArray(get(o,We))){const ut=Ze(get(o,We),dt.argA,dt.argB);ft&&set(o,We,ut)}if(pt&&Array.isArray(get(n.errors,We))){const ut=Ze(get(n.errors,We),dt.argA,dt.argB);ft&&set(n.errors,We,ut),unsetEmptyArray(n.errors,We)}if((S.touchedFields||R.touchedFields)&&pt&&Array.isArray(get(n.touchedFields,We))){const ut=Ze(get(n.touchedFields,We),dt.argA,dt.argB);ft&&set(n.touchedFields,We,ut)}(S.dirtyFields||R.dirtyFields)&&(n.dirtyFields=getDirtyFields(l,d)),C.state.next({name:We,isDirty:oe(We,nt),dirtyFields:n.dirtyFields,errors:n.errors,isValid:n.isValid})}else set(d,We,nt)},q=(We,nt)=>{set(n.errors,We,nt),C.state.next({errors:n.errors})},z=We=>{n.errors=We,C.state.next({errors:n.errors,isValid:!1})},Q=(We,nt,Ze,dt)=>{const ft=get(o,We);if(ft){const pt=get(d,We,isUndefined(Ze)?get(l,We):Ze);isUndefined(pt)||dt&&dt.defaultChecked||nt?set(d,We,nt?pt:getFieldValue(ft._f)):je(We,pt),f.mount&&I()}},F=(We,nt,Ze,dt,ft)=>{let pt=!1,ut=!1;const qt={name:We};if(!e.disabled){if(!Ze||dt){(S.isDirty||R.isDirty)&&(ut=n.isDirty,n.isDirty=qt.isDirty=oe(),pt=ut!==qt.isDirty);const ct=deepEqual$1(get(l,We),nt);ut=!!get(n.dirtyFields,We),ct?unset(n.dirtyFields,We):set(n.dirtyFields,We,!0),qt.dirtyFields=n.dirtyFields,pt=pt||(S.dirtyFields||R.dirtyFields)&&ut!==!ct}if(Ze){const ct=get(n.touchedFields,We);ct||(set(n.touchedFields,We,Ze),qt.touchedFields=n.touchedFields,pt=pt||(S.touchedFields||R.touchedFields)&&ct!==Ze)}pt&&ft&&C.state.next(qt)}return pt?qt:{}},V=(We,nt,Ze,dt)=>{const ft=get(n.errors,We),pt=(S.isValid||R.isValid)&&isBoolean(nt)&&n.isValid!==nt;if(e.delayError&&Ze?(b=A(()=>q(We,Ze)),b(e.delayError)):(clearTimeout(_),b=null,Ze?set(n.errors,We,Ze):unset(n.errors,We)),(Ze?!deepEqual$1(ft,Ze):ft)||!isEmptyObject$1(dt)||pt){const ut={...dt,...pt&&isBoolean(nt)?{isValid:nt}:{},errors:n.errors,name:We};n={...n,...ut},C.state.next(ut)}},te=async We=>{M(We,!0);const nt=await e.resolver(d,e.context,getResolverOptions(We||g.mount,o,e.criteriaMode,e.shouldUseNativeValidation));return M(We),nt},ae=async We=>{const{errors:nt}=await te(We);if(We)for(const Ze of We){const dt=get(nt,Ze);dt?set(n.errors,Ze,dt):unset(n.errors,Ze)}else n.errors=nt;return nt},se=async(We,nt,Ze={valid:!0})=>{for(const dt in We){const ft=We[dt];if(ft){const{_f:pt,...ut}=ft;if(pt){const qt=g.array.has(pt.name),ct=ft._f&&hasPromiseValidation(ft._f);ct&&S.validatingFields&&M([dt],!0);const Mt=await validateField(ft,g.disabled,d,E,e.shouldUseNativeValidation&&!nt,qt);if(ct&&S.validatingFields&&M([dt]),Mt[pt.name]&&(Ze.valid=!1,nt))break;!nt&&(get(Mt,pt.name)?qt?updateFieldArrayRootError(n.errors,Mt,pt.name):set(n.errors,pt.name,Mt[pt.name]):unset(n.errors,pt.name))}!isEmptyObject$1(ut)&&await se(ut,nt,Ze)}}return Ze.valid},ge=()=>{for(const We of g.unMount){const nt=get(o,We);nt&&(nt._f.refs?nt._f.refs.every(Ze=>!live(Ze)):!live(nt._f.ref))&&Xe(We)}g.unMount=new Set},oe=(We,nt)=>!e.disabled&&(We&&nt&&set(d,We,nt),!deepEqual$1(qe(),l)),Ae=(We,nt,Ze)=>generateWatchOutput(We,g,{...f.mount?d:isUndefined(nt)?l:isString(We)?{[We]:nt}:nt},Ze,nt),Ne=We=>compact(get(f.mount?d:l,We,e.shouldUnregister?get(l,We,[]):[])),je=(We,nt,Ze={})=>{const dt=get(o,We);let ft=nt;if(dt){const pt=dt._f;pt&&(!pt.disabled&&set(d,We,getFieldValueAs(nt,pt)),ft=isHTMLElement(pt.ref)&&isNullOrUndefined(nt)?"":nt,isMultipleSelect(pt.ref)?[...pt.ref.options].forEach(ut=>ut.selected=ft.includes(ut.value)):pt.refs?isCheckBoxInput(pt.ref)?pt.refs.forEach(ut=>{(!ut.defaultChecked||!ut.disabled)&&(Array.isArray(ft)?ut.checked=!!ft.find(qt=>qt===ut.value):ut.checked=ft===ut.value||!!ft)}):pt.refs.forEach(ut=>ut.checked=ut.value===ft):isFileInput(pt.ref)?pt.ref.value="":(pt.ref.value=ft,pt.ref.type||C.state.next({name:We,values:cloneObject(d)})))}(Ze.shouldDirty||Ze.shouldTouch)&&F(We,ft,Ze.shouldTouch,Ze.shouldDirty,!0),Ze.shouldValidate&&Le(We)},$e=(We,nt,Ze)=>{for(const dt in nt){if(!nt.hasOwnProperty(dt))return;const ft=nt[dt],pt=`${We}.${dt}`,ut=get(o,pt);(g.array.has(We)||isObject(ft)||ut&&!ut._f)&&!isDateObject(ft)?$e(pt,ft,Ze):je(pt,ft,Ze)}},Fe=(We,nt,Ze={})=>{const dt=get(o,We),ft=g.array.has(We),pt=cloneObject(nt);set(d,We,pt),ft?(C.array.next({name:We,values:cloneObject(d)}),(S.isDirty||S.dirtyFields||R.isDirty||R.dirtyFields)&&Ze.shouldDirty&&C.state.next({name:We,dirtyFields:getDirtyFields(l,d),isDirty:oe(We,pt)})):dt&&!dt._f&&!isNullOrUndefined(pt)?$e(We,pt,Ze):je(We,pt,Ze),isWatched(We,g)&&C.state.next({...n}),C.state.next({name:f.mount?We:void 0,values:cloneObject(d)})},Ue=async We=>{f.mount=!0;const nt=We.target;let Ze=nt.name,dt=!0;const ft=get(o,Ze),pt=ct=>{dt=Number.isNaN(ct)||isDateObject(ct)&&isNaN(ct.getTime())||deepEqual$1(ct,get(d,Ze,ct))},ut=getValidationModes(e.mode),qt=getValidationModes(e.reValidateMode);if(ft){let ct,Mt;const Ht=nt.type?getFieldValue(ft._f):getEventValue(We),yt=We.type===EVENTS.BLUR||We.type===EVENTS.FOCUS_OUT,nr=!hasValidation(ft._f)&&!e.resolver&&!get(n.errors,Ze)&&!ft._f.deps||skipValidation(yt,get(n.touchedFields,Ze),n.isSubmitted,qt,ut),er=isWatched(Ze,g,yt);set(d,Ze,Ht),yt?(ft._f.onBlur&&ft._f.onBlur(We),b&&b(0)):ft._f.onChange&&ft._f.onChange(We);const lr=F(Ze,Ht,yt),ur=!isEmptyObject$1(lr)||er;if(!yt&&C.state.next({name:Ze,type:We.type,values:cloneObject(d)}),nr)return(S.isValid||R.isValid)&&(e.mode==="onBlur"?yt&&I():yt||I()),ur&&C.state.next({name:Ze,...er?{}:lr});if(!yt&&er&&C.state.next({...n}),e.resolver){const{errors:vr}=await te([Ze]);if(pt(Ht),dt){const Ir=schemaErrorLookup(n.errors,o,Ze),Nr=schemaErrorLookup(vr,o,Ir.name||Ze);ct=Nr.error,Ze=Nr.name,Mt=isEmptyObject$1(vr)}}else M([Ze],!0),ct=(await validateField(ft,g.disabled,d,E,e.shouldUseNativeValidation))[Ze],M([Ze]),pt(Ht),dt&&(ct?Mt=!1:(S.isValid||R.isValid)&&(Mt=await se(o,!0)));dt&&(ft._f.deps&&Le(ft._f.deps),V(Ze,Mt,ct,lr))}},Ve=(We,nt)=>{if(get(n.errors,nt)&&We.focus)return We.focus(),1},Le=async(We,nt={})=>{let Ze,dt;const ft=convertToArrayPayload(We);if(e.resolver){const pt=await ae(isUndefined(We)?We:ft);Ze=isEmptyObject$1(pt),dt=We?!ft.some(ut=>get(pt,ut)):Ze}else We?(dt=(await Promise.all(ft.map(async pt=>{const ut=get(o,pt);return await se(ut&&ut._f?{[pt]:ut}:ut)}))).every(Boolean),!(!dt&&!n.isValid)&&I()):dt=Ze=await se(o);return C.state.next({...!isString(We)||(S.isValid||R.isValid)&&Ze!==n.isValid?{}:{name:We},...e.resolver||!We?{isValid:Ze}:{},errors:n.errors}),nt.shouldFocus&&!dt&&iterateFieldsByAction(o,Ve,We?ft:g.mount),dt},qe=We=>{const nt={...f.mount?d:l};return isUndefined(We)?nt:isString(We)?get(nt,We):We.map(Ze=>get(nt,Ze))},Ke=(We,nt)=>({invalid:!!get((nt||n).errors,We),isDirty:!!get((nt||n).dirtyFields,We),error:get((nt||n).errors,We),isValidating:!!get(n.validatingFields,We),isTouched:!!get((nt||n).touchedFields,We)}),ze=We=>{We&&convertToArrayPayload(We).forEach(nt=>unset(n.errors,nt)),C.state.next({errors:We?n.errors:{}})},Qe=(We,nt,Ze)=>{const dt=(get(o,We,{_f:{}})._f||{}).ref,ft=get(n.errors,We)||{},{ref:pt,message:ut,type:qt,...ct}=ft;set(n.errors,We,{...ct,...nt,ref:dt}),C.state.next({name:We,errors:n.errors,isValid:!1}),Ze&&Ze.shouldFocus&&dt&&dt.focus&&dt.focus()},tt=(We,nt)=>isFunction$2(We)?C.state.subscribe({next:Ze=>We(Ae(void 0,nt),Ze)}):Ae(We,nt,!0),Ye=We=>C.state.subscribe({next:nt=>{shouldSubscribeByName(We.name,nt.name,We.exact)&&shouldRenderFormState(nt,We.formState||S,Vt,We.reRenderRoot)&&We.callback({values:{...d},...n,...nt})}}).unsubscribe,et=We=>(f.mount=!0,R={...R,...We.formState},Ye({...We,formState:R})),Xe=(We,nt={})=>{for(const Ze of We?convertToArrayPayload(We):g.mount)g.mount.delete(Ze),g.array.delete(Ze),nt.keepValue||(unset(o,Ze),unset(d,Ze)),!nt.keepError&&unset(n.errors,Ze),!nt.keepDirty&&unset(n.dirtyFields,Ze),!nt.keepTouched&&unset(n.touchedFields,Ze),!nt.keepIsValidating&&unset(n.validatingFields,Ze),!e.shouldUnregister&&!nt.keepDefaultValue&&unset(l,Ze);C.state.next({values:cloneObject(d)}),C.state.next({...n,...nt.keepDirty?{isDirty:oe()}:{}}),!nt.keepIsValid&&I()},at=({disabled:We,name:nt})=>{(isBoolean(We)&&f.mount||We||g.disabled.has(nt))&&(We?g.disabled.add(nt):g.disabled.delete(nt))},rt=(We,nt={})=>{let Ze=get(o,We);const dt=isBoolean(nt.disabled)||isBoolean(e.disabled);return set(o,We,{...Ze||{},_f:{...Ze&&Ze._f?Ze._f:{ref:{name:We}},name:We,mount:!0,...nt}}),g.mount.add(We),Ze?at({disabled:isBoolean(nt.disabled)?nt.disabled:e.disabled,name:We}):Q(We,!0,nt.value),{...dt?{disabled:nt.disabled||e.disabled}:{},...e.progressive?{required:!!nt.required,min:getRuleValue(nt.min),max:getRuleValue(nt.max),minLength:getRuleValue(nt.minLength),maxLength:getRuleValue(nt.maxLength),pattern:getRuleValue(nt.pattern)}:{},name:We,onChange:Ue,onBlur:Ue,ref:ft=>{if(ft){rt(We,nt),Ze=get(o,We);const pt=isUndefined(ft.value)&&ft.querySelectorAll&&ft.querySelectorAll("input,select,textarea")[0]||ft,ut=isRadioOrCheckbox(pt),qt=Ze._f.refs||[];if(ut?qt.find(ct=>ct===pt):pt===Ze._f.ref)return;set(o,We,{_f:{...Ze._f,...ut?{refs:[...qt.filter(live),pt,...Array.isArray(get(l,We))?[{}]:[]],ref:{type:pt.type,name:We}}:{ref:pt}}}),Q(We,!1,void 0,pt)}else Ze=get(o,We,{}),Ze._f&&(Ze._f.mount=!1),(e.shouldUnregister||nt.shouldUnregister)&&!(isNameInFieldArray(g.array,We)&&f.action)&&g.unMount.add(We)}}},it=()=>e.shouldFocusError&&iterateFieldsByAction(o,Ve,g.mount),st=We=>{isBoolean(We)&&(C.state.next({disabled:We}),iterateFieldsByAction(o,(nt,Ze)=>{const dt=get(o,Ze);dt&&(nt.disabled=dt._f.disabled||We,Array.isArray(dt._f.refs)&&dt._f.refs.forEach(ft=>{ft.disabled=dt._f.disabled||We}))},0,!1))},He=(We,nt)=>async Ze=>{let dt;Ze&&(Ze.preventDefault&&Ze.preventDefault(),Ze.persist&&Ze.persist());let ft=cloneObject(d);if(C.state.next({isSubmitting:!0}),e.resolver){const{errors:pt,values:ut}=await te();n.errors=pt,ft=ut}else await se(o);if(g.disabled.size)for(const pt of g.disabled)set(ft,pt,void 0);if(unset(n.errors,"root"),isEmptyObject$1(n.errors)){C.state.next({errors:{}});try{await We(ft,Ze)}catch(pt){dt=pt}}else nt&&await nt({...n.errors},Ze),it(),setTimeout(it);if(C.state.next({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:isEmptyObject$1(n.errors)&&!dt,submitCount:n.submitCount+1,errors:n.errors}),dt)throw dt},Rt=(We,nt={})=>{get(o,We)&&(isUndefined(nt.defaultValue)?Fe(We,cloneObject(get(l,We))):(Fe(We,nt.defaultValue),set(l,We,cloneObject(nt.defaultValue))),nt.keepTouched||unset(n.touchedFields,We),nt.keepDirty||(unset(n.dirtyFields,We),n.isDirty=nt.defaultValue?oe(We,cloneObject(get(l,We))):oe()),nt.keepError||(unset(n.errors,We),S.isValid&&I()),C.state.next({...n}))},Je=(We,nt={})=>{const Ze=We?cloneObject(We):l,dt=cloneObject(Ze),ft=isEmptyObject$1(We),pt=ft?l:dt;if(nt.keepDefaultValues||(l=Ze),!nt.keepValues){if(nt.keepDirtyValues){const ut=new Set([...g.mount,...Object.keys(getDirtyFields(l,d))]);for(const qt of Array.from(ut))get(n.dirtyFields,qt)?set(pt,qt,get(d,qt)):Fe(qt,get(pt,qt))}else{if(isWeb&&isUndefined(We))for(const ut of g.mount){const qt=get(o,ut);if(qt&&qt._f){const ct=Array.isArray(qt._f.refs)?qt._f.refs[0]:qt._f.ref;if(isHTMLElement(ct)){const Mt=ct.closest("form");if(Mt){Mt.reset();break}}}}for(const ut of g.mount)Fe(ut,get(pt,ut))}d=cloneObject(pt),C.array.next({values:{...pt}}),C.state.next({values:{...pt}})}g={mount:nt.keepDirtyValues?g.mount:new Set,unMount:new Set,array:new Set,disabled:new Set,watch:new Set,watchAll:!1,focus:""},f.mount=!S.isValid||!!nt.keepIsValid||!!nt.keepDirtyValues,f.watch=!!e.shouldUnregister,C.state.next({submitCount:nt.keepSubmitCount?n.submitCount:0,isDirty:ft?!1:nt.keepDirty?n.isDirty:!!(nt.keepDefaultValues&&!deepEqual$1(We,l)),isSubmitted:nt.keepIsSubmitted?n.isSubmitted:!1,dirtyFields:ft?{}:nt.keepDirtyValues?nt.keepDefaultValues&&d?getDirtyFields(l,d):n.dirtyFields:nt.keepDefaultValues&&We?getDirtyFields(l,We):nt.keepDirty?n.dirtyFields:{},touchedFields:nt.keepTouched?n.touchedFields:{},errors:nt.keepErrors?n.errors:{},isSubmitSuccessful:nt.keepIsSubmitSuccessful?n.isSubmitSuccessful:!1,isSubmitting:!1})},mt=(We,nt)=>Je(isFunction$2(We)?We(d):We,nt),$t=(We,nt={})=>{const Ze=get(o,We),dt=Ze&&Ze._f;if(dt){const ft=dt.refs?dt.refs[0]:dt.ref;ft.focus&&(ft.focus(),nt.shouldSelect&&isFunction$2(ft.select)&&ft.select())}},Vt=We=>{n={...n,...We}},Dt={control:{register:rt,unregister:Xe,getFieldState:Ke,handleSubmit:He,setError:Qe,_subscribe:Ye,_runSchema:te,_getWatch:Ae,_getDirty:oe,_setValid:I,_setFieldArray:j,_setDisabledField:at,_setErrors:z,_getFieldArray:Ne,_reset:Je,_resetDefaultValues:()=>isFunction$2(e.defaultValues)&&e.defaultValues().then(We=>{mt(We,e.resetOptions),C.state.next({isLoading:!1})}),_removeUnmounted:ge,_disableForm:st,_subjects:C,_proxyFormState:S,get _fields(){return o},get _formValues(){return d},get _state(){return f},set _state(We){f=We},get _defaultValues(){return l},get _names(){return g},set _names(We){g=We},get _formState(){return n},get _options(){return e},set _options(We){e={...e,...We}}},subscribe:et,trigger:Le,register:rt,handleSubmit:He,watch:tt,setValue:Fe,getValues:qe,reset:mt,resetField:Rt,clearErrors:ze,unregister:Xe,setError:Qe,setFocus:$t,getFieldState:Ke};return{...Dt,formControl:Dt}}function useForm(t={}){const e=React.useRef(void 0),n=React.useRef(void 0),[o,l]=React.useState({isDirty:!1,isValidating:!1,isLoading:isFunction$2(t.defaultValues),isSubmitted:!1,isSubmitting:!1,isSubmitSuccessful:!1,isValid:!1,submitCount:0,dirtyFields:{},touchedFields:{},validatingFields:{},errors:t.errors||{},disabled:t.disabled||!1,isReady:!1,defaultValues:isFunction$2(t.defaultValues)?void 0:t.defaultValues});e.current||(e.current={...t.formControl?t.formControl:createFormControl(t),formState:o},t.formControl&&t.defaultValues&&!isFunction$2(t.defaultValues)&&t.formControl.reset(t.defaultValues,t.resetOptions));const d=e.current.control;return d._options=t,useIsomorphicLayoutEffect$1(()=>{const f=d._subscribe({formState:d._proxyFormState,callback:()=>l({...d._formState}),reRenderRoot:!0});return l(g=>({...g,isReady:!0})),d._formState.isReady=!0,f},[d]),React.useEffect(()=>d._disableForm(t.disabled),[d,t.disabled]),React.useEffect(()=>{t.mode&&(d._options.mode=t.mode),t.reValidateMode&&(d._options.reValidateMode=t.reValidateMode),t.errors&&!isEmptyObject$1(t.errors)&&d._setErrors(t.errors)},[d,t.errors,t.mode,t.reValidateMode]),React.useEffect(()=>{t.shouldUnregister&&d._subjects.state.next({values:d._getWatch()})},[d,t.shouldUnregister]),React.useEffect(()=>{if(d._proxyFormState.isDirty){const f=d._getDirty();f!==o.isDirty&&d._subjects.state.next({isDirty:f})}},[d,o.isDirty]),React.useEffect(()=>{t.values&&!deepEqual$1(t.values,n.current)?(d._reset(t.values,d._options.resetOptions),n.current=t.values,l(f=>({...f}))):d._resetDefaultValues()},[d,t.values]),React.useEffect(()=>{d._state.mount||(d._setValid(),d._state.mount=!0),d._state.watch&&(d._state.watch=!1,d._subjects.state.next({...d._formState})),d._removeUnmounted()}),e.current.formState=getProxyFormState(o,d),e.current}const PublicInfo=({reseller:t,appID:e,isLoading:n,readonly:o,onUnsavedChanges:l})=>{const{toast:d}=useToast(),[f]=usePostV4PartnerByApplicationIdAccountResellerAndFieldNameMutation(),[g,b]=React.useState({}),_=React.useMemo(()=>({publicEmail:t.PublicEmail??"",contactName:t.ContactName??"",phone:t.Phone??"",website:t.Website??""}),[t]),{register:S,handleSubmit:R,reset:C,watch:E,formState:{errors:A,isSubmitting:I}}=useForm({defaultValues:_}),M=E(),j=React.useCallback(()=>g?JSON.stringify(M)!==JSON.stringify(g):!1,[M,g]);React.useEffect(()=>{l&&l(j())},[j,l]),React.useEffect(()=>{t&&Object.keys(t).length>0&&(C(_),b(_))},[t,C,_]);const q=async Q=>{let F=!0,V=!1;const te=Object.keys(Q).map(ae=>({key:ae,keyApi:ae.charAt(0).toUpperCase()+ae.slice(1)}));for(const ae of te){const se=Q[ae.key],ge=t[ae.keyApi];if(se!==ge&&se!==void 0){V=!0;try{await f({applicationId:e,fieldName:ae.keyApi,newValue:String(se)}).unwrap()||(F=!1)}catch(oe){console.error(`Error updating ${ae.keyApi}:`,oe),F=!1}}}F&&V?(d({title:"Public info",description:"Information updated successfully",variant:"success"}),b({...Q}),l&&l(!1)):F||d({title:"Updation error",description:"Failed to update",variant:"destructive"})},z=Q=>!Q||Q.trim()==="";return n?jsxRuntime.jsxs(Card,{children:[jsxRuntime.jsx(CardHeader,{children:jsxRuntime.jsx(CardTitle,{children:"Public Information"})}),jsxRuntime.jsx(CardContent,{children:jsxRuntime.jsxs("div",{className:"space-y-4",children:[jsxRuntime.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-4 w-32"}),jsxRuntime.jsx(Skeleton,{className:"h-10 w-full"})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-4 w-24"}),jsxRuntime.jsx(Skeleton,{className:"h-10 w-full"})]})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-4 w-20"}),jsxRuntime.jsx(Skeleton,{className:"h-10 w-full"})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx(Skeleton,{className:"h-4 w-28"}),jsxRuntime.jsx(Skeleton,{className:"h-10 w-full"})]}),jsxRuntime.jsx("div",{className:"flex justify-end",children:jsxRuntime.jsx(Skeleton,{className:"h-10 w-20"})})]})})]}):jsxRuntime.jsxs(Card,{children:[jsxRuntime.jsx(CardHeader,{children:jsxRuntime.jsxs(CardTitle,{className:"text-1xl font-bold",children:["Public Information ",o?"(read only)":""]})}),jsxRuntime.jsxs(CardContent,{children:[(z(E("contactName"))||z(E("publicEmail"))||z(E("website"))||z(E("phone")))&&jsxRuntime.jsxs(Alert,{variant:"destructive",className:"mb-6",children:[jsxRuntime.jsx(CircleAlert,{className:"h-4 w-4"}),jsxRuntime.jsx(AlertTitle,{children:"Missing information"}),jsxRuntime.jsx(AlertDescription,{children:"All fields are required to get started at working with Manufacturers."})]}),jsxRuntime.jsxs("form",{onSubmit:R(q),className:"space-y-4",children:[jsxRuntime.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx("label",{className:"text-sm font-medium leading-none",htmlFor:"contactName",children:"Main Representative *"}),jsxRuntime.jsx(Input,{id:"contactName",placeholder:"John Doe",readOnly:o,...S("contactName",{}),className:A.contactName||z(E("contactName"))?"input-error-indicator":""}),A.contactName&&jsxRuntime.jsx("p",{className:"text-red-500 text-sm",children:A.contactName.message})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx("label",{className:"text-sm font-medium leading-none",htmlFor:"publicEmail",children:"Public Email *"}),jsxRuntime.jsx(Input,{id:"publicEmail",placeholder:"contact@company.com",readOnly:o,...S("publicEmail",{pattern:{value:/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i,message:"Invalid email address"}}),className:A.publicEmail||z(E("publicEmail"))?"input-error-indicator":""}),A.publicEmail&&jsxRuntime.jsx("p",{className:"text-red-500 text-sm",children:A.publicEmail.message})]})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx("label",{className:"text-sm font-medium leading-none",htmlFor:"website",children:"Website *"}),jsxRuntime.jsx(Input,{id:"website",placeholder:"https://company.com",readOnly:o,...S("website",{pattern:{value:/^.{7,}$/,message:"Must be at least 7 characters"}}),className:A.website||z(E("website"))?"input-error-indicator":""}),A.website&&jsxRuntime.jsx("p",{className:"text-red-500 text-sm",children:A.website.message})]}),jsxRuntime.jsxs("div",{className:"space-y-2",children:[jsxRuntime.jsx("label",{className:"text-sm font-medium leading-none",htmlFor:"phone",children:"Phone Number *"}),jsxRuntime.jsx(Input,{id:"phone",placeholder:"+1 (555) 123-4567",readOnly:o,...S("phone",{pattern:{value:/^.{7,}$/,message:"Must be at least 7 characters"}}),className:A.phone||z(E("phone"))?"input-error-indicator":""}),A.phone&&jsxRuntime.jsx("p",{className:"text-red-500 text-sm",children:A.phone.message})]}),jsxRuntime.jsx("div",{className:"flex justify-end",children:jsxRuntime.jsx(Button,{type:"submit",disabled:I||o,className:o?"hidden":"",children:I?"Saving...":"Save"})})]})]})]})};var defaultErrorHandler=function(t){process.env.NODE_ENV!=="production"&&console.error(t)},defaultWarnHandler=function(t){process.env.NODE_ENV!=="production"&&console.warn(t)},DEFAULT_INTL_CONFIG={formats:{},messages:{},timeZone:void 0,defaultLocale:"en",defaultFormats:{},fallbackOnEmptyString:!0,onError:defaultErrorHandler,onWarn:defaultWarnHandler};function invariant(t,e,n){if(n===void 0&&(n=Error),!t)throw new n(e)}function invariantIntlContext(t){invariant(t,"[React Intl] Could not find required `intl` object. <IntlProvider> needs to exist in the component ancestry.")}__assign$1(__assign$1({},DEFAULT_INTL_CONFIG),{textComponent:React__namespace.Fragment});var reactIs={exports:{}},reactIs_production_min={};/** @license React v16.13.1
1049
1049
  * react-is.production.min.js
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "randmarcomps",
3
3
  "private": false,
4
- "version": "1.254.0",
4
+ "version": "1.255.0",
5
5
  "description": "The UI library enabling speed and consistency in Randmar frontends.",
6
6
  "type": "module",
7
7
  "files": [