Feat(Shopify): headless account

shopify/actions/address/createAddress.ts

@@ -0,0 +1,50 @@
+import type { AppContext } from "../../mod.ts";
+import { CreateAddress } from "../../utils/storefront/queries.ts";
+import {
+  CustomerAddressCreatePayload,
+  MutationCustomerAddressCreateArgs,
+} from "../../utils/storefront/storefront.graphql.gen.ts";
+import { getUserCookie } from "../../utils/user.ts";
+
+interface Props {
+  address: string;
+  country: string;
+  province: string;
+  city: string;
+  zip: string;
+}
+
+/**
+ * @title Shopify Integration
+ * @description Create Address
+ */
+const action = async (
+  props: Props,
+  req: Request,
+  ctx: AppContext,
+): Promise<CustomerAddressCreatePayload | null> => {
+  const customerAccessToken = getUserCookie(req.headers);
+
+  if (!customerAccessToken) return null;
+
+  const { storefront } = ctx;
+  const { address, ...rest } = props;
+
+  const data = await storefront.query<
+    CustomerAddressCreatePayload,
+    MutationCustomerAddressCreateArgs
+  >({
+    variables: {
+      customerAccessToken,
+      address: {
+        address1: address,
+        ...rest,
+      },
+    },
+    ...CreateAddress,
+  });
+
+  return data;
+};
+
+export default action;

shopify/actions/address/deleteAddress.ts

@@ -0,0 +1,43 @@
+import type { AppContext } from "../../mod.ts";
+import { DeleteAddress } from "../../utils/storefront/queries.ts";
+import {
+  CustomerAddressDeletePayload,
+  MutationCustomerAddressDeleteArgs,
+} from "../../utils/storefront/storefront.graphql.gen.ts";
+import { getUserCookie } from "../../utils/user.ts";
+
+interface Props {
+  addressId: string;
+}
+
+/**
+ * @title Shopify Integration
+ * @description Delete Address
+ */
+const action = async (
+  props: Props,
+  req: Request,
+  ctx: AppContext,
+): Promise<CustomerAddressDeletePayload | null> => {
+  const customerAccessToken = getUserCookie(req.headers);
+
+  if (!customerAccessToken) return null;
+
+  const { addressId } = props;
+  const { storefront } = ctx;
+
+  const data = await storefront.query<
+    CustomerAddressDeletePayload,
+    MutationCustomerAddressDeleteArgs
+  >({
+    variables: {
+      customerAccessToken,
+      id: addressId,
+    },
+    ...DeleteAddress,
+  });
+
+  return data;
+};
+
+export default action;

shopify/actions/address/setDefaultAddress.ts

@@ -0,0 +1,43 @@
+import type { AppContext } from "../../mod.ts";
+import { SetDefaultAddress } from "../../utils/storefront/queries.ts";
+import {
+  MutationCustomerDefaultAddressUpdateArgs,
+  CustomerDefaultAddressUpdatePayload,
+} from "../../utils/storefront/storefront.graphql.gen.ts";
+import { getUserCookie } from "../../utils/user.ts";
+
+interface Props {
+  addressId: string;
+}
+
+/**
+ * @title Shopify Integration
+ * @description Set Default Address
+ */
+const action = async (
+  props: Props,
+  req: Request,
+  ctx: AppContext,
+): Promise<CustomerDefaultAddressUpdatePayload | null> => {
+  const customerAccessToken = getUserCookie(req.headers);
+
+  if (!customerAccessToken) return null;
+
+  const { addressId } = props;
+  const { storefront } = ctx;
+
+  const data = await storefront.query<
+    CustomerDefaultAddressUpdatePayload,
+    MutationCustomerDefaultAddressUpdateArgs
+  >({
+    variables: {
+        customerAccessToken,
+        addressId
+    },
+    ...SetDefaultAddress,
+  });
+
+  return data;
+};
+
+export default action;

shopify/actions/address/updateAddress.ts

