@plasmicpkgs/commerce 0.0.1 → 0.0.2

package/dist/auth/use-login.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../utils/use-hook';
-import { mutationFetcher } from '../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.auth?.useLogin;
-const useLogin = (...args) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(...args);
-};
-export default useLogin;

package/dist/auth/use-logout.d.ts

@@ -1,6 +0,0 @@
-import type { HookFetcherFn, MutationHook } from '../utils/types';
-import type { LogoutHook } from '../types/logout';
-export declare type UseLogout<H extends MutationHook<LogoutHook<any>> = MutationHook<LogoutHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<LogoutHook>;
-declare const useLogout: UseLogout;
-export default useLogout;

package/dist/auth/use-logout.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../utils/use-hook';
-import { mutationFetcher } from '../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.auth?.useLogout;
-const useLogout = (...args) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(...args);
-};
-export default useLogout;

package/dist/auth/use-signup.d.ts

@@ -1,6 +0,0 @@
-import type { HookFetcherFn, MutationHook } from '../utils/types';
-import type { SignupHook } from '../types/signup';
-export declare type UseSignup<H extends MutationHook<SignupHook<any>> = MutationHook<SignupHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<SignupHook>;
-declare const useSignup: UseSignup;
-export default useSignup;

package/dist/auth/use-signup.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../utils/use-hook';
-import { mutationFetcher } from '../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.auth?.useSignup;
-const useSignup = (...args) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(...args);
-};
-export default useSignup;

package/dist/cart/use-add-item.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../utils/use-hook';
-import { mutationFetcher } from '../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.cart?.useAddItem;
-const useAddItem = (...args) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(...args);
-};
-export default useAddItem;

package/dist/cart/use-cart.js

@@ -1,18 +0,0 @@
-import Cookies from 'js-cookie';
-import { useHook, useSWRHook } from '../utils/use-hook';
-import { useCommerce } from '..';
-export const fetcher = async ({ options, input: { cartId }, fetch, }) => {
-    return cartId ? await fetch(options) : null;
-};
-const fn = (provider) => provider.cart?.useCart;
-const useCart = (input) => {
-    const hook = useHook(fn);
-    const { cartCookie } = useCommerce();
-    const fetcherFn = hook.fetcher ?? fetcher;
-    const wrapper = (context) => {
-        context.input.cartId = Cookies.get(cartCookie);
-        return fetcherFn(context);
-    };
-    return useSWRHook({ ...hook, fetcher: wrapper })(input);
-};
-export default useCart;

package/dist/cart/use-remove-item.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../utils/use-hook';
-import { mutationFetcher } from '../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.cart?.useRemoveItem;
-const useRemoveItem = (input) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(input);
-};
-export default useRemoveItem;

package/dist/cart/use-update-item.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../utils/use-hook';
-import { mutationFetcher } from '../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.cart?.useUpdateItem;
-const useUpdateItem = (input) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(input);
-};
-export default useUpdateItem;

package/dist/checkout/use-checkout.d.ts

@@ -1,6 +0,0 @@
-import type { SWRHook, HookFetcherFn } from '../utils/types';
-import type { GetCheckoutHook } from '../types/checkout';
-export declare type UseCheckout<H extends SWRHook<GetCheckoutHook<any>> = SWRHook<GetCheckoutHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<GetCheckoutHook>;
-declare const useCheckout: UseCheckout;
-export default useCheckout;

package/dist/checkout/use-checkout.js

@@ -1,18 +0,0 @@
-import Cookies from 'js-cookie';
-import { useHook, useSWRHook } from '../utils/use-hook';
-import { useCommerce } from '..';
-export const fetcher = async ({ options, input: { cartId }, fetch, }) => {
-    return cartId ? await fetch(options) : null;
-};
-const fn = (provider) => provider.checkout?.useCheckout;
-const useCheckout = (input) => {
-    const hook = useHook(fn);
-    const { cartCookie } = useCommerce();
-    const fetcherFn = hook.fetcher ?? fetcher;
-    const wrapper = (context) => {
-        context.input.cartId = Cookies.get(cartCookie);
-        return fetcherFn(context);
-    };
-    return useSWRHook({ ...hook, fetcher: wrapper })(input);
-};
-export default useCheckout;

