sitero 0.0.25 → 0.0.27

package/dist/src/cms/client/interfaces/pages/dashboard/commerce/user/_id_/recipient/create/page.js

@@ -1,560 +0,0 @@
-"use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import { Package2, House, Building, Map, FlagTriangleRight } from 'lucide-react';
-import { useParams, useSearchParams, useRouter } from 'next/navigation';
-import 'node:crypto';
-import { ecpayCvsMapHandler } from '../../../../../../../../../../commerce/ecpay/cvs-map/ecpay-cvs-map-handler.js';
-import '../../../../../../../../../../commerce/ecpay/cvs-map/schemas.js';
-import '../../../../../../../../../../commerce/ecpay/aio-checkout/schemas.js';
-import '../../../../../../../../../../commerce/ecpay/logistic/schemas.js';
-import { CITY_LIST, ensureCityName, getAreaList, getZipCode, ensureAreaName } from '../../../../../../../../../../commerce/taiwan-address/constants.js';
-import { CMS_PATHS } from '../../../../../../../../../../constants/paths/cms-paths.js';
-import '../../../../../../../../../../constants/paths/redirect.js';
-import { API_PATHS } from '../../../../../../../../../../constants/paths/api-paths.js';
-import '../../../../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import 'react';
-import '../../../../../../../../../../core/client/infrastructure/react-query/client.js';
-import '@tanstack/react-query';
-import { useCommand } from '../../../../../../../../../../core/client/infrastructure/react-query/use-command.js';
-import '../../../../../../../../../../core/client/infrastructure/contexts/user/user.js';
-import 'mime-types';
-import '../../../../../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../../../../../core/domain/resources/user/constants.js';
-import { isCvsBrand, SHIPPING_METHOD } from '../../../../../../../../../../core/domain/resources/recipient/props.js';
-import { cn } from '../../../../../../../../../../shared/utils/cn.js';
-import { joinUrl } from '../../../../../../../../../../shared/utils/join-url.js';
-import '@radix-ui/react-avatar';
-import '../../../../../../../components/shadcn/badge.js';
-import '../../../../../../../components/shadcn/button.js';
-import { Card } from '../../../../../../../components/shadcn/card.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../../../../../../components/shadcn/input-group.js';
-import '../../../../../../../components/shadcn/item.js';
-import '@radix-ui/react-label';
-import 'radix-ui';
-import '@radix-ui/react-select';
-import { Separator } from '../../../../../../../components/shadcn/separator.js';
-import '../../../../../../../components/shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import { PageHeader } from '../../../../../../../components/ui/blocks/page-header/page-header.js';
-import { Button } from '../../../../../../../components/ui/buttons/button.js';
-import { Checkbox } from '../../../../../../../components/ui/inputs/checkbox.js';
-import { Input } from '../../../../../../../components/ui/inputs/input.js';
-import { Select, Option } from '../../../../../../../components/ui/inputs/select.js';
-import { RadioGroup } from '../../../../../../../components/ui/inputs/radio-group.js';
-import 'next/link';
-import { Form } from '../../../../../../../components/ui/form/form.js';
-import { Field } from '../../../../../../../components/ui/form/field.js';
-import { FieldsContainer } from '../../../../../../../components/ui/form/containers/fields-container.js';
-import { MainFields } from '../../../../../../../components/ui/form/containers/main-fields.js';
-import { SideFields } from '../../../../../../../components/ui/form/containers/side-fields.js';
-import { ActionButtonsCard } from '../../../../../../../components/ui/cards/action-buttons-card.js';
-import 'intor/next';
-import { ContentContainer } from '../../../../../../../components/ui/layouts/content-container.js';
-
-function createRecipientCreatePage({
-  apiUrl,
-  ecpayProfile,
-  useRecipientCreateFormData,
-  recipientCreateAction
-}) {
-  return function RecipientCreatePage() {
-    const { t } = useTranslator();
-    const { id: userId } = useParams();
-    const searchParams = useSearchParams();
-    const cvsBrand = searchParams.get("cvsBrand");
-    const cvsStoreCode = searchParams.get("cvsStoreCode");
-    const cvsStoreName = searchParams.get("cvsStoreName");
-    const cvsStoreAddress = searchParams.get("cvsStoreAddress");
-    const recipientName = searchParams.get("recipientName");
-    const recipientPhone = searchParams.get("recipientPhone");
-    const router = useRouter();
-    const { formData, setFormData } = useRecipientCreateFormData({
-      userId,
-      cvsBrand: cvsBrand && isCvsBrand(cvsBrand) ? cvsBrand : null,
-      cvsStoreCode,
-      cvsStoreName,
-      cvsStoreAddress,
-      recipientName,
-      recipientPhone
-    });
-    const { execute, isRedirecting, errors } = useCommand(
-      () => recipientCreateAction({ formData }),
-      {
-        onSuccess: (data) => {
-          router.replace(
-            joinUrl(
-              CMS_PATHS.commerce.user.recipient.pathname(userId),
-              data?.recipient.id
-            )
-          );
-        }
-      }
-    );
-    const CvsMapInput = {
-      ExtraData: {
-        userId,
-        mode: "create",
-        recipientName: formData.recipientName,
-        recipientPhone: formData.recipientPhone
-      },
-      ServerReplyURL: joinUrl(apiUrl, API_PATHS.cms["cvs-map"])
-    };
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        PageHeader,
-        {
-          variant: "create",
-          titleProps: {
-            icon: Package2,
-            title: t("resources.recipient.text")
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(ContentContainer, { children: /* @__PURE__ */ jsx(Form, { onSubmit: () => void execute(), children: /* @__PURE__ */ jsxs(FieldsContainer, { children: [
-        /* @__PURE__ */ jsxs(MainFields, { children: [
-          /* @__PURE__ */ jsx(Field, { label: t("resources.recipient.shipping-method.text"), children: /* @__PURE__ */ jsx(
-            RadioGroup,
-            {
-              fieldName: "shippingMethod",
-              value: formData.shippingMethod,
-              setFormData,
-              options: [
-                {
-                  icon: House,
-                  label: t(
-                    "resources.recipient.shipping-method.home_delivery.text"
-                  ),
-                  value: SHIPPING_METHOD.HOME_DELIVERY
-                },
-                {
-                  icon: Building,
-                  label: t(
-                    "resources.recipient.shipping-method.cvs_pickup.text"
-                  ),
-                  value: SHIPPING_METHOD.CVS_PICKUP
-                }
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Separator, {}),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "recipientName",
-                  label: t("resources.recipient.recipient-name.text"),
-                  children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "recipientName",
-                      placeholder: t(
-                        "resources.recipient.recipient-name.placeholder.text"
-                      ),
-                      autoComplete: "recipientName",
-                      fieldName: "recipientName",
-                      value: formData.recipientName ?? "",
-                      setFormData,
-                      isDisabled: isRedirecting,
-                      errors
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "recipientPhone",
-                  label: t("resources.recipient.recipient-phone.text"),
-                  children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "recipientPhone",
-                      placeholder: t(
-                        "resources.recipient.recipient-phone.placeholder.text"
-                      ),
-                      autoComplete: "recipientPhone",
-                      fieldName: "recipientPhone",
-                      value: formData.recipientPhone ?? "",
-                      setFormData,
-                      isDisabled: isRedirecting,
-                      errors
-                    }
-                  )
-                }
-              )
-            ] }),
-            formData.shippingMethod === SHIPPING_METHOD.HOME_DELIVERY && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Separator, {}),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "administrativeArea",
-                  label: t(
-                    "resources.recipient.administrative-area.text"
-                  ),
-                  children: /* @__PURE__ */ jsx(
-                    Select,
-                    {
-                      id: "administrativeArea",
-                      fieldName: "administrativeArea",
-                      value: formData.administrativeArea ?? "",
-                      setFormData,
-                      onChange: (value) => setFormData((p) => {
-                        const cityName = ensureCityName(value);
-                        const areaName = getAreaList(cityName)[0].AreaName;
-                        return {
-                          ...p,
-                          administrativeArea: cityName,
-                          subAdministrativeArea: areaName,
-                          postalCode: getZipCode(cityName, areaName)
-                        };
-                      }),
-                      isDisabled: isRedirecting,
-                      errors,
-                      placeholder: t(
-                        "resources.recipient.administrative-area.placeholder.text"
-                      ),
-                      children: CITY_LIST.map(({ CityName }, index) => {
-                        return /* @__PURE__ */ jsx(
-                          Option,
-                          {
-                            value: CityName,
-                            children: CityName
-                          },
-                          `${CityName}-${index}`
-                        );
-                      })
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "subAdministrativeArea",
-                  label: t(
-                    "resources.recipient.sub-administrative-area.text"
-                  ),
-                  children: /* @__PURE__ */ jsx(
-                    Select,
-                    {
-                      id: "subAdministrativeArea",
-                      fieldName: "subAdministrativeArea",
-                      value: formData.subAdministrativeArea ?? "",
-                      setFormData,
-                      onChange: (value) => setFormData((p) => {
-                        const cityName = ensureCityName(
-                          p.administrativeArea
-                        );
-                        const areaName = ensureAreaName(cityName, value);
-                        return {
-                          ...p,
-                          subAdministrativeArea: areaName,
-                          postalCode: getZipCode(cityName, areaName)
-                        };
-                      }),
-                      isDisabled: isRedirecting || !formData.administrativeArea,
-                      errors,
-                      placeholder: t(
-                        "resources.recipient.sub-administrative-area.placeholder.text"
-                      ),
-                      children: getAreaList(
-                        ensureCityName(formData.administrativeArea)
-                      )?.map(({ AreaName }, index) => {
-                        return /* @__PURE__ */ jsx(
-                          Option,
-                          {
-                            value: AreaName,
-                            children: AreaName
-                          },
-                          `${AreaName}-${index}`
-                        );
-                      })
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "postalCode",
-                  label: t("resources.recipient.postal-code.text"),
-                  children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "postalCode",
-                      value: formData.postalCode ?? "",
-                      isDisabled: true,
-                      placeholder: t(
-                        "resources.recipient.postal-code.placeholder.text"
-                      )
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "addressLine1",
-                  label: t("resources.recipient.address-line-1.text"),
-                  children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "addressLine1",
-                      fieldName: "addressLine1",
-                      value: formData.addressLine1 ?? "",
-                      setFormData,
-                      isDisabled: isRedirecting,
-                      errors,
-                      placeholder: t(
-                        "resources.recipient.address-line-1.placeholder.text"
-                      )
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "addressLine2",
-                  label: t("resources.recipient.address-line-2.text"),
-                  children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "addressLine2",
-                      fieldName: "addressLine2",
-                      value: formData.addressLine2 ?? "",
-                      setFormData,
-                      isDisabled: isRedirecting,
-                      errors,
-                      placeholder: t(
-                        "resources.recipient.address-line-2.placeholder.text"
-                      )
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "addressLine3",
-                  label: t("resources.recipient.address-line-3.text"),
-                  children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "addressLine3",
-                      fieldName: "addressLine3",
-                      value: formData.addressLine3 ?? "",
-                      setFormData,
-                      isDisabled: isRedirecting,
-                      errors,
-                      placeholder: t(
-                        "resources.recipient.address-line-3.placeholder.text"
-                      )
-                    }
-                  )
-                }
-              )
-            ] }),
-            formData.shippingMethod === SHIPPING_METHOD.CVS_PICKUP && /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(Separator, {}),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "cvsStoreCode",
-                  label: t("resources.recipient.choose-store.text"),
-                  children: /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        onClick: () => ecpayCvsMapHandler({
-                          ecpayProfile,
-                          input: {
-                            ...CvsMapInput,
-                            LogisticsSubType: "UNIMARTC2C"
-                          }
-                        }),
-                        children: /* @__PURE__ */ jsxs(Button, { variant: "default", className: "flex gap-3", children: [
-                          t("resources.recipient.unimart.text"),
-                          /* @__PURE__ */ jsx(Map, {})
-                        ] })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        onClick: () => ecpayCvsMapHandler({
-                          ecpayProfile,
-                          input: {
-                            ...CvsMapInput,
-                            LogisticsSubType: "FAMIC2C"
-                          }
-                        }),
-                        children: /* @__PURE__ */ jsxs(Button, { variant: "default", className: "flex gap-3", children: [
-                          t("resources.recipient.fami.text"),
-                          /* @__PURE__ */ jsx(Map, {})
-                        ] })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        onClick: () => ecpayCvsMapHandler({
-                          ecpayProfile,
-                          input: {
-                            ...CvsMapInput,
-                            LogisticsSubType: "HILIFEC2C"
-                          }
-                        }),
-                        children: /* @__PURE__ */ jsxs(Button, { variant: "default", className: "flex gap-3", children: [
-                          t("resources.recipient.hilife.text"),
-                          /* @__PURE__ */ jsx(Map, {})
-                        ] })
-                      }
-                    ),
-                    /* @__PURE__ */ jsx(
-                      "div",
-                      {
-                        onClick: () => ecpayCvsMapHandler({
-                          ecpayProfile,
-                          input: {
-                            ...CvsMapInput,
-                            LogisticsSubType: "OKMARTC2C"
-                          }
-                        }),
-                        children: /* @__PURE__ */ jsxs(Button, { variant: "default", className: "flex gap-3", children: [
-                          t("resources.recipient.okmart.text"),
-                          /* @__PURE__ */ jsx(Map, {})
-                        ] })
-                      }
-                    )
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "cvsBrand",
-                  label: t("resources.recipient.cvs-brand.text"),
-                  children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "cvsBrand",
-                      fieldName: "cvsBrand",
-                      value: formData.cvsBrand ? t(
-                        `resources.recipient.${formData.cvsBrand?.toLowerCase()}.text`
-                      ) : "",
-                      setFormData,
-                      isDisabled: isRedirecting,
-                      errors,
-                      placeholder: t(
-                        "resources.recipient.cvs-brand.placeholder.text"
-                      ),
-                      disabled: true
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "cvsStoreCode",
-                  label: t("resources.recipient.cvs-store-code.text"),
-                  children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "cvsStoreCode",
-                      fieldName: "cvsStoreCode",
-                      value: formData.cvsStoreCode ?? "",
-                      setFormData,
-                      isDisabled: isRedirecting,
-                      errors,
-                      placeholder: t(
-                        "resources.recipient.cvs-store-code.placeholder.text"
-                      ),
-                      disabled: true
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "cvsStoreName",
-                  label: t("resources.recipient.cvs-store-name.text"),
-                  children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "cvsStoreName",
-                      fieldName: "cvsStoreName",
-                      value: formData.cvsStoreName ?? "",
-                      setFormData,
-                      isDisabled: isRedirecting,
-                      errors,
-                      placeholder: t(
-                        "resources.recipient.cvs-store-name.placeholder.text"
-                      ),
-                      disabled: true
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Field,
-                {
-                  htmlFor: "cvsStoreAddress",
-                  label: t("resources.recipient.cvs-store-address.text"),
-                  children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      id: "cvsStoreAddress",
-                      fieldName: "cvsStoreAddress",
-                      value: formData.cvsStoreAddress ?? "",
-                      setFormData,
-                      isDisabled: isRedirecting,
-                      errors,
-                      placeholder: t(
-                        "resources.recipient.cvs-store-address.placeholder.text"
-                      ),
-                      disabled: true
-                    }
-                  )
-                }
-              )
-            ] })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(SideFields, { children: [
-          /* @__PURE__ */ jsx(ActionButtonsCard, { isProcessing: isRedirecting }),
-          /* @__PURE__ */ jsx(Card, { className: cn("flex flex-col gap-6", "bg-base-100 p-4"), children: /* @__PURE__ */ jsx(
-            Field,
-            {
-              label: /* @__PURE__ */ jsxs("span", { className: "flex-center gap-2", children: [
-                /* @__PURE__ */ jsx(FlagTriangleRight, { className: "size-5" }),
-                t("resources.recipient.is-default.text")
-              ] }),
-              children: /* @__PURE__ */ jsx(
-                Checkbox,
-                {
-                  fieldName: "isDefault",
-                  formData,
-                  setFormData
-                }
-              )
-            }
-          ) })
-        ] })
-      ] }) }) })
-    ] });
-  };
-}
-
-export { createRecipientCreatePage };