@@ -0,0 +1,62 @@
+import type { AppContext } from "../../mod.ts";
+import { UpdateAddress } from "../../utils/storefront/queries.ts";
+import {
+  CustomerAddressUpdatePayload,
+  MutationCustomerAddressUpdateArgs,
+} from "../../utils/storefront/storefront.graphql.gen.ts";
+import { getUserCookie } from "../../utils/user.ts";
+
+interface Props {
+  addressId: string;
+  address: string;
+  country: string;
+  province: string;
+  city: string;
+  zip: string;
+}
+
+/**
+ * @title Shopify Integration
+ * @description Update Address
+ */
+const action = async (
+  props: Props,
+  req: Request,
+  ctx: AppContext,
+): Promise<CustomerAddressUpdatePayload | null> => {
+  const customerAccessToken = getUserCookie(req.headers);
+
+  if (!customerAccessToken) return null;
+
+  const {
+    addressId,
+    address: address1,
+    country,
+    province,
+    city,
+    zip,
+  } = props;
+  const { storefront } = ctx;
+
+  const data = await storefront.query<
+    CustomerAddressUpdatePayload,
+    MutationCustomerAddressUpdateArgs
+  >({
+    variables: {
+      id: addressId,
+      customerAccessToken,
+      address: {
+        address1,
+        country,
+        province,
+        city,
+        zip,
+      },
+    },
+    ...UpdateAddress,
+  });
+
+  return data;
+};
+
+export default action;

shopify/actions/user/sendPasswordResetEmail.ts

@@ -0,0 +1,34 @@
+import type { AppContext } from "../../mod.ts";
+import { SendPasswordResetEmail } from "../../utils/storefront/queries.ts";
+import {
+  MutationCustomerRecoverArgs,
+  CustomerRecoverPayload,
+} from "../../utils/storefront/storefront.graphql.gen.ts";
+
+interface Props {
+  email: string;
+}
+
+/**
+ * @title Shopify Integration
+ * @description Send Password Reset Email
+ */
+const action = async (
+  props: Props,
+  _req: Request,
+  ctx: AppContext,
+): Promise<CustomerRecoverPayload> => {
+  const { storefront } = ctx;
+
+  const data = await storefront.query<
+    CustomerRecoverPayload,
+    MutationCustomerRecoverArgs
+  >({
+    variables: props,
+    ...SendPasswordResetEmail,
+  });
+
+  return data;
+};
+
+export default action;

shopify/actions/user/updateUser.ts

@@ -0,0 +1,45 @@
+import type { AppContext } from "../../mod.ts";
+import { UpdateCustomerInfo } from "../../utils/storefront/queries.ts";
+import {
+  CustomerUpdatePayload,
+  MutationCustomerUpdateArgs,
+} from "../../utils/storefront/storefront.graphql.gen.ts";
+import { getUserCookie } from "../../utils/user.ts";
+
+interface Props {
+    email: string;
+    firstName: string;
+    lastName: string;
+    acceptsMarketing?: boolean;
+}
+
+/**
+ * @title Shopify Integration
+ * @description Update Customer Info
+ */
+const action = async (
+  props: Props,
+  req: Request,
+  ctx: AppContext,
+): Promise<CustomerUpdatePayload | null> => {
+  const customerAccessToken = getUserCookie(req.headers);
+
+  if (!customerAccessToken) return null;
+
+  const { storefront } = ctx;
+
+  const data = await storefront.query<
+    CustomerUpdatePayload,
+    MutationCustomerUpdateArgs
+  >({
+    variables: {
+        customerAccessToken,
+        customer: { ...props }
+    },
+    ...UpdateCustomerInfo,
+  });
+
+  return data;
+};
+
+export default action;

shopify/loaders/getAddresses.ts

@@ -0,0 +1,50 @@
+import { PostalAddress } from "../../commerce/types.ts";
+import type { AppContext } from "../mod.ts";
+import { FetchCustomerAddresses } from "../utils/storefront/queries.ts";
+import { Customer } from "../utils/storefront/storefront.graphql.gen.ts";
+import { getUserCookie } from "../utils/user.ts";
+
+/**
+ * @title Shopify Integration
+ * @description Get User Addresses
+ */
+const loader = async (
+  _props: unknown,
+  req: Request,
+  ctx: AppContext,
+): Promise<PostalAddress[] | null> => {
+  const { storefront } = ctx;
+
+  const customerAccessToken = getUserCookie(req.headers);
+
+  if (!customerAccessToken) return null;
+
+  try {
+    const customer = await storefront.query<
+      { customer: Customer },
+      { customerAccessToken: string }
+    >({
+      variables: { customerAccessToken },
+      ...FetchCustomerAddresses,
+    }).then((data) => data.customer);
+
+    if (!customer) return null;
+
+    const addresses = customer.addresses.edges;
+
+    return addresses.map((address) => ({
+        "@type": "PostalAddress",
+        "@id": address.node.id,
+        addressLine1: address.node.address1 ?? "",
+        city: address.node.city ?? "",
+        country: address.node.country ?? "",
+        postalCode: address.node.zip ?? "",
+        state: address.node.province ?? "",
+        recipient: address.node.name ?? "",
+    }));
+  } catch {
+    return null;
+  }
+};
+
+export default loader;