package/dist/checkout/use-submit-checkout.d.ts

@@ -1,6 +0,0 @@
-import type { HookFetcherFn, MutationHook } from '../utils/types';
-import type { SubmitCheckoutHook } from '../types/checkout';
-export declare type UseSubmitCheckout<H extends MutationHook<SubmitCheckoutHook<any>> = MutationHook<SubmitCheckoutHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<SubmitCheckoutHook>;
-declare const useSubmitCheckout: UseSubmitCheckout;
-export default useSubmitCheckout;

package/dist/checkout/use-submit-checkout.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../utils/use-hook';
-import { mutationFetcher } from '../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.checkout?.useSubmitCheckout;
-const useSubmitCheckout = (...args) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(...args);
-};
-export default useSubmitCheckout;

package/dist/contexts.js

@@ -1,46 +0,0 @@
-import React, { useContext } from "react";
-export const ProductContext = React.createContext(undefined);
-function useProductPlaceholder() {
-    const [product, setProduct] = React.useState();
-    React.useEffect(() => {
-        (async () => {
-            const response = await fetch(`/api/catalog/products`);
-            const { products } = await response.json();
-            setProduct(products[2]);
-        })();
-    }, []);
-    return product;
-}
-export function useProduct(_useProductPlaceholder) {
-    const product = useContext(ProductContext);
-    if (product) {
-        return product;
-    }
-    if (_useProductPlaceholder) {
-        return useProductPlaceholder();
-    }
-    return undefined;
-}
-export const ProductCollectionContext = React.createContext(undefined);
-function useProductCollectionPlaceholder() {
-    const [collection, setCollection] = React.useState();
-    React.useEffect(() => {
-        (async () => {
-            const response = await fetch(`/api/catalog/products`);
-            const { products } = await response.json();
-            setCollection(products);
-        })();
-    }, []);
-    return collection;
-}
-export function useProductCollection(_useProductCollectionPlaceholder) {
-    const collection = useContext(ProductCollectionContext);
-    if (collection) {
-        return collection;
-    }
-    if (_useProductCollectionPlaceholder) {
-        return useProductCollectionPlaceholder();
-    }
-    return undefined;
-}
-export const CommerceProviderContext = React.createContext(undefined);

package/dist/customer/address/use-add-item.d.ts

@@ -1,6 +0,0 @@
-import type { HookFetcherFn, MutationHook } from '../../utils/types';
-import type { AddItemHook } from '../../types/customer/address';
-export declare type UseAddItem<H extends MutationHook<AddItemHook<any>> = MutationHook<AddItemHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<AddItemHook>;
-declare const useAddItem: UseAddItem;
-export default useAddItem;

package/dist/customer/address/use-add-item.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../../utils/use-hook';
-import { mutationFetcher } from '../../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.customer?.address?.useAddItem;
-const useAddItem = (...args) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(...args);
-};
-export default useAddItem;

package/dist/customer/address/use-addresses.d.ts

@@ -1,6 +0,0 @@
-import type { SWRHook, HookFetcherFn } from '../../utils/types';
-import type { GetAddressesHook } from '../../types/customer/address';
-export declare type UseAddresses<H extends SWRHook<GetAddressesHook<any>> = SWRHook<GetAddressesHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<GetAddressesHook>;
-declare const useAddresses: UseAddresses;
-export default useAddresses;

package/dist/customer/address/use-addresses.js

