@sonic-equipment/ui 0.0.90 → 0.0.92

package/dist/index.d.ts

@@ -21,6 +21,7 @@ interface Config {
     ALGOLIA_APP_ID: string;
     ALGOLIA_HOST: string;
     BFF_API_URL: string;
+    COOKIE_DOMAIN?: string;
     SHOP_API_URL: string;
 }
 declare const configPerEnvironment: Record<Environment, Config>;
@@ -125,6 +126,7 @@ interface Request {
 declare const request: Request;
 
 declare const features: {
+    readonly language: "language";
     readonly pdp: "pdpV2";
     readonly pdpv1: "pdpV1";
     readonly plpv1: "plpV1";

package/dist/index.js

@@ -71,7 +71,8 @@ const configPerEnvironment = {
         ALGOLIA_API_KEY: 'e0edf30798a6b2e4e44fd25f0f2f9646',
         ALGOLIA_APP_ID: 'testing9VXJ0U4GSV',
         ALGOLIA_HOST: 'sonicequipment.commerce.insitesandbox.com',
-        BFF_API_URL: 'https://localhost:8000/api/v1/bff',
+        BFF_API_URL: 'https://sonicequipment.commerce.insitesandbox.com/api/v1/bff',
+        COOKIE_DOMAIN: undefined,
         SHOP_API_URL: 
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         '',
@@ -81,6 +82,7 @@ const configPerEnvironment = {
         ALGOLIA_APP_ID: '14CUFCVMAD',
         ALGOLIA_HOST: 'shop.sonic-equipment.com',
         BFF_API_URL: 'https://shop.sonic-equipment.com/api/v1/bff',
+        COOKIE_DOMAIN: '.sonic-equipment.com',
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         SHOP_API_URL: 'https://shop.sonic-equipment.com',
     },
@@ -89,6 +91,7 @@ const configPerEnvironment = {
         ALGOLIA_APP_ID: 'testing9VXJ0U4GSV',
         ALGOLIA_HOST: 'sonicequipment.commerce.insitesandbox.com',
         BFF_API_URL: 'https://sonicequipment.commerce.insitesandbox.com/api/v1/bff',
+        COOKIE_DOMAIN: '.insitesandbox.com',
         SHOP_API_URL: 
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         'https://sonicequipment.commerce.insitesandbox.com',
@@ -98,6 +101,7 @@ const configPerEnvironment = {
         ALGOLIA_APP_ID: 'testing9VXJ0U4GSV',
         ALGOLIA_HOST: 'sonicequipment.commerce.insitesandbox.com',
         BFF_API_URL: 'https://sonicequipment.commerce.insitesandbox.com/api/v1/bff',
+        COOKIE_DOMAIN: '.insitesandbox.com',
         SHOP_API_URL: 
         // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
         'https://sonic.local.com:4443',
@@ -364,6 +368,7 @@ const request = (function createRequestFunction() {
 })();
 
 const features = {
+    language: 'language',
     pdp: 'pdpV2',
     pdpv1: 'pdpV1',
     plpv1: 'plpV1',
@@ -7675,7 +7680,12 @@ function CountrySelectorDialog({ countries, isOpen, onSubmit, selectedCountry, s
     const t = useFormattedMessage();
     const [currentCountry, setCurrentCountry] = useState(selectedCountry);
     const [currentLanguage, setCurrentLanguage] = useState(selectedLanguage);
-    const countryOptions = useMemo(() => countries.reduce((acc, country) => ({ ...acc, [country.id]: country.name }), {}), [countries]);
+    const countryOptions = useMemo(() => countries.reduce((acc, country) => ({
+        ...acc,
+        [country.id]: t(`clSelector.${country.name}`),
+    }), {}), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [countries]);
     const languageOptions = useMemo(() => currentCountry.languages.reduce((acc, language) => ({ ...acc, [language.id]: language.description }), {}), [currentCountry]);
     useEffect(() => {
         if (currentCountry.languages.some(language => language.id === currentLanguage.id))
@@ -7697,11 +7707,12 @@ function CountrySelectorDialog({ countries, isOpen, onSubmit, selectedCountry, s
 var styles$J = {"country-selector-trigger":"country-selector-trigger-module-aioDu","flag":"country-selector-trigger-module-zOSJK","text":"country-selector-trigger-module-TE8tl","divider":"country-selector-trigger-module-GNRDD"};
 
 function CountrySelectorTrigger({ onClick, selectedCountry, selectedLanguage, showCountry = true, }) {
+    const t = useFormattedMessage();
     if (!selectedCountry || !selectedLanguage)
         return;
     const abbreviation = selectedCountry.abbreviation.toLowerCase();
     const flagSrc = `https://res.cloudinary.com/dkz9eknwh/image/upload/v1729678637/images/flags/${abbreviation}.svg`;
-    return (jsxs("button", { "aria-label": "Open country selector dialog", className: styles$J['country-selector-trigger'], onClick: onClick, type: "button", children: [jsx(Image, { className: styles$J.flag, height: 24, image: { 1: flagSrc, 2: flagSrc, 3: flagSrc, altText: abbreviation }, title: abbreviation, width: 24 }), jsxs("div", { className: styles$J.text, children: [showCountry && (jsxs(Fragment, { children: [jsx("span", { children: selectedCountry.name }), jsx("span", { className: styles$J.divider, children: "-" })] })), jsx("span", { children: selectedLanguage.description })] })] }));
+    return (jsxs("button", { "aria-label": "Open country selector dialog", className: styles$J['country-selector-trigger'], onClick: onClick, type: "button", children: [jsx(Image, { className: styles$J.flag, height: 24, image: { 1: flagSrc, 2: flagSrc, 3: flagSrc, altText: abbreviation }, title: abbreviation, width: 24 }), jsxs("div", { className: styles$J.text, children: [showCountry && (jsxs(Fragment, { children: [jsx("span", { children: t(`clSelector.${selectedCountry.name}`) }), jsx("span", { className: styles$J.divider, children: "-" })] })), jsx("span", { children: selectedLanguage.description })] })] }));
 }
 
 async function fetchCountriesLanguages() {
@@ -7780,7 +7791,7 @@ function useUpdateLanguageById() {
 }
 
 function useCookie(name, options) {
-    const cookieValue = Cookies.get(name);
+    const cookieValue = Cookies.get()[name];
     const [stateValue, setStateValue] = useState(cookieValue);
     function setValue(valueOrFn) {
         setStateValue(oldValue => {
@@ -7814,7 +7825,11 @@ function useSessionStorage(key, initialState) {
 }
 
 const cookieOptions = {
+    domain: config.COOKIE_DOMAIN,
+    expires: 365,
     path: '/',
+    sameSite: 'None',
+    secure: true,
 };
 function useCountriesLanguages({ defaultCountryCode, defaultLanguageCode, }) {
     const [sessionCountries, setSessionCountries] = useSessionStorage('countries-v1');

package/dist/src/config.d.ts

@@ -4,6 +4,7 @@ interface Config {
     ALGOLIA_APP_ID: string;
     ALGOLIA_HOST: string;
     BFF_API_URL: string;
+    COOKIE_DOMAIN?: string;
     SHOP_API_URL: string;
 }
 export declare const configPerEnvironment: Record<Environment, Config>;

package/dist/src/shared/feature-flags/use-feature-flags.d.ts

@@ -1,4 +1,5 @@
 declare const features: {
+    readonly language: "language";
     readonly pdp: "pdpV2";
     readonly pdpv1: "pdpV1";
     readonly plpv1: "plpV1";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "0.0.90",
+  "version": "0.0.92",
   "type": "module",
   "license": "MIT",
   "engines": {