@lifesg/web-frontend-engine 2.2.4 → 2.2.5

package/cjs/chunks/{location-modal.e5989ca3.js → location-modal.6885ccea.js}

@@ -1,4 +1,4 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@lifesg/react-design-system/modal"),n=require("@lifesg/react-design-system/theme"),i=require("./index.6a929030.js"),o=require("react"),r=require("styled-components");require("@lifesg/react-design-system/markup");var s=require("react-dom/server"),a=require("@lifesg/react-design-system/popover-v2"),l=require("@lifesg/react-design-system/typography"),h=require("@lifesg/react-icons/navigation"),c=require("@lifesg/react-icons/navigation-fill"),u=require("@lifesg/react-icons"),d=require("@lifesg/react-icons/pin-fill"),p=require("@lifesg/react-icons/cross"),f=require("@lifesg/react-design-system/icon-button"),m=require("@lifesg/react-design-system/card"),_=require("@lifesg/react-icons/magnifier"),g=require("@lifesg/react-design-system/button");function v(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("@lifesg/react-design-system/alert"),require("@lifesg/react-design-system/layout"),require("@lifesg/react-design-system/box-container"),require("@lifesg/react-design-system/divider"),require("@lifesg/react-design-system/v2_media"),require("@lifesg/react-design-system/text-list"),require("@lifesg/react-design-system/tab"),require("@lifesg/react-icons/plus-circle-fill"),require("@lifesg/react-design-system/button-with-icon"),require("@lifesg/react-design-system/error-display"),require("@lifesg/react-design-system/filter"),require("@lifesg/react-design-system/uneditable-section"),require("@lifesg/react-design-system/timeline"),require("@lifesg/react-design-system/form"),require("@lifesg/react-design-system/checkbox"),require("@lifesg/react-design-system/toggle"),require("@lifesg/react-icons/exclamation-circle-fill"),require("@lifesg/react-design-system/file-upload"),require("@lifesg/react-icons/bin"),require("@lifesg/react-icons/eraser"),require("@lifesg/react-icons/pencil"),require("@lifesg/react-icons/pencil-stroke"),require("@lifesg/react-icons/plus"),require("@lifesg/react-icons/exclamation-triangle"),require("@lifesg/react-design-system/image-button"),require("@lifesg/react-design-system/radio-button"),require("@lifesg/react-design-system/v2_layout");var y=v(r),x=v(s);const b="https://assets.life.gov.sg/web-frontend-engine/img/common/no-network.png";var w={exports:{}};
+"use strict";var t=require("react/jsx-runtime"),e=require("@lifesg/react-design-system/modal"),n=require("@lifesg/react-design-system/theme"),i=require("./index.c2370225.js"),o=require("react"),r=require("styled-components");require("@lifesg/react-design-system/markup");var s=require("react-dom/server"),a=require("@lifesg/react-design-system/popover-v2"),l=require("@lifesg/react-design-system/typography"),h=require("@lifesg/react-icons/navigation"),c=require("@lifesg/react-icons/navigation-fill"),u=require("@lifesg/react-icons"),d=require("@lifesg/react-icons/pin-fill"),p=require("@lifesg/react-icons/cross"),f=require("@lifesg/react-design-system/icon-button"),m=require("@lifesg/react-design-system/card"),_=require("@lifesg/react-icons/magnifier"),g=require("@lifesg/react-design-system/button");function v(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("@lifesg/react-design-system/alert"),require("@lifesg/react-design-system/layout"),require("@lifesg/react-design-system/box-container"),require("@lifesg/react-design-system/divider"),require("@lifesg/react-design-system/v2_media"),require("@lifesg/react-design-system/text-list"),require("@lifesg/react-design-system/tab"),require("@lifesg/react-icons/plus-circle-fill"),require("@lifesg/react-design-system/button-with-icon"),require("@lifesg/react-design-system/error-display"),require("@lifesg/react-design-system/filter"),require("@lifesg/react-design-system/uneditable-section"),require("@lifesg/react-design-system/timeline"),require("@lifesg/react-design-system/form"),require("@lifesg/react-design-system/checkbox"),require("@lifesg/react-design-system/toggle"),require("@lifesg/react-icons/exclamation-circle-fill"),require("@lifesg/react-design-system/file-upload"),require("@lifesg/react-icons/bin"),require("@lifesg/react-icons/eraser"),require("@lifesg/react-icons/pencil"),require("@lifesg/react-icons/pencil-stroke"),require("@lifesg/react-icons/plus"),require("@lifesg/react-icons/exclamation-triangle"),require("@lifesg/react-design-system/image-button"),require("@lifesg/react-design-system/radio-button"),require("@lifesg/react-design-system/v2_layout");var y=v(r),x=v(s);const b="https://assets.life.gov.sg/web-frontend-engine/img/common/no-network.png";var w={exports:{}};
 /* @preserve
  * Leaflet 1.9.4, a JS library for interactive maps. https://leafletjs.com
  * (c) 2010-2023 Vladimir Agafonkin, (c) 2010-2011 CloudMade
@@ -390,4 +390,4 @@
 		max-width: 16.5rem;
 	}
 `,Lt=({id:e,cachedImage:n,refreshNetwork:o})=>t.jsxs(vt,{id:i.TestHelper.generateId(e,"no-internet-connectivity"),"data-testid":i.TestHelper.generateId(e,"no-internet-connectivity"),children:[t.jsx(yt,{src:n,alt:"no-connectivity"}),t.jsx(xt,{weight:"semibold",children:"No connection found"}),t.jsx(bt,{children:"Check your internet connection and try again."}),t.jsx(wt,{onClick:o,children:"Try again"})]});exports.default=({id:s="location-modal",className:a,formValues:l,showLocationModal:h,mapPanZoom:c,interactiveMapPinIconUrl:u,mapApi:d,gettingCurrentLocationFetchMessage:p,mapBannerText:f,mustHavePostalCode:m,locationModalStyles:_,onClose:g,onConfirm:v,updateFormValues:y,locationListTitle:x,locationSelectionMode:w,disableSearch:L,addressFieldPlaceholder:P,searchBarIcon:T,bufferRadius:M,pinsOnlyIndicateCurrentLocation:z,legendItems:k,defaultAddress:C})=>{const[S,E]=o.useState("double"),[I,Z]=o.useState({}),[B,A]=o.useState([]),[O,j]=o.useState(!0),[R,F]=o.useState(!1),{dispatchFieldEvent:W,addFieldEventListener:q,removeFieldEventListener:V}=i.useFieldEvent(),[U,G]=o.useState(!0),[K,Y]=o.useState(!1),[X,J]=o.useState(!1),[Q,tt]=o.useState(!1),[et,nt]=o.useState(),[it,ot]=o.useState(),rt=o.useRef(!0),st=o.useRef(!0),at=o.useContext(r.ThemeContext),lt=o.useCallback((t,e)=>{E(n=>"double"===n||e&&n!==e?n:t)},[]),ht=o.useCallback(async()=>{F(!0);if(!!W("get-current-location",s)){const t={};try{t.payload=await i.GeoLocationHelper.getCurrentLocation()}catch(e){t.errors=e}return W("set-current-location",s,t),t.payload}},[W,s]),ct=o.useCallback(()=>{rt.current&&Z(l||{})},[l]),ut=o.useCallback(()=>{st.current=!0,g()},[g]),dt=o.useCallback(()=>{ct(),ut()},[ut,ct]),pt=o.useCallback(t=>{const e=i.lodash.exports.isEmpty(t?.detail)?I:t?.detail;v(e),ut()},[ut,v,I]),ft=()=>{!W("before-hide-permission-modal",s)||Y(!1)};o.useEffect(()=>()=>{rt.current=!1},[]),o.useEffect(()=>{const t={"error-end":t=>{const e=t.detail?.payload?.errorType;if(e)switch(e){case"OneMapError":case"GetLocationTimeoutError":ut()}},"set-selectable-pins":t=>{const e=t.detail.pins;Array.isArray(e)?A(e):J(!0)},"confirm-location":pt,"hide-permission-modal":()=>{Y(!1)},"dismiss-location-modal":dt,"trigger-get-current-location":ht};return Object.entries(t).forEach(([t,e])=>{q(t,s,e)}),()=>{Object.entries(t).forEach(([t,e])=>{V(t,s,e)})}},[q,ht,dt,ut,pt,s,V]),o.useEffect(()=>{if(!window)return;const t=matchMedia(`(max-width: ${n.Breakpoint["lg-max"]({theme:at})}px)`);E(t.matches?"map":"double");const e=()=>G(!0),i=()=>G(!1),o=t=>{E(t.matches?"map":"double")};return window.addEventListener("online",e),window.addEventListener("offline",i),t.addEventListener("change",o),()=>{window.removeEventListener("online",e),window.removeEventListener("offline",i),t.removeEventListener("change",o)}},[]),o.useEffect(()=>{if(!h)return void E(t=>"double"!==t?"map":t);(async()=>{const{lat:t,lng:e}=l||{};t||e?st.current&&W("get-selectable-pins",s,{lat:t,lng:e}):await ht(),st.current=!1})()},[W,l,ht,s,h]),o.useEffect(()=>{i.lodash.exports.isEmpty(I)||lt("map","search")},[I,R,lt]),o.useEffect(()=>{Z(l||{})},[l]);return t.jsxs(t.Fragment,{children:[t.jsx(H,{src:b,alt:"no internet connectivity"}),t.jsx(e.Modal,{id:i.TestHelper.generateId(s,"modal",h?"show":"hide"),className:`${a}-location-modal`,show:h,children:t.jsx(N,{id:i.TestHelper.generateId(s,"modal-box"),className:`${a}-modal-box`,showCloseButton:!1,locationModalStyles:_,children:U?t.jsxs(t.Fragment,{children:[t.jsx(gt,{id:s,className:a,onCancel:dt,onConfirm:()=>{!W("click-confirm-location",s,I)||pt()},updateFormValues:y,gettingCurrentLocation:R,panelInputMode:S,selectedAddressInfo:I,mapPickedLatLng:et,formValues:l,onChangeSelectedAddressInfo:Z,handleApiErrors:t=>{if(!rt.current)return;const e=(e,n)=>{!W("error",s,{payload:{errorType:e},errors:t})||n()};F(!1),t instanceof i.OneMapError?e("OneMapError",()=>{ct(),J(!0)}):(j(!1),t instanceof i.GeolocationPositionErrorWrapper&&t?.code?.toString()===GeolocationPositionError.TIMEOUT.toString()?e("GetLocationTimeoutError",()=>{tt(!0)}):e("GetLocationError",()=>{Y(!0)}))},onGetLocationCallback:(t,e)=>{F(!1),j(!0),ot({lat:t,lng:e})},setSinglePanelMode:lt,showLocationModal:h,mapApi:d,gettingCurrentLocationFetchMessage:p,mustHavePostalCode:m,locationListTitle:x,restrictLocationSelection:"pins-only"===w,selectablePins:B,disableSearch:L,addressFieldPlaceholder:P,searchBarIcon:T,bufferRadius:M}),t.jsx(D,{id:s,className:a,panelInputMode:S,locationAvailable:O,gettingCurrentLocation:R,showLocationModal:h,legendItems:k,selectedLocationCoord:{lat:I.lat,lng:I.lng},getCurrentLocation:ht,onMapCenterChange:t=>{nt(t)},interactiveMapPinIconUrl:u,mapPanZoom:c,mapBannerText:f,disableSelectionFromMap:"pins-only"===w,disableSelectedLocationMarker:"pins-only"===w,selectablePins:B,pinsOnlyIndicateCurrentLocation:z&&"pins-only"===w,currentLocation:it,defaultAddress:C})]}):t.jsx(Lt,{id:s,cachedImage:b,refreshNetwork:()=>{try{navigator.onLine&&G(!0)}catch(t){}}})})}),(()=>{if(U&&h)return X?t.jsx(i.Prompt,{id:i.TestHelper.generateId(s,"onemap-error"),"data-testid":i.TestHelper.generateId(s,"onemap-error"),title:"Map not available",size:"large",show:!0,image:t.jsx($,{src:"https://assets.life.gov.sg/web-frontend-engine/img/common/error.svg"}),description:t.jsxs(i.Description,{weight:"regular",children:["Sorry, there was a problem with the map. You’ll not be able to enter the location right now. Please try again later.",t.jsx("br",{}),t.jsx("br",{}),"Do note that you’ll not be able to submit your report without entering the location."]}),buttons:[{id:"ok",title:"OK",onClick:()=>{J(!1),ut()}}]}):K?t.jsx(i.Prompt,{id:i.TestHelper.generateId(s,"get-location-error"),"data-testid":i.TestHelper.generateId(s,"get-location-error"),title:"Enable location settings",size:"large",show:!0,description:"We need your permission to determine your location. Enable location access in your browser and device settings, or enter your location manually.",buttons:[{id:"ok",title:"OK",onClick:ft}]}):Q?t.jsx(i.Prompt,{id:i.TestHelper.generateId(s,"get-location-timeout-error"),"data-testid":i.TestHelper.generateId(s,"get-location-timeout-error"),title:"Something went wrong",size:"large",show:!0,image:t.jsx($,{src:"https://assets.life.gov.sg/web-frontend-engine/img/icons/get-location-timeout.svg"}),description:t.jsx(i.Description,{weight:"regular",children:"It’s taking longer than expected to retrieve your location. Please exit the map and try again."}),buttons:[{id:"ok",title:"OK",onClick:()=>{tt(!1),ut()}}]}):void 0})()]})};
-//# sourceMappingURL=location-modal.e5989ca3.js.map
+//# sourceMappingURL=location-modal.6885ccea.js.map