@lifesg/web-frontend-engine 1.19.16 → 1.19.17

package/cjs/chunks/{location-modal.48300b71.js → location-modal.99b9bb33.js}

@@ -1,4 +1,4 @@
-"use strict";var t=require("react/jsx-runtime"),e=require("@lifesg/react-design-system"),i=require("./index.bc6ce3d3.js"),n=require("react"),o=require("@lifesg/react-design-system/text");require("@lifesg/react-design-system/markup");var r=require("react-dom/server"),s=require("@lifesg/react-design-system/media"),a=require("@lifesg/react-design-system/modal"),l=require("styled-components"),h=require("@lifesg/react-icons/navigation"),c=require("@lifesg/react-icons/navigation-fill"),u=require("@lifesg/react-icons/pin-fill"),d=require("@lifesg/react-design-system/color"),p=require("@lifesg/react-icons/cross"),f=require("@lifesg/react-icons/magnifier"),m=require("@lifesg/react-design-system/button");function _(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/text-list"),require("@lifesg/react-design-system/popover-v2"),require("@lifesg/react-icons"),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/toggle"),require("@lifesg/react-design-system/checkbox"),require("@lifesg/react-design-system/file-upload"),require("@lifesg/react-design-system/icon-button"),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/design-token"),require("@lifesg/react-design-system/image-button"),require("@lifesg/react-design-system/radio-button");var g=_(r),v=_(l);const y="https://assets.life.gov.sg/web-frontend-engine/img/common/no-network.png";var x={exports:{}};
+"use strict";var t=require("react/jsx-runtime"),e=require("@lifesg/react-design-system"),i=require("./index.20f9dfab.js"),n=require("react"),o=require("@lifesg/react-design-system/text");require("@lifesg/react-design-system/markup");var r=require("react-dom/server"),s=require("@lifesg/react-design-system/media"),a=require("@lifesg/react-design-system/modal"),l=require("styled-components"),h=require("@lifesg/react-icons/navigation"),c=require("@lifesg/react-icons/navigation-fill"),u=require("@lifesg/react-icons/pin-fill"),d=require("@lifesg/react-design-system/color"),p=require("@lifesg/react-icons/cross"),f=require("@lifesg/react-icons/magnifier"),m=require("@lifesg/react-design-system/button");function _(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/text-list"),require("@lifesg/react-design-system/popover-v2"),require("@lifesg/react-icons"),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/toggle"),require("@lifesg/react-design-system/checkbox"),require("@lifesg/react-design-system/file-upload"),require("@lifesg/react-design-system/icon-button"),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/design-token"),require("@lifesg/react-design-system/image-button"),require("@lifesg/react-design-system/radio-button");var g=_(r),v=_(l);const y="https://assets.life.gov.sg/web-frontend-engine/img/common/no-network.png";var x={exports:{}};
 /* @preserve
  * Leaflet 1.9.4, a JS library for interactive maps. https://leafletjs.com
  * (c) 2010-2023 Vladimir Agafonkin, (c) 2010-2011 CloudMade
@@ -343,4 +343,4 @@
 		max-width: 16.5rem;
 	}
 `,pt=({id:e,cachedImage:n,refreshNetwork:o})=>t.jsxs(lt,{id:i.TestHelper.generateId(e,"no-internet-connectivity"),"data-testid":i.TestHelper.generateId(e,"no-internet-connectivity"),children:[t.jsx(ht,{src:n,alt:"no-connectivity"}),t.jsx(ct,{weight:"semibold",children:"No connection found"}),t.jsx(ut,{children:"Check your internet connection and try again."}),t.jsx(dt,{onClick:o,children:"Try again"})]});exports.default=({id:o="location-modal",className:r,formValues:s,showLocationModal:a,mapPanZoom:l,interactiveMapPinIconUrl:h,reverseGeoCodeEndpoint:c,convertLatLngToXYEndpoint:u,gettingCurrentLocationFetchMessage:d,mapBannerText:p,mustHavePostalCode:f,locationModalStyles:m,onClose:_,onConfirm:g,updateFormValues:v,locationListTitle:x,locationSelectionMode:b,disableSearch:w,addressFieldPlaceholder:L,searchBarIcon:P,bufferRadius:T,pinsOnlyIndicateCurrentLocation:M})=>{const[z,k]=n.useState("double"),[Z,O]=n.useState({}),[A,B]=n.useState([]),[j,N]=n.useState(!0),[R,D]=n.useState(!1),{dispatchFieldEvent:H,addFieldEventListener:F,removeFieldEventListener:W}=i.useFieldEvent(),[q,$]=n.useState(!0),[V,G]=n.useState(!1),[U,K]=n.useState(!1),[Y,X]=n.useState(!1),[J,Q]=n.useState(),[tt,et]=n.useState(),it=n.useRef(!0),nt=n.useCallback(((t,e)=>{k((i=>"double"===i||e&&i!==e?i:t))}),[]),ot=n.useCallback((async()=>{D(!0);if(!!H("get-current-location",o)){const t={};try{t.payload=await i.GeoLocationHelper.getCurrentLocation()}catch(e){t.errors=e}return H("set-current-location",o,t),t.payload}}),[H,o]),rt=n.useCallback((()=>{O(s||{})}),[s]),st=n.useCallback((()=>{it.current=!0,_()}),[_]),lt=n.useCallback((()=>{rt(),st()}),[st,rt]),ht=n.useCallback((t=>{const e=i.lodash.exports.isEmpty(t?.detail)?Z:t?.detail;g(e),st()}),[st,g,Z]),ct=()=>{!H("before-hide-permission-modal",o)||G(!1)};n.useEffect((()=>{const t={"error-end":t=>{const e=t.detail?.payload?.errorType;if(e)switch(e){case"OneMapError":case"GetLocationTimeoutError":st()}},"set-selectable-pins":t=>{const e=t.detail.pins;Array.isArray(e)?B(e):K(!0)},"confirm-location":ht,"hide-permission-modal":()=>{G(!1)},"dismiss-location-modal":lt,"trigger-get-current-location":ot};return Object.entries(t).forEach((([t,e])=>{F(t,o,e)})),()=>{Object.entries(t).forEach((([t,e])=>{W(t,o,e)}))}}),[F,ot,lt,st,ht,o,W]),n.useEffect((()=>{if(!window)return;const t=matchMedia(`(max-width: ${e.MediaWidths.tablet}px)`);k(t.matches?"map":"double");const i=()=>$(!0),n=()=>$(!1),o=t=>{k(t.matches?"map":"double")};return window.addEventListener("online",i),window.addEventListener("offline",n),t.addEventListener("change",o),()=>{window.removeEventListener("online",i),window.removeEventListener("offline",n),t.removeEventListener("change",o)}}),[]),n.useEffect((()=>{if(!a)return void k((t=>"double"!==t?"map":t));(async()=>{const{lat:t,lng:e}=s||{};t||e?it.current&&H("get-selectable-pins",o,{lat:t,lng:e}):await ot(),it.current=!1})()}),[H,s,ot,o,a]),n.useEffect((()=>{i.lodash.exports.isEmpty(Z)||nt("map","search")}),[Z,R,nt]),n.useEffect((()=>{O(s||{})}),[s]);return t.jsxs(t.Fragment,{children:[t.jsx(I,{src:y,alt:"no internet connectivity"}),t.jsx(e.Modal,{id:i.TestHelper.generateId(o,"modal",a?"show":"hide"),className:`${r}-location-modal`,show:a,children:t.jsx(C,{id:i.TestHelper.generateId(o,"modal-box"),className:`${r}-modal-box`,showCloseButton:!1,locationModalStyles:m,children:q?t.jsxs(t.Fragment,{children:[t.jsx(at,{id:o,className:r,onCancel:lt,onConfirm:()=>{!H("click-confirm-location",o,Z)||ht()},updateFormValues:v,gettingCurrentLocation:R,panelInputMode:z,selectedAddressInfo:Z,mapPickedLatLng:J,formValues:s,onChangeSelectedAddressInfo:O,handleApiErrors:t=>{const e=(e,i)=>{!H("error",o,{payload:{errorType:e},errors:t})||i()};D(!1),t instanceof i.OneMapError?e("OneMapError",(()=>{rt(),K(!0)})):(N(!1),t instanceof i.GeolocationPositionErrorWrapper&&t?.code?.toString()===GeolocationPositionError.TIMEOUT.toString()?e("GetLocationTimeoutError",(()=>{X(!0)})):e("GetLocationError",(()=>{G(!0)})))},onGetLocationCallback:(t,e)=>{D(!1),N(!0),et({lat:t,lng:e})},setSinglePanelMode:nt,showLocationModal:a,reverseGeoCodeEndpoint:c,convertLatLngToXYEndpoint:u,gettingCurrentLocationFetchMessage:d,mustHavePostalCode:f,locationListTitle:x,restrictLocationSelection:"pins-only"===b,selectablePins:A,disableSearch:w,addressFieldPlaceholder:L,searchBarIcon:P,bufferRadius:T}),t.jsx(S,{id:o,className:r,panelInputMode:z,locationAvailable:j,gettingCurrentLocation:R,showLocationModal:a,selectedLocationCoord:{lat:Z.lat,lng:Z.lng},getCurrentLocation:ot,onMapCenterChange:t=>{Q(t)},interactiveMapPinIconUrl:h,mapPanZoom:l,mapBannerText:p,disableSelectionFromMap:"pins-only"===b,disableSelectedLocationMarker:"pins-only"===b,selectablePins:A,pinsOnlyIndicateCurrentLocation:M&&"pins-only"===b,currentLocation:tt})]}):t.jsx(pt,{id:o,cachedImage:y,refreshNetwork:()=>{try{navigator.onLine&&$(!0)}catch(t){}}})})}),(()=>{if(q&&a)return U?t.jsx(i.Prompt,{id:i.TestHelper.generateId(o,"onemap-error"),"data-testid":i.TestHelper.generateId(o,"onemap-error"),title:"Map not available",size:"large",show:!0,image:t.jsx(E,{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:()=>{K(!1),st()}}]}):V?t.jsx(i.Prompt,{id:i.TestHelper.generateId(o,"get-location-error"),"data-testid":i.TestHelper.generateId(o,"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:ct}]}):Y?t.jsx(i.Prompt,{id:i.TestHelper.generateId(o,"get-location-timeout-error"),"data-testid":i.TestHelper.generateId(o,"get-location-timeout-error"),title:"Something went wrong",size:"large",show:!0,image:t.jsx(E,{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:()=>{X(!1),st()}}]}):void 0})()]})};
-//# sourceMappingURL=location-modal.48300b71.js.map
+//# sourceMappingURL=location-modal.99b9bb33.js.map