@@ -1,18 +0,0 @@
-import Cookies from 'js-cookie';
-import { useHook, useSWRHook } from '../../utils/use-hook';
-import { useCommerce } from '../..';
-export const fetcher = async ({ options, input: { cartId }, fetch, }) => {
-    return cartId ? await fetch(options) : null;
-};
-const fn = (provider) => provider.customer?.address?.useAddresses;
-const useAddresses = (input) => {
-    const hook = useHook(fn);
-    const { cartCookie } = useCommerce();
-    const fetcherFn = hook.fetcher ?? fetcher;
-    const wrapper = (context) => {
-        context.input.cartId = Cookies.get(cartCookie);
-        return fetcherFn(context);
-    };
-    return useSWRHook({ ...hook, fetcher: wrapper })(input);
-};
-export default useAddresses;

package/dist/customer/address/use-remove-item.d.ts

@@ -1,6 +0,0 @@
-import type { HookFetcherFn, MutationHook } from '../../utils/types';
-import type { RemoveItemHook } from '../../types/customer/address';
-export declare type UseRemoveItem<H extends MutationHook<RemoveItemHook<any>> = MutationHook<RemoveItemHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<RemoveItemHook>;
-declare const useRemoveItem: UseRemoveItem;
-export default useRemoveItem;

package/dist/customer/address/use-remove-item.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../../utils/use-hook';
-import { mutationFetcher } from '../../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.customer?.address?.useRemoveItem;
-const useRemoveItem = (input) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(input);
-};
-export default useRemoveItem;

package/dist/customer/address/use-update-item.d.ts

@@ -1,6 +0,0 @@
-import type { HookFetcherFn, MutationHook } from '../../utils/types';
-import type { UpdateItemHook } from '../../types/customer/address';
-export declare type UseUpdateItem<H extends MutationHook<UpdateItemHook<any>> = MutationHook<UpdateItemHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<UpdateItemHook>;
-declare const useUpdateItem: UseUpdateItem;
-export default useUpdateItem;

package/dist/customer/address/use-update-item.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../../utils/use-hook';
-import { mutationFetcher } from '../../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.customer?.address?.useUpdateItem;
-const useUpdateItem = (input) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(input);
-};
-export default useUpdateItem;

package/dist/customer/card/use-add-item.d.ts

@@ -1,6 +0,0 @@
-import type { HookFetcherFn, MutationHook } from '../../utils/types';
-import type { AddItemHook } from '../../types/customer/card';
-export declare type UseAddItem<H extends MutationHook<AddItemHook<any>> = MutationHook<AddItemHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<AddItemHook>;
-declare const useAddItem: UseAddItem;
-export default useAddItem;

package/dist/customer/card/use-add-item.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../../utils/use-hook';
-import { mutationFetcher } from '../../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.customer?.card?.useAddItem;
-const useAddItem = (...args) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(...args);
-};
-export default useAddItem;

package/dist/customer/card/use-cards.d.ts

@@ -1,6 +0,0 @@
-import type { SWRHook, HookFetcherFn } from '../../utils/types';
-import type { GetCardsHook } from '../../types/customer/card';
-export declare type UseCards<H extends SWRHook<GetCardsHook<any>> = SWRHook<GetCardsHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<GetCardsHook>;
-declare const useCards: UseCards;
-export default useCards;

package/dist/customer/card/use-cards.js

@@ -1,18 +0,0 @@
-import Cookies from 'js-cookie';
-import { useHook, useSWRHook } from '../../utils/use-hook';
-import { useCommerce } from '../..';
-export const fetcher = async ({ options, input: { cartId }, fetch, }) => {
-    return cartId ? await fetch(options) : null;
-};
-const fn = (provider) => provider.customer?.card?.useCards;
-const useCards = (input) => {
-    const hook = useHook(fn);
-    const { cartCookie } = useCommerce();
-    const fetcherFn = hook.fetcher ?? fetcher;
-    const wrapper = (context) => {
-        context.input.cartId = Cookies.get(cartCookie);
-        return fetcherFn(context);
-    };
-    return useSWRHook({ ...hook, fetcher: wrapper })(input);
-};
-export default useCards;

package/dist/customer/card/use-remove-item.d.ts

