npm - @servicetitan/onboarding-ui - Versions diffs - 16.1.0 → 16.2.0 - Mend

@servicetitan/onboarding-ui 16.1.0 → 16.2.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.

Files changed (20) hide show

package/dist/address-suggestion-popover/components/address-suggestion-popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/address-suggestion-popover/components/address-suggestion-popover.tsx"],"sourcesContent":["import { useEffect, useState, FC } from 'react';\nimport { useBoolean } from '@servicetitan/react-hooks';\nimport { BodyText, Button, Popover, PopoverProps, Spinner } from '@servicetitan/design-system';\nimport { observer } from 'mobx-react';\nimport * as styles from './styles.module.less';\nimport { getCountry } from '../../utils/country-helpers';\n\nexport interface AddressModel {\n street?: string;\n unit?: string;\n city?: string;\n state?: string;\n zip?: string;\n country?: string;\n latitude?: number;\n longitude?: number;\n locationType?: string;\n}\n\nexport interface AddressSuggestionResult {\n key: string;\n title: string;\n value: AddressModel;\n}\n\nconst withVerifiedCountryValue = (address: AddressModel): AddressModel => {\n address.country = getCountry(address.country) ?? address.country;\n return address;\n};\n\nexport interface AddressSuggestionsProvider {\n getSuggestions(address: AddressModel): Promise<AddressSuggestionResult[] \| undefined \| string>;\n}\n\nexport interface AddressSuggestionPopoverProps extends PopoverProps {\n currentAddress: AddressModel;\n addressSuggestionsProvider: AddressSuggestionsProvider;\n onSuggestionSelect(suggestion: AddressModel): void;\n}\n\nexport const AddressSuggestionPopover: FC<AddressSuggestionPopoverProps> = observer(\n ({\n portal = true,\n width = 'm',\n direction = 'l',\n padding = 's',\n currentAddress,\n addressSuggestionsProvider,\n onSuggestionSelect,\n ...restProps\n }) => {\n const [isLoading, { setFalse: disableLoading, setTrue: enabledLoading }] = useBoolean(true);\n const [results, setResults] =\n useState<Awaited<ReturnType<AddressSuggestionsProvider['getSuggestions']>>>(undefined);\n\n useEffect(() => {\n const bootstrap = async () => {\n if (!restProps.open) {\n return;\n }\n\n enabledLoading();\n setResults(undefined);\n\n try {\n const results = await addressSuggestionsProvider.getSuggestions(currentAddress);\n setResults(results);\n } finally {\n disableLoading();\n }\n };\n bootstrap();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [restProps.open]);\n\n return (\n <Popover\n portal={portal}\n width={width}\n direction={direction}\n padding={padding}\n {...restProps}\n >\n {isLoading ? (\n <div className=\"d-f justify-content-center\">\n <Spinner size=\"tiny\" />\n </div>\n ) : typeof results === 'string' \|\| !results?.length ? (\n <BodyText className=\"ta-center\" size=\"small\">\n {typeof results === 'string' ? results : 'No suggestions'}\n </BodyText>\n ) : (\n results.map(result => (\n <Button\n key={result.key}\n full\n fill=\"subtle\"\n className={styles.verifyAddressBtn}\n color=\"primary\"\n onClick={() =>\n onSuggestionSelect(withVerifiedCountryValue(result.value))\n }\n >\n {result.title}\n </Button>\n ))\n )}\n </Popover>\n );\n }\n);\n"],"names":["useEffect","useState","useBoolean","BodyText","Button","Popover","Spinner","observer","styles","getCountry","withVerifiedCountryValue","address","country","AddressSuggestionPopover","portal","width","direction","padding","currentAddress","addressSuggestionsProvider","onSuggestionSelect","restProps","isLoading","setFalse","disableLoading","setTrue","enabledLoading","results","setResults","undefined","bootstrap","open","getSuggestions","div","className","size","length","map","result","full","fill","verifyAddressBtn","color","onClick","value","title","key"],"mappings":";AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAY,QAAQ;AAChD,SAASC,UAAU,QAAQ,4BAA4B;AACvD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAgBC,OAAO,QAAQ,8BAA8B;AAC/F,SAASC,QAAQ,QAAQ,aAAa;AACtC,YAAYC,YAAY,uBAAuB;AAC/C,SAASC,UAAU,QAAQ,8BAA8B;AAoBzD,MAAMC,2BAA2B,CAACC;QACZF;IAAlBE,QAAQC,OAAO,~~GAAGH~~,~~CAAAA,~~cAAAA,WAAWE,QAAQC,OAAO,eAA1BH,yBAAAA,cAA+BE,QAAQC,OAAO;IAChE,OAAOD;AACX;AAYA,OAAO,MAAME,2BAA8DN,SACvE,CAAC,EACGO,SAAS,IAAI,EACbC,QAAQ,GAAG,EACXC,YAAY,GAAG,EACfC,UAAU,GAAG,EACbC,cAAc,EACdC,0BAA0B,EAC1BC,kBAAkB,EAClB,GAAGC,WACN;IACG,MAAM,CAACC,WAAW,EAAEC,UAAUC,cAAc,EAAEC,SAASC,cAAc,EAAE,CAAC,GAAGxB,WAAW;IACtF,MAAM,CAACyB,SAASC,WAAW,GACvB3B,SAA4E4B;IAEhF7B,UAAU;QACN,MAAM8B,YAAY;YACd,IAAI,CAACT,UAAUU,IAAI,EAAE;gBACjB;YACJ;YAEAL;YACAE,WAAWC;YAEX,IAAI;gBACA,MAAMF,UAAU,MAAMR,2BAA2Ba,cAAc,CAACd;gBAChEU,WAAWD;YACf,SAAU;gBACNH;YACJ;QACJ;QACAM;IACA,uDAAuD;IAC3D,GAAG;QAACT,UAAUU,IAAI;KAAC;IAEnB,qBACI,KAAC1B;QACGS,QAAQA;QACRC,OAAOA;QACPC,WAAWA;QACXC,SAASA;QACR,GAAGI,SAAS;kBAEZC,0BACG,KAACW;YAAIC,WAAU;sBACX,cAAA,KAAC5B;gBAAQ6B,MAAK;;aAElB,OAAOR,YAAY,YAAY,EAACA,oBAAAA,8BAAAA,QAASS,MAAM,kBAC/C,KAACjC;YAAS+B,WAAU;YAAYC,MAAK;sBAChC,OAAOR,YAAY,WAAWA,UAAU;aAG7CA,QAAQU,GAAG,CAACC,CAAAA,uBACR,KAAClC;gBAEGmC,IAAI;gBACJC,MAAK;gBACLN,WAAW1B,OAAOiC,gBAAgB;gBAClCC,OAAM;gBACNC,SAAS,IACLvB,mBAAmBV,yBAAyB4B,OAAOM,KAAK;0BAG3DN,OAAOO,KAAK;eATRP,OAAOQ,GAAG;;AAevC,GACF"}
1	+ {"version":3,"sources":["../../../src/address-suggestion-popover/components/address-suggestion-popover.tsx"],"sourcesContent":["import { useEffect, useState, FC } from 'react';\nimport { useBoolean } from '@servicetitan/react-hooks';\nimport { BodyText, Button, Popover, PopoverProps, Spinner } from '@servicetitan/design-system';\nimport { observer } from 'mobx-react';\nimport * as styles from './styles.module.less';\nimport { getCountry } from '../../utils/country-helpers';\n\nexport interface AddressModel {\n street?: string;\n unit?: string;\n city?: string;\n state?: string;\n zip?: string;\n country?: string;\n latitude?: number;\n longitude?: number;\n locationType?: string;\n}\n\nexport interface AddressSuggestionResult {\n key: string;\n title: string;\n value: AddressModel;\n}\n\nconst withVerifiedCountryValue = (address: AddressModel): AddressModel => {\n address.country = getCountry(address.country) ?? address.country;\n return address;\n};\n\nexport interface AddressSuggestionsProvider {\n getSuggestions(address: AddressModel): Promise<AddressSuggestionResult[] \| undefined \| string>;\n}\n\nexport interface AddressSuggestionPopoverProps extends PopoverProps {\n currentAddress: AddressModel;\n addressSuggestionsProvider: AddressSuggestionsProvider;\n onSuggestionSelect(suggestion: AddressModel): void;\n}\n\nexport const AddressSuggestionPopover: FC<AddressSuggestionPopoverProps> = observer(\n ({\n portal = true,\n width = 'm',\n direction = 'l',\n padding = 's',\n currentAddress,\n addressSuggestionsProvider,\n onSuggestionSelect,\n ...restProps\n }) => {\n const [isLoading, { setFalse: disableLoading, setTrue: enabledLoading }] = useBoolean(true);\n const [results, setResults] =\n useState<Awaited<ReturnType<AddressSuggestionsProvider['getSuggestions']>>>(undefined);\n\n useEffect(() => {\n const bootstrap = async () => {\n if (!restProps.open) {\n return;\n }\n\n enabledLoading();\n setResults(undefined);\n\n try {\n const results = await addressSuggestionsProvider.getSuggestions(currentAddress);\n setResults(results);\n } finally {\n disableLoading();\n }\n };\n bootstrap();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [restProps.open]);\n\n return (\n <Popover\n portal={portal}\n width={width}\n direction={direction}\n padding={padding}\n {...restProps}\n >\n {isLoading ? (\n <div className=\"d-f justify-content-center\">\n <Spinner size=\"tiny\" />\n </div>\n ) : typeof results === 'string' \|\| !results?.length ? (\n <BodyText className=\"ta-center\" size=\"small\">\n {typeof results === 'string' ? results : 'No suggestions'}\n </BodyText>\n ) : (\n results.map(result => (\n <Button\n key={result.key}\n full\n fill=\"subtle\"\n className={styles.verifyAddressBtn}\n color=\"primary\"\n onClick={() =>\n onSuggestionSelect(withVerifiedCountryValue(result.value))\n }\n >\n {result.title}\n </Button>\n ))\n )}\n </Popover>\n );\n }\n);\n"],"names":["useEffect","useState","useBoolean","BodyText","Button","Popover","Spinner","observer","styles","getCountry","withVerifiedCountryValue","address","country","AddressSuggestionPopover","portal","width","direction","padding","currentAddress","addressSuggestionsProvider","onSuggestionSelect","restProps","isLoading","setFalse","disableLoading","setTrue","enabledLoading","results","setResults","undefined","bootstrap","open","getSuggestions","div","className","size","length","map","result","full","fill","verifyAddressBtn","color","onClick","value","title","key"],"mappings":";AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAY,QAAQ;AAChD,SAASC,UAAU,QAAQ,4BAA4B;AACvD,SAASC,QAAQ,EAAEC,MAAM,EAAEC,OAAO,EAAgBC,OAAO,QAAQ,8BAA8B;AAC/F,SAASC,QAAQ,QAAQ,aAAa;AACtC,YAAYC,YAAY,uBAAuB;AAC/C,SAASC,UAAU,QAAQ,8BAA8B;AAoBzD,MAAMC,2BAA2B,CAACC;QACZF;IAAlBE,QAAQC,OAAO,IAAGH,cAAAA,WAAWE,QAAQC,OAAO,eAA1BH,yBAAAA,cAA+BE,QAAQC,OAAO;IAChE,OAAOD;AACX;AAYA,OAAO,MAAME,2BAA8DN,SACvE,CAAC,EACGO,SAAS,IAAI,EACbC,QAAQ,GAAG,EACXC,YAAY,GAAG,EACfC,UAAU,GAAG,EACbC,cAAc,EACdC,0BAA0B,EAC1BC,kBAAkB,EAClB,GAAGC,WACN;IACG,MAAM,CAACC,WAAW,EAAEC,UAAUC,cAAc,EAAEC,SAASC,cAAc,EAAE,CAAC,GAAGxB,WAAW;IACtF,MAAM,CAACyB,SAASC,WAAW,GACvB3B,SAA4E4B;IAEhF7B,UAAU;QACN,MAAM8B,YAAY;YACd,IAAI,CAACT,UAAUU,IAAI,EAAE;gBACjB;YACJ;YAEAL;YACAE,WAAWC;YAEX,IAAI;gBACA,MAAMF,UAAU,MAAMR,2BAA2Ba,cAAc,CAACd;gBAChEU,WAAWD;YACf,SAAU;gBACNH;YACJ;QACJ;QACAM;IACA,uDAAuD;IAC3D,GAAG;QAACT,UAAUU,IAAI;KAAC;IAEnB,qBACI,KAAC1B;QACGS,QAAQA;QACRC,OAAOA;QACPC,WAAWA;QACXC,SAASA;QACR,GAAGI,SAAS;kBAEZC,0BACG,KAACW;YAAIC,WAAU;sBACX,cAAA,KAAC5B;gBAAQ6B,MAAK;;aAElB,OAAOR,YAAY,YAAY,EAACA,oBAAAA,8BAAAA,QAASS,MAAM,kBAC/C,KAACjC;YAAS+B,WAAU;YAAYC,MAAK;sBAChC,OAAOR,YAAY,WAAWA,UAAU;aAG7CA,QAAQU,GAAG,CAACC,CAAAA,uBACR,KAAClC;gBAEGmC,IAAI;gBACJC,MAAK;gBACLN,WAAW1B,OAAOiC,gBAAgB;gBAClCC,OAAM;gBACNC,SAAS,IACLvB,mBAAmBV,yBAAyB4B,OAAOM,KAAK;0BAG3DN,OAAOO,KAAK;eATRP,OAAOQ,GAAG;;AAevC,GACF"}

package/dist/address-suggestion-popover/utils/google-geocoder-suggestions-provider.js CHANGED Viewed

@@ -73,6 +73,7 @@ export class GoogleGeocoderSuggestionsProvider {
             return (_components_find = components.find((component)=>component.types.includes(type))) === null || _components_find === void 0 ? void 0 : _components_find[longName ? 'long_name' : 'short_name'];
         });
         _define_property(this, "getCity", (address, components)=>{
+            var _ref, _ref1, _ref2;
             const getAsRegexpWithWordBounds = (text)=>{
                 return new RegExp('\\b' + text + '\\b');
             };
@@ -96,8 +97,7 @@ export class GoogleGeocoderSuggestionsProvider {
             if (area2 && getAsRegexpWithWordBounds(area2).test(address)) {
                 return area2;
             }
-            var _ref, _ref1, _ref2;
-            return (_ref2 = (_ref1 = (_ref = locality !== null && locality !== void 0 ? locality : area3) !== null && _ref !== void 0 ? _ref : sublocality) !== null && _ref1 !== void 0 ? _ref1 : neighborhood) !== null && _ref2 !== void 0 ? _ref2 : area2;
+            return (_ref = (_ref1 = (_ref2 = locality !== null && locality !== void 0 ? locality : area3) !== null && _ref2 !== void 0 ? _ref2 : sublocality) !== null && _ref1 !== void 0 ? _ref1 : neighborhood) !== null && _ref !== void 0 ? _ref : area2;
         });
     }
 }

package/dist/address-suggestion-popover/utils/google-geocoder-suggestions-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/address-suggestion-popover/utils/google-geocoder-suggestions-provider.ts"],"sourcesContent":["import { AddressModel, AddressSuggestionsProvider } from '../components/address-suggestion-popover';\n\nexport class GoogleGeocoderSuggestionsProvider implements AddressSuggestionsProvider {\n getSuggestions = async (address: AddressModel) => {\n if (!window.google) {\n return;\n }\n const addressStr = this.addressToString(address);\n const countryCode = address.country === 'Canada' ? 'ca' : 'us';\n const params = {\n address: addressStr,\n region: countryCode,\n };\n const geocoder = new google.maps.Geocoder();\n const { results } = await geocoder.geocode(params);\n return results.map(this.composeSuggestionResult);\n };\n\n private addressToString = ({ street, unit, city, state, zip, country }: AddressModel) => {\n const addressArray: string[] = [];\n\n const appendPart = (prefix: string, part?: string) => {\n if (part) {\n addressArray.push(prefix, part);\n }\n };\n\n appendPart('', street);\n appendPart(' ', unit ? '#' + unit : undefined);\n appendPart(', ', city);\n appendPart(', ', state);\n appendPart(' ', zip);\n appendPart(' ', country);\n\n return addressArray.join();\n };\n\n private composeSuggestionResult = (result: google.maps.GeocoderResult) => {\n const streetParts = [];\n const streetNumber = this.getAddressComponentByType(\n result.address_components,\n 'street_number'\n );\n\n if (streetNumber) {\n streetParts.push(streetNumber);\n }\n\n const streetRoute = this.getAddressComponentByType(\n result.address_components,\n 'route',\n true\n );\n\n if (streetRoute) {\n streetParts.push(streetRoute);\n }\n return {\n key: result.formatted_address,\n title: result.formatted_address,\n value: {\n street: streetParts.length > 0 ? streetParts.join(' ') : undefined,\n unit: this.getAddressComponentByType(result.address_components, 'subpremise'),\n city: this.getCity(result.formatted_address, result.address_components),\n state: this.getAddressComponentByType(\n result.address_components,\n 'administrative_area_level_1'\n ),\n zip: this.getAddressComponentByType(result.address_components, 'postal_code'),\n country: this.getAddressComponentByType(result.address_components, 'country'),\n latitude: result.geometry.location.lat(),\n longitude: result.geometry.location.lng(),\n locationType: result.geometry.location_type,\n },\n };\n };\n\n private getAddressComponentByType = (\n components: google.maps.GeocoderAddressComponent[],\n type: string,\n longName?: boolean\n ) =>\n components.find(component => component.types.includes(type))?.[\n longName ? 'long_name' : 'short_name'\n ];\n\n private getCity = (address: string, components: google.maps.GeocoderAddressComponent[]) => {\n const getAsRegexpWithWordBounds = (text: string) => {\n return new RegExp('\\\\b' + text + '\\\\b');\n };\n\n const locality = this.getAddressComponentByType(components, 'locality', true);\n if (locality && getAsRegexpWithWordBounds(locality).test(address)) {\n return locality;\n }\n const area3 = this.getAddressComponentByType(components, 'administrative_area_level_3');\n if (area3 && getAsRegexpWithWordBounds(area3).test(address)) {\n return area3;\n }\n const sublocality = this.getAddressComponentByType(components, 'sublocality');\n if (sublocality && getAsRegexpWithWordBounds(sublocality).test(address)) {\n return sublocality;\n }\n const neighborhood = this.getAddressComponentByType(components, 'neighborhood');\n if (neighborhood && getAsRegexpWithWordBounds(neighborhood).test(address)) {\n return neighborhood;\n }\n const area2 =\n this.getAddressComponentByType(components, 'country', true) === 'Canada'\n ? this.getAddressComponentByType(components, 'administrative_area_level_2')\n : undefined;\n if (area2 && getAsRegexpWithWordBounds(area2).test(address)) {\n return area2;\n }\n\n return locality ?? area3 ?? sublocality ?? neighborhood ?? area2;\n };\n}\n"],"names":["GoogleGeocoderSuggestionsProvider","getSuggestions","address","window","google","addressStr","addressToString","countryCode","country","params","region","geocoder","maps","Geocoder","results","geocode","map","composeSuggestionResult","street","unit","city","state","zip","addressArray","appendPart","prefix","part","push","undefined","join","result","streetParts","streetNumber","getAddressComponentByType","address_components","streetRoute","key","formatted_address","title","value","length","getCity","latitude","geometry","location","lat","longitude","lng","locationType","location_type","components","type","longName","find","component","types","includes","getAsRegexpWithWordBounds","text","RegExp","~~locality","~~test","area3","sublocality","neighborhood","area2"],"mappings":";;;;;;;;;;;;;AAEA,OAAO,MAAMA;;QACTC,uBAAAA,kBAAiB,OAAOC;YACpB,IAAI,CAACC,OAAOC,MAAM,EAAE;gBAChB;YACJ;YACA,MAAMC,aAAa,IAAI,CAACC,eAAe,CAACJ;YACxC,MAAMK,cAAcL,QAAQM,OAAO,KAAK,WAAW,OAAO;YAC1D,MAAMC,SAAS;gBACXP,SAASG;gBACTK,QAAQH;YACZ;YACA,MAAMI,WAAW,IAAIP,OAAOQ,IAAI,CAACC,QAAQ;YACzC,MAAM,EAAEC,OAAO,EAAE,GAAG,MAAMH,SAASI,OAAO,CAACN;YAC3C,OAAOK,QAAQE,GAAG,CAAC,IAAI,CAACC,uBAAuB;QACnD;QAEA,uBAAQX,mBAAkB,CAAC,EAAEY,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,KAAK,EAAEC,GAAG,EAAEd,OAAO,EAAgB;YAChF,MAAMe,eAAyB,EAAE;YAEjC,MAAMC,aAAa,CAACC,QAAgBC;gBAChC,IAAIA,MAAM;oBACNH,aAAaI,IAAI,CAACF,QAAQC;gBAC9B;YACJ;YAEAF,WAAW,IAAIN;YACfM,WAAW,KAAKL,OAAO,MAAMA,OAAOS;YACpCJ,WAAW,MAAMJ;YACjBI,WAAW,MAAMH;YACjBG,WAAW,KAAKF;YAChBE,WAAW,KAAKhB;YAEhB,OAAOe,aAAaM,IAAI;QAC5B;QAEA,uBAAQZ,2BAA0B,CAACa;YAC/B,MAAMC,cAAc,EAAE;YACtB,MAAMC,eAAe,IAAI,CAACC,yBAAyB,CAC/CH,OAAOI,kBAAkB,EACzB;YAGJ,IAAIF,cAAc;gBACdD,YAAYJ,IAAI,CAACK;YACrB;YAEA,MAAMG,cAAc,IAAI,CAACF,yBAAyB,CAC9CH,OAAOI,kBAAkB,EACzB,SACA;YAGJ,IAAIC,aAAa;gBACbJ,YAAYJ,IAAI,CAACQ;YACrB;YACA,OAAO;gBACHC,KAAKN,OAAOO,iBAAiB;gBAC7BC,OAAOR,OAAOO,iBAAiB;gBAC/BE,OAAO;oBACHrB,QAAQa,YAAYS,MAAM,GAAG,IAAIT,YAAYF,IAAI,CAAC,OAAOD;oBACzDT,MAAM,IAAI,CAACc,yBAAyB,CAACH,OAAOI,kBAAkB,EAAE;oBAChEd,MAAM,IAAI,CAACqB,OAAO,CAACX,OAAOO,iBAAiB,EAAEP,OAAOI,kBAAkB;oBACtEb,OAAO,IAAI,CAACY,yBAAyB,CACjCH,OAAOI,kBAAkB,EACzB;oBAEJZ,KAAK,IAAI,CAACW,yBAAyB,CAACH,OAAOI,kBAAkB,EAAE;oBAC/D1B,SAAS,IAAI,CAACyB,yBAAyB,CAACH,OAAOI,kBAAkB,EAAE;oBACnEQ,UAAUZ,OAAOa,QAAQ,CAACC,QAAQ,CAACC,GAAG;oBACtCC,WAAWhB,OAAOa,QAAQ,CAACC,QAAQ,CAACG,GAAG;oBACvCC,cAAclB,OAAOa,QAAQ,CAACM,aAAa;gBAC/C;YACJ;QACJ;QAEA,uBAAQhB,6BAA4B,CAChCiB,YACAC,MACAC;gBAEAF;oBAAAA,mBAAAA,WAAWG,IAAI,CAACC,CAAAA,YAAaA,UAAUC,KAAK,CAACC,QAAQ,CAACL,oBAAtDD,uCAAAA,gBAA8D,CAC1DE,WAAW,cAAc,aAC5B;;QAEL,uBAAQX,WAAU,CAACvC,SAAiBgD;~~YAChC~~,~~MAAMO~~,4BAA4B,CAACC;gBAC/B,OAAO,IAAIC,OAAO,QAAQD,OAAO;YACrC;YAEA,~~MAAME~~,WAAW,IAAI,~~CAAC3B~~,yBAAyB,CAACiB,YAAY,YAAY;YACxE,~~IAAIU~~,~~YAAYH~~,~~0BAA0BG~~,~~UAAUC~~,IAAI,CAAC3D,UAAU;gBAC/D,~~OAAO0D~~;YACX;YACA,~~MAAME~~,QAAQ,IAAI,CAAC7B,yBAAyB,CAACiB,YAAY;YACzD,IAAIY,~~SAASL~~,~~0BAA0BK~~,OAAOD,IAAI,CAAC3D,UAAU;gBACzD,OAAO4D;YACX;YACA,MAAMC,cAAc,IAAI,CAAC9B,yBAAyB,CAACiB,YAAY;YAC/D,IAAIa,~~eAAeN~~,~~0BAA0BM~~,aAAaF,IAAI,CAAC3D,UAAU;gBACrE,OAAO6D;YACX;YACA,MAAMC,eAAe,IAAI,CAAC/B,yBAAyB,CAACiB,YAAY;YAChE,IAAIc,~~gBAAgBP~~,~~0BAA0BO~~,cAAcH,IAAI,CAAC3D,UAAU;gBACvE,OAAO8D;YACX;YACA,MAAMC,QACF,IAAI,CAAChC,yBAAyB,CAACiB,YAAY,WAAW,UAAU,WAC1D,IAAI,CAACjB,yBAAyB,CAACiB,YAAY,iCAC3CtB;YACV,IAAIqC,~~SAASR~~,~~0BAA0BQ~~,OAAOJ,IAAI,CAAC3D,UAAU;gBACzD,OAAO+D;YACX;~~gBAEOL~~,~~MAAAA~~,~~OAAAA;YAAP,OAAOA,CAAAA,~~QAAAA,~~CAAAA~~,QAAAA,~~CAAAA,OAAAA,~~qBAAAA,sBAAAA,~~WAAYE~~,~~mBAAZF~~,~~kBAAAA~~,~~OAAqBG~~,~~yBAArBH~~,mBAAAA,~~QAAoCI~~,~~0BAApCJ~~,~~mBAAAA~~,~~QAAoDK~~;QAC/D;;AACJ"}
1	+ {"version":3,"sources":["../../../src/address-suggestion-popover/utils/google-geocoder-suggestions-provider.ts"],"sourcesContent":["import { AddressModel, AddressSuggestionsProvider } from '../components/address-suggestion-popover';\n\nexport class GoogleGeocoderSuggestionsProvider implements AddressSuggestionsProvider {\n getSuggestions = async (address: AddressModel) => {\n if (!window.google) {\n return;\n }\n const addressStr = this.addressToString(address);\n const countryCode = address.country === 'Canada' ? 'ca' : 'us';\n const params = {\n address: addressStr,\n region: countryCode,\n };\n const geocoder = new google.maps.Geocoder();\n const { results } = await geocoder.geocode(params);\n return results.map(this.composeSuggestionResult);\n };\n\n private addressToString = ({ street, unit, city, state, zip, country }: AddressModel) => {\n const addressArray: string[] = [];\n\n const appendPart = (prefix: string, part?: string) => {\n if (part) {\n addressArray.push(prefix, part);\n }\n };\n\n appendPart('', street);\n appendPart(' ', unit ? '#' + unit : undefined);\n appendPart(', ', city);\n appendPart(', ', state);\n appendPart(' ', zip);\n appendPart(' ', country);\n\n return addressArray.join();\n };\n\n private composeSuggestionResult = (result: google.maps.GeocoderResult) => {\n const streetParts = [];\n const streetNumber = this.getAddressComponentByType(\n result.address_components,\n 'street_number'\n );\n\n if (streetNumber) {\n streetParts.push(streetNumber);\n }\n\n const streetRoute = this.getAddressComponentByType(\n result.address_components,\n 'route',\n true\n );\n\n if (streetRoute) {\n streetParts.push(streetRoute);\n }\n return {\n key: result.formatted_address,\n title: result.formatted_address,\n value: {\n street: streetParts.length > 0 ? streetParts.join(' ') : undefined,\n unit: this.getAddressComponentByType(result.address_components, 'subpremise'),\n city: this.getCity(result.formatted_address, result.address_components),\n state: this.getAddressComponentByType(\n result.address_components,\n 'administrative_area_level_1'\n ),\n zip: this.getAddressComponentByType(result.address_components, 'postal_code'),\n country: this.getAddressComponentByType(result.address_components, 'country'),\n latitude: result.geometry.location.lat(),\n longitude: result.geometry.location.lng(),\n locationType: result.geometry.location_type,\n },\n };\n };\n\n private getAddressComponentByType = (\n components: google.maps.GeocoderAddressComponent[],\n type: string,\n longName?: boolean\n ) =>\n components.find(component => component.types.includes(type))?.[\n longName ? 'long_name' : 'short_name'\n ];\n\n private getCity = (address: string, components: google.maps.GeocoderAddressComponent[]) => {\n const getAsRegexpWithWordBounds = (text: string) => {\n return new RegExp('\\\\b' + text + '\\\\b');\n };\n\n const locality = this.getAddressComponentByType(components, 'locality', true);\n if (locality && getAsRegexpWithWordBounds(locality).test(address)) {\n return locality;\n }\n const area3 = this.getAddressComponentByType(components, 'administrative_area_level_3');\n if (area3 && getAsRegexpWithWordBounds(area3).test(address)) {\n return area3;\n }\n const sublocality = this.getAddressComponentByType(components, 'sublocality');\n if (sublocality && getAsRegexpWithWordBounds(sublocality).test(address)) {\n return sublocality;\n }\n const neighborhood = this.getAddressComponentByType(components, 'neighborhood');\n if (neighborhood && getAsRegexpWithWordBounds(neighborhood).test(address)) {\n return neighborhood;\n }\n const area2 =\n this.getAddressComponentByType(components, 'country', true) === 'Canada'\n ? this.getAddressComponentByType(components, 'administrative_area_level_2')\n : undefined;\n if (area2 && getAsRegexpWithWordBounds(area2).test(address)) {\n return area2;\n }\n\n return locality ?? area3 ?? sublocality ?? neighborhood ?? area2;\n };\n}\n"],"names":["GoogleGeocoderSuggestionsProvider","getSuggestions","address","window","google","addressStr","addressToString","countryCode","country","params","region","geocoder","maps","Geocoder","results","geocode","map","composeSuggestionResult","street","unit","city","state","zip","addressArray","appendPart","prefix","part","push","undefined","join","result","streetParts","streetNumber","getAddressComponentByType","address_components","streetRoute","key","formatted_address","title","value","length","getCity","latitude","geometry","location","lat","longitude","lng","locationType","location_type","components","type","longName","find","component","types","includes","locality","getAsRegexpWithWordBounds","text","RegExp","test","area3","sublocality","neighborhood","area2"],"mappings":"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"}

package/dist/company-profile/components/company-profile-form.js CHANGED Viewed

@@ -12,6 +12,7 @@ import { CountryDropdownInput } from './country-dropdown-input';
 import { StateAndProvinceDropdownInput } from './state-and-province-dropdown-input';
 import { ImagePicker } from './image-picker';
 export const CompanyProfileForm = observer(({ className, el: Element = Form, addressSuggestionsProvider })=>{
+    var _companyCountry_value;
     const [{ form, showFormError, zipCodeMask, einOrBnMask, einOrBnInputProps, countries, countryAndRegionData, regionToCodeMap, phoneMask, suggestionAddressModel, applyAddressSuggestion, setNeedAddressValidation, withAddressValidation }] = useDependencies(CompanyProfileFormStore);
     const zipCodeOnChangeHandler = (zip)=>{
         form.$.address.$.companyZipCode.onChange(zip);
@@ -38,7 +39,6 @@ export const CompanyProfileForm = observer(({ className, el: Element = Form, add
         addressSuggestionsProvider
     ]);
     const showAddressValidation = withAddressValidation && !isCompanyAddressVerified.value;
-    var _companyCountry_value;
     return /*#__PURE__*/ _jsxs(Element, {
         size: "tiny",
         className: classNames(className, 'ta-left', 'p-x-6'),

package/dist/company-profile/components/company-profile-form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/company-profile/components/company-profile-form.tsx"],"sourcesContent":["import { Button, Form, FormDropdownProps } from '@servicetitan/design-system';\nimport { MaskedInput } from '@servicetitan/form';\nimport { useBoolean } from '@servicetitan/react-hooks';\nimport { useDependencies } from '@servicetitan/react-ioc';\nimport classNames from 'classnames';\nimport { observer } from 'mobx-react';\nimport { ElementType, SyntheticEvent, useEffect } from 'react';\nimport {\n AddressSuggestionPopover,\n AddressSuggestionsProvider,\n} from '../../address-suggestion-popover';\nimport { CompanyProfileFormStore } from '../stores/company-profile-form.store';\nimport { CountryDropdownInput } from './country-dropdown-input';\nimport { StateAndProvinceDropdownInput } from './state-and-province-dropdown-input';\nimport { ImagePicker } from './image-picker';\n\ninterface CompanyProfileFormProps {\n className?: string;\n el?: ElementType;\n addressSuggestionsProvider?: AddressSuggestionsProvider;\n}\n\nexport const CompanyProfileForm = observer(\n ({ className, el: Element = Form, addressSuggestionsProvider }: CompanyProfileFormProps) => {\n const [\n {\n form,\n showFormError,\n zipCodeMask,\n einOrBnMask,\n einOrBnInputProps,\n countries,\n countryAndRegionData,\n regionToCodeMap,\n phoneMask,\n suggestionAddressModel,\n applyAddressSuggestion,\n setNeedAddressValidation,\n withAddressValidation,\n },\n ] = useDependencies(CompanyProfileFormStore);\n\n const zipCodeOnChangeHandler = (zip: string) => {\n form.$.address.$.companyZipCode.onChange(zip);\n };\n\n const einOrBnOnChangeHandler = (einOrBn: string) => {\n form.$.einOrBn.onChange((einOrBn \|\| '').replace(/[^0-9.]/g, ''));\n };\n\n const phoneOnChangeHandler = (phone: string) => {\n form.$.adminPhone.onChange((phone \|\| '').replace(/[^0-9.]/g, ''));\n };\n\n const countryOnChangeHandler = (\n event: SyntheticEvent<HTMLElement>,\n data: FormDropdownProps\n ) => {\n if (\n form.$.address.$.companyCountry.value &&\n data.value !== form.$.address.$.companyCountry.value\n ) {\n form.$.address.$.companyStateCode.onChange('');\n }\n form.$.address.$.companyCountry.onChangeHandler(event, data);\n };\n\n const {\n companyName,\n address: {\n $: {\n companyStreetAddress,\n companyCity,\n companyCountry,\n companyStateCode,\n companyZipCode,\n isCompanyAddressVerified,\n },\n hasFormError: addressHasFormError,\n },\n adminPhone,\n einOrBn,\n companyLogo,\n } = form.$;\n\n const zipCodeHasError = companyZipCode.hasError;\n\n const [\n isAddressSuggestionsOpen,\n { setTrue: openAddressSuggestions, setFalse: closeAddressSuggestions },\n ] = useBoolean(false);\n\n useEffect(() => {\n setNeedAddressValidation(!!addressSuggestionsProvider);\n }, [setNeedAddressValidation, addressSuggestionsProvider]);\n\n const showAddressValidation = withAddressValidation && !isCompanyAddressVerified.value;\n return (\n <Element size=\"tiny\" className={classNames(className, 'ta-left', 'p-x-6')}>\n <ImagePicker\n value={companyLogo.value}\n onChange={companyLogo.onChange}\n onDelete={() => companyLogo.onChange(undefined)}\n label=\"Company Logo\"\n description=\"Your uploaded logo will show on customer invoices and estimates.\"\n error={companyLogo.error}\n />\n <Form.Input\n label=\"Company Name\"\n placeholder=\"Company Name\"\n value={companyName.value}\n onChange={companyName.onChangeHandler}\n error={(companyName.dirty \|\| showFormError) && companyName.hasError}\n />\n <div\n className={classNames('d-f', {\n 'gap-2': showAddressValidation,\n })}\n >\n <Form.Input\n className=\"flex-grow-1\"\n label=\"Street Address\"\n placeholder=\"Street Address\"\n value={companyStreetAddress.value}\n onChange={companyStreetAddress.onChangeHandler}\n error={\n (companyStreetAddress.dirty \|\| showFormError) &&\n (companyStreetAddress.hasError \|\| addressHasFormError)\n }\n />\n <Form.Field label={'\\u00a0'}>\n {showAddressValidation && (\n <AddressSuggestionPopover\n addressSuggestionsProvider={addressSuggestionsProvider!}\n open={isAddressSuggestionsOpen}\n onClickOutside={closeAddressSuggestions}\n trigger={\n <Button\n aria-label=\"Open address suggestions\"\n iconName=\"place\"\n outline\n onClick={openAddressSuggestions}\n negative={addressHasFormError}\n />\n }\n currentAddress={suggestionAddressModel}\n onSuggestionSelect={suggestedAddress => {\n applyAddressSuggestion(suggestedAddress);\n closeAddressSuggestions();\n }}\n />\n )}\n </Form.Field>\n </div>\n <Form.Group width=\"equal\">\n <Form.Input\n fluid\n label=\"City\"\n placeholder=\"City\"\n className=\"p-r-0\"\n width=\"6\"\n value={companyCity.value}\n onChange={companyCity.onChangeHandler}\n error={(companyCity.dirty \|\| showFormError) && companyCity.hasError}\n />\n <StateAndProvinceDropdownInput\n width=\"6\"\n countryCode={companyCountry.value ?? 'USA'}\n fieldState={companyStateCode}\n error={\n (companyStateCode.dirty \|\| showFormError) && companyStateCode.hasError\n }\n countryAndRegionData={countryAndRegionData}\n regionNameToCodeMap={regionToCodeMap}\n />\n </Form.Group>\n <Form.Group width=\"equal\">\n <MaskedInput\n fluid\n label=\"ZIP Code\"\n placeholder=\"ZIP Code\"\n value={companyZipCode.value}\n onChange={zipCodeOnChangeHandler}\n mask={zipCodeMask}\n className=\"p-r-0\"\n maskChar=\" \"\n error={(companyZipCode.dirty \|\| showFormError) && zipCodeHasError}\n width={6}\n />\n <CountryDropdownInput\n width=\"6\"\n value={companyCountry.value}\n onChange={countryOnChangeHandler}\n error={(companyCountry.dirty \|\| showFormError) && companyCountry.hasError}\n options={countries.map(x => ({\n key: x,\n value: x,\n text: x === 'USA' ? 'United States' : x,\n }))}\n />\n </Form.Group>\n <Form.Group width=\"equal\">\n <MaskedInput\n fluid\n label=\"Phone Number\"\n placeholder=\"Phone Number\"\n value={adminPhone.value}\n onChange={phoneOnChangeHandler}\n error={(adminPhone.dirty \|\| showFormError) && adminPhone.hasError}\n mask={phoneMask}\n width={6}\n />\n <MaskedInput\n fluid\n label={einOrBnInputProps.label}\n placeholder={einOrBnInputProps.placeholder}\n value={einOrBn.value}\n onChange={einOrBnOnChangeHandler}\n mask={einOrBnMask}\n className=\"p-r-0\"\n maskChar=\" \"\n error={(einOrBn.dirty \|\| showFormError) && einOrBn.hasError}\n width={6}\n />\n </Form.Group>\n </Element>\n );\n }\n);\n"],"names":["Button","Form","MaskedInput","useBoolean","useDependencies","classNames","observer","useEffect","AddressSuggestionPopover","CompanyProfileFormStore","CountryDropdownInput","StateAndProvinceDropdownInput","ImagePicker","CompanyProfileForm","className","el","Element","addressSuggestionsProvider","form","showFormError","zipCodeMask","einOrBnMask","einOrBnInputProps","countries","countryAndRegionData","regionToCodeMap","phoneMask","suggestionAddressModel","applyAddressSuggestion","setNeedAddressValidation","withAddressValidation","zipCodeOnChangeHandler","zip","$","address","companyZipCode","onChange","einOrBnOnChangeHandler","einOrBn","replace","phoneOnChangeHandler","phone","adminPhone","countryOnChangeHandler","event","data","companyCountry","value","companyStateCode","onChangeHandler","companyName","companyStreetAddress","companyCity","isCompanyAddressVerified","hasFormError","addressHasFormError","companyLogo","zipCodeHasError","hasError","isAddressSuggestionsOpen","setTrue","openAddressSuggestions","setFalse","closeAddressSuggestions","showAddressValidation","size","onDelete","undefined","label","description","error","Input","placeholder","dirty","div","Field","open","onClickOutside","trigger","aria-label","iconName","outline","onClick","negative","currentAddress","onSuggestionSelect","suggestedAddress","Group","width","fluid","countryCode","fieldState","regionNameToCodeMap","mask","maskChar","options","map","x","key","text"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/company-profile/components/company-profile-form.tsx"],"sourcesContent":["import { Button, Form, FormDropdownProps } from '@servicetitan/design-system';\nimport { MaskedInput } from '@servicetitan/form';\nimport { useBoolean } from '@servicetitan/react-hooks';\nimport { useDependencies } from '@servicetitan/react-ioc';\nimport classNames from 'classnames';\nimport { observer } from 'mobx-react';\nimport { ElementType, SyntheticEvent, useEffect } from 'react';\nimport {\n AddressSuggestionPopover,\n AddressSuggestionsProvider,\n} from '../../address-suggestion-popover';\nimport { CompanyProfileFormStore } from '../stores/company-profile-form.store';\nimport { CountryDropdownInput } from './country-dropdown-input';\nimport { StateAndProvinceDropdownInput } from './state-and-province-dropdown-input';\nimport { ImagePicker } from './image-picker';\n\ninterface CompanyProfileFormProps {\n className?: string;\n el?: ElementType;\n addressSuggestionsProvider?: AddressSuggestionsProvider;\n}\n\nexport const CompanyProfileForm = observer(\n ({ className, el: Element = Form, addressSuggestionsProvider }: CompanyProfileFormProps) => {\n const [\n {\n form,\n showFormError,\n zipCodeMask,\n einOrBnMask,\n einOrBnInputProps,\n countries,\n countryAndRegionData,\n regionToCodeMap,\n phoneMask,\n suggestionAddressModel,\n applyAddressSuggestion,\n setNeedAddressValidation,\n withAddressValidation,\n },\n ] = useDependencies(CompanyProfileFormStore);\n\n const zipCodeOnChangeHandler = (zip: string) => {\n form.$.address.$.companyZipCode.onChange(zip);\n };\n\n const einOrBnOnChangeHandler = (einOrBn: string) => {\n form.$.einOrBn.onChange((einOrBn \|\| '').replace(/[^0-9.]/g, ''));\n };\n\n const phoneOnChangeHandler = (phone: string) => {\n form.$.adminPhone.onChange((phone \|\| '').replace(/[^0-9.]/g, ''));\n };\n\n const countryOnChangeHandler = (\n event: SyntheticEvent<HTMLElement>,\n data: FormDropdownProps\n ) => {\n if (\n form.$.address.$.companyCountry.value &&\n data.value !== form.$.address.$.companyCountry.value\n ) {\n form.$.address.$.companyStateCode.onChange('');\n }\n form.$.address.$.companyCountry.onChangeHandler(event, data);\n };\n\n const {\n companyName,\n address: {\n $: {\n companyStreetAddress,\n companyCity,\n companyCountry,\n companyStateCode,\n companyZipCode,\n isCompanyAddressVerified,\n },\n hasFormError: addressHasFormError,\n },\n adminPhone,\n einOrBn,\n companyLogo,\n } = form.$;\n\n const zipCodeHasError = companyZipCode.hasError;\n\n const [\n isAddressSuggestionsOpen,\n { setTrue: openAddressSuggestions, setFalse: closeAddressSuggestions },\n ] = useBoolean(false);\n\n useEffect(() => {\n setNeedAddressValidation(!!addressSuggestionsProvider);\n }, [setNeedAddressValidation, addressSuggestionsProvider]);\n\n const showAddressValidation = withAddressValidation && !isCompanyAddressVerified.value;\n return (\n <Element size=\"tiny\" className={classNames(className, 'ta-left', 'p-x-6')}>\n <ImagePicker\n value={companyLogo.value}\n onChange={companyLogo.onChange}\n onDelete={() => companyLogo.onChange(undefined)}\n label=\"Company Logo\"\n description=\"Your uploaded logo will show on customer invoices and estimates.\"\n error={companyLogo.error}\n />\n <Form.Input\n label=\"Company Name\"\n placeholder=\"Company Name\"\n value={companyName.value}\n onChange={companyName.onChangeHandler}\n error={(companyName.dirty \|\| showFormError) && companyName.hasError}\n />\n <div\n className={classNames('d-f', {\n 'gap-2': showAddressValidation,\n })}\n >\n <Form.Input\n className=\"flex-grow-1\"\n label=\"Street Address\"\n placeholder=\"Street Address\"\n value={companyStreetAddress.value}\n onChange={companyStreetAddress.onChangeHandler}\n error={\n (companyStreetAddress.dirty \|\| showFormError) &&\n (companyStreetAddress.hasError \|\| addressHasFormError)\n }\n />\n <Form.Field label={'\\u00a0'}>\n {showAddressValidation && (\n <AddressSuggestionPopover\n addressSuggestionsProvider={addressSuggestionsProvider!}\n open={isAddressSuggestionsOpen}\n onClickOutside={closeAddressSuggestions}\n trigger={\n <Button\n aria-label=\"Open address suggestions\"\n iconName=\"place\"\n outline\n onClick={openAddressSuggestions}\n negative={addressHasFormError}\n />\n }\n currentAddress={suggestionAddressModel}\n onSuggestionSelect={suggestedAddress => {\n applyAddressSuggestion(suggestedAddress);\n closeAddressSuggestions();\n }}\n />\n )}\n </Form.Field>\n </div>\n <Form.Group width=\"equal\">\n <Form.Input\n fluid\n label=\"City\"\n placeholder=\"City\"\n className=\"p-r-0\"\n width=\"6\"\n value={companyCity.value}\n onChange={companyCity.onChangeHandler}\n error={(companyCity.dirty \|\| showFormError) && companyCity.hasError}\n />\n <StateAndProvinceDropdownInput\n width=\"6\"\n countryCode={companyCountry.value ?? 'USA'}\n fieldState={companyStateCode}\n error={\n (companyStateCode.dirty \|\| showFormError) && companyStateCode.hasError\n }\n countryAndRegionData={countryAndRegionData}\n regionNameToCodeMap={regionToCodeMap}\n />\n </Form.Group>\n <Form.Group width=\"equal\">\n <MaskedInput\n fluid\n label=\"ZIP Code\"\n placeholder=\"ZIP Code\"\n value={companyZipCode.value}\n onChange={zipCodeOnChangeHandler}\n mask={zipCodeMask}\n className=\"p-r-0\"\n maskChar=\" \"\n error={(companyZipCode.dirty \|\| showFormError) && zipCodeHasError}\n width={6}\n />\n <CountryDropdownInput\n width=\"6\"\n value={companyCountry.value}\n onChange={countryOnChangeHandler}\n error={(companyCountry.dirty \|\| showFormError) && companyCountry.hasError}\n options={countries.map(x => ({\n key: x,\n value: x,\n text: x === 'USA' ? 'United States' : x,\n }))}\n />\n </Form.Group>\n <Form.Group width=\"equal\">\n <MaskedInput\n fluid\n label=\"Phone Number\"\n placeholder=\"Phone Number\"\n value={adminPhone.value}\n onChange={phoneOnChangeHandler}\n error={(adminPhone.dirty \|\| showFormError) && adminPhone.hasError}\n mask={phoneMask}\n width={6}\n />\n <MaskedInput\n fluid\n label={einOrBnInputProps.label}\n placeholder={einOrBnInputProps.placeholder}\n value={einOrBn.value}\n onChange={einOrBnOnChangeHandler}\n mask={einOrBnMask}\n className=\"p-r-0\"\n maskChar=\" \"\n error={(einOrBn.dirty \|\| showFormError) && einOrBn.hasError}\n width={6}\n />\n </Form.Group>\n </Element>\n );\n }\n);\n"],"names":["Button","Form","MaskedInput","useBoolean","useDependencies","classNames","observer","useEffect","AddressSuggestionPopover","CompanyProfileFormStore","CountryDropdownInput","StateAndProvinceDropdownInput","ImagePicker","CompanyProfileForm","className","el","Element","addressSuggestionsProvider","companyCountry","form","showFormError","zipCodeMask","einOrBnMask","einOrBnInputProps","countries","countryAndRegionData","regionToCodeMap","phoneMask","suggestionAddressModel","applyAddressSuggestion","setNeedAddressValidation","withAddressValidation","zipCodeOnChangeHandler","zip","$","address","companyZipCode","onChange","einOrBnOnChangeHandler","einOrBn","replace","phoneOnChangeHandler","phone","adminPhone","countryOnChangeHandler","event","data","value","companyStateCode","onChangeHandler","companyName","companyStreetAddress","companyCity","isCompanyAddressVerified","hasFormError","addressHasFormError","companyLogo","zipCodeHasError","hasError","isAddressSuggestionsOpen","setTrue","openAddressSuggestions","setFalse","closeAddressSuggestions","showAddressValidation","size","onDelete","undefined","label","description","error","Input","placeholder","dirty","div","Field","open","onClickOutside","trigger","aria-label","iconName","outline","onClick","negative","currentAddress","onSuggestionSelect","suggestedAddress","Group","width","fluid","countryCode","fieldState","regionNameToCodeMap","mask","maskChar","options","map","x","key","text"],"mappings":"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"}

package/dist/company-profile/components/country-dropdown-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/company-profile/components/country-dropdown-input.tsx"],"sourcesContent":["import { FormDropdownProps, Form, SemanticWIDTHS } from '@servicetitan/design-system';\nimport { observer } from 'mobx-react';\nimport { Option } from '@servicetitan/form';\n\nexport interface ICountryDropdownInput extends FormDropdownProps {\n options: Option<string>[];\n width?: SemanticWIDTHS;\n}\n\nexport const CountryDropdownInput = observer((props: ICountryDropdownInput) => {\n const { value, width, placeholder, ...rest } = props;\n return (\n <Form.Select\n fluid\n search\n width={width ?? '12'}\n label=\"Country\"\n placeholder={placeholder ?? 'Country'}\n value={value}\n {...rest}\n />\n );\n});\n"],"names":["Form","observer","CountryDropdownInput","props","value","width","placeholder","rest","Select","fluid","search","label"],"mappings":";AAAA,SAA4BA,IAAI,QAAwB,8BAA8B;AACtF,SAASC,QAAQ,QAAQ,aAAa;AAQtC,OAAO,MAAMC,uBAAuBD,SAAS,CAACE;IAC1C,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC,MAAM,GAAGJ;IAC/C,qBACI,KAACH,KAAKQ,MAAM;QACRC,KAAK;QACLC,MAAM;QACNL,~~OAAOA~~,kBAAAA,mBAAAA,QAAS;QAChBM,OAAM;QACNL,~~aAAaA~~,wBAAAA,yBAAAA,cAAe;QAC5BF,OAAOA;QACN,GAAGG,IAAI;;AAGpB,GAAG"}
1	+ {"version":3,"sources":["../../../src/company-profile/components/country-dropdown-input.tsx"],"sourcesContent":["import { FormDropdownProps, Form, SemanticWIDTHS } from '@servicetitan/design-system';\nimport { observer } from 'mobx-react';\nimport { Option } from '@servicetitan/form';\n\nexport interface ICountryDropdownInput extends FormDropdownProps {\n options: Option<string>[];\n width?: SemanticWIDTHS;\n}\n\nexport const CountryDropdownInput = observer((props: ICountryDropdownInput) => {\n const { value, width, placeholder, ...rest } = props;\n return (\n <Form.Select\n fluid\n search\n width={width ?? '12'}\n label=\"Country\"\n placeholder={placeholder ?? 'Country'}\n value={value}\n {...rest}\n />\n );\n});\n"],"names":["Form","observer","CountryDropdownInput","props","value","width","placeholder","rest","Select","fluid","search","label"],"mappings":";AAAA,SAA4BA,IAAI,QAAwB,8BAA8B;AACtF,SAASC,QAAQ,QAAQ,aAAa;AAQtC,OAAO,MAAMC,uBAAuBD,SAAS,CAACE;IAC1C,MAAM,EAAEC,KAAK,EAAEC,KAAK,EAAEC,WAAW,EAAE,GAAGC,MAAM,GAAGJ;IAC/C,qBACI,KAACH,KAAKQ,MAAM;QACRC,KAAK;QACLC,MAAM;QACNL,KAAK,EAAEA,kBAAAA,mBAAAA,QAAS;QAChBM,OAAM;QACNL,WAAW,EAAEA,wBAAAA,yBAAAA,cAAe;QAC5BF,OAAOA;QACN,GAAGG,IAAI;;AAGpB,GAAG"}

package/dist/company-profile/components/state-and-province-dropdown-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/company-profile/components/state-and-province-dropdown-input.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { Form, FormDropdownProps, SemanticWIDTHS } from '@servicetitan/design-system';\nimport { observer } from 'mobx-react';\nimport { DropdownFieldState } from '@servicetitan/form';\nimport { CountryWithRegions, DropdownRegion } from '../stores/company-profile-form.store';\nimport { isCountry, Country } from '../../utils/country-helpers';\n\ninterface StateAndProvinceDropdownInputProps extends FormDropdownProps {\n countryCode: string;\n fieldState: DropdownFieldState<string>;\n countryAndRegionData: CountryWithRegions[];\n regionNameToCodeMap: Map<string, string>;\n width?: SemanticWIDTHS;\n}\n\nconst toTitleCase = (str: string) =>\n str.replace(/\\w\\S/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());\n\nexport const StateAndProvinceDropdownInput = observer(\n (props: StateAndProvinceDropdownInputProps) => {\n const {\n fieldState,\n regionNameToCodeMap,\n countryAndRegionData,\n countryCode,\n width,\n placeholder,\n ...rest\n } = props;\n const { value, onChange, onChangeHandler } = fieldState;\n\n useEffect(() => {\n /\n * requirement: convert any incoming state value that is a full state/province name\n * to it's respective state code (e.g. 'Alabama' => 'AL')\n * The incoming value may not have proper casing\n * (salesforce data input through text input field not dropdown),\n * so convert to proper casing to find value in map\n * https://servicetitan.atlassian.net/browse/OX-948\n */\n if (value && value.length > 2 && !isCountry(countryCode, Country.Australia)) {\n onChange(regionNameToCodeMap.get(toTitleCase(value)) ?? ' ');\n }\n }, [countryCode, onChange, regionNameToCodeMap, value]);\n\n let americanRegionalData;\n let canadianRegionalData;\n let australiaRegionalData;\n\n countryAndRegionData.forEach((countryOption: CountryWithRegions) => {\n const data = countryOption.Regions.map((option: DropdownRegion) => ({\n key: option.Code,\n value: option.Code,\n text: option.Name,\n }));\n if (countryOption.Country === 'US') {\n americanRegionalData = data;\n }\n if (countryOption.Country === 'CA') {\n canadianRegionalData = data;\n }\n if (countryOption.Country === 'AU') {\n australiaRegionalData = data;\n }\n });\n\n const regionType =\n countryCode.toLowerCase() === 'canada' \|\| countryCode.toLowerCase() === 'ca'\n ? 'Province'\n : 'State';\n let options = americanRegionalData;\n switch (countryCode.toLowerCase()) {\n case 'us':\n case 'usa':\n options = americanRegionalData;\n break;\n case 'ca':\n case 'canada':\n options = canadianRegionalData;\n break;\n case 'au':\n case 'australia':\n options = australiaRegionalData;\n break;\n default:\n options = americanRegionalData;\n break;\n }\n\n return (\n <Form.Select\n search\n fluid\n width={width ?? '12'}\n label={regionType}\n placeholder={placeholder ?? regionType}\n value={value}\n onChange={onChangeHandler}\n options={options!}\n {...rest}\n />\n );\n }\n);\n"],"names":["useEffect","Form","observer","isCountry","Country","toTitleCase","str","replace","txt","charAt","toUpperCase","substr","toLowerCase","StateAndProvinceDropdownInput","props","fieldState","regionNameToCodeMap","countryAndRegionData","countryCode","width","placeholder","rest","value","onChange","onChangeHandler","length","Australia","get","americanRegionalData","canadianRegionalData","australiaRegionalData","forEach","countryOption","data","Regions","map","option","key","Code","text","Name","regionType","options","Select","search","fluid","label"],"mappings":";AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,IAAI,QAA2C,8BAA8B;AACtF,SAASC,QAAQ,QAAQ,aAAa;AAGtC,SAASC,SAAS,EAAEC,OAAO,QAAQ,8BAA8B;AAUjE,MAAMC,cAAc,CAACC,MACjBA,IAAIC,OAAO,CAAC,UAAUC,CAAAA,MAAOA,IAAIC,MAAM,CAAC,GAAGC,WAAW,KAAKF,IAAIG,MAAM,CAAC,GAAGC,WAAW;AAExF,OAAO,MAAMC,gCAAgCX,SACzC,CAACY;IACG,MAAM,EACFC,UAAU,EACVC,mBAAmB,EACnBC,oBAAoB,EACpBC,WAAW,EACXC,KAAK,EACLC,WAAW,EACX,GAAGC,MACN,GAAGP;IACJ,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEC,eAAe,EAAE,GAAGT;IAE7Cf,UAAU;QACN;;;;;;;aAOC,GACD,IAAIsB,SAASA,MAAMG,MAAM,GAAG,KAAK,CAACtB,UAAUe,aAAad,QAAQsB,SAAS,GAAG;gBAChEV;YAATO,~~SAASP~~,~~CAAAA,~~2BAAAA,oBAAoBW,GAAG,CAACtB,YAAYiB,qBAApCN,sCAAAA,2BAA+C;QAC5D;IACJ,GAAG;QAACE;QAAaK;QAAUP;QAAqBM;KAAM;IAEtD,IAAIM;IACJ,IAAIC;IACJ,IAAIC;IAEJb,qBAAqBc,OAAO,CAAC,CAACC;QAC1B,MAAMC,OAAOD,cAAcE,OAAO,CAACC,GAAG,CAAC,CAACC,SAA4B,CAAA;gBAChEC,KAAKD,OAAOE,IAAI;gBAChBhB,OAAOc,OAAOE,IAAI;gBAClBC,MAAMH,OAAOI,IAAI;YACrB,CAAA;QACA,IAAIR,cAAc5B,OAAO,KAAK,MAAM;YAChCwB,uBAAuBK;QAC3B;QACA,IAAID,cAAc5B,OAAO,KAAK,MAAM;YAChCyB,uBAAuBI;QAC3B;QACA,IAAID,cAAc5B,OAAO,KAAK,MAAM;YAChC0B,wBAAwBG;QAC5B;IACJ;IAEA,MAAMQ,aACFvB,YAAYN,WAAW,OAAO,YAAYM,YAAYN,WAAW,OAAO,OAClE,aACA;IACV,IAAI8B,UAAUd;IACd,OAAQV,YAAYN,WAAW;QAC3B,KAAK;QACL,KAAK;YACD8B,UAAUd;YACV;QACJ,KAAK;QACL,KAAK;YACDc,UAAUb;YACV;QACJ,KAAK;QACL,KAAK;YACDa,UAAUZ;YACV;QACJ;YACIY,UAAUd;YACV;IACR;IAEA,qBACI,KAAC3B,KAAK0C,MAAM;QACRC,MAAM;QACNC,KAAK;QACL1B,~~OAAOA~~,kBAAAA,mBAAAA,QAAS;QAChB2B,OAAOL;QACPrB,~~aAAaA~~,wBAAAA,yBAAAA,cAAeqB;QAC5BnB,OAAOA;QACPC,UAAUC;QACVkB,SAASA;QACR,GAAGrB,IAAI;;AAGpB,GACF"}
1	+ {"version":3,"sources":["../../../src/company-profile/components/state-and-province-dropdown-input.tsx"],"sourcesContent":["import { useEffect } from 'react';\nimport { Form, FormDropdownProps, SemanticWIDTHS } from '@servicetitan/design-system';\nimport { observer } from 'mobx-react';\nimport { DropdownFieldState } from '@servicetitan/form';\nimport { CountryWithRegions, DropdownRegion } from '../stores/company-profile-form.store';\nimport { isCountry, Country } from '../../utils/country-helpers';\n\ninterface StateAndProvinceDropdownInputProps extends FormDropdownProps {\n countryCode: string;\n fieldState: DropdownFieldState<string>;\n countryAndRegionData: CountryWithRegions[];\n regionNameToCodeMap: Map<string, string>;\n width?: SemanticWIDTHS;\n}\n\nconst toTitleCase = (str: string) =>\n str.replace(/\\w\\S/g, txt => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());\n\nexport const StateAndProvinceDropdownInput = observer(\n (props: StateAndProvinceDropdownInputProps) => {\n const {\n fieldState,\n regionNameToCodeMap,\n countryAndRegionData,\n countryCode,\n width,\n placeholder,\n ...rest\n } = props;\n const { value, onChange, onChangeHandler } = fieldState;\n\n useEffect(() => {\n /\n * requirement: convert any incoming state value that is a full state/province name\n * to it's respective state code (e.g. 'Alabama' => 'AL')\n * The incoming value may not have proper casing\n * (salesforce data input through text input field not dropdown),\n * so convert to proper casing to find value in map\n * https://servicetitan.atlassian.net/browse/OX-948\n */\n if (value && value.length > 2 && !isCountry(countryCode, Country.Australia)) {\n onChange(regionNameToCodeMap.get(toTitleCase(value)) ?? ' ');\n }\n }, [countryCode, onChange, regionNameToCodeMap, value]);\n\n let americanRegionalData;\n let canadianRegionalData;\n let australiaRegionalData;\n\n countryAndRegionData.forEach((countryOption: CountryWithRegions) => {\n const data = countryOption.Regions.map((option: DropdownRegion) => ({\n key: option.Code,\n value: option.Code,\n text: option.Name,\n }));\n if (countryOption.Country === 'US') {\n americanRegionalData = data;\n }\n if (countryOption.Country === 'CA') {\n canadianRegionalData = data;\n }\n if (countryOption.Country === 'AU') {\n australiaRegionalData = data;\n }\n });\n\n const regionType =\n countryCode.toLowerCase() === 'canada' \|\| countryCode.toLowerCase() === 'ca'\n ? 'Province'\n : 'State';\n let options = americanRegionalData;\n switch (countryCode.toLowerCase()) {\n case 'us':\n case 'usa':\n options = americanRegionalData;\n break;\n case 'ca':\n case 'canada':\n options = canadianRegionalData;\n break;\n case 'au':\n case 'australia':\n options = australiaRegionalData;\n break;\n default:\n options = americanRegionalData;\n break;\n }\n\n return (\n <Form.Select\n search\n fluid\n width={width ?? '12'}\n label={regionType}\n placeholder={placeholder ?? regionType}\n value={value}\n onChange={onChangeHandler}\n options={options!}\n {...rest}\n />\n );\n }\n);\n"],"names":["useEffect","Form","observer","isCountry","Country","toTitleCase","str","replace","txt","charAt","toUpperCase","substr","toLowerCase","StateAndProvinceDropdownInput","props","fieldState","regionNameToCodeMap","countryAndRegionData","countryCode","width","placeholder","rest","value","onChange","onChangeHandler","length","Australia","get","americanRegionalData","canadianRegionalData","australiaRegionalData","forEach","countryOption","data","Regions","map","option","key","Code","text","Name","regionType","options","Select","search","fluid","label"],"mappings":";AAAA,SAASA,SAAS,QAAQ,QAAQ;AAClC,SAASC,IAAI,QAA2C,8BAA8B;AACtF,SAASC,QAAQ,QAAQ,aAAa;AAGtC,SAASC,SAAS,EAAEC,OAAO,QAAQ,8BAA8B;AAUjE,MAAMC,cAAc,CAACC,MACjBA,IAAIC,OAAO,CAAC,UAAUC,CAAAA,MAAOA,IAAIC,MAAM,CAAC,GAAGC,WAAW,KAAKF,IAAIG,MAAM,CAAC,GAAGC,WAAW;AAExF,OAAO,MAAMC,gCAAgCX,SACzC,CAACY;IACG,MAAM,EACFC,UAAU,EACVC,mBAAmB,EACnBC,oBAAoB,EACpBC,WAAW,EACXC,KAAK,EACLC,WAAW,EACX,GAAGC,MACN,GAAGP;IACJ,MAAM,EAAEQ,KAAK,EAAEC,QAAQ,EAAEC,eAAe,EAAE,GAAGT;IAE7Cf,UAAU;QACN;;;;;;;aAOC,GACD,IAAIsB,SAASA,MAAMG,MAAM,GAAG,KAAK,CAACtB,UAAUe,aAAad,QAAQsB,SAAS,GAAG;gBAChEV;YAATO,UAASP,2BAAAA,oBAAoBW,GAAG,CAACtB,YAAYiB,qBAApCN,sCAAAA,2BAA+C;QAC5D;IACJ,GAAG;QAACE;QAAaK;QAAUP;QAAqBM;KAAM;IAEtD,IAAIM;IACJ,IAAIC;IACJ,IAAIC;IAEJb,qBAAqBc,OAAO,CAAC,CAACC;QAC1B,MAAMC,OAAOD,cAAcE,OAAO,CAACC,GAAG,CAAC,CAACC,SAA4B,CAAA;gBAChEC,KAAKD,OAAOE,IAAI;gBAChBhB,OAAOc,OAAOE,IAAI;gBAClBC,MAAMH,OAAOI,IAAI;YACrB,CAAA;QACA,IAAIR,cAAc5B,OAAO,KAAK,MAAM;YAChCwB,uBAAuBK;QAC3B;QACA,IAAID,cAAc5B,OAAO,KAAK,MAAM;YAChCyB,uBAAuBI;QAC3B;QACA,IAAID,cAAc5B,OAAO,KAAK,MAAM;YAChC0B,wBAAwBG;QAC5B;IACJ;IAEA,MAAMQ,aACFvB,YAAYN,WAAW,OAAO,YAAYM,YAAYN,WAAW,OAAO,OAClE,aACA;IACV,IAAI8B,UAAUd;IACd,OAAQV,YAAYN,WAAW;QAC3B,KAAK;QACL,KAAK;YACD8B,UAAUd;YACV;QACJ,KAAK;QACL,KAAK;YACDc,UAAUb;YACV;QACJ,KAAK;QACL,KAAK;YACDa,UAAUZ;YACV;QACJ;YACIY,UAAUd;YACV;IACR;IAEA,qBACI,KAAC3B,KAAK0C,MAAM;QACRC,MAAM;QACNC,KAAK;QACL1B,KAAK,EAAEA,kBAAAA,mBAAAA,QAAS;QAChB2B,OAAOL;QACPrB,WAAW,EAAEA,wBAAAA,yBAAAA,cAAeqB;QAC5BnB,OAAOA;QACPC,UAAUC;QACVkB,SAASA;QACR,GAAGrB,IAAI;;AAGpB,GACF"}

package/dist/company-profile/stores/company-profile-form.store.js CHANGED Viewed

@@ -120,18 +120,17 @@ export class CompanyProfileFormStore {
             this.showFormError = value;
         });
         _define_property(this, "initForm", (formData, options)=>{
+            var _getCountry, _ref;
             var _this_countries, _formData_companyZipCode;
             this.form.$.adminPhone.validators(PhoneValidator(options.phonePattern, false));
             this.countries = options.countries;
             this.countryAndRegionData = options.countryAndRegionData;
             this.phoneMask = options.phoneMask;
             this.regionToCodeMap = options.regionToCodeMap;
-            var _getCountry;
             let companyCountry = (_getCountry = getCountry(formData.companyCountry)) !== null && _getCountry !== void 0 ? _getCountry : '';
             if (companyCountry && this.countries && !((_this_countries = this.countries) === null || _this_countries === void 0 ? void 0 : _this_countries.includes(companyCountry))) {
                 companyCountry = '';
             }
-            var _ref;
             const companyZipCode = (_ref = isCountry(companyCountry, Country.USA) ? (_formData_companyZipCode = formData.companyZipCode) === null || _formData_companyZipCode === void 0 ? void 0 : _formData_companyZipCode.slice(0, 5) : formData.companyZipCode) !== null && _ref !== void 0 ? _ref : '';
             setFormStateValues(this.form, {
                 ...formData

package/dist/company-profile/stores/company-profile-form.store.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/company-profile/stores/company-profile-form.store.ts"],"sourcesContent":["import {\n commitFormState,\n DropdownFieldState,\n InputFieldState,\n setFormStateValues,\n} from '@servicetitan/form';\nimport { injectable } from '@servicetitan/react-ioc';\nimport { FieldState, FormState } from 'formstate';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { AddressModel } from '../../address-suggestion-popover';\nimport {\n Country,\n countryToEinBnMaskMap,\n countryToZipMaskMap,\n CountryType,\n getCountry,\n isCountry,\n zipCodeValidator,\n} from '../../utils/country-helpers';\nimport { PhoneValidator } from '../utils/validators';\n\nconst required = (value: string) => (!value \|\| value.length === 0) && 'cannot be empty string';\n\nexport interface DropdownRegion {\n Code: string;\n Name: string;\n}\n\nexport interface CountryWithRegions {\n Country: string;\n Regions: DropdownRegion[];\n}\n\nexport interface ProfileModel {\n companyName?: string \| undefined;\n adminPhone?: string \| undefined;\n companyStreetAddress?: string \| undefined;\n companyCountry?: string \| undefined;\n companyStateCode?: string \| undefined;\n companyCity?: string \| undefined;\n companyZipCode?: string \| undefined;\n einOrBn?: string \| undefined;\n isCompanyAddressVerified?: boolean;\n companyLogo?: string \| undefined;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ntype AddressFormType = {\n companyStreetAddress: InputFieldState<string>;\n companyCountry: DropdownFieldState<CountryType \| ''>;\n companyStateCode: DropdownFieldState<string>;\n companyCity: InputFieldState<string>;\n companyZipCode: InputFieldState<string>;\n isCompanyAddressVerified: FieldState<boolean>;\n};\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport type ICompanyProfileFormType = {\n companyName: InputFieldState<string>;\n adminPhone: InputFieldState<string>;\n einOrBn: InputFieldState<string>;\n address: FormState<AddressFormType>;\n companyLogo: FieldState<string \| File \| undefined>;\n};\n\nexport interface ICompanyProfileFormStore {\n showFormError: boolean;\n isInitializing: boolean;\n form: FormState<ICompanyProfileFormType>;\n}\n\ninterface CompanyProfileFormOptions {\n phonePattern: RegExp;\n countries: string[];\n countryAndRegionData: CountryWithRegions[];\n phoneMask: string;\n regionToCodeMap: Map<string, string>;\n}\n\n@injectable()\nexport class CompanyProfileFormStore implements ICompanyProfileFormStore {\n @observable showFormError = false;\n @observable isInitializing = false;\n @observable countries: string[] = [];\n @observable countryAndRegionData: CountryWithRegions[] = [];\n @observable phoneMask = '';\n @observable regionToCodeMap: Map<string, string> = new Map();\n @observable withAddressValidation = false;\n\n form: FormState<ICompanyProfileFormType> = new FormState({\n companyName: new InputFieldState('').validators(required),\n adminPhone: new InputFieldState(''),\n einOrBn: new InputFieldState(''),\n address: new FormState({\n companyStreetAddress: new InputFieldState('').validators(required),\n companyCountry: new DropdownFieldState<CountryType \| ''>('').validators(required),\n companyStateCode: new DropdownFieldState('').validators(required),\n companyCity: new InputFieldState('').validators(required),\n companyZipCode: new InputFieldState('').validators(required),\n isCompanyAddressVerified: new FieldState(false),\n }).validators($ => {\n if (!this.withAddressValidation) {\n return false;\n }\n\n return (\n !$.isCompanyAddressVerified.value && 'Please validate/confirm your Company Address.'\n );\n }),\n companyLogo: new FieldState<string \| File \| undefined>(undefined).validators(value => {\n if (value instanceof File) {\n const maxSize = 10 * 1024 * 1024;\n if (value.size > maxSize) {\n return 'File size must be less than 10 MB';\n }\n\n const allowedTypes = ['.jpg', '.jpeg', '.png', '.bmp', '.tif'];\n if (!value.name.includes('.')) {\n return `File must have a valid extension (e.g., ${allowedTypes.join(', ')}).`;\n }\n\n const fileExtension = '.' + value.name.split('.').pop()?.toLowerCase();\n if (!allowedTypes.includes(fileExtension)) {\n return `File must be one of the following formats: ${allowedTypes.map(extension => extension.slice(1)).join(', ')}`;\n }\n }\n return false;\n }),\n });\n\n constructor() {\n makeObservable(this);\n\n this.form.$.address.$.companyZipCode.validators(\n zipCodeValidator(() => this.form.$.address.$.companyCountry.$)\n );\n\n this.form.$.einOrBn.validators(($: string) => {\n const errorMessage = `Invalid ${\n isCountry(this.form.$.address.$.companyCountry.value, Country.Canada) ? 'BN' : 'EIN'\n }`;\n return $ && $.length !== 9 && errorMessage;\n });\n this.addressFields.forEach(({ onDidChange }) => {\n onDidChange(() => this.form.$.address.$.isCompanyAddressVerified.onChange(false));\n });\n }\n\n @action\n setNeedAddressValidation = (value: boolean) => {\n this.withAddressValidation = value;\n };\n\n @action\n setFormErrorCheck = (value: boolean) => {\n this.showFormError = value;\n };\n\n @computed\n get zipCodeMask() {\n return countryToZipMaskMap[this.form.$.address.$.companyCountry.$ \|\| Country.USA];\n }\n\n @computed\n get einOrBnMask() {\n return countryToEinBnMaskMap[this.form.$.address.$.companyCountry.$ \|\| Country.USA];\n }\n\n @computed\n get einOrBnInputProps() {\n return isCountry(this.form.$.address.$.companyCountry.value, Country.Canada)\n ? {\n label: 'BN Number',\n placeholder: 'XXXXXXXXX',\n }\n : {\n label: 'EIN Number',\n placeholder: 'XX-XXXXXXX',\n };\n }\n\n @action\n initForm = (formData: ProfileModel, options: CompanyProfileFormOptions) => {\n this.form.$.adminPhone.validators(PhoneValidator(options.phonePattern, false));\n this.countries = options.countries;\n this.countryAndRegionData = options.countryAndRegionData;\n this.phoneMask = options.phoneMask;\n this.regionToCodeMap = options.regionToCodeMap;\n let companyCountry = getCountry(formData.companyCountry) ?? ('' as const);\n if (companyCountry && this.countries && !this.countries?.includes(companyCountry)) {\n companyCountry = '';\n }\n const companyZipCode =\n (isCountry(companyCountry, Country.USA)\n ? formData.companyZipCode?.slice(0, 5)\n : formData.companyZipCode) ?? '';\n setFormStateValues(this.form, { ...formData });\n setFormStateValues(this.form.$.address, { ...formData, companyCountry, companyZipCode });\n commitFormState(this.form);\n };\n\n @action\n commitForm = () => commitFormState(this.form);\n\n @action\n applyAddressSuggestion = (suggestedAddress: AddressModel) => {\n this.form.$.address.$.isCompanyAddressVerified.onChange(true);\n setFormStateValues(\n this.form.$.address,\n {\n companyStreetAddress: suggestedAddress.street\n ? suggestedAddress.street +\n (suggestedAddress.unit ? ', ' + suggestedAddress.unit : '')\n : '',\n companyCity: suggestedAddress.city,\n companyZipCode: suggestedAddress.zip,\n companyStateCode: suggestedAddress.state,\n companyCountry: getCountry(suggestedAddress.country),\n },\n true\n );\n };\n\n @computed\n get suggestionAddressModel() {\n const form = this.form.$.address;\n return {\n street: form.$.companyStreetAddress.$,\n city: form.$.companyCity.$,\n zip: form.$.companyZipCode.$,\n state: form.$.companyStateCode.$,\n country: form.$.companyCountry.$,\n };\n }\n\n @computed\n private get addressFields() {\n const form = this.form.$.address;\n return [\n form.$.companyStreetAddress,\n form.$.companyCity,\n form.$.companyZipCode,\n form.$.companyStateCode,\n form.$.companyCountry,\n ];\n }\n}\n"],"names":["commitFormState","DropdownFieldState","InputFieldState","setFormStateValues","injectable","FieldState","FormState","action","computed","makeObservable","observable","Country","countryToEinBnMaskMap","countryToZipMaskMap","getCountry","isCountry","zipCodeValidator","PhoneValidator","required","value","length","CompanyProfileFormStore","zipCodeMask","form","$","address","companyCountry","USA","einOrBnMask","einOrBnInputProps","Canada","label","placeholder","suggestionAddressModel","street","companyStreetAddress","city","companyCity","zip","companyZipCode","state","companyStateCode","country","addressFields","showFormError","isInitializing","countries","countryAndRegionData","phoneMask","regionToCodeMap","Map","withAddressValidation","companyName","validators","adminPhone","einOrBn","isCompanyAddressVerified","companyLogo","undefined","File","maxSize","size","allowedTypes","name","includes","join","fileExtension","split","pop","toLowerCase","map","extension","slice","setNeedAddressValidation","setFormErrorCheck","initForm","formData","options","phonePattern","commitForm","applyAddressSuggestion","suggestedAddress","onChange","unit","errorMessage","forEach","onDidChange"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/company-profile/stores/company-profile-form.store.ts"],"sourcesContent":["import {\n commitFormState,\n DropdownFieldState,\n InputFieldState,\n setFormStateValues,\n} from '@servicetitan/form';\nimport { injectable } from '@servicetitan/react-ioc';\nimport { FieldState, FormState } from 'formstate';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { AddressModel } from '../../address-suggestion-popover';\nimport {\n Country,\n countryToEinBnMaskMap,\n countryToZipMaskMap,\n CountryType,\n getCountry,\n isCountry,\n zipCodeValidator,\n} from '../../utils/country-helpers';\nimport { PhoneValidator } from '../utils/validators';\n\nconst required = (value: string) => (!value \|\| value.length === 0) && 'cannot be empty string';\n\nexport interface DropdownRegion {\n Code: string;\n Name: string;\n}\n\nexport interface CountryWithRegions {\n Country: string;\n Regions: DropdownRegion[];\n}\n\nexport interface ProfileModel {\n companyName?: string \| undefined;\n adminPhone?: string \| undefined;\n companyStreetAddress?: string \| undefined;\n companyCountry?: string \| undefined;\n companyStateCode?: string \| undefined;\n companyCity?: string \| undefined;\n companyZipCode?: string \| undefined;\n einOrBn?: string \| undefined;\n isCompanyAddressVerified?: boolean;\n companyLogo?: string \| undefined;\n}\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\ntype AddressFormType = {\n companyStreetAddress: InputFieldState<string>;\n companyCountry: DropdownFieldState<CountryType \| ''>;\n companyStateCode: DropdownFieldState<string>;\n companyCity: InputFieldState<string>;\n companyZipCode: InputFieldState<string>;\n isCompanyAddressVerified: FieldState<boolean>;\n};\n\n// eslint-disable-next-line @typescript-eslint/consistent-type-definitions\nexport type ICompanyProfileFormType = {\n companyName: InputFieldState<string>;\n adminPhone: InputFieldState<string>;\n einOrBn: InputFieldState<string>;\n address: FormState<AddressFormType>;\n companyLogo: FieldState<string \| File \| undefined>;\n};\n\nexport interface ICompanyProfileFormStore {\n showFormError: boolean;\n isInitializing: boolean;\n form: FormState<ICompanyProfileFormType>;\n}\n\ninterface CompanyProfileFormOptions {\n phonePattern: RegExp;\n countries: string[];\n countryAndRegionData: CountryWithRegions[];\n phoneMask: string;\n regionToCodeMap: Map<string, string>;\n}\n\n@injectable()\nexport class CompanyProfileFormStore implements ICompanyProfileFormStore {\n @observable showFormError = false;\n @observable isInitializing = false;\n @observable countries: string[] = [];\n @observable countryAndRegionData: CountryWithRegions[] = [];\n @observable phoneMask = '';\n @observable regionToCodeMap: Map<string, string> = new Map();\n @observable withAddressValidation = false;\n\n form: FormState<ICompanyProfileFormType> = new FormState({\n companyName: new InputFieldState('').validators(required),\n adminPhone: new InputFieldState(''),\n einOrBn: new InputFieldState(''),\n address: new FormState({\n companyStreetAddress: new InputFieldState('').validators(required),\n companyCountry: new DropdownFieldState<CountryType \| ''>('').validators(required),\n companyStateCode: new DropdownFieldState('').validators(required),\n companyCity: new InputFieldState('').validators(required),\n companyZipCode: new InputFieldState('').validators(required),\n isCompanyAddressVerified: new FieldState(false),\n }).validators($ => {\n if (!this.withAddressValidation) {\n return false;\n }\n\n return (\n !$.isCompanyAddressVerified.value && 'Please validate/confirm your Company Address.'\n );\n }),\n companyLogo: new FieldState<string \| File \| undefined>(undefined).validators(value => {\n if (value instanceof File) {\n const maxSize = 10 * 1024 * 1024;\n if (value.size > maxSize) {\n return 'File size must be less than 10 MB';\n }\n\n const allowedTypes = ['.jpg', '.jpeg', '.png', '.bmp', '.tif'];\n if (!value.name.includes('.')) {\n return `File must have a valid extension (e.g., ${allowedTypes.join(', ')}).`;\n }\n\n const fileExtension = '.' + value.name.split('.').pop()?.toLowerCase();\n if (!allowedTypes.includes(fileExtension)) {\n return `File must be one of the following formats: ${allowedTypes.map(extension => extension.slice(1)).join(', ')}`;\n }\n }\n return false;\n }),\n });\n\n constructor() {\n makeObservable(this);\n\n this.form.$.address.$.companyZipCode.validators(\n zipCodeValidator(() => this.form.$.address.$.companyCountry.$)\n );\n\n this.form.$.einOrBn.validators(($: string) => {\n const errorMessage = `Invalid ${\n isCountry(this.form.$.address.$.companyCountry.value, Country.Canada) ? 'BN' : 'EIN'\n }`;\n return $ && $.length !== 9 && errorMessage;\n });\n this.addressFields.forEach(({ onDidChange }) => {\n onDidChange(() => this.form.$.address.$.isCompanyAddressVerified.onChange(false));\n });\n }\n\n @action\n setNeedAddressValidation = (value: boolean) => {\n this.withAddressValidation = value;\n };\n\n @action\n setFormErrorCheck = (value: boolean) => {\n this.showFormError = value;\n };\n\n @computed\n get zipCodeMask() {\n return countryToZipMaskMap[this.form.$.address.$.companyCountry.$ \|\| Country.USA];\n }\n\n @computed\n get einOrBnMask() {\n return countryToEinBnMaskMap[this.form.$.address.$.companyCountry.$ \|\| Country.USA];\n }\n\n @computed\n get einOrBnInputProps() {\n return isCountry(this.form.$.address.$.companyCountry.value, Country.Canada)\n ? {\n label: 'BN Number',\n placeholder: 'XXXXXXXXX',\n }\n : {\n label: 'EIN Number',\n placeholder: 'XX-XXXXXXX',\n };\n }\n\n @action\n initForm = (formData: ProfileModel, options: CompanyProfileFormOptions) => {\n this.form.$.adminPhone.validators(PhoneValidator(options.phonePattern, false));\n this.countries = options.countries;\n this.countryAndRegionData = options.countryAndRegionData;\n this.phoneMask = options.phoneMask;\n this.regionToCodeMap = options.regionToCodeMap;\n let companyCountry = getCountry(formData.companyCountry) ?? ('' as const);\n if (companyCountry && this.countries && !this.countries?.includes(companyCountry)) {\n companyCountry = '';\n }\n const companyZipCode =\n (isCountry(companyCountry, Country.USA)\n ? formData.companyZipCode?.slice(0, 5)\n : formData.companyZipCode) ?? '';\n setFormStateValues(this.form, { ...formData });\n setFormStateValues(this.form.$.address, { ...formData, companyCountry, companyZipCode });\n commitFormState(this.form);\n };\n\n @action\n commitForm = () => commitFormState(this.form);\n\n @action\n applyAddressSuggestion = (suggestedAddress: AddressModel) => {\n this.form.$.address.$.isCompanyAddressVerified.onChange(true);\n setFormStateValues(\n this.form.$.address,\n {\n companyStreetAddress: suggestedAddress.street\n ? suggestedAddress.street +\n (suggestedAddress.unit ? ', ' + suggestedAddress.unit : '')\n : '',\n companyCity: suggestedAddress.city,\n companyZipCode: suggestedAddress.zip,\n companyStateCode: suggestedAddress.state,\n companyCountry: getCountry(suggestedAddress.country),\n },\n true\n );\n };\n\n @computed\n get suggestionAddressModel() {\n const form = this.form.$.address;\n return {\n street: form.$.companyStreetAddress.$,\n city: form.$.companyCity.$,\n zip: form.$.companyZipCode.$,\n state: form.$.companyStateCode.$,\n country: form.$.companyCountry.$,\n };\n }\n\n @computed\n private get addressFields() {\n const form = this.form.$.address;\n return [\n form.$.companyStreetAddress,\n form.$.companyCity,\n form.$.companyZipCode,\n form.$.companyStateCode,\n form.$.companyCountry,\n ];\n }\n}\n"],"names":["commitFormState","DropdownFieldState","InputFieldState","setFormStateValues","injectable","FieldState","FormState","action","computed","makeObservable","observable","Country","countryToEinBnMaskMap","countryToZipMaskMap","getCountry","isCountry","zipCodeValidator","PhoneValidator","required","value","length","CompanyProfileFormStore","zipCodeMask","form","$","address","companyCountry","USA","einOrBnMask","einOrBnInputProps","Canada","label","placeholder","suggestionAddressModel","street","companyStreetAddress","city","companyCity","zip","companyZipCode","state","companyStateCode","country","addressFields","showFormError","isInitializing","countries","countryAndRegionData","phoneMask","regionToCodeMap","Map","withAddressValidation","companyName","validators","adminPhone","einOrBn","isCompanyAddressVerified","companyLogo","undefined","File","maxSize","size","allowedTypes","name","includes","join","fileExtension","split","pop","toLowerCase","map","extension","slice","setNeedAddressValidation","setFormErrorCheck","initForm","formData","options","phonePattern","commitForm","applyAddressSuggestion","suggestedAddress","onChange","unit","errorMessage","forEach","onDidChange"],"mappings":"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"}

package/dist/components/card-selector/card-selector.js CHANGED Viewed

@@ -25,6 +25,7 @@ import { Component, Fragment } from 'react';
 import * as Styles from './card-selector.module.less';
 export class CardSelector extends Component {
     render() {
+        var _this_props_control;
         const menuIcon = this.props.isCustom && /*#__PURE__*/ _jsx(Icon, {
             name: "more_vert",
             size: 24,
@@ -89,7 +90,6 @@ export class CardSelector extends Component {
                 ]
             });
         };
-        var _this_props_control;
         return /*#__PURE__*/ _jsx(Togglebox, {
             hoverable: true,
             control: (_this_props_control = this.props.control) !== null && _this_props_control !== void 0 ? _this_props_control : 'radio',

package/dist/components/card-selector/card-selector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/card-selector/card-selector.tsx"],"sourcesContent":["import { BodyText, Button, Icon, Popover, Stack, Togglebox } from '@servicetitan/design-system';\nimport { CheckboxFieldState } from '@servicetitan/form';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport { Component, Fragment, PropsWithChildren, SyntheticEvent } from 'react';\nimport * as Styles from './card-selector.module.less';\n\nexport interface CardSelectorProps {\n id?: number;\n name: string;\n isCustom: boolean;\n disabled?: boolean;\n fieldState: CheckboxFieldState;\n menuIsOpen?: boolean;\n fontStyle?: string;\n control?: 'checkbox' \| 'radio';\n className?: string;\n small?: boolean;\n handleMenuClick(): void;\n handleDeleteClick?(): void;\n handleEditClick?(): void;\n handleMenuClose?(): void;\n}\n\n@observer\nexport class CardSelector extends Component<PropsWithChildren<CardSelectorProps>> {\n isChecked = () => this.props.fieldState.value;\n\n onCardClickHandler = (value: string, checked: boolean) => {\n this.props.handleMenuClose?.();\n this.props.fieldState!.onChangeHandler(value, !checked);\n };\n\n handleMenuClick = (e: SyntheticEvent<any>) => {\n e.stopPropagation();\n this.props.handleMenuClick();\n };\n\n handleEditClick = (e: SyntheticEvent<any>) => {\n e.stopPropagation();\n this.props.handleEditClick!();\n };\n\n render() {\n const menuIcon = this.props.isCustom && (\n <Icon name=\"more_vert\" size={24} color=\"grey\" onClick={this.handleMenuClick} />\n );\n\n const cardLabelProp = () => (\n <Fragment>\n <div\n className={classnames(Styles.cornerCheckmark, {\n [Styles.checkmarkVisible]: this.isChecked(),\n })}\n >\n <Icon name=\"done\" size={12} className=\"m-l-half-i\" />\n </div>\n {this.props.isCustom && (\n <Popover\n contentNoPadding\n open={this.props.menuIsOpen}\n trigger={menuIcon}\n direction=\"bl\"\n width=\"xs\"\n className=\"m-0-i\"\n >\n <Button width=\"full\" fill=\"none\" onClick={this.handleEditClick}>\n <span>Edit</span>\n </Button>\n {this.props.id === undefined && (\n <Button width=\"full\" fill=\"none\" onClick={this.props.handleDeleteClick}>\n <span>Delete</span>\n </Button>\n )}\n </Popover>\n )}\n\n <Stack\n className={Styles.graphicContainer}\n directon=\"column\"\n justifyContent=\"center\"\n >\n {this.props.children}\n <div className={this.props.children ? Styles.nameContainer : ''}>\n <BodyText className={this.props.fontStyle ?? 'fs-4-i'}>\n {this.props.name}\n </BodyText>\n </div>\n </Stack>\n </Fragment>\n );\n\n return (\n <Togglebox\n hoverable\n control={this.props.control ?? 'radio'}\n checked={this.isChecked()}\n className={classnames(\n this.props.className,\n Styles.cardStyles,\n this.props.small ? Styles.minDimensionSmall : Styles.minDimensionLarge\n )}\n onClick={this.onCardClickHandler}\n label={cardLabelProp()}\n value={this.props.name}\n disabled={this.props.disabled}\n />\n );\n }\n}\n"],"names":["BodyText","Button","Icon","Popover","Stack","Togglebox","classnames","observer","Component","Fragment","Styles","CardSelector","render","menuIcon","props","isCustom","name","size","color","onClick","handleMenuClick","cardLabelProp","div","className","cornerCheckmark","checkmarkVisible","isChecked","contentNoPadding","open","menuIsOpen","trigger","direction","width","fill","handleEditClick","span","id","undefined","handleDeleteClick","graphicContainer","directon","justifyContent","children","nameContainer","fontStyle","hoverable","control","checked","cardStyles","small","minDimensionSmall","minDimensionLarge","onCardClickHandler","label","value","disabled","fieldState","handleMenuClose","onChangeHandler","e","stopPropagation"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,KAAK,EAAEC,SAAS,QAAQ,8BAA8B;AAEhG,OAAOC,gBAAgB,aAAa;AACpC,SAASC,QAAQ,QAAQ,aAAa;AACtC,SAASC,SAAS,EAAEC,QAAQ,QAA2C,QAAQ;AAC/E,YAAYC,YAAY,8BAA8B;AAoBtD,OAAO,MAAMC,qBAAqBH;IAkB9BI,SAAS;~~QACL~~,MAAMC,WAAW,IAAI,CAACC,KAAK,CAACC,QAAQ,kBAChC,KAACb;YAAKc,MAAK;YAAYC,MAAM;YAAIC,OAAM;YAAOC,SAAS,IAAI,CAACC,eAAe;;QAG/E,MAAMC,gBAAgB;gBAoCe;iCAnCjC,MAACZ;;kCACG,KAACa;wBACGC,WAAWjB,WAAWI,OAAOc,eAAe,EAAE;4BAC1C,CAACd,OAAOe,gBAAgB,CAAC,EAAE,IAAI,CAACC,SAAS;wBAC7C;kCAEA,cAAA,KAACxB;4BAAKc,MAAK;4BAAOC,MAAM;4BAAIM,WAAU;;;oBAEzC,IAAI,CAACT,KAAK,CAACC,QAAQ,kBAChB,MAACZ;wBACGwB,gBAAgB;wBAChBC,MAAM,IAAI,CAACd,KAAK,CAACe,UAAU;wBAC3BC,SAASjB;wBACTkB,WAAU;wBACVC,OAAM;wBACNT,WAAU;;0CAEV,KAACtB;gCAAO+B,OAAM;gCAAOC,MAAK;gCAAOd,SAAS,IAAI,CAACe,eAAe;0CAC1D,cAAA,KAACC;8CAAK;;;4BAET,IAAI,CAACrB,KAAK,CAACsB,EAAE,KAAKC,2BACf,KAACpC;gCAAO+B,OAAM;gCAAOC,MAAK;gCAAOd,SAAS,IAAI,CAACL,KAAK,CAACwB,iBAAiB;0CAClE,cAAA,KAACH;8CAAK;;;;;kCAMtB,MAAC/B;wBACGmB,WAAWb,OAAO6B,gBAAgB;wBAClCC,UAAS;wBACTC,gBAAe;;4BAEd,IAAI,CAAC3B,KAAK,CAAC4B,QAAQ;0CACpB,KAACpB;gCAAIC,WAAW,IAAI,CAACT,KAAK,CAAC4B,QAAQ,GAAGhC,OAAOiC,aAAa,GAAG;0CACzD,cAAA,KAAC3C;oCAASuB,~~WAAW~~,~~CAAA~~,wBAAA,IAAI,CAACT,KAAK,CAAC8B,SAAS,cAApB,mCAAA,wBAAwB;8CACxC,IAAI,CAAC9B,KAAK,CAACE,IAAI;;;;;;;;~~YAUnB;QAHjB~~,qBACI,KAACX;YACGwC,SAAS;YACTC,~~SAAS~~,~~CAAA~~,sBAAA,IAAI,CAAChC,KAAK,CAACgC,OAAO,cAAlB,iCAAA,sBAAsB;YAC/BC,SAAS,IAAI,CAACrB,SAAS;YACvBH,WAAWjB,WACP,IAAI,CAACQ,KAAK,CAACS,SAAS,EACpBb,OAAOsC,UAAU,EACjB,IAAI,CAAClC,KAAK,CAACmC,KAAK,GAAGvC,OAAOwC,iBAAiB,GAAGxC,OAAOyC,iBAAiB;YAE1EhC,SAAS,IAAI,CAACiC,kBAAkB;YAChCC,OAAOhC;YACPiC,OAAO,IAAI,CAACxC,KAAK,CAACE,IAAI;YACtBuC,UAAU,IAAI,CAACzC,KAAK,CAACyC,QAAQ;;IAGzC;;QAnFG,gBACH7B,uBAAAA,aAAY,IAAM,IAAI,CAACZ,KAAK,CAAC0C,UAAU,CAACF,KAAK,GAE7CF,uBAAAA,sBAAqB,CAACE,OAAeP;gBACjC,6BAAA;aAAA,8BAAA,CAAA,cAAA,IAAI,CAACjC,KAAK,EAAC2C,eAAe,cAA1B,kDAAA,iCAAA;YACA,IAAI,CAAC3C,KAAK,CAAC0C,UAAU,CAAEE,eAAe,CAACJ,OAAO,CAACP;QACnD,IAEA3B,uBAAAA,mBAAkB,CAACuC;YACfA,EAAEC,eAAe;YACjB,IAAI,CAAC9C,KAAK,CAACM,eAAe;QAC9B,IAEAc,uBAAAA,mBAAkB,CAACyB;YACfA,EAAEC,eAAe;YACjB,IAAI,CAAC9C,KAAK,CAACoB,eAAe;QAC9B;;AAoEJ"}
1	+ {"version":3,"sources":["../../../src/components/card-selector/card-selector.tsx"],"sourcesContent":["import { BodyText, Button, Icon, Popover, Stack, Togglebox } from '@servicetitan/design-system';\nimport { CheckboxFieldState } from '@servicetitan/form';\nimport classnames from 'classnames';\nimport { observer } from 'mobx-react';\nimport { Component, Fragment, PropsWithChildren, SyntheticEvent } from 'react';\nimport * as Styles from './card-selector.module.less';\n\nexport interface CardSelectorProps {\n id?: number;\n name: string;\n isCustom: boolean;\n disabled?: boolean;\n fieldState: CheckboxFieldState;\n menuIsOpen?: boolean;\n fontStyle?: string;\n control?: 'checkbox' \| 'radio';\n className?: string;\n small?: boolean;\n handleMenuClick(): void;\n handleDeleteClick?(): void;\n handleEditClick?(): void;\n handleMenuClose?(): void;\n}\n\n@observer\nexport class CardSelector extends Component<PropsWithChildren<CardSelectorProps>> {\n isChecked = () => this.props.fieldState.value;\n\n onCardClickHandler = (value: string, checked: boolean) => {\n this.props.handleMenuClose?.();\n this.props.fieldState!.onChangeHandler(value, !checked);\n };\n\n handleMenuClick = (e: SyntheticEvent<any>) => {\n e.stopPropagation();\n this.props.handleMenuClick();\n };\n\n handleEditClick = (e: SyntheticEvent<any>) => {\n e.stopPropagation();\n this.props.handleEditClick!();\n };\n\n render() {\n const menuIcon = this.props.isCustom && (\n <Icon name=\"more_vert\" size={24} color=\"grey\" onClick={this.handleMenuClick} />\n );\n\n const cardLabelProp = () => (\n <Fragment>\n <div\n className={classnames(Styles.cornerCheckmark, {\n [Styles.checkmarkVisible]: this.isChecked(),\n })}\n >\n <Icon name=\"done\" size={12} className=\"m-l-half-i\" />\n </div>\n {this.props.isCustom && (\n <Popover\n contentNoPadding\n open={this.props.menuIsOpen}\n trigger={menuIcon}\n direction=\"bl\"\n width=\"xs\"\n className=\"m-0-i\"\n >\n <Button width=\"full\" fill=\"none\" onClick={this.handleEditClick}>\n <span>Edit</span>\n </Button>\n {this.props.id === undefined && (\n <Button width=\"full\" fill=\"none\" onClick={this.props.handleDeleteClick}>\n <span>Delete</span>\n </Button>\n )}\n </Popover>\n )}\n\n <Stack\n className={Styles.graphicContainer}\n directon=\"column\"\n justifyContent=\"center\"\n >\n {this.props.children}\n <div className={this.props.children ? Styles.nameContainer : ''}>\n <BodyText className={this.props.fontStyle ?? 'fs-4-i'}>\n {this.props.name}\n </BodyText>\n </div>\n </Stack>\n </Fragment>\n );\n\n return (\n <Togglebox\n hoverable\n control={this.props.control ?? 'radio'}\n checked={this.isChecked()}\n className={classnames(\n this.props.className,\n Styles.cardStyles,\n this.props.small ? Styles.minDimensionSmall : Styles.minDimensionLarge\n )}\n onClick={this.onCardClickHandler}\n label={cardLabelProp()}\n value={this.props.name}\n disabled={this.props.disabled}\n />\n );\n }\n}\n"],"names":["BodyText","Button","Icon","Popover","Stack","Togglebox","classnames","observer","Component","Fragment","Styles","CardSelector","render","menuIcon","props","isCustom","name","size","color","onClick","handleMenuClick","cardLabelProp","div","className","cornerCheckmark","checkmarkVisible","isChecked","contentNoPadding","open","menuIsOpen","trigger","direction","width","fill","handleEditClick","span","id","undefined","handleDeleteClick","graphicContainer","directon","justifyContent","children","nameContainer","fontStyle","hoverable","control","checked","cardStyles","small","minDimensionSmall","minDimensionLarge","onCardClickHandler","label","value","disabled","fieldState","handleMenuClose","onChangeHandler","e","stopPropagation"],"mappings":"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"}

package/dist/components/zip-code-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/components/zip-code-input.tsx"],"sourcesContent":["import { Form, FormInputProps } from '@servicetitan/design-system';\nimport { InputFieldState } from '@servicetitan/form';\nimport { observer } from 'mobx-react';\nimport { ChangeEvent, FC, InputHTMLAttributes } from 'react';\nimport ReactInputMask from 'react-input-mask';\nimport { countryToZipMaskMap, getCountry } from '../utils';\n\ninterface IZipCodeInputProps extends FormInputProps {\n countryCode?: string;\n fieldState: InputFieldState<string>;\n}\nexport const ZipCodeInput: FC<IZipCodeInputProps> = observer(\n ({ countryCode, fieldState, ...otherProps }) => {\n const zipCodeMask = countryToZipMaskMap[getCountry(countryCode) ?? 'USA'];\n const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n fieldState.onChangeHandler(e, {\n value: e.target.value,\n });\n };\n const error = fieldState.error;\n const renderFunction = (props: InputHTMLAttributes<HTMLInputElement>) => (\n <Form.Input\n {...props}\n fluid\n className=\"p-r-0\"\n width=\"12\"\n label=\"ZIP Code\"\n placeholder=\"ZIP Code\"\n error={error}\n {...otherProps}\n />\n );\n return (\n <ReactInputMask\n maskChar=\" \"\n mask={zipCodeMask}\n value={fieldState.value}\n onChange={handleOnChange}\n >\n {renderFunction as any}\n </ReactInputMask>\n );\n }\n);\nZipCodeInput.displayName = 'ZipCodeInput';\n"],"names":["Form","observer","ReactInputMask","countryToZipMaskMap","getCountry","ZipCodeInput","countryCode","fieldState","otherProps","zipCodeMask","handleOnChange","e","onChangeHandler","value","target","error","renderFunction","props","Input","fluid","className","width","label","placeholder","maskChar","mask","onChange","displayName"],"mappings":";AAAA,SAASA,IAAI,QAAwB,8BAA8B;AAEnE,SAASC,QAAQ,QAAQ,aAAa;AAEtC,OAAOC,oBAAoB,mBAAmB;AAC9C,SAASC,mBAAmB,EAAEC,UAAU,QAAQ,WAAW;AAM3D,OAAO,MAAMC,eAAuCJ,SAChD,CAAC,EAAEK,WAAW,EAAEC,UAAU,EAAE,GAAGC,YAAY;QACCJ;IAAxC,MAAMK,cAAcN,mBAAmB,~~CAACC~~,~~CAAAA,~~cAAAA,WAAWE,0BAAXF,yBAAAA,cAA2B,MAAM;IACzE,MAAMM,iBAAiB,CAACC;QACpBJ,WAAWK,eAAe,CAACD,GAAG;YAC1BE,OAAOF,EAAEG,MAAM,CAACD,KAAK;QACzB;IACJ;IACA,MAAME,QAAQR,WAAWQ,KAAK;IAC9B,MAAMC,iBAAiB,CAACC,sBACpB,KAACjB,KAAKkB,KAAK;YACN,GAAGD,KAAK;YACTE,KAAK;YACLC,WAAU;YACVC,OAAM;YACNC,OAAM;YACNC,aAAY;YACZR,OAAOA;YACN,GAAGP,UAAU;;IAGtB,qBACI,KAACN;QACGsB,UAAS;QACTC,MAAMhB;QACNI,OAAON,WAAWM,KAAK;QACvBa,UAAUhB;kBAETM;;AAGb,GACF;AACFX,aAAasB,WAAW,GAAG"}
1	+ {"version":3,"sources":["../../src/components/zip-code-input.tsx"],"sourcesContent":["import { Form, FormInputProps } from '@servicetitan/design-system';\nimport { InputFieldState } from '@servicetitan/form';\nimport { observer } from 'mobx-react';\nimport { ChangeEvent, FC, InputHTMLAttributes } from 'react';\nimport ReactInputMask from 'react-input-mask';\nimport { countryToZipMaskMap, getCountry } from '../utils';\n\ninterface IZipCodeInputProps extends FormInputProps {\n countryCode?: string;\n fieldState: InputFieldState<string>;\n}\nexport const ZipCodeInput: FC<IZipCodeInputProps> = observer(\n ({ countryCode, fieldState, ...otherProps }) => {\n const zipCodeMask = countryToZipMaskMap[getCountry(countryCode) ?? 'USA'];\n const handleOnChange = (e: ChangeEvent<HTMLInputElement>) => {\n fieldState.onChangeHandler(e, {\n value: e.target.value,\n });\n };\n const error = fieldState.error;\n const renderFunction = (props: InputHTMLAttributes<HTMLInputElement>) => (\n <Form.Input\n {...props}\n fluid\n className=\"p-r-0\"\n width=\"12\"\n label=\"ZIP Code\"\n placeholder=\"ZIP Code\"\n error={error}\n {...otherProps}\n />\n );\n return (\n <ReactInputMask\n maskChar=\" \"\n mask={zipCodeMask}\n value={fieldState.value}\n onChange={handleOnChange}\n >\n {renderFunction as any}\n </ReactInputMask>\n );\n }\n);\nZipCodeInput.displayName = 'ZipCodeInput';\n"],"names":["Form","observer","ReactInputMask","countryToZipMaskMap","getCountry","ZipCodeInput","countryCode","fieldState","otherProps","zipCodeMask","handleOnChange","e","onChangeHandler","value","target","error","renderFunction","props","Input","fluid","className","width","label","placeholder","maskChar","mask","onChange","displayName"],"mappings":";AAAA,SAASA,IAAI,QAAwB,8BAA8B;AAEnE,SAASC,QAAQ,QAAQ,aAAa;AAEtC,OAAOC,oBAAoB,mBAAmB;AAC9C,SAASC,mBAAmB,EAAEC,UAAU,QAAQ,WAAW;AAM3D,OAAO,MAAMC,eAAuCJ,SAChD,CAAC,EAAEK,WAAW,EAAEC,UAAU,EAAE,GAAGC,YAAY;QACCJ;IAAxC,MAAMK,cAAcN,mBAAmB,EAACC,cAAAA,WAAWE,0BAAXF,yBAAAA,cAA2B,MAAM;IACzE,MAAMM,iBAAiB,CAACC;QACpBJ,WAAWK,eAAe,CAACD,GAAG;YAC1BE,OAAOF,EAAEG,MAAM,CAACD,KAAK;QACzB;IACJ;IACA,MAAME,QAAQR,WAAWQ,KAAK;IAC9B,MAAMC,iBAAiB,CAACC,sBACpB,KAACjB,KAAKkB,KAAK;YACN,GAAGD,KAAK;YACTE,KAAK;YACLC,WAAU;YACVC,OAAM;YACNC,OAAM;YACNC,aAAY;YACZR,OAAOA;YACN,GAAGP,UAAU;;IAGtB,qBACI,KAACN;QACGsB,UAAS;QACTC,MAAMhB;QACNI,OAAON,WAAWM,KAAK;QACvBa,UAAUhB;kBAETM;;AAGb,GACF;AACFX,aAAasB,WAAW,GAAG"}

package/dist/contentful/marketing-carousel.store.js CHANGED Viewed

@@ -46,18 +46,18 @@ export class MarketingCarouselStore {
     }
     get carouselData() {
         try {
+            var _this_photoGalleryData_items_filter_map;
             var _this_photoGalleryData, _this_fallbackData;
             if (!((_this_photoGalleryData = this.photoGalleryData) === null || _this_photoGalleryData === void 0 ? void 0 : _this_photoGalleryData.items)) {
                 var _this_fallbackData1;
                 return (_this_fallbackData1 = this.fallbackData) === null || _this_fallbackData1 === void 0 ? void 0 : _this_fallbackData1.carouselData;
             }
-            var _this_photoGalleryData_items_filter_map;
             return (_this_photoGalleryData_items_filter_map = this.photoGalleryData.items.filter(({ showDate, hideDate })=>this.isDateRangeActive(showDate, hideDate)).map(({ ctaLink, ctaTrackingCode, media, ...fields })=>({
                     ...fields,
                     ctaLink: this.getCtaLink(ctaLink, ctaTrackingCode),
                     imageUrl: media.file.url.replace('//', 'https://')
                 }))) !== null && _this_photoGalleryData_items_filter_map !== void 0 ? _this_photoGalleryData_items_filter_map : (_this_fallbackData = this.fallbackData) === null || _this_fallbackData === void 0 ? void 0 : _this_fallbackData.carouselData;
-        } catch (e) {
+        } catch (unused) {
             var _this_fallbackData2;
             return (_this_fallbackData2 = this.fallbackData) === null || _this_fallbackData2 === void 0 ? void 0 : _this_fallbackData2.carouselData;
         }

package/dist/contentful/marketing-carousel.store.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/contentful/marketing-carousel.store.ts"],"sourcesContent":["import { inject, injectable } from '@servicetitan/react-ioc';\nimport { action, computed, makeObservable, observable, runInAction } from 'mobx';\nimport queryString from 'query-string';\nimport type { IContentfulApi } from '@servicetitan/contentful-proxy';\nimport { CONTENTFUL_API_TOKEN } from '@servicetitan/contentful-proxy';\nimport type { OxPhotoGalleryFields } from './interfaces';\n\nconst carouselBackgroundLightPath =\n 'https://static.servicetitan.com/acm/auth/sign-in-carousel-background.png';\n\nexport enum MarketingCarouselColorTheme {\n Light = 'Light',\n Dark = 'Dark',\n}\n\nexport interface MarketingCarouselFallbackData {\n carouselSettings: {\n colorTheme: MarketingCarouselColorTheme;\n backgroundImageUrl: string;\n };\n carouselData: MarketingCarouselItem[];\n}\n\ninterface MarketingCarouselStoreOptions {\n codeId: string;\n isPreview?: boolean;\n utmSource?: string;\n fallbackData?: MarketingCarouselFallbackData;\n}\n\ninterface MarketingCarouselItem {\n headline: string;\n ctaLink: string;\n ctaLabel: string;\n imageUrl: string;\n description: string;\n}\n\n@injectable()\nexport class MarketingCarouselStore {\n @observable isInitializing = false;\n @observable private photoGalleryData?: OxPhotoGalleryFields;\n @observable private utmSource?: string;\n @observable private fallbackData?: MarketingCarouselFallbackData;\n\n constructor(@inject(CONTENTFUL_API_TOKEN) private contentfulApi: IContentfulApi) {\n makeObservable(this);\n }\n\n @action\n initialize = async ({\n codeId,\n utmSource,\n fallbackData,\n isPreview = false,\n }: MarketingCarouselStoreOptions) => {\n this.isInitializing = true;\n this.utmSource = utmSource;\n this.fallbackData = fallbackData;\n try {\n const data = await this.contentfulApi.getContentfulData<OxPhotoGalleryFields>({\n entryType: 'oxPhotoGallery',\n codeId,\n isPreview: isPreview ?? false,\n });\n if (!data?.items.length) {\n return;\n }\n runInAction(() => {\n this.photoGalleryData = data;\n });\n } finally {\n runInAction(() => {\n this.isInitializing = false;\n });\n }\n };\n\n // colorTheme and backgroundImageUrl are not not part of initial release of contentful\n @computed\n get carouselSettings() {\n return this.photoGalleryData\n ? {\n backgroundImageUrl: carouselBackgroundLightPath,\n colorTheme: MarketingCarouselColorTheme.Light,\n }\n : this.fallbackData?.carouselSettings;\n }\n\n @computed\n get carouselData(): MarketingCarouselItem[] \| undefined {\n try {\n if (!this.photoGalleryData?.items) {\n return this.fallbackData?.carouselData;\n }\n return (\n this.photoGalleryData.items\n .filter(({ showDate, hideDate }) => this.isDateRangeActive(showDate, hideDate))\n .map(({ ctaLink, ctaTrackingCode, media, ...fields }) => ({\n ...fields,\n ctaLink: this.getCtaLink(ctaLink, ctaTrackingCode),\n imageUrl: media.file.url.replace('//', 'https://'),\n })) ?? this.fallbackData?.carouselData\n );\n } catch {\n return this.fallbackData?.carouselData;\n }\n }\n\n private getCtaLink = (ctaLink: string, ctaTrackingCode?: string) => {\n if (!ctaTrackingCode) {\n return ctaLink;\n }\n const qs = queryString.parse(ctaTrackingCode);\n if (this.utmSource) {\n qs.utm_source = this.utmSource;\n }\n return `${ctaLink}?${queryString.stringify(qs)}`;\n };\n\n private isDateRangeActive = (start?: string, end?: string) => {\n if (!start && !end) {\n return true;\n }\n const localCurrentTime = new Date().getTime();\n const inStartRange = !start \|\| localCurrentTime >= new Date(start).getTime();\n const inEndRange = !end \|\| localCurrentTime < new Date(end).getTime();\n return inStartRange && inEndRange;\n };\n}\n"],"names":["inject","injectable","action","computed","makeObservable","observable","runInAction","queryString","CONTENTFUL_API_TOKEN","carouselBackgroundLightPath","MarketingCarouselColorTheme","MarketingCarouselStore","carouselSettings","photoGalleryData","backgroundImageUrl","colorTheme","fallbackData","carouselData","items","filter","showDate","hideDate","isDateRangeActive","map","ctaLink","ctaTrackingCode","media","fields","getCtaLink","imageUrl","file","url","replace","contentfulApi","isInitializing","utmSource","initialize","codeId","isPreview","data","getContentfulData","entryType","length","qs","parse","utm_source","stringify","start","end","localCurrentTime","Date","getTime","inStartRange","inEndRange"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,MAAM,EAAEC,UAAU,QAAQ,0BAA0B;AAC7D,SAASC,MAAM,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACjF,OAAOC,iBAAiB,eAAe;AAEvC,SAASC,oBAAoB,QAAQ,iCAAiC;AAGtE,MAAMC,8BACF;AAEJ,OAAO,IAAA,AAAKC,qDAAAA;;;WAAAA;MAGX;AA0BD,OAAO,MAAMC;IAuCT,sFAAsF;IACtF,IACIC,mBAAmB;YAMb;QALN,OAAO,IAAI,CAACC,gBAAgB,GACtB;YACIC,oBAAoBL;YACpBM,UAAU;QACd,KACA,qBAAA,IAAI,CAACC,YAAY,cAAjB,yCAAA,mBAAmBJ,gBAAgB;IAC7C;IAEA,IACIK,eAAoD;QACpD,IAAI;~~gBACK~~,wBAUU;YAVf,IAAI,GAAC,yBAAA,IAAI,CAACJ,gBAAgB,cAArB,6CAAA,uBAAuBK,KAAK,GAAE;oBACxB;gBAAP,QAAO,sBAAA,IAAI,CAACF,YAAY,cAAjB,0CAAA,oBAAmBC,YAAY;YAC1C;~~gBAEI;YADJ~~,~~OACI~~,~~CAAA,~~0CAAA,IAAI,CAACJ,gBAAgB,CAACK,KAAK,CACtBC,MAAM,CAAC,CAAC,EAAEC,QAAQ,EAAEC,QAAQ,EAAE,GAAK,IAAI,CAACC,iBAAiB,CAACF,UAAUC,WACpEE,GAAG,CAAC,CAAC,EAAEC,OAAO,EAAEC,eAAe,EAAEC,KAAK,EAAE,GAAGC,QAAQ,GAAM,CAAA;oBACtD,GAAGA,MAAM;oBACTH,SAAS,IAAI,CAACI,UAAU,CAACJ,SAASC;oBAClCI,UAAUH,MAAMI,IAAI,CAACC,GAAG,CAACC,OAAO,CAAC,MAAM;gBAC3C,CAAA,gBANJ,qDAAA,2CAMW,qBAAA,IAAI,CAAChB,YAAY,cAAjB,yCAAA,mBAAmBC,YAAY;QAElD,EAAE,~~UAAM~~;gBACG;YAAP,QAAO,sBAAA,IAAI,CAACD,YAAY,cAAjB,0CAAA,oBAAmBC,YAAY;QAC1C;IACJ;IA9DA,YAAY,AAAsCgB,aAA6B,CAAE;;QALjF,uBAAYC,kBAAZ,KAAA;QACA,uBAAoBrB,oBAApB,KAAA;QACA,uBAAoBsB,aAApB,KAAA;QACA,uBAAoBnB,gBAApB,KAAA;QAMA,uBACAoB,cADA,KAAA;QA4DA,uBAAQR,cAAR,KAAA;QAWA,uBAAQN,qBAAR,KAAA;aA3EkDW,gBAAAA;aALtCC,iBAAiB;aAU7BE,aAAa,OAAO,EAChBC,MAAM,EACNF,SAAS,EACTnB,YAAY,EACZsB,YAAY,KAAK,EACW;YAC5B,IAAI,CAACJ,cAAc,GAAG;YACtB,IAAI,CAACC,SAAS,GAAGA;YACjB,IAAI,CAACnB,YAAY,GAAGA;YACpB,IAAI;gBACA,MAAMuB,OAAO,MAAM,IAAI,CAACN,aAAa,CAACO,iBAAiB,CAAuB;oBAC1EC,WAAW;oBACXJ;oBACAC,~~WAAWA~~,sBAAAA,uBAAAA,YAAa;gBAC5B;gBACA,IAAI,EAACC,iBAAAA,2BAAAA,KAAMrB,KAAK,CAACwB,MAAM,GAAE;oBACrB;gBACJ;gBACApC,YAAY;oBACR,IAAI,CAACO,gBAAgB,GAAG0B;gBAC5B;YACJ,SAAU;gBACNjC,YAAY;oBACR,IAAI,CAAC4B,cAAc,GAAG;gBAC1B;YACJ;QACJ;aAiCQN,aAAa,CAACJ,SAAiBC;YACnC,IAAI,CAACA,iBAAiB;gBAClB,OAAOD;YACX;YACA,MAAMmB,KAAKpC,YAAYqC,KAAK,CAACnB;YAC7B,IAAI,IAAI,CAACU,SAAS,EAAE;gBAChBQ,GAAGE,UAAU,GAAG,IAAI,CAACV,SAAS;YAClC;YACA,OAAO,GAAGX,QAAQ,CAAC,EAAEjB,YAAYuC,SAAS,CAACH,KAAK;QACpD;aAEQrB,oBAAoB,CAACyB,OAAgBC;YACzC,IAAI,CAACD,SAAS,CAACC,KAAK;gBAChB,OAAO;YACX;YACA,MAAMC,mBAAmB,IAAIC,OAAOC,OAAO;YAC3C,MAAMC,eAAe,CAACL,SAASE,oBAAoB,IAAIC,KAAKH,OAAOI,OAAO;YAC1E,MAAME,aAAa,CAACL,OAAOC,mBAAmB,IAAIC,KAAKF,KAAKG,OAAO;YACnE,OAAOC,gBAAgBC;QAC3B;QAlFIjD,eAAe,IAAI;IACvB;AAkFJ"}
1	+ {"version":3,"sources":["../../src/contentful/marketing-carousel.store.ts"],"sourcesContent":["import { inject, injectable } from '@servicetitan/react-ioc';\nimport { action, computed, makeObservable, observable, runInAction } from 'mobx';\nimport queryString from 'query-string';\nimport type { IContentfulApi } from '@servicetitan/contentful-proxy';\nimport { CONTENTFUL_API_TOKEN } from '@servicetitan/contentful-proxy';\nimport type { OxPhotoGalleryFields } from './interfaces';\n\nconst carouselBackgroundLightPath =\n 'https://static.servicetitan.com/acm/auth/sign-in-carousel-background.png';\n\nexport enum MarketingCarouselColorTheme {\n Light = 'Light',\n Dark = 'Dark',\n}\n\nexport interface MarketingCarouselFallbackData {\n carouselSettings: {\n colorTheme: MarketingCarouselColorTheme;\n backgroundImageUrl: string;\n };\n carouselData: MarketingCarouselItem[];\n}\n\ninterface MarketingCarouselStoreOptions {\n codeId: string;\n isPreview?: boolean;\n utmSource?: string;\n fallbackData?: MarketingCarouselFallbackData;\n}\n\ninterface MarketingCarouselItem {\n headline: string;\n ctaLink: string;\n ctaLabel: string;\n imageUrl: string;\n description: string;\n}\n\n@injectable()\nexport class MarketingCarouselStore {\n @observable isInitializing = false;\n @observable private photoGalleryData?: OxPhotoGalleryFields;\n @observable private utmSource?: string;\n @observable private fallbackData?: MarketingCarouselFallbackData;\n\n constructor(@inject(CONTENTFUL_API_TOKEN) private contentfulApi: IContentfulApi) {\n makeObservable(this);\n }\n\n @action\n initialize = async ({\n codeId,\n utmSource,\n fallbackData,\n isPreview = false,\n }: MarketingCarouselStoreOptions) => {\n this.isInitializing = true;\n this.utmSource = utmSource;\n this.fallbackData = fallbackData;\n try {\n const data = await this.contentfulApi.getContentfulData<OxPhotoGalleryFields>({\n entryType: 'oxPhotoGallery',\n codeId,\n isPreview: isPreview ?? false,\n });\n if (!data?.items.length) {\n return;\n }\n runInAction(() => {\n this.photoGalleryData = data;\n });\n } finally {\n runInAction(() => {\n this.isInitializing = false;\n });\n }\n };\n\n // colorTheme and backgroundImageUrl are not not part of initial release of contentful\n @computed\n get carouselSettings() {\n return this.photoGalleryData\n ? {\n backgroundImageUrl: carouselBackgroundLightPath,\n colorTheme: MarketingCarouselColorTheme.Light,\n }\n : this.fallbackData?.carouselSettings;\n }\n\n @computed\n get carouselData(): MarketingCarouselItem[] \| undefined {\n try {\n if (!this.photoGalleryData?.items) {\n return this.fallbackData?.carouselData;\n }\n return (\n this.photoGalleryData.items\n .filter(({ showDate, hideDate }) => this.isDateRangeActive(showDate, hideDate))\n .map(({ ctaLink, ctaTrackingCode, media, ...fields }) => ({\n ...fields,\n ctaLink: this.getCtaLink(ctaLink, ctaTrackingCode),\n imageUrl: media.file.url.replace('//', 'https://'),\n })) ?? this.fallbackData?.carouselData\n );\n } catch {\n return this.fallbackData?.carouselData;\n }\n }\n\n private getCtaLink = (ctaLink: string, ctaTrackingCode?: string) => {\n if (!ctaTrackingCode) {\n return ctaLink;\n }\n const qs = queryString.parse(ctaTrackingCode);\n if (this.utmSource) {\n qs.utm_source = this.utmSource;\n }\n return `${ctaLink}?${queryString.stringify(qs)}`;\n };\n\n private isDateRangeActive = (start?: string, end?: string) => {\n if (!start && !end) {\n return true;\n }\n const localCurrentTime = new Date().getTime();\n const inStartRange = !start \|\| localCurrentTime >= new Date(start).getTime();\n const inEndRange = !end \|\| localCurrentTime < new Date(end).getTime();\n return inStartRange && inEndRange;\n };\n}\n"],"names":["inject","injectable","action","computed","makeObservable","observable","runInAction","queryString","CONTENTFUL_API_TOKEN","carouselBackgroundLightPath","MarketingCarouselColorTheme","MarketingCarouselStore","carouselSettings","photoGalleryData","backgroundImageUrl","colorTheme","fallbackData","carouselData","items","filter","showDate","hideDate","isDateRangeActive","map","ctaLink","ctaTrackingCode","media","fields","getCtaLink","imageUrl","file","url","replace","contentfulApi","isInitializing","utmSource","initialize","codeId","isPreview","data","getContentfulData","entryType","length","qs","parse","utm_source","stringify","start","end","localCurrentTime","Date","getTime","inStartRange","inEndRange"],"mappings":"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"}

package/dist/customer-types/components/customer-types-selector.js CHANGED Viewed

@@ -53,11 +53,11 @@ export const CustomerTypesSelector = observer(({ small })=>{
             'w-50 m-t-2': !small
         }),
         children: getEnumValues(CustomerTypes).map((customerTypeEnum, index)=>{
+            var _customerTypeCardDetails_get;
             const fieldState = form.$[customerTypeEnum];
             if (!fieldState) {
                 return null;
             }
-            var _customerTypeCardDetails_get;
             const { name, icon } = (_customerTypeCardDetails_get = customerTypeCardDetails.get(customerTypeEnum)) !== null && _customerTypeCardDetails_get !== void 0 ? _customerTypeCardDetails_get : {
                 name: ''
             };

package/dist/customer-types/components/customer-types-selector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/customer-types/components/customer-types-selector.tsx"],"sourcesContent":["import { Stack } from '@servicetitan/design-system';\nimport { getEnumValues } from '@servicetitan/form';\nimport { useDependencies } from '@servicetitan/react-ioc';\nimport classNames from 'classnames';\nimport { observer } from 'mobx-react';\nimport { FC } from 'react';\nimport { CardSelector } from '../../components/card-selector/card-selector';\nimport { CustomerTypeFormStore } from '../stores/customer-type-form.store';\nimport { CustomerTypes } from '../utils/customer-types';\nimport { customerTypesMinWidth } from './customer-types-form.module.less';\nconst iconResidential = require('../assets/icon-residential.svg');\nconst iconCommercial = require('../assets/icon-commercial.svg');\nconst iconResidentialConstruction = require('../assets/icon-residential-construction.svg');\nconst iconCommercialConstruction = require('../assets/icon-commercial-construction.svg');\n\nexport const customerTypeCardDetails: Map<CustomerTypes, { name: string; icon: string }> = new Map([\n [CustomerTypes.ResSR, { name: 'Residential Service & Replacement', icon: iconResidential }],\n [CustomerTypes.CommSR, { name: 'Commercial Service & Replacement', icon: iconCommercial }],\n [CustomerTypes.ResNC, { name: 'Residential Construction', icon: iconResidentialConstruction }],\n [CustomerTypes.CommNC, { name: 'Commercial Construction', icon: iconCommercialConstruction }],\n]);\n\nexport const CustomerTypesSelector: FC<{ small?: boolean }> = observer(({ small }) => {\n const [{ form }] = useDependencies(CustomerTypeFormStore);\n return (\n <Stack\n spacing={2}\n wrap={small ? 'nowrap' : 'wrap'}\n justifyContent={small ? 'space-evenly' : 'center'}\n className={classNames(customerTypesMinWidth, {\n 'w-50 m-t-2': !small,\n })}\n >\n {getEnumValues(CustomerTypes).map((customerTypeEnum, index) => {\n const fieldState = form.$[customerTypeEnum];\n if (!fieldState) {\n return null;\n }\n const { name, icon } = customerTypeCardDetails.get(customerTypeEnum) ?? {\n name: '',\n };\n return (\n <CardSelector\n {...{ index, name, fieldState }}\n small\n key={name}\n isCustom={false}\n handleMenuClick={() => null}\n fontStyle={small ? 'fs-2-i' : 'fs-3-i'}\n className={classNames({ 'm-t-2-i': !small })}\n control=\"checkbox\"\n >\n {icon && <img src={icon} className=\"m-a\" />}\n </CardSelector>\n );\n })}\n </Stack>\n );\n});\nCustomerTypesSelector.displayName = 'CustomerTypesSelector';\n"],"names":["Stack","getEnumValues","useDependencies","classNames","observer","CardSelector","CustomerTypeFormStore","CustomerTypes","customerTypesMinWidth","iconResidential","require","iconCommercial","iconResidentialConstruction","iconCommercialConstruction","customerTypeCardDetails","Map","ResSR","name","icon","CommSR","ResNC","CommNC","CustomerTypesSelector","small","form","spacing","wrap","justifyContent","className","map","customerTypeEnum","index","fieldState","$","get","key","isCustom","handleMenuClick","fontStyle","control","img","src","displayName"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,8BAA8B;AACpD,SAASC,aAAa,QAAQ,qBAAqB;AACnD,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,OAAOC,gBAAgB,aAAa;AACpC,SAASC,QAAQ,QAAQ,aAAa;AAEtC,SAASC,YAAY,QAAQ,+CAA+C;AAC5E,SAASC,qBAAqB,QAAQ,qCAAqC;AAC3E,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,qBAAqB,QAAQ,oCAAoC;AAC1E,MAAMC,kBAAkBC,QAAQ;AAChC,MAAMC,iBAAiBD,QAAQ;AAC/B,MAAME,8BAA8BF,QAAQ;AAC5C,MAAMG,6BAA6BH,QAAQ;AAE3C,OAAO,MAAMI,0BAA8E,IAAIC,IAAI;IAC/F;QAACR,cAAcS,KAAK;QAAE;YAAEC,MAAM;YAAqCC,MAAMT;QAAgB;KAAE;IAC3F;QAACF,cAAcY,MAAM;QAAE;YAAEF,MAAM;YAAoCC,MAAMP;QAAe;KAAE;IAC1F;QAACJ,cAAca,KAAK;QAAE;YAAEH,MAAM;YAA4BC,MAAMN;QAA4B;KAAE;IAC9F;QAACL,cAAcc,MAAM;QAAE;YAAEJ,MAAM;YAA2BC,MAAML;QAA2B;KAAE;CAChG,EAAE;AAEH,OAAO,MAAMS,wBAAiDlB,SAAS,CAAC,EAAEmB,KAAK,EAAE;IAC7E,MAAM,CAAC,EAAEC,IAAI,EAAE,CAAC,GAAGtB,gBAAgBI;IACnC,qBACI,KAACN;QACGyB,SAAS;QACTC,MAAMH,QAAQ,WAAW;QACzBI,gBAAgBJ,QAAQ,iBAAiB;QACzCK,WAAWzB,WAAWK,uBAAuB;YACzC,cAAc,CAACe;QACnB;kBAECtB,cAAcM,eAAesB,GAAG,CAAC,CAACC,kBAAkBC;~~YACjD~~,~~MAAMC~~,aAAaR,KAAKS,CAAC,CAACH,iBAAiB;YAC3C,IAAI,CAACE,YAAY;gBACb,OAAO;YACX;~~gBACuBlB;YAAvB~~,MAAM,~~EAAEG~~,IAAI,EAAEC,IAAI,EAAE,~~GAAGJ,CAAAA~~,+BAAAA,wBAAwBoB,GAAG,CAACJ,+BAA5BhB,0CAAAA,+BAAiD;gBACpEG,MAAM;YACV;YACA,qBACI,eAACZ;gBACS0B;gBAAOd;gBAAMe;gBACnBT,KAAK;gBACLY,KAAKlB;gBACLmB,UAAU;gBACVC,iBAAiB,IAAM;gBACvBC,WAAWf,QAAQ,WAAW;gBAC9BK,WAAWzB,WAAW;oBAAE,WAAW,CAACoB;gBAAM;gBAC1CgB,SAAQ;eAEPrB,sBAAQ,KAACsB;gBAAIC,KAAKvB;gBAAMU,WAAU;;QAG/C;;AAGZ,GAAG;AACHN,sBAAsBoB,WAAW,GAAG"}
1	+ {"version":3,"sources":["../../../src/customer-types/components/customer-types-selector.tsx"],"sourcesContent":["import { Stack } from '@servicetitan/design-system';\nimport { getEnumValues } from '@servicetitan/form';\nimport { useDependencies } from '@servicetitan/react-ioc';\nimport classNames from 'classnames';\nimport { observer } from 'mobx-react';\nimport { FC } from 'react';\nimport { CardSelector } from '../../components/card-selector/card-selector';\nimport { CustomerTypeFormStore } from '../stores/customer-type-form.store';\nimport { CustomerTypes } from '../utils/customer-types';\nimport { customerTypesMinWidth } from './customer-types-form.module.less';\nconst iconResidential = require('../assets/icon-residential.svg');\nconst iconCommercial = require('../assets/icon-commercial.svg');\nconst iconResidentialConstruction = require('../assets/icon-residential-construction.svg');\nconst iconCommercialConstruction = require('../assets/icon-commercial-construction.svg');\n\nexport const customerTypeCardDetails: Map<CustomerTypes, { name: string; icon: string }> = new Map([\n [CustomerTypes.ResSR, { name: 'Residential Service & Replacement', icon: iconResidential }],\n [CustomerTypes.CommSR, { name: 'Commercial Service & Replacement', icon: iconCommercial }],\n [CustomerTypes.ResNC, { name: 'Residential Construction', icon: iconResidentialConstruction }],\n [CustomerTypes.CommNC, { name: 'Commercial Construction', icon: iconCommercialConstruction }],\n]);\n\nexport const CustomerTypesSelector: FC<{ small?: boolean }> = observer(({ small }) => {\n const [{ form }] = useDependencies(CustomerTypeFormStore);\n return (\n <Stack\n spacing={2}\n wrap={small ? 'nowrap' : 'wrap'}\n justifyContent={small ? 'space-evenly' : 'center'}\n className={classNames(customerTypesMinWidth, {\n 'w-50 m-t-2': !small,\n })}\n >\n {getEnumValues(CustomerTypes).map((customerTypeEnum, index) => {\n const fieldState = form.$[customerTypeEnum];\n if (!fieldState) {\n return null;\n }\n const { name, icon } = customerTypeCardDetails.get(customerTypeEnum) ?? {\n name: '',\n };\n return (\n <CardSelector\n {...{ index, name, fieldState }}\n small\n key={name}\n isCustom={false}\n handleMenuClick={() => null}\n fontStyle={small ? 'fs-2-i' : 'fs-3-i'}\n className={classNames({ 'm-t-2-i': !small })}\n control=\"checkbox\"\n >\n {icon && <img src={icon} className=\"m-a\" />}\n </CardSelector>\n );\n })}\n </Stack>\n );\n});\nCustomerTypesSelector.displayName = 'CustomerTypesSelector';\n"],"names":["Stack","getEnumValues","useDependencies","classNames","observer","CardSelector","CustomerTypeFormStore","CustomerTypes","customerTypesMinWidth","iconResidential","require","iconCommercial","iconResidentialConstruction","iconCommercialConstruction","customerTypeCardDetails","Map","ResSR","name","icon","CommSR","ResNC","CommNC","CustomerTypesSelector","small","form","spacing","wrap","justifyContent","className","map","customerTypeEnum","index","fieldState","$","get","key","isCustom","handleMenuClick","fontStyle","control","img","src","displayName"],"mappings":";;AAAA,SAASA,KAAK,QAAQ,8BAA8B;AACpD,SAASC,aAAa,QAAQ,qBAAqB;AACnD,SAASC,eAAe,QAAQ,0BAA0B;AAC1D,OAAOC,gBAAgB,aAAa;AACpC,SAASC,QAAQ,QAAQ,aAAa;AAEtC,SAASC,YAAY,QAAQ,+CAA+C;AAC5E,SAASC,qBAAqB,QAAQ,qCAAqC;AAC3E,SAASC,aAAa,QAAQ,0BAA0B;AACxD,SAASC,qBAAqB,QAAQ,oCAAoC;AAC1E,MAAMC,kBAAkBC,QAAQ;AAChC,MAAMC,iBAAiBD,QAAQ;AAC/B,MAAME,8BAA8BF,QAAQ;AAC5C,MAAMG,6BAA6BH,QAAQ;AAE3C,OAAO,MAAMI,0BAA8E,IAAIC,IAAI;IAC/F;QAACR,cAAcS,KAAK;QAAE;YAAEC,MAAM;YAAqCC,MAAMT;QAAgB;KAAE;IAC3F;QAACF,cAAcY,MAAM;QAAE;YAAEF,MAAM;YAAoCC,MAAMP;QAAe;KAAE;IAC1F;QAACJ,cAAca,KAAK;QAAE;YAAEH,MAAM;YAA4BC,MAAMN;QAA4B;KAAE;IAC9F;QAACL,cAAcc,MAAM;QAAE;YAAEJ,MAAM;YAA2BC,MAAML;QAA2B;KAAE;CAChG,EAAE;AAEH,OAAO,MAAMS,wBAAiDlB,SAAS,CAAC,EAAEmB,KAAK,EAAE;IAC7E,MAAM,CAAC,EAAEC,IAAI,EAAE,CAAC,GAAGtB,gBAAgBI;IACnC,qBACI,KAACN;QACGyB,SAAS;QACTC,MAAMH,QAAQ,WAAW;QACzBI,gBAAgBJ,QAAQ,iBAAiB;QACzCK,WAAWzB,WAAWK,uBAAuB;YACzC,cAAc,CAACe;QACnB;kBAECtB,cAAcM,eAAesB,GAAG,CAAC,CAACC,kBAAkBC;gBAK1BjB;YAJvB,MAAMkB,aAAaR,KAAKS,CAAC,CAACH,iBAAiB;YAC3C,IAAI,CAACE,YAAY;gBACb,OAAO;YACX;YACA,MAAM,EAAEf,IAAI,EAAEC,IAAI,EAAE,IAAGJ,+BAAAA,wBAAwBoB,GAAG,CAACJ,+BAA5BhB,0CAAAA,+BAAiD;gBACpEG,MAAM;YACV;YACA,qBACI,eAACZ;gBACS0B;gBAAOd;gBAAMe;gBACnBT,KAAK;gBACLY,KAAKlB;gBACLmB,UAAU;gBACVC,iBAAiB,IAAM;gBACvBC,WAAWf,QAAQ,WAAW;gBAC9BK,WAAWzB,WAAW;oBAAE,WAAW,CAACoB;gBAAM;gBAC1CgB,SAAQ;eAEPrB,sBAAQ,KAACsB;gBAAIC,KAAKvB;gBAAMU,WAAU;;QAG/C;;AAGZ,GAAG;AACHN,sBAAsBoB,WAAW,GAAG"}

package/dist/pusher/presence.store.js CHANGED Viewed

@@ -58,9 +58,9 @@ export class PresenceStore {
         return this.channel.members.me;
     }
     get lastUser() {
+        var _ref;
         var _this_users__info, _this_users_;
-        var _this_users__info_Name;
-        return (_this_users__info_Name = (_this_users_ = this.users[this.users.length - 1]) === null || _this_users_ === void 0 ? void 0 : (_this_users__info = _this_users_.info) === null || _this_users__info === void 0 ? void 0 : _this_users__info.Name) !== null && _this_users__info_Name !== void 0 ? _this_users__info_Name : '-';
+        return (_ref = (_this_users_ = this.users[this.users.length - 1]) === null || _this_users_ === void 0 ? void 0 : (_this_users__info = _this_users_.info) === null || _this_users__info === void 0 ? void 0 : _this_users__info.Name) !== null && _ref !== void 0 ? _ref : '-';
     }
     constructor(pusherStore){
         _define_property(this, "pusherStore", void 0);

package/dist/pusher/presence.store.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/pusher/presence.store.ts"],"sourcesContent":["import { inject, injectable } from '@servicetitan/react-ioc';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { PresenceChannel } from 'pusher-js';\nimport { sortBy } from '../utils';\nimport { PusherStore } from './pusher.store';\n\ninterface MemberInfo {\n EnteredDate: number;\n Name: string;\n IsFromAdmin: boolean;\n}\ninterface Member {\n id: string;\n info: MemberInfo;\n}\n\n@injectable()\nexport class PresenceStore {\n @observable private instance?: PresenceChannel;\n\n constructor(@inject(PusherStore) private pusherStore: PusherStore) {\n makeObservable(this);\n }\n\n @action\n initialize = async (channelName: string) => {\n const presenceChannelName = this.pusherStore.combinePresenceChannelName(channelName);\n this.instance = this.pusherStore.pusher.subscribe(presenceChannelName) as PresenceChannel;\n return new Promise<void>((resolve, reject) => {\n this.channel.bind('pusher:subscription_succeeded', resolve);\n this.channel.bind('pusher:subscription_error', reject);\n });\n };\n\n @action\n dispose = () => {\n this.pusherStore.pusher.unsubscribe(this.channel.name);\n this.instance = undefined;\n };\n\n @computed\n get first() {\n return this.users[0];\n }\n\n @computed\n get amIFirst() {\n return this.first?.id === this.me?.id;\n }\n\n @computed\n private get channel() {\n if (!this.instance) {\n throw new Error('Presence channel is not initialized');\n }\n return this.instance;\n }\n\n @computed\n get allMembers() {\n const result: Member[] = [];\n for (const id in this.channel.members.members) {\n result.push(this.channel.members.get(id));\n }\n return result;\n }\n\n @computed\n get users() {\n return this.allMembers\n .filter(({ info: { IsFromAdmin } }) => !IsFromAdmin)\n .sort(sortBy(member => member.info.EnteredDate));\n }\n\n @computed\n private get me() {\n return this.channel.members.me as Member;\n }\n\n @computed\n get lastUser() {\n return this.users[this.users.length - 1]?.info?.Name ?? '-';\n }\n}\n"],"names":["inject","injectable","action","computed","makeObservable","observable","PresenceChannel","sortBy","PusherStore","PresenceStore","first","users","amIFirst","id","me","channel","instance","Error","allMembers","result","members","push","get","filter","info","IsFromAdmin","sort","member","EnteredDate","lastUser","length","Name","pusherStore","initialize","dispose","channelName","presenceChannelName","combinePresenceChannelName","pusher","subscribe","Promise","resolve","reject","bind","unsubscribe","name","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,MAAM,EAAEC,UAAU,QAAQ,0BAA0B;AAC7D,SAASC,MAAM,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,UAAU,QAAQ,OAAO;AACpE,SAASC,eAAe,QAAQ,YAAY;AAC5C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,QAAQ,iBAAiB;AAa7C,OAAO,MAAMC;IAuBT,IACIC,QAAQ;QACR,OAAO,IAAI,CAACC,KAAK,CAAC,EAAE;IACxB;IAEA,IACIC,WAAW;YACJ,aAAmB;QAA1B,OAAO,EAAA,cAAA,IAAI,CAACF,KAAK,cAAV,kCAAA,YAAYG,EAAE,QAAK,WAAA,IAAI,CAACC,EAAE,cAAP,+BAAA,SAASD,EAAE;IACzC;IAEA,IACYE,UAAU;QAClB,IAAI,CAAC,IAAI,CAACC,QAAQ,EAAE;YAChB,MAAM,IAAIC,MAAM;QACpB;QACA,OAAO,IAAI,CAACD,QAAQ;IACxB;IAEA,IACIE,aAAa;QACb,MAAMC,SAAmB,EAAE;QAC3B,IAAK,MAAMN,MAAM,IAAI,CAACE,OAAO,CAACK,OAAO,CAACA,OAAO,CAAE;YAC3CD,OAAOE,IAAI,CAAC,IAAI,CAACN,OAAO,CAACK,OAAO,CAACE,GAAG,CAACT;QACzC;QACA,OAAOM;IACX;IAEA,IACIR,QAAQ;QACR,OAAO,IAAI,CAACO,UAAU,CACjBK,MAAM,CAAC,CAAC,EAAEC,MAAM,EAAEC,WAAW,EAAE,EAAE,GAAK,CAACA,aACvCC,IAAI,CAACnB,OAAOoB,CAAAA,SAAUA,OAAOH,IAAI,CAACI,WAAW;IACtD;IAEA,IACYd,KAAK;QACb,OAAO,IAAI,CAACC,OAAO,CAACK,OAAO,CAACN,EAAE;IAClC;IAEA,IACIe,WAAW;YACJ,mBAAA;~~YAAA;~~QAAP,~~OAAO~~,~~CAAA,0BAAA,~~eAAA,IAAI,CAAClB,KAAK,CAAC,IAAI,CAACA,KAAK,CAACmB,MAAM,GAAG,EAAE,cAAjC,oCAAA,oBAAA,aAAmCN,IAAI,cAAvC,wCAAA,kBAAyCO,IAAI,~~cAA7C,oCAAA,yBAAiD~~;IAC5D;IA9DA,YAAY,AAA6BC,WAAwB,CAAE;;QAFnE,uBAAoBhB,YAApB,KAAA;QAMA,uBACAiB,cADA,KAAA;QAUA,uBACAC,WADA,KAAA;aAdyCF,cAAAA;aAKzCC,aAAa,OAAOE;YAChB,MAAMC,sBAAsB,IAAI,CAACJ,WAAW,CAACK,0BAA0B,CAACF;YACxE,IAAI,CAACnB,QAAQ,GAAG,IAAI,CAACgB,WAAW,CAACM,MAAM,CAACC,SAAS,CAACH;YAClD,OAAO,IAAII,QAAc,CAACC,SAASC;gBAC/B,IAAI,CAAC3B,OAAO,CAAC4B,IAAI,CAAC,iCAAiCF;gBACnD,IAAI,CAAC1B,OAAO,CAAC4B,IAAI,CAAC,6BAA6BD;YACnD;QACJ;aAGAR,UAAU;YACN,IAAI,CAACF,WAAW,CAACM,MAAM,CAACM,WAAW,CAAC,IAAI,CAAC7B,OAAO,CAAC8B,IAAI;YACrD,IAAI,CAAC7B,QAAQ,GAAG8B;QACpB;QAjBI1C,eAAe,IAAI;IACvB;AA6DJ"}
1	+ {"version":3,"sources":["../../src/pusher/presence.store.ts"],"sourcesContent":["import { inject, injectable } from '@servicetitan/react-ioc';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { PresenceChannel } from 'pusher-js';\nimport { sortBy } from '../utils';\nimport { PusherStore } from './pusher.store';\n\ninterface MemberInfo {\n EnteredDate: number;\n Name: string;\n IsFromAdmin: boolean;\n}\ninterface Member {\n id: string;\n info: MemberInfo;\n}\n\n@injectable()\nexport class PresenceStore {\n @observable private instance?: PresenceChannel;\n\n constructor(@inject(PusherStore) private pusherStore: PusherStore) {\n makeObservable(this);\n }\n\n @action\n initialize = async (channelName: string) => {\n const presenceChannelName = this.pusherStore.combinePresenceChannelName(channelName);\n this.instance = this.pusherStore.pusher.subscribe(presenceChannelName) as PresenceChannel;\n return new Promise<void>((resolve, reject) => {\n this.channel.bind('pusher:subscription_succeeded', resolve);\n this.channel.bind('pusher:subscription_error', reject);\n });\n };\n\n @action\n dispose = () => {\n this.pusherStore.pusher.unsubscribe(this.channel.name);\n this.instance = undefined;\n };\n\n @computed\n get first() {\n return this.users[0];\n }\n\n @computed\n get amIFirst() {\n return this.first?.id === this.me?.id;\n }\n\n @computed\n private get channel() {\n if (!this.instance) {\n throw new Error('Presence channel is not initialized');\n }\n return this.instance;\n }\n\n @computed\n get allMembers() {\n const result: Member[] = [];\n for (const id in this.channel.members.members) {\n result.push(this.channel.members.get(id));\n }\n return result;\n }\n\n @computed\n get users() {\n return this.allMembers\n .filter(({ info: { IsFromAdmin } }) => !IsFromAdmin)\n .sort(sortBy(member => member.info.EnteredDate));\n }\n\n @computed\n private get me() {\n return this.channel.members.me as Member;\n }\n\n @computed\n get lastUser() {\n return this.users[this.users.length - 1]?.info?.Name ?? '-';\n }\n}\n"],"names":["inject","injectable","action","computed","makeObservable","observable","PresenceChannel","sortBy","PusherStore","PresenceStore","first","users","amIFirst","id","me","channel","instance","Error","allMembers","result","members","push","get","filter","info","IsFromAdmin","sort","member","EnteredDate","lastUser","length","Name","pusherStore","initialize","dispose","channelName","presenceChannelName","combinePresenceChannelName","pusher","subscribe","Promise","resolve","reject","bind","unsubscribe","name","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,MAAM,EAAEC,UAAU,QAAQ,0BAA0B;AAC7D,SAASC,MAAM,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,UAAU,QAAQ,OAAO;AACpE,SAASC,eAAe,QAAQ,YAAY;AAC5C,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,QAAQ,iBAAiB;AAa7C,OAAO,MAAMC;IAuBT,IACIC,QAAQ;QACR,OAAO,IAAI,CAACC,KAAK,CAAC,EAAE;IACxB;IAEA,IACIC,WAAW;YACJ,aAAmB;QAA1B,OAAO,EAAA,cAAA,IAAI,CAACF,KAAK,cAAV,kCAAA,YAAYG,EAAE,QAAK,WAAA,IAAI,CAACC,EAAE,cAAP,+BAAA,SAASD,EAAE;IACzC;IAEA,IACYE,UAAU;QAClB,IAAI,CAAC,IAAI,CAACC,QAAQ,EAAE;YAChB,MAAM,IAAIC,MAAM;QACpB;QACA,OAAO,IAAI,CAACD,QAAQ;IACxB;IAEA,IACIE,aAAa;QACb,MAAMC,SAAmB,EAAE;QAC3B,IAAK,MAAMN,MAAM,IAAI,CAACE,OAAO,CAACK,OAAO,CAACA,OAAO,CAAE;YAC3CD,OAAOE,IAAI,CAAC,IAAI,CAACN,OAAO,CAACK,OAAO,CAACE,GAAG,CAACT;QACzC;QACA,OAAOM;IACX;IAEA,IACIR,QAAQ;QACR,OAAO,IAAI,CAACO,UAAU,CACjBK,MAAM,CAAC,CAAC,EAAEC,MAAM,EAAEC,WAAW,EAAE,EAAE,GAAK,CAACA,aACvCC,IAAI,CAACnB,OAAOoB,CAAAA,SAAUA,OAAOH,IAAI,CAACI,WAAW;IACtD;IAEA,IACYd,KAAK;QACb,OAAO,IAAI,CAACC,OAAO,CAACK,OAAO,CAACN,EAAE;IAClC;IAEA,IACIe,WAAW;;YACJ,mBAAA;QAAP,gBAAO,eAAA,IAAI,CAAClB,KAAK,CAAC,IAAI,CAACA,KAAK,CAACmB,MAAM,GAAG,EAAE,cAAjC,oCAAA,oBAAA,aAAmCN,IAAI,cAAvC,wCAAA,kBAAyCO,IAAI,uCAAI;IAC5D;IA9DA,YAAY,AAA6BC,WAAwB,CAAE;;QAFnE,uBAAoBhB,YAApB,KAAA;QAMA,uBACAiB,cADA,KAAA;QAUA,uBACAC,WADA,KAAA;aAdyCF,cAAAA;aAKzCC,aAAa,OAAOE;YAChB,MAAMC,sBAAsB,IAAI,CAACJ,WAAW,CAACK,0BAA0B,CAACF;YACxE,IAAI,CAACnB,QAAQ,GAAG,IAAI,CAACgB,WAAW,CAACM,MAAM,CAACC,SAAS,CAACH;YAClD,OAAO,IAAII,QAAc,CAACC,SAASC;gBAC/B,IAAI,CAAC3B,OAAO,CAAC4B,IAAI,CAAC,iCAAiCF;gBACnD,IAAI,CAAC1B,OAAO,CAAC4B,IAAI,CAAC,6BAA6BD;YACnD;QACJ;aAGAR,UAAU;YACN,IAAI,CAACF,WAAW,CAACM,MAAM,CAACM,WAAW,CAAC,IAAI,CAAC7B,OAAO,CAAC8B,IAAI;YACrD,IAAI,CAAC7B,QAAQ,GAAG8B;QACpB;QAjBI1C,eAAe,IAAI;IACvB;AA6DJ"}

package/dist/pusher/pusher.store.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/pusher/pusher.store.ts"],"sourcesContent":["import { injectable } from '@servicetitan/react-ioc';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport Pusher, { Channel } from 'pusher-js';\n\nexport interface PusherConfig {\n authEndpoint: string;\n tenantId: string;\n pusherNamespace: string;\n globalPusherChannelName?: string;\n appKey?: string;\n}\nconst APP_KEY = '59831c16dcf080351f5b';\n\n@injectable()\nexport class PusherStore {\n @observable private instance?: Pusher;\n @observable private config?: PusherConfig;\n\n constructor() {\n makeObservable(this);\n }\n\n @action\n initialize = (config: PusherConfig) => {\n this.instance = new Pusher(config.appKey ?? APP_KEY, {\n authEndpoint: config.authEndpoint,\n cluster: 'mt1',\n });\n this.config = config;\n this.pusher.subscribe(this.combineChannelName('global'));\n };\n\n @action\n findChannel = (channelName: string): Channel \| undefined => {\n return this.pusher.channels.find(this.combineChannelName(channelName));\n };\n\n @action\n combineChannelName = (channelName: string) =>\n `private-${this.combineChannelSuffix(channelName)}`;\n\n @action\n combinePresenceChannelName = (channelName: string) =>\n `presence-${this.combineChannelSuffix(channelName)}`;\n\n @action\n dispose = () => {\n this.instance?.disconnect();\n this.instance = undefined;\n };\n\n private combineChannelSuffix = (channelName: string) =>\n `${this.config?.pusherNamespace}-${channelName}-${this.config?.tenantId}`;\n\n @computed\n get pusher() {\n if (!this.instance) {\n throw new Error('Pusher instance is not initialized');\n }\n return this.instance;\n }\n}\n"],"names":["injectable","action","computed","makeObservable","observable","Pusher","APP_KEY","PusherStore","pusher","instance","Error","config","initialize","appKey","authEndpoint","cluster","subscribe","combineChannelName","findChannel","channelName","channels","find","combineChannelSuffix","combinePresenceChannelName","dispose","disconnect","undefined","pusherNamespace","tenantId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,UAAU,QAAQ,OAAO;AACpE,OAAOC,YAAyB,YAAY;AAS5C,MAAMC,UAAU;AAGhB,OAAO,MAAMC;IAwCT,IACIC,SAAS;QACT,IAAI,CAAC,IAAI,CAACC,QAAQ,EAAE;YAChB,MAAM,IAAIC,MAAM;QACpB;QACA,OAAO,IAAI,CAACD,QAAQ;IACxB;IA1CA,aAAc;QAHd,uBAAoBA,YAApB,KAAA;QACA,uBAAoBE,UAApB,KAAA;QAMA,uBACAC,cAAa,CAACD;gBACiBA;YAA3B,IAAI,CAACF,QAAQ,GAAG,IAAIJ,~~OAAOM~~,~~CAAAA,~~iBAAAA,OAAOE,MAAM,cAAbF,4BAAAA,iBAAiBL,SAAS;gBACjDQ,cAAcH,OAAOG,YAAY;gBACjCC,SAAS;YACb;YACA,IAAI,CAACJ,MAAM,GAAGA;YACd,IAAI,CAACH,MAAM,CAACQ,SAAS,CAAC,IAAI,CAACC,kBAAkB,CAAC;QAClD;QAEA,uBACAC,eAAc,CAACC;YACX,OAAO,IAAI,CAACX,MAAM,CAACY,QAAQ,CAACC,IAAI,CAAC,IAAI,CAACJ,kBAAkB,CAACE;QAC7D;QAEA,uBACAF,sBAAqB,CAACE,cAClB,CAAC,QAAQ,EAAE,IAAI,CAACG,oBAAoB,CAACH,cAAc;QAEvD,uBACAI,8BAA6B,CAACJ,cAC1B,CAAC,SAAS,EAAE,IAAI,CAACG,oBAAoB,CAACH,cAAc;QAExD,uBACAK,WAAU;gBACN;aAAA,iBAAA,IAAI,CAACf,QAAQ,cAAb,qCAAA,eAAegB,UAAU;YACzB,IAAI,CAAChB,QAAQ,GAAGiB;QACpB;QAEA,uBAAQJ,wBAAuB,CAACH;gBACzB,cAA+C;mBAAlD,IAAG,eAAA,IAAI,CAACR,MAAM,cAAX,mCAAA,aAAagB,eAAe,CAAC,CAAC,EAAER,YAAY,CAAC,GAAE,gBAAA,IAAI,CAACR,MAAM,cAAX,oCAAA,cAAaiB,QAAQ,EAAE;;QAjCzEzB,eAAe,IAAI;IACvB;AAyCJ"}
1	+ {"version":3,"sources":["../../src/pusher/pusher.store.ts"],"sourcesContent":["import { injectable } from '@servicetitan/react-ioc';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport Pusher, { Channel } from 'pusher-js';\n\nexport interface PusherConfig {\n authEndpoint: string;\n tenantId: string;\n pusherNamespace: string;\n globalPusherChannelName?: string;\n appKey?: string;\n}\nconst APP_KEY = '59831c16dcf080351f5b';\n\n@injectable()\nexport class PusherStore {\n @observable private instance?: Pusher;\n @observable private config?: PusherConfig;\n\n constructor() {\n makeObservable(this);\n }\n\n @action\n initialize = (config: PusherConfig) => {\n this.instance = new Pusher(config.appKey ?? APP_KEY, {\n authEndpoint: config.authEndpoint,\n cluster: 'mt1',\n });\n this.config = config;\n this.pusher.subscribe(this.combineChannelName('global'));\n };\n\n @action\n findChannel = (channelName: string): Channel \| undefined => {\n return this.pusher.channels.find(this.combineChannelName(channelName));\n };\n\n @action\n combineChannelName = (channelName: string) =>\n `private-${this.combineChannelSuffix(channelName)}`;\n\n @action\n combinePresenceChannelName = (channelName: string) =>\n `presence-${this.combineChannelSuffix(channelName)}`;\n\n @action\n dispose = () => {\n this.instance?.disconnect();\n this.instance = undefined;\n };\n\n private combineChannelSuffix = (channelName: string) =>\n `${this.config?.pusherNamespace}-${channelName}-${this.config?.tenantId}`;\n\n @computed\n get pusher() {\n if (!this.instance) {\n throw new Error('Pusher instance is not initialized');\n }\n return this.instance;\n }\n}\n"],"names":["injectable","action","computed","makeObservable","observable","Pusher","APP_KEY","PusherStore","pusher","instance","Error","config","initialize","appKey","authEndpoint","cluster","subscribe","combineChannelName","findChannel","channelName","channels","find","combineChannelSuffix","combinePresenceChannelName","dispose","disconnect","undefined","pusherNamespace","tenantId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,SAASA,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,EAAEC,QAAQ,EAAEC,cAAc,EAAEC,UAAU,QAAQ,OAAO;AACpE,OAAOC,YAAyB,YAAY;AAS5C,MAAMC,UAAU;AAGhB,OAAO,MAAMC;IAwCT,IACIC,SAAS;QACT,IAAI,CAAC,IAAI,CAACC,QAAQ,EAAE;YAChB,MAAM,IAAIC,MAAM;QACpB;QACA,OAAO,IAAI,CAACD,QAAQ;IACxB;IA1CA,aAAc;QAHd,uBAAoBA,YAApB,KAAA;QACA,uBAAoBE,UAApB,KAAA;QAMA,uBACAC,cAAa,CAACD;gBACiBA;YAA3B,IAAI,CAACF,QAAQ,GAAG,IAAIJ,QAAOM,iBAAAA,OAAOE,MAAM,cAAbF,4BAAAA,iBAAiBL,SAAS;gBACjDQ,cAAcH,OAAOG,YAAY;gBACjCC,SAAS;YACb;YACA,IAAI,CAACJ,MAAM,GAAGA;YACd,IAAI,CAACH,MAAM,CAACQ,SAAS,CAAC,IAAI,CAACC,kBAAkB,CAAC;QAClD;QAEA,uBACAC,eAAc,CAACC;YACX,OAAO,IAAI,CAACX,MAAM,CAACY,QAAQ,CAACC,IAAI,CAAC,IAAI,CAACJ,kBAAkB,CAACE;QAC7D;QAEA,uBACAF,sBAAqB,CAACE,cAClB,CAAC,QAAQ,EAAE,IAAI,CAACG,oBAAoB,CAACH,cAAc;QAEvD,uBACAI,8BAA6B,CAACJ,cAC1B,CAAC,SAAS,EAAE,IAAI,CAACG,oBAAoB,CAACH,cAAc;QAExD,uBACAK,WAAU;gBACN;aAAA,iBAAA,IAAI,CAACf,QAAQ,cAAb,qCAAA,eAAegB,UAAU;YACzB,IAAI,CAAChB,QAAQ,GAAGiB;QACpB;QAEA,uBAAQJ,wBAAuB,CAACH;gBACzB,cAA+C;mBAAlD,IAAG,eAAA,IAAI,CAACR,MAAM,cAAX,mCAAA,aAAagB,eAAe,CAAC,CAAC,EAAER,YAAY,CAAC,GAAE,gBAAA,IAAI,CAACR,MAAM,cAAX,oCAAA,cAAaiB,QAAQ,EAAE;;QAjCzEzB,eAAe,IAAI;IACvB;AAyCJ"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/onboarding-ui",
-    "version": "16.1.0",
+    "version": "16.2.0",
     "description": "Shared components between servicetitan monolith and Onboarding",
     "repository": {
         "type": "git",
@@ -30,12 +30,12 @@
         "resumablejs": "~1.0.2"
     },
     "devDependencies": {
-        "@servicetitan/confirm": "^38.1.0",
-        "@servicetitan/culture": "^38.1.0",
-        "@servicetitan/data-query": "^38.1.0",
+        "@servicetitan/confirm": "^38.2.0",
+        "@servicetitan/culture": "^38.2.0",
+        "@servicetitan/data-query": "^38.2.0",
         "@servicetitan/design-system": "~14.5.1",
-        "@servicetitan/form": "^38.1.0",
-        "@servicetitan/react-ioc": "^33.1.1",
+        "@servicetitan/form": "^38.2.0",
+        "@servicetitan/react-ioc": "^34.0.1",
         "@types/contentful-resolve-response": "^0.1.31",
         "@types/react": "~18.2.55",
         "@types/react-input-mask": "~2.0.5",
@@ -50,7 +50,7 @@
         "@contentful/rich-text-react-renderer": "^15.6.2",
         "@contentful/rich-text-types": "^15.7.0",
         "@servicetitan/contentful-proxy": "^1.1.11",
-        "@servicetitan/react-hooks": "^7.1.0",
+        "@servicetitan/react-hooks": "^7.2.0",
         "@types/google.maps": "^3.45.6",
         "classnames": "^2.3.1",
         "contentful-resolve-response": "^1.3.0",
@@ -69,5 +69,5 @@
         "less": true,
         "webpack": false
     },
-    "gitHead": "a44925e37020acb2153c7e10215a31cd22d054c1"
+    "gitHead": "b013c9f39c05c44f888a5bca5ff6aadb89cd7a6f"
 }