https://cannavibesnj.com/wp-content/plugins/joint-ecommerce/app/bu…/store-menu-detailed.component-DzmYcumI.js

1import{j as e,a5 as t,a2 as r,r as s,i as o,a3 as i,a4 as n}from"./main.1.45.0.js";import{U as a}from"./chip.component-Dao3K2Ky.js";import{B as l}from"./button.component-XeC76gV5.js";import{S as c,a as d,D as m}from"./store-select-app.component-BcngZt9M.js";import{c as u}from"./DefaultPropsProvider-C2syA4QN.js";import{O as p}from"./order-type.constants-DqXOEDFp.js";import{L as _}from"./link.component-Bofilk71.js";import{C as h}from"./Card-CAZAbDno.js";import{T as j}from"./Typography-C-divtet.js";import{S as v}from"./Skeleton-aIUMGYlj.js";import{u as x,e as y,f,s as g}from"./use-store-CbMJqTO8.js";import{S as b,u as N}from"./store-location-search.component-DTbfNE_0.js";import{F as T}from"./FormControlLabel-C7OT43qt.js";import{C}from"./Checkbox-CLrJ0rDN.js";import"./createSvgIcon-BKM72nfj.js";import"./Close-DmkQrzuU.js";import"./utils-DvjLjrK8.js";import"./inheritsLoose-Cagl8Uqp.js";import"./assertThisInitialized-PUtynf78.js";import"./Paper-DpdCpDyz.js";import"./Button-D9wQSZ3k.js";import"./wp-api.service-WJfG6Hu9.js";import"./Drawer-BnHb6tUJ.js";import"./Slide-B1dyqnE5.js";import"./LocationOn-D_rD8dys.js";import"./Close-BPe70H7B.js";import"./Popper-DSOX66pA.js";import"./config-BQfsxwia.js";import"./Grid-tNXov3EZ.js";import"./Box-B7KeZM7t.js";import"./clsx-BeLtu-UY.js";import"./TextField-DuBg8nH-.js";import"./CircularProgress-d2-jiF45.js";import"./Stack-OSSMca52.js";import"./useThemeProps-CilF4Ygb.js";import"./getThemeProps-Hzf5EfZS.js";const S="store-menu-detailed-module__content___3MKLI",w={sectionTitle:"store-list-detailed-module__sectionTitle___8FOI-",nearbyStoresSection:"store-list-detailed-module__nearbyStoresSection___PmgOh"},E="store-card-module__storeCard___iY5e5",I="store-card-module__selectedStoreCard___kuzCP",R="store-card-module__selectedStoreText___zP5ET",$="store-card-module__statusText___7sLcb",L="store-card-module__currentMode___N-wiz",k="store-card-module__storeDetail___0VPDS",P="store-card-module__storeActions___-ShRa",A="store-card-module__storeName___v35ol",D="store-card-module__chipContainer___o-Sy4",O="store-card-module__serviceChip___oicw9",M="store-card-module__infoText___aOGfo",B="store-card-module__shopButton___lDoEu",z={RECREATIONAL:"Recreational",MEDICAL:"Medical"};function F({store:s,onSelect:o,orderTypeFilter:i,currentStoreId:n,currentOrderType:d,currentMenuType:m}){var v,x,y;const f=s.joint_business_id===n&&(!i||!d||("pickup"===i?r.includes(d):"DELIVERY"===d));return e.jsxs(h,{className:u(E,f&&I),children:[f&&e.jsxs("div",{className:`${R} joint-store-selected-text`,children:[e.jsx(j,{variant:"body2",component:"div",className:$,children:"You're currently shopping:"}),e.jsx(j,{variant:"body2",component:"div",className:L,children:d&&m&&`${z[m]} ${p[d]} `})]}),e.jsx("div",{className:`${k} joint-store-info joint-store-name`,children:e.jsx(j,{variant:"body1",component:"div",className:A,children:s.display_name||s.name})}),e.jsxs("div",{className:`${k} ${D} joint-store-info joint-store-attributes j-flex-row j-gap-05`,children:[null==(v=s.available_menu_types)?void 0:v.map((t=>e.jsx(a,{label:z[t],size:"small",className:O},t))),null==(x=s.available_order_types)?void 0:x.map((t=>"KIOSK"===t?null:e.jsx(a,{label:p[t],size:"small",className:O},t)))]}),e.jsx("div",{className:`${k} joint-store-info joint-store-address`,children:s.address_1&&s.city&&s.state_abbr&&e.jsx(j,{variant:"body2",component:"div",className:`${M} joint-store-address-text`,children:e.jsxs(_,{href:`https://www.google.com/maps/search/?api=1&query=${encodeURIComponent(`${s.address_1}, ${s.city}, ${s.state_abbr}, ${s.postal_code}`).replace(/%20/g,"+")}`,target:"_blank",rel:"noopener","aria-label":`${s.name} google maps link`,className:"joint-store-selector-directions-link",children:[s.address_1,", ",s.city,", ",s.state_abbr]})})}),s.phone_number&&e.jsx("div",{className:`${k} joint-store-info joint-store-phone`,children:e.jsx(j,{variant:"body2",component:"div",className:`${M} joint-store-phone-text`,children:e.jsx(_,{href:`tel:${s.phone_number}`,"aria-label":`${s.name} phone number link`,className:"joint-store-selector-phone-link j-flex-row j-align-items-center j-gap-05",children:t(s.phone_number)})})}),e.jsx("div",{className:`${k} joint-store-info joint-store-current-hours`,children:e.jsx(c,{business:s,hideIcon:!0,variant:"body2"})}),e.jsx("div",{className:`${P} joint-store-actions`,children:null==(y=s.available_menu_types)?void 0:y.map((t=>{const r=(e=>f&&m===e)(t);return e.jsx(l,{variant:r?"contained":"outlined",color:r?"primary":"inherit",size:"small",className:B,onClick:()=>o(s,t,"delivery"===i?"DELIVERY":"IN_STORE_PICKUP"),children:`Shop ${z[t]}`},t)}))})]})}