@@ -1,6 +0,0 @@
-import type { HookFetcherFn, MutationHook } from '../../utils/types';
-import type { RemoveItemHook } from '../../types/customer/card';
-export declare type UseRemoveItem<H extends MutationHook<RemoveItemHook<any>> = MutationHook<RemoveItemHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<RemoveItemHook>;
-declare const useRemoveItem: UseRemoveItem;
-export default useRemoveItem;

package/dist/customer/card/use-remove-item.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../../utils/use-hook';
-import { mutationFetcher } from '../../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider.customer?.card?.useRemoveItem;
-const useRemoveItem = (input) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(input);
-};
-export default useRemoveItem;

package/dist/customer/card/use-update-item.d.ts

@@ -1,6 +0,0 @@
-import type { HookFetcherFn, MutationHook } from '../../utils/types';
-import type { UpdateItemHook } from '../../types/customer/card';
-export declare type UseUpdateItem<H extends MutationHook<UpdateItemHook<any>> = MutationHook<UpdateItemHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<UpdateItemHook>;
-declare const useUpdateItem: UseUpdateItem;
-export default useUpdateItem;

package/dist/customer/card/use-update-item.js

@@ -1,9 +0,0 @@
-import { useHook, useMutationHook } from '../../utils/use-hook';
-import { mutationFetcher } from '../../utils/default-fetcher';
-export const fetcher = mutationFetcher;
-const fn = (provider) => provider?.customer?.card?.useUpdateItem;
-const useUpdateItem = (input) => {
-    const hook = useHook(fn);
-    return useMutationHook({ fetcher, ...hook })(input);
-};
-export default useUpdateItem;

package/dist/customer/use-customer.d.ts

@@ -1,6 +0,0 @@
-import type { CustomerHook } from '../types/customer';
-import type { HookFetcherFn, SWRHook } from '../utils/types';
-export declare type UseCustomer<H extends SWRHook<CustomerHook<any>> = SWRHook<CustomerHook>> = ReturnType<H['useHook']>;
-export declare const fetcher: HookFetcherFn<CustomerHook>;
-declare const useCustomer: UseCustomer;
-export default useCustomer;

package/dist/customer/use-customer.js

@@ -1,9 +0,0 @@
-import { useHook, useSWRHook } from '../utils/use-hook';
-import { SWRFetcher } from '../utils/default-fetcher';
-export const fetcher = SWRFetcher;
-const fn = (provider) => provider.customer?.useCustomer;
-const useCustomer = (input) => {
-    const hook = useHook(fn);
-    return useSWRHook({ fetcher, ...hook })(input);
-};
-export default useCustomer;

package/dist/product/use-price.js

@@ -1,33 +0,0 @@
-import { useMemo } from 'react';
-import { useCommerce } from '..';
-export function formatPrice({ amount, currencyCode, locale, }) {
-    const formatCurrency = new Intl.NumberFormat(locale, {
-        style: 'currency',
-        currency: currencyCode,
-    });
-    return formatCurrency.format(amount);
-}
-export function formatVariantPrice({ amount, baseAmount, currencyCode, locale, }) {
-    const hasDiscount = baseAmount > amount;
-    const formatDiscount = new Intl.NumberFormat(locale, { style: 'percent' });
-    const discount = hasDiscount
-        ? formatDiscount.format((baseAmount - amount) / baseAmount)
-        : null;
-    const price = formatPrice({ amount, currencyCode, locale });
-    const basePrice = hasDiscount
-        ? formatPrice({ amount: baseAmount, currencyCode, locale })
-        : null;
-    return { price, basePrice, discount };
-}
-export default function usePrice(data) {
-    const { amount, baseAmount, currencyCode } = data ?? {};
-    const { locale } = useCommerce();
-    const value = useMemo(() => {
-        if (typeof amount !== 'number' || !currencyCode)
-            return '';
-        return baseAmount
-            ? formatVariantPrice({ amount, baseAmount, currencyCode, locale })
-            : formatPrice({ amount, currencyCode, locale });
-    }, [amount, baseAmount, currencyCode]);
-    return typeof value === 'string' ? { price: value } : value;
-}

