@shopify/cli 3.66.0 → 3.67.0

package/dist/assets/cli-ruby/lib/shopify_cli/theme/dev_server/proxy.rb

@@ -202,13 +202,9 @@ module ShopifyCLI
 
           expected_session_cookie = "#{SESSION_COOKIE_NAME}=#{secure_session_id};"
 
-          unless cookie_header.include?(expected_session_cookie)
-            if cookie_header.include?(SESSION_COOKIE_NAME)
-              cookie_header.sub!(SESSION_COOKIE_REGEXP, expected_session_cookie)
-            else
-              cookie_header << "; " unless cookie_header.empty?
-              cookie_header << expected_session_cookie
-            end
+          unless cookie_header.include?(SESSION_COOKIE_NAME)
+            cookie_header << "; " unless cookie_header.empty?
+            cookie_header << expected_session_cookie
           end
 
           cookie_header

package/dist/assets/hydrogen/starter/CHANGELOG.md

@@ -1,5 +1,110 @@
 # skeleton
 
+## 2024.7.8
+
+### Patch Changes
+
+- Updated dependencies [[`39f8f8fd`](https://github.com/Shopify/hydrogen/commit/39f8f8fd42766d02c6e98f8090608e641db9f002)]:
+  - @shopify/hydrogen@2024.7.7
+
+## 2024.7.7
+
+### Patch Changes
+
+- Updated dependencies [[`d0ff37a9`](https://github.com/Shopify/hydrogen/commit/d0ff37a995bb64598930f8aa53f2612f3b1ea476)]:
+  - @shopify/hydrogen@2024.7.6
+
+## 2024.7.6
+
+### Patch Changes
+
+- Update Shopify CLI and cli-kit dependencies to 3.66.1 ([#2512](https://github.com/Shopify/hydrogen/pull/2512)) by [@frandiox](https://github.com/frandiox)
+
+- createCartHandler supplies updateGiftCardCodes method ([#2298](https://github.com/Shopify/hydrogen/pull/2298)) by [@wizardlyhel](https://github.com/wizardlyhel)
+
+- Fix menu links in side panel not working on mobile devices ([#2450](https://github.com/Shopify/hydrogen/pull/2450)) by [@wizardlyhel](https://github.com/wizardlyhel)
+
+  ```diff
+  // /app/components/Header.tsx
+
+  export function HeaderMenu({
+    menu,
+    primaryDomainUrl,
+    viewport,
+    publicStoreDomain,
+  }: {
+    menu: HeaderProps['header']['menu'];
+    primaryDomainUrl: HeaderProps['header']['shop']['primaryDomain']['url'];
+    viewport: Viewport;
+    publicStoreDomain: HeaderProps['publicStoreDomain'];
+  }) {
+    const className = `header-menu-${viewport}`;
+  +  const {close} = useAside();
+
+  -  function closeAside(event: React.MouseEvent<HTMLAnchorElement>) {
+  -    if (viewport === 'mobile') {
+  -      event.preventDefault();
+  -      window.location.href = event.currentTarget.href;
+  -    }
+  -  }
+
+    return (
+      <nav className={className} role="navigation">
+        {viewport === 'mobile' && (
+          <NavLink
+            end
+  -          onClick={closeAside}
+  +          onClick={close}
+            prefetch="intent"
+            style={activeLinkStyle}
+            to="/"
+          >
+            Home
+          </NavLink>
+        )}
+        {(menu || FALLBACK_HEADER_MENU).items.map((item) => {
+          if (!item.url) return null;
+
+          // if the url is internal, we strip the domain
+          const url =
+            item.url.includes('myshopify.com') ||
+            item.url.includes(publicStoreDomain) ||
+            item.url.includes(primaryDomainUrl)
+              ? new URL(item.url).pathname
+              : item.url;
+          return (
+            <NavLink
+              className="header-menu-item"
+              end
+              key={item.id}
+  -            onClick={closeAside}
+  +            onClick={close}
+              prefetch="intent"
+              style={activeLinkStyle}
+              to={url}
+            >
+              {item.title}
+            </NavLink>
+          );
+        })}
+      </nav>
+    );
+  }
+  ```
+
+- Add localization support to consent privacy banner ([#2457](https://github.com/Shopify/hydrogen/pull/2457)) by [@juanpprieto](https://github.com/juanpprieto)
+
+- Updated dependencies [[`d633e49a`](https://github.com/Shopify/hydrogen/commit/d633e49aff244a985c58ec77fc2796c9c1cd5df4), [`1b217cd6`](https://github.com/Shopify/hydrogen/commit/1b217cd68ffd5362d201d4bd225ec72e99713461), [`d929b561`](https://github.com/Shopify/hydrogen/commit/d929b5612ec28e53ec216844add33682f131aba7), [`664a09d5`](https://github.com/Shopify/hydrogen/commit/664a09d57ef5d3c67da947a4e8546527c01e37c4), [`0c1e511d`](https://github.com/Shopify/hydrogen/commit/0c1e511df72e9605534bb9c960e86d5c9a4bf2ea), [`eefa8203`](https://github.com/Shopify/hydrogen/commit/eefa820383fa93657ca214991f6099ce9268a4ee)]:
+  - @shopify/hydrogen@2024.7.5
+  - @shopify/remix-oxygen@2.0.7
+
+## 2024.7.5
+
+### Patch Changes
+
+- Updated dependencies [[`b0d3bc06`](https://github.com/Shopify/hydrogen/commit/b0d3bc0696d266fcfc4eb93d0a4adb9ccb56ade6)]:
+  - @shopify/hydrogen@2024.7.4
+
 ## 2024.7.4
 
 ### Patch Changes

package/dist/assets/hydrogen/starter/app/components/CartSummary.tsx

@@ -1,6 +1,8 @@
 import type {CartApiQueryFragment} from 'storefrontapi.generated';
 import type {CartLayout} from '~/components/CartMain';
 import {CartForm, Money, type OptimisticCart} from '@shopify/hydrogen';
+import { useRef } from 'react';
+import { FetcherWithComponents } from '@remix-run/react';
 
 type CartSummaryProps = {
   cart: OptimisticCart<CartApiQueryFragment | null>;
@@ -25,6 +27,7 @@ export function CartSummary({cart, layout}: CartSummaryProps) {
         </dd>
       </dl>
       <CartDiscounts discountCodes={cart.discountCodes} />
+      <CartGiftCard giftCardCodes={cart.appliedGiftCards} />
       <CartCheckoutActions checkoutUrl={cart.checkoutUrl} />
     </div>
   );
@@ -99,3 +102,79 @@ function UpdateDiscountForm({
     </CartForm>
   );
 }
+
+function CartGiftCard({
+  giftCardCodes,
+}: {
+  giftCardCodes: CartApiQueryFragment['appliedGiftCards'] | undefined;
+}) {
+  const appliedGiftCardCodes = useRef<string[]>([]);
+  const giftCardCodeInput = useRef<HTMLInputElement>(null);
+  const codes: string[] = giftCardCodes?.map(({lastCharacters}) => `***${lastCharacters}`) || [];
+
+  function saveAppliedCode(code: string) {
+    const formattedCode = code.replace(/\s/g, ''); // Remove spaces
+    if (!appliedGiftCardCodes.current.includes(formattedCode)) {
+      appliedGiftCardCodes.current.push(formattedCode);
+    }
+    giftCardCodeInput.current!.value = '';
+  }
+
+  function removeAppliedCode() {
+    appliedGiftCardCodes.current = [];
+  }
+
+  return (
+    <div>
+      {/* Have existing gift card applied, display it with a remove option */}
+      <dl hidden={!codes.length}>
+        <div>
+          <dt>Applied Gift Card(s)</dt>
+          <UpdateGiftCardForm>
+            <div className="cart-discount">
+              <code>{codes?.join(', ')}</code>
+              &nbsp;
+              <button onSubmit={() => removeAppliedCode}>Remove</button>
+            </div>
+          </UpdateGiftCardForm>
+        </div>
+      </dl>
+
+      {/* Show an input to apply a discount */}
+      <UpdateGiftCardForm giftCardCodes={appliedGiftCardCodes.current} saveAppliedCode={saveAppliedCode}>
+        <div>
+          <input type="text" name="giftCardCode" placeholder="Gift card code" ref={giftCardCodeInput} />
+          &nbsp;
+          <button type="submit">Apply</button>
+        </div>
+      </UpdateGiftCardForm>
+    </div>
+  );
+}
+
+function UpdateGiftCardForm({
+  giftCardCodes,
+  saveAppliedCode,
+  children,
+}: {
+  giftCardCodes?: string[];
+  saveAppliedCode?: (code: string) => void;
+  removeAppliedCode?: () => void;
+  children: React.ReactNode;
+}) {
+  return (
+    <CartForm
+      route="/cart"
+      action={CartForm.ACTIONS.GiftCardCodesUpdate}
+      inputs={{
+        giftCardCodes: giftCardCodes || [],
+      }}
+    >
+      {(fetcher: FetcherWithComponents<any>) => {
+        const code = fetcher.formData?.get('giftCardCode');
+        if (code) saveAppliedCode && saveAppliedCode(code as string);
+        return children;
+      }}
+    </CartForm>
+  );
+}

package/dist/assets/hydrogen/starter/app/components/Header.tsx

@@ -48,20 +48,14 @@ export function HeaderMenu({
   publicStoreDomain: HeaderProps['publicStoreDomain'];
 }) {
   const className = `header-menu-${viewport}`;
-
-  function closeAside(event: React.MouseEvent<HTMLAnchorElement>) {
-    if (viewport === 'mobile') {
-      event.preventDefault();
-      window.location.href = event.currentTarget.href;
-    }
-  }
+  const {close} = useAside();
 
   return (
     <nav className={className} role="navigation">
       {viewport === 'mobile' && (
         <NavLink
           end
-          onClick={closeAside}
+          onClick={close}
           prefetch="intent"
           style={activeLinkStyle}
           to="/"
@@ -84,7 +78,7 @@ export function HeaderMenu({
             className="header-menu-item"
             end
             key={item.id}
-            onClick={closeAside}
+            onClick={close}
             prefetch="intent"
             style={activeLinkStyle}
             to={url}

package/dist/assets/hydrogen/starter/app/lib/fragments.ts

@@ -108,6 +108,12 @@ export const CART_QUERY_FRAGMENT = `#graphql
   fragment CartApiQuery on Cart {
     updatedAt
     id
+    appliedGiftCards {
+      lastCharacters
+      amountUsed {
+        ...Money
+      }
+    }
     checkoutUrl
     totalQuantity
     buyerIdentity {

package/dist/assets/hydrogen/starter/app/lib/search.ts

@@ -48,10 +48,10 @@ interface UrlWithTrackingParams {
 
 /**
  * A utility function that appends tracking parameters to a URL. Tracking parameters are
- * used internally by shopify to enhance search results and admin dashboards.
+ * used internally by Shopify to enhance search results and admin dashboards.
  * @example
  * ```ts
- * const url = 'www.example.com';
+ * const baseUrl = 'www.example.com';
  * const trackingParams = 'utm_source=shopify&utm_medium=shopify_app&utm_campaign=storefront';
  * const params = { foo: 'bar' };
  * const term = 'search term';

package/dist/assets/hydrogen/starter/app/root.tsx

@@ -73,6 +73,10 @@ export async function loader(args: LoaderFunctionArgs) {
     consent: {
       checkoutDomain: env.PUBLIC_CHECKOUT_DOMAIN,
       storefrontAccessToken: env.PUBLIC_STOREFRONT_API_TOKEN,
+      withPrivacyBanner: true,
+      // localize the privacy banner
+      country: args.context.storefront.i18n.country,
+      language: args.context.storefront.i18n.language,
     },
   });
 }
@@ -94,9 +98,7 @@ async function loadCriticalData({context}: LoaderFunctionArgs) {
     // Add other queries here, so that they are loaded in parallel
   ]);
 
-  return {
-    header,
-  };
+  return {header};
 }
 
 /**

package/dist/assets/hydrogen/starter/app/routes/cart.tsx

@@ -48,6 +48,20 @@ export async function action({request, context}: ActionFunctionArgs) {
       result = await cart.updateDiscountCodes(discountCodes);
       break;
     }
+    case CartForm.ACTIONS.GiftCardCodesUpdate: {
+      const formGiftCardCode = inputs.giftCardCode;
+
+      // User inputted gift card code
+      const giftCardCodes = (
+        formGiftCardCode ? [formGiftCardCode] : []
+      ) as string[];
+
+      // Combine gift card codes already applied on cart
+      giftCardCodes.push(...inputs.giftCardCodes);
+
+      result = await cart.updateGiftCardCodes(giftCardCodes);
+      break;
+    }
     case CartForm.ACTIONS.BuyerIdentityUpdate: {
       result = await cart.updateBuyerIdentity({
         ...inputs.buyerIdentity,

package/dist/assets/hydrogen/starter/package.json

@@ -2,7 +2,7 @@
   "name": "skeleton",
   "private": true,
   "sideEffects": false,
-  "version": "2024.7.4",
+  "version": "2024.7.8",
   "type": "module",
   "scripts": {
     "build": "shopify hydrogen build --codegen",
@@ -16,8 +16,8 @@
   "dependencies": {
     "@remix-run/react": "^2.10.1",
     "@remix-run/server-runtime": "^2.10.1",
-    "@shopify/hydrogen": "2024.7.3",
-    "@shopify/remix-oxygen": "^2.0.6",
+    "@shopify/hydrogen": "2024.7.7",
+    "@shopify/remix-oxygen": "^2.0.7",
     "graphql": "^16.6.0",
     "graphql-tag": "^2.12.6",
     "isbot": "^3.8.0",
@@ -28,9 +28,9 @@
     "@graphql-codegen/cli": "5.0.2",
     "@remix-run/dev": "^2.10.1",
     "@remix-run/eslint-config": "^2.10.1",
-    "@shopify/cli": "3.65.1",
+    "@shopify/cli": "~3.66.1",
     "@shopify/hydrogen-codegen": "^0.3.1",
-    "@shopify/mini-oxygen": "^3.0.4",
+    "@shopify/mini-oxygen": "^3.0.5",
     "@shopify/oxygen-workers-types": "^4.1.2",
     "@shopify/prettier-config": "^1.1.2",
     "@total-typescript/ts-reset": "^0.4.2",

package/dist/assets/hydrogen/starter/storefrontapi.generated.d.ts

@@ -72,6 +72,11 @@ export type CartApiQueryFragment = Pick<
   StorefrontAPI.Cart,
   'updatedAt' | 'id' | 'checkoutUrl' | 'totalQuantity' | 'note'
 > & {
+  appliedGiftCards: Array<
+    Pick<StorefrontAPI.AppliedGiftCard, 'lastCharacters'> & {
+      amountUsed: Pick<StorefrontAPI.MoneyV2, 'currencyCode' | 'amount'>;
+    }
+  >;
   buyerIdentity: Pick<
     StorefrontAPI.CartBuyerIdentity,
     'countryCode' | 'email' | 'phone'

package/dist/{chunk-UUUKSZ6D.js → chunk-2A4NZDBL.js}

@@ -5,17 +5,21 @@ import {
 } from "./chunk-VSLR7ET4.js";
 import {
   getEnvironmentData,
-  getSensitiveEnvironmentData
-} from "./chunk-IZJK3NZC.js";
+  getSensitiveEnvironmentData,
+  nonRandomUUID
+} from "./chunk-BPTBCC7K.js";
 import {
   platformAndArch
-} from "./chunk-NKAOPMA3.js";
+} from "./chunk-BLVJTR72.js";
+import {
+  runWithRateLimit
+} from "./chunk-56GJOU7U.js";
 import {
   require_semver
 } from "./chunk-BYPQXSAL.js";
 import {
   CLI_KIT_VERSION
-} from "./chunk-33TKMDCD.js";
+} from "./chunk-7TTWOW5T.js";
 import {
   AbortError,
   AbortSilentError,
@@ -49,13 +53,14 @@ import {
   spinFqdn,
   touchFile,
   useEmbeddedThemeCLI
-} from "./chunk-JDW4FALN.js";
+} from "./chunk-7QTS6ZWN.js";
 import {
   envPaths,
   environmentVariables,
   pathConstants,
+  reportingRateLimit,
   systemEnvironmentVariables
-} from "./chunk-F6BSBHJJ.js";
+} from "./chunk-NZDBLGNM.js";
 import {
   cwd,
   dirname,
@@ -42182,7 +42187,8 @@ function getIdentityTokenInformation() {
   if (!(!identityToken || !refreshToken))
     return {
       accessToken: identityToken,
-      refreshToken
+      refreshToken,
+      userId: nonRandomUUID(identityToken)
     };
 }
 
@@ -44097,6 +44103,17 @@ async function reportAnalyticsEvent(options) {
     let payload = await buildPayload(options);
     if (payload === void 0)
       return;
+    let withinRateLimit = !1;
+    if (await runWithRateLimit({
+      key: "report-analytics-event",
+      ...reportingRateLimit,
+      task: async () => {
+        withinRateLimit = !0;
+      }
+    }), !withinRateLimit) {
+      outputDebug(outputContent`Skipping command analytics due to rate limiting, payload: ${outputToken.json(payload)}`);
+      return;
+    }
     let skipMonorailAnalytics = !alwaysLogAnalytics() && analyticsDisabled(), skipMetricAnalytics = !alwaysLogMetrics() && analyticsDisabled();
     (skipMonorailAnalytics || skipMetricAnalytics) && outputDebug(outputContent`Skipping command analytics, payload: ${outputToken.json(payload)}`);
     let doMonorail = async () => {
@@ -44223,4 +44240,4 @@ mime-types/index.js:
    * MIT Licensed
    *)
 */
-//# sourceMappingURL=chunk-UUUKSZ6D.js.map
+//# sourceMappingURL=chunk-2A4NZDBL.js.map

package/dist/{lib-CPSRXLFM.js → chunk-2HGYYNE5.js}

@@ -205,5 +205,8 @@ var require_lib = __commonJS({
     which.sync = whichSync;
   }
 });
-export default require_lib();
-//# sourceMappingURL=lib-CPSRXLFM.js.map
+
+export {
+  require_lib
+};
+//# sourceMappingURL=chunk-2HGYYNE5.js.map