1function V(){return e.jsxs(h,{className:E,children:[e.jsx("div",{className:`${k} joint-store-name`,children:e.jsx(v,{variant:"text",width:"70%",height:20,animation:"wave"})}),e.jsxs("div",{className:`${D} joint-store-attributes`,children:[e.jsx(v,{variant:"rectangular",width:40,height:20,sx:{borderRadius:"4px"},animation:"wave"}),e.jsx(v,{variant:"rectangular",width:40,height:20,sx:{borderRadius:"4px"},animation:"wave"}),e.jsx(v,{variant:"rectangular",width:60,height:20,sx:{borderRadius:"4px"},animation:"wave"})]}),e.jsx("div",{className:`${k} joint-store-address`,children:e.jsx(v,{variant:"text",width:"85%",height:16,animation:"wave"})}),e.jsxs("div",{className:`${k} joint-store-current-hours`,children:[e.jsx(v,{variant:"circular",width:16,height:16,animation:"wave"}),e.jsx(v,{variant:"text",width:"25%",height:16,animation:"wave"}),e.jsx(v,{variant:"text",width:"40%",height:16,animation:"wave"})]}),e.jsxs("div",{className:`${P} joint-store-actions`,children:[e.jsx(v,{variant:"rectangular",width:80,height:32,sx:{borderRadius:"4px"},animation:"wave"}),e.jsx(v,{variant:"rectangular",width:80,height:32,sx:{borderRadius:"4px"},animation:"wave"})]})]})}function Y({stores:t,onStoreSelect:r,filters:s,loading:o=!1,emptyMessage:i="No stores found"}){const n=x(y),a=x(f),l=x(g);return e.jsxs("div",{className:w.nearbyStoresSection,children:[e.jsx(j,{variant:"h6",component:"div",className:w.sectionTitle,children:"Nearby stores"}),o?e.jsx("div",{className:w.storeGrid,children:Array.from({length:6}).map(((t,r)=>e.jsx(V,{},r)))}):0===t.length?e.jsx("div",{className:w.emptyState,children:e.jsx(j,{variant:"body1",color:"text.secondary",children:i})}):e.jsx("div",{className:w.storeGrid,children:t.map((t=>e.jsx(F,{store:t,onSelect:r,orderTypeFilter:null==s?void 0:s.orderType,currentStoreId:n,currentOrderType:a,currentMenuType:l},t.joint_business_id)))})]})}const K="store-menu-type-filter-module__checkboxLabel___uQ9s2",U="store-menu-type-filter-module__checkbox___Ccppq";function G({initialValues:t,onChange:r,options:o}){const[i,n]=s.useState(t||[]),a=(e,t)=>{let s=[...i];e.target.checked?s.push(t):s=s.filter((e=>e!==t)),n(s),r({menuTypes:s})};return!o.length||o.length<=1?null:e.jsxs("div",{className:"joint-store-filter-options j-flex-row j-gap-1",children:[e.jsx(T,{control:e.jsx(C,{checked:i.includes("RECREATIONAL"),onChange:e=>a(e,"RECREATIONAL"),size:"small",className:U}),label:"Recreational",className:K,sx:{"& .MuiSvgIcon-root":{fontSize:16},"& .MuiFormControlLabel-label":{fontSize:"14px",fontWeight:400},marginLeft:0,marginRight:0}}),e.jsx(T,{control:e.jsx(C,{checked:i.includes("MEDICAL"),onChange:e=>a(e,"MEDICAL"),size:"small",className:U}),label:"Medical",className:K,sx:{"& .MuiSvgIcon-root":{fontSize:16},"& .MuiFormControlLabel-label":{fontSize:"14px",fontWeight:400},marginLeft:0,marginRight:0}})]})}const Q="store-order-type-filter-module__orderTypeButton___ywwCE";function q({initialValue:t,onChange:o,options:i}){const[n,a]=s.useState(t),c=e=>{a(e),o({orderType:e})};return!i.length||i.length<=1?null:e.jsxs("div",{className:"joint-store-filter-options j-flex-row j-gap-1",children:[r.some((e=>i.includes(e)))&&e.jsx(l,{variant:"pickup"===n?"contained":"outlined",color:"pickup"===n?"primary":"inherit",onClick:()=>c("pickup"),startIcon:e.jsx(d,{}),className:Q,children:"Pickup"}),i.includes("DELIVERY")&&e.jsx(l,{variant:"delivery"===n?"contained":"outlined",color:"delivery"===n?"primary":"inherit",onClick:()=>c("delivery"),startIcon:e.jsx(m,{}),className:Q,children:"Delivery"})]})}const H="store-state-filter-module__buttonGroup___Ebeg3",W="store-state-filter-module__groupButton___JqMjZ",Z="store-state-filter-module__firstButton___zzbai",J="store-state-filter-module__middleButton___2IdBg",X="store-state-filter-module__lastButton___-HnR1";function ee({options:t,initialValue:r,onChange:o}){const i=s.useRef(null),[n,a]=s.useState(r||"all"),c=e=>{a(e),o({stateAbbr:e})};return s.useEffect((()=>{const e=i.current;if(!e)return;const t=t=>{0!==t.deltaY&&(t.preventDefault(),e.scrollLeft+=t.deltaY)};return e.addEventListener("wheel",t,{passive:!1}),()=>e.removeEventListener("wheel",t)}),[]),t.length<=1?null:e.jsxs("div",{className:u(H,"joint-store-filter-options"),ref:i,children:[e.jsx(l,{variant:"all"===n?"contained":"outlined",size:"small",color:"all"===n?"primary":"inherit",onClick:()=>c("all"),className:u(W,Z),children:"All"}),t.map(((r,s)=>e.jsx(l,{variant:n===r?"contained":"outlined",size:"small",color:n===r?"primary":"inherit",onClick:()=>c(r),className:u(W,s===t.length-1?X:J),children:r},r)))]})}const te="store-menu-header-module__container___g7cMD",re="store-menu-header-module__headerFiltersContainer___UajY2",se="store-menu-header-module__listFiltersContainer___5kdvn",oe="store-filter-section-module__section___1BOGu",ie="store-filter-section-module__title___DibYr";function ne({title:t,children:r}){return e.jsxs("div",{className:`${oe} joint-store-filter-section`,children:[t&&e.jsx(j,{variant:"h6",component:"div",className:`joint-store-filter-title j-mb-1 ${ie}`,children:t}),r]})}const ae=({filters:t,onFilterChange:r,options:s,searchQuery:o,searchByProximityLocation:i,searchByDeliveryAddress:n,loading:a,searchInputRef:l})=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`${te} joint-store-menu-header`,children:[e.jsx(ne,{children:e.jsx(q,{initialValue:t.orderType,onCh

1ange:r,options:s.orderTypes})}),e.jsx(ne,{title:"Find a store",children:e.jsx(b,{searchQuery:o||"",onSelect:e=>{"delivery"===t.orderType?n(e):i(e)},mode:t.orderType,loading:a,searchInputRef:l})})]}),s.menuTypes.length>1&&e.jsx("div",{className:`joint-store-menu-header-filters ${te} ${re}`,children:e.jsx(ne,{children:e.jsx(G,{options:s.menuTypes,initialValues:s.menuTypes,onChange:r})})}),s.states.length>1&&e.jsx("div",{className:`joint-store-list-filters ${se}`,children:e.jsx(ne,{children:e.jsx(ee,{options:s.states,initialValue:"all",onChange:r})})})]});function le({onSelect:t}){const r=o(),a=x(f),l=x((e=>e.switchStore)),c=function(){const{states:e,menuTypes:t,orderTypes:r}=s.useMemo((()=>{var e;const t=new Set,r=new Set,s=new Set,o=(null==(e=window.jointEcommerce)?void 0:e.stores)||{};return Object.values(o).forEach((e=>{var o;(null==e?void 0:e.state_abbr)&&t.add(e.state_abbr),((null==e?void 0:e.available_menu_types)||[]).forEach((e=>r.add(e))),(null==(o=null==e?void 0:e.available_order_types)?void 0:o.length)?e.available_order_types.forEach((e=>s.add(e))):(null==e?void 0:e.default_order_type)?s.add(e.default_order_type):s.add("IN_STORE_PICKUP")})),{states:Array.from(t).sort(),menuTypes:Array.from(r).sort(((e,t)=>e===t?0:"RECREATIONAL"===e?-1:"RECREATIONAL"===t?1:0)),orderTypes:Array.from(s).sort(((e,t)=>{const r=["IN_STORE_PICKUP","CURBSIDE_PICKUP","DRIVE_THRU_PICKUP","DELIVERY","KIOSK"];return r.indexOf(e)-r.indexOf(t)}))}}),[]);return{states:e,menuTypes:t,orderTypes:r}}(),{loading:d,error:m,storeResults:u,proximityLocation:p,deliveryAddress:_,filters:h,setFilters:v,emptyMessage:y,searchByProximityLocation:g,searchByDeliveryAddress:b}=N({orderType:"DELIVERY"===a?"delivery":"pickup"}),T=s.useMemo((()=>"pickup"===h.orderType?(null==p?void 0:p.label)||"":(null==_?void 0:_.label)||""),[h.orderType,p,_]),C=s.useRef(null);s.useEffect((()=>{i()}),[]);const w=s.useCallback((e=>{void 0!==e.orderType&&"delivery"===e.orderType&&setTimeout((()=>{var e;null==(e=C.current)||e.focus()}),100),v(e)}),[v]);return e.jsxs("div",{className:"joint-store-menu-container",children:[e.jsx("div",{className:"joint-store-menu-header",children:e.jsx(ae,{filters:h,onFilterChange:w,options:c,searchQuery:T,searchByProximityLocation:g,searchByDeliveryAddress:b,loading:d,searchInputRef:C})}),e.jsxs("div",{className:`${S} joint-store-menu-content j-p-2`,children:[m&&e.jsx("div",{className:"j-align-center j-p-3",children:e.jsx(j,{variant:"body1",color:"error",children:m})}),e.jsx(Y,{stores:u,onStoreSelect:(e,s,o)=>{return i=null,a=null,c=function*(){try{yield l(e,o,s),t()}catch(i){r(n({type:"error",message:"There was an error with the store selection. Please try again."})),console.error("Error with store selection:",i)}},new Promise(((e,t)=>{var r=e=>{try{o(c.next(e))}catch(r){t(r)}},s=e=>{try{o(c.throw(e))}catch(r){t(r)}},o=t=>t.done?e(t.value):Promise.resolve(t.value).then(r,s);o((c=c.apply(i,a)).next())}));var i,a,c},loading:d,filters:h,emptyMessage:y})]})]})}export{le as StoreMenuDetailed,le as default};