package/dist/product/use-search.js

@@ -1,9 +0,0 @@
-import { useHook, useSWRHook } from '../utils/use-hook';
-import { SWRFetcher } from '../utils/default-fetcher';
-export const fetcher = SWRFetcher;
-const fn = (provider) => provider.products?.useSearch;
-const useSearch = (input) => {
-    const hook = useHook(fn);
-    return useSWRHook({ fetcher, ...hook })(input);
-};
-export default useSearch;

package/dist/registerProductCollection.js

@@ -1,42 +0,0 @@
-import registerComponent from "@plasmicapp/host/registerComponent";
-import React from "react";
-import useSWR from "swr";
-import { ProductCollectionContext } from "./contexts";
-export const productCollectionMeta = {
-    name: "PlasmicCommercePkgs: ProductCollection",
-    displayName: "Product Collection",
-    props: {
-        count: {
-            type: "number",
-            description: "Set the number of products in the collection",
-            defaultValueHint: 6
-        },
-        children: {
-            type: "slot",
-            defaultValue: {
-                type: "text",
-                value: "Text"
-            }
-        },
-    },
-    importPath: "commerce-providers",
-    importName: "ProductCollection",
-};
-export function ProductCollection(props) {
-    const { children, count = 6 } = props;
-    const { data: products } = useSWR("/api/catalog/products", async () => {
-        if (typeof window !== "undefined") {
-            const response = await fetch(`/api/catalog/products`);
-            return await response.json();
-        }
-    });
-    if (products === undefined) {
-        return React.createElement("p", null, "Loading...");
-    }
-    console.log(count);
-    return (React.createElement(ProductCollectionContext.Provider, { value: products }, children));
-}
-export function registerProductCollection(loader, customProductCollection) {
-    const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
-    doRegisterComponent(ProductCollection, customProductCollection ?? productCollectionMeta);
-}

package/dist/registerProductImage.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-import { ComponentMeta } from "@plasmicapp/host/registerComponent";
-import { Registerable } from "./registerable";
-export declare const productImageMeta: ComponentMeta<ProductImageProps>;
-interface ProductImageProps {
-    className: string;
-    customStyle?: object;
-    useProductPlaceholder?: boolean;
-    imageIndex?: number;
-}
-export declare function ProductImage(props: ProductImageProps): JSX.Element;
-export declare function registerProductImage(loader?: Registerable, customProductImage?: ComponentMeta<ProductImageProps>): void;
-export {};

package/dist/registerProductImage.js

@@ -1,37 +0,0 @@
-import registerComponent from "@plasmicapp/host/registerComponent";
-import React from "react";
-import { useProduct } from "./contexts";
-export const productImageMeta = {
-    name: "CommerceProviders_ProductImage",
-    displayName: "Product Image",
-    props: {
-        customStyle: {
-            type: "object",
-            description: "Set custom css",
-        },
-        useProductPlaceholder: {
-            type: "boolean",
-            description: "Use a product placeholder to design your components"
-        },
-        imageIndex: {
-            type: "number",
-            description: "Set the image index of your product",
-            defaultValueHint: 0,
-        }
-    },
-    importPath: "commerce-providers",
-    importName: "ProductImage",
-};
-export function ProductImage(props) {
-    const { className, customStyle, useProductPlaceholder, imageIndex = 0 } = props;
-    const product = useProduct(useProductPlaceholder);
-    if (!product) {
-        return React.createElement("p", null, "There isn't a product collection!");
-    }
-    const image = product.images[imageIndex];
-    return (React.createElement("img", { alt: product.name || 'Product Image', src: image?.url ?? "", loading: 'lazy', className: className, style: customStyle }));
-}
-export function registerProductImage(loader, customProductImage) {
-    const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
-    doRegisterComponent(ProductImage, customProductImage ?? productImageMeta);
-}