package/dist/src/cms/client/interfaces/pages/dashboard/commerce/user/_id_/recipient/page.js

@@ -1,63 +0,0 @@
-"use client";
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { useTranslator } from 'intor/react';
-import { Package2 } from 'lucide-react';
-import { useParams } from 'next/navigation';
-import { PageHeader } from '../../../../../../components/ui/blocks/page-header/page-header.js';
-import 'react';
-import '@radix-ui/react-avatar';
-import 'mime-types';
-import '../../../../../../../../../core/domain/resources/admin/constants.js';
-import '../../../../../../../../../core/domain/resources/user/constants.js';
-import 'clsx';
-import 'tailwind-merge';
-import '../../../../../../components/shadcn/badge.js';
-import '../../../../../../components/shadcn/button.js';
-import '@radix-ui/react-collapsible';
-import '@radix-ui/react-dialog';
-import '@radix-ui/react-dropdown-menu';
-import '../../../../../../components/shadcn/input-group.js';
-import '../../../../../../components/shadcn/item.js';
-import '@radix-ui/react-label';
-import 'radix-ui';
-import '@radix-ui/react-select';
-import '@radix-ui/react-separator';
-import '../../../../../../components/shadcn/sidebar/sidebar.js';
-import 'next-themes';
-import 'sonner';
-import '@radix-ui/react-tabs';
-import '@radix-ui/react-tooltip';
-import '../../../../../../../../../commerce/taiwan-address/constants.js';
-import '../../../../../../../../../constants/paths/redirect.js';
-import 'intor/next';
-import 'next/link';
-import '../../../../../../../../../core/client/infrastructure/contexts/admin/admin.js';
-import '../../../../../../../../../core/client/infrastructure/react-query/client.js';
-import '@tanstack/react-query';
-import '../../../../../../../../../core/client/infrastructure/contexts/user/user.js';
-import { ContentContainer } from '../../../../../../components/ui/layouts/content-container.js';
-
-function createRecipientIndexPage({
-  RecipientList
-}) {
-  return function RecipientIndexPage() {
-    const { t } = useTranslator();
-    const { id: userId } = useParams();
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        PageHeader,
-        {
-          variant: "index",
-          titleProps: {
-            icon: Package2,
-            title: t("resources.recipient.text")
-          },
-          createButtonProps: {}
-        }
-      ),
-      /* @__PURE__ */ jsx(ContentContainer, { isFixHeight: true, children: /* @__PURE__ */ jsx(RecipientList, { userId }) })
-    ] });
-  };
-}
-
-export { createRecipientIndexPage };