@pelcro/react-pelcro-js 3.4.1-beta.3 → 3.5.0-beta.1

package/dist/index.cjs.js

@@ -3251,7 +3251,7 @@ var buttons$e = {
 	account: "Accès abonné(e)s",
 	login: "Se connecter"
 };
-var dashboard$2 = {
+var dashboard$3 = {
 	labels: {
 		menu: "Menu Pelcro",
 		name: "Nom",
@@ -3325,7 +3325,7 @@ var confirm$8 = {
 var common_fr = {
 	validation: validation$2,
 	buttons: buttons$e,
-	dashboard: dashboard$2,
+	dashboard: dashboard$3,
 	select: select$5,
 	confirm: confirm$8
 };
@@ -3340,7 +3340,7 @@ var buttons$d = {
 	account: "My account",
 	login: "Login"
 };
-var dashboard$1 = {
+var dashboard$2 = {
 	labels: {
 		menu: "Pelcro Menu",
 		name: "Name",
@@ -3414,7 +3414,7 @@ var confirm$7 = {
 var common_en = {
 	validation: validation$1,
 	buttons: buttons$d,
-	dashboard: dashboard$1,
+	dashboard: dashboard$2,
 	select: select$4,
 	confirm: confirm$7
 };
@@ -3428,7 +3428,7 @@ var buttons$c = {
 	account: "내 계정",
 	login: "로그인"
 };
-var dashboard = {
+var dashboard$1 = {
 	labels: {
 		menu: "Pelcro 메뉴",
 		name: "이름",
@@ -3502,7 +3502,7 @@ var confirm$6 = {
 var common_ko = {
 	validation: validation,
 	buttons: buttons$c,
-	dashboard: dashboard,
+	dashboard: dashboard$1,
 	select: select$3,
 	confirm: confirm$6
 };
@@ -4446,7 +4446,8 @@ var labels$n = {
 	country: "Country",
 	firstName: "First name",
 	lastName: "Last name",
-	required: "required"
+	required: "required",
+	isDefault: "Set as default"
 };
 var buttons$b = {
 	submit: "Submit",
@@ -4477,7 +4478,8 @@ var labels$m = {
 	country: "Pays",
 	firstName: "Prénom",
 	lastName: "Nom de famille",
-	required: "Champs obligatoires"
+	required: "Champs obligatoires",
+	isDefault: "Définir par défaut"
 };
 var buttons$a = {
 	submit: "Valider",
@@ -4508,7 +4510,8 @@ var labels$l = {
 	country: "국가",
 	firstName: "이름",
 	lastName: "성",
-	required: "필수 항목"
+	required: "필수 항목",
+	isDefault: "기본값으로 설정"
 };
 var buttons$9 = {
 	submit: "제출",
@@ -4758,7 +4761,7 @@ var subtitle$2 = "Terminez votre achat ci-dessous";
 var name$2 = "Produit";
 var quantity$2 = "Quantité";
 var price$2 = "Prix";
-var actions$2 = "Actes";
+var actions$3 = "Actes";
 var remove$2 = "Retirer";
 var total$2 = "Total";
 var confirm$5 = "Passer à la caisse";
@@ -4770,7 +4773,7 @@ var cart_fr = {
 	name: name$2,
 	quantity: quantity$2,
 	price: price$2,
-	actions: actions$2,
+	actions: actions$3,
 	remove: remove$2,
 	total: total$2,
 	confirm: confirm$5,
@@ -4783,7 +4786,7 @@ var subtitle$1 = "Comple your purchase below";
 var name$1 = "Name";
 var quantity$1 = "Quantity";
 var price$1 = "Price";
-var actions$1 = "Actions";
+var actions$2 = "Actions";
 var remove$1 = "Remove";
 var total$1 = "Total";
 var confirm$4 = "Checkout";
@@ -4795,7 +4798,7 @@ var cart_en = {
 	name: name$1,
 	quantity: quantity$1,
 	price: price$1,
-	actions: actions$1,
+	actions: actions$2,
 	remove: remove$1,
 	total: total$1,
 	confirm: confirm$4,
@@ -4808,7 +4811,7 @@ var subtitle = "아래에서 결제를 진행하세요.";
 var name = "이름";
 var quantity = "수량";
 var price = "가격";
-var actions = "조치";
+var actions$1 = "조치";
 var remove = "제거";
 var total = "총계";
 var confirm$3 = "체크아웃";
@@ -4820,7 +4823,7 @@ var cart_ko = {
 	name: name,
 	quantity: quantity,
 	price: price,
-	actions: actions,
+	actions: actions$1,
 	remove: remove,
 	total: total,
 	confirm: confirm$3,
@@ -5081,6 +5084,7 @@ var labels$e = {
 	addAddress: "Add address",
 	addSubscription: "New Subscription",
 	addGift: "New Gift",
+	"default": "Default",
 	orders: {
 		label: "Orders",
 		noOrders: "You have not placed any orders",
@@ -5173,6 +5177,7 @@ var labels$d = {
 	addAddress: "Ajoutez l'adresse",
 	addSubscription: "Nouvel abonnement",
 	addGift: "Ajouter un cadeau",
+	"default": "Défaut",
 	orders: {
 		label: "Commandes",
 		noOrders: "Vous n'avez passé aucune commande",
@@ -5285,6 +5290,67 @@ var labels$c = {
 		goBack: "뒤로 가기"
 	}
 };
+var shipments = "남은 배송 일정";
+var logout = "로그아웃";
+var dashboard = "대시보드";
+var unsubscribe = "취소";
+var reactivate = "재활성화";
+var renew = "갱신";
+var support = "지원";
+var account = "계정";
+var purchases = "구매";
+var subscriptions = "유료 멤버십";
+var donations = "기부";
+var invoices = "인보이스";
+var details = "세부 정보";
+var view = "보기";
+var paid = "결제 완료";
+var open = "열기";
+var draft = "임시 저장";
+var scheduled = "예약";
+var uncollectible = "사용 불가";
+var pastDue = "연체";
+var updatePaymentSource = "업데이트";
+var profile = "프로필";
+var updateProfile = "프로필 편집";
+var changePassword = "비밀번호 변경";
+var editNewsletters = "뉴스레터 편집";
+var edit = "편집";
+var gifts = "선물";
+var redeemGift = "선물 사용";
+var address = "주소";
+var addresses = "주소들";
+var myProfile = "내 프로필";
+var paymentSource = "결제 카드";
+var actions = "조치";
+var expiresOn = "종료";
+var startsOn = "시작";
+var startDate = "시작일";
+var renewsOn = "갱신";
+var canceledOn = "취소일";
+var recipient = "받는 사람";
+var addAddress = "주소 추가";
+var addSubscription = "새 유료 멤버십";
+var addGift = "새 선물";
+var orders = {
+	label: "주문",
+	noOrders: "주문하신 내역이 없습니다.",
+	total: "총계",
+	date: "날짜",
+	details: "세부 정보",
+	itemsAmount: "{{count}} 아이템",
+	itemsAmount_plural: "{{count}} 아이템"
+};
+var savedItems = {
+	label: "저장 및 팔로우 완료",
+	noSavedItems: "저장된 아이템이 없습니다.",
+	categories: "종류",
+	details: "세부 정보",
+	removeItem: "제거"
+};
+var subCancellation = {
+	goBack: "뒤로 가기"
+};
 var messages$9 = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
@@ -5296,6 +5362,53 @@ var messages$9 = {
 };
 var dashboard_ko = {
 	labels: labels$c,
+	shipments: shipments,
+	logout: logout,
+	dashboard: dashboard,
+	unsubscribe: unsubscribe,
+	reactivate: reactivate,
+	renew: renew,
+	support: support,
+	account: account,
+	purchases: purchases,
+	subscriptions: subscriptions,
+	donations: donations,
+	invoices: invoices,
+	details: details,
+	view: view,
+	paid: paid,
+	open: open,
+	draft: draft,
+	scheduled: scheduled,
+	uncollectible: uncollectible,
+	"void": "무효",
+	pastDue: pastDue,
+	updatePaymentSource: updatePaymentSource,
+	profile: profile,
+	updateProfile: updateProfile,
+	changePassword: changePassword,
+	editNewsletters: editNewsletters,
+	edit: edit,
+	gifts: gifts,
+	redeemGift: redeemGift,
+	address: address,
+	addresses: addresses,
+	myProfile: myProfile,
+	paymentSource: paymentSource,
+	actions: actions,
+	expiresOn: expiresOn,
+	startsOn: startsOn,
+	startDate: startDate,
+	renewsOn: renewsOn,
+	canceledOn: canceledOn,
+	recipient: recipient,
+	addAddress: addAddress,
+	addSubscription: addSubscription,
+	addGift: addGift,
+	"default": "기본",
+	orders: orders,
+	savedItems: savedItems,
+	subCancellation: subCancellation,
 	messages: messages$9
 };
 
@@ -7165,6 +7278,13 @@ class PelcroActions {
       return true;
     });
 
+    _defineProperty$3(this, "setCouponCode", couponCode => {
+      if (!couponCode) return console.error("invalid coupon code");
+      this.set({
+        couponCode
+      });
+    });
+
     _defineProperty$3(this, "logout", () => {
       var _ReactGA$event;
 
@@ -7372,6 +7492,8 @@ const initialState$l = {
   // null | SKU[] | SKU,
   // invoices
   invoice: null,
+  // couponCode
+  couponCode: null,
   // memberships
   selectedMembership: null,
   // User
@@ -10616,6 +10738,7 @@ const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
 const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
 const LINK_TOKEN_VERIFY = "LINK_TOKEN_VERIFY";
 const SET_CANCEL_SUBSCRIPTION_REASON = "SET_CANCEL_SUBSCRIPTION_REASON";
+const HANDLE_CHECKBOX_CHANGE = "HANDLE_CHECKBOX_CHANGE";
 
 const initialState$k = {
   email: "",
@@ -14656,7 +14779,8 @@ const PaymentMethodContainerWithoutStripe = ({
   const {
     set,
     order,
-    selectedPaymentMethodId
+    selectedPaymentMethodId,
+    couponCode
   } = usePelcro();
   const product = (_props$product = props.product) !== null && _props$product !== void 0 ? _props$product : pelcroStore.product;
   const plan = (_props$plan = props.plan) !== null && _props$plan !== void 0 ? _props$plan : pelcroStore.plan;
@@ -14672,6 +14796,19 @@ const PaymentMethodContainerWithoutStripe = ({
         type: UPDATE_COUPON_CODE,
         payload: window.Pelcro.coupon.getFromUrl()
       });
+      dispatch({
+        type: SHOW_COUPON_FIELD,
+        payload: true
+      });
+    } else if (couponCode) {
+      dispatch({
+        type: UPDATE_COUPON_CODE,
+        payload: couponCode
+      });
+      dispatch({
+        type: SHOW_COUPON_FIELD,
+        payload: true
+      });
     }
 
     dispatch({
@@ -18438,6 +18575,7 @@ const initialState$e = {
   postalCodeError: "",
   states: [],
   countries: [],
+  isDefault: false,
   alert: {
     type: "error",
     content: ""
@@ -18520,7 +18658,8 @@ const AddressCreateContainer = ({
     city,
     state,
     country,
-    postalCode
+    postalCode,
+    isDefault
   }, dispatch) => {
     window.Pelcro.address.create({
       auth_token: window.Pelcro.user.read().auth_token,
@@ -18531,7 +18670,8 @@ const AddressCreateContainer = ({
       city: city,
       state: state,
       country: country,
-      postal_code: postalCode
+      postal_code: postalCode,
+      is_default: isDefault
     }, (err, res) => {
       if (err) {
         dispatch({
@@ -18658,6 +18798,11 @@ const AddressCreateContainer = ({
           ...action.payload
         });
 
+      case HANDLE_CHECKBOX_CHANGE:
+        return lib_7({ ...state,
+          ...action.payload
+        });
+
       case VALIDATE_FIELD:
         return lib_7({ ...state,
           [`${action.payload}Error`]: state[action.payload] ? "" : t("labels.required")
@@ -19158,6 +19303,27 @@ const AddressCreateStateSelect = props => /*#__PURE__*/React__default['default']
   store: store$e
 }, props));
 
+const AddressCreateSetDefault = props => {
+  const {
+    dispatch,
+    state
+  } = React.useContext(store$e);
+
+  const handleCheckboxChange = e => {
+    dispatch({
+      type: HANDLE_CHECKBOX_CHANGE,
+      payload: {
+        isDefault: e.target.checked
+      }
+    });
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement(Checkbox, {
+    onChange: e => handleCheckboxChange(e),
+    id: props.id
+  }, props.label);
+};
+
 const AddressCreateView = props => {
   const {
     t
@@ -19213,6 +19379,11 @@ const AddressCreateView = props => {
     id: "pelcro-input-state",
     errorId: "pelcro-input-state-error",
     required: true
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
+  }, /*#__PURE__*/React__default['default'].createElement(AddressCreateSetDefault, {
+    id: "pelcro-input-is-default",
+    label: t("labels.isDefault")
   })), /*#__PURE__*/React__default['default'].createElement("p", {
     className: "plc-text-gray-900 pelcro-footnote"
   }, "* ", t("labels.required")), /*#__PURE__*/React__default['default'].createElement(AddressCreateSubmit, {
@@ -19299,6 +19470,7 @@ const initialState$d = {
   postalCodeError: "",
   states: [],
   countries: [],
+  isDefault: false,
   alert: {
     type: "error",
     content: ""
@@ -19367,7 +19539,8 @@ const AddressUpdateContainer = ({
           city: thisAddress.city,
           state: thisAddress.state,
           country: thisAddress.country,
-          postalCode: thisAddress.postal_code
+          postalCode: thisAddress.postal_code,
+          isDefault: thisAddress.is_default
         };
         dispatch({
           type: SET_TEXT_FIELD,
@@ -19385,7 +19558,8 @@ const AddressUpdateContainer = ({
     city,
     state,
     country,
-    postalCode
+    postalCode,
+    isDefault
   }, dispatch) => {
     window.Pelcro.address.update({
       address_id: addressId,
@@ -19397,7 +19571,8 @@ const AddressUpdateContainer = ({
       city: city,
       state: state,
       country: country,
-      postal_code: postalCode
+      postal_code: postalCode,
+      is_default: isDefault
     }, (err, res) => {
       dispatch({
         type: LOADING,
@@ -19464,6 +19639,11 @@ const AddressUpdateContainer = ({
           ...action.payload
         });
 
+      case HANDLE_CHECKBOX_CHANGE:
+        return lib_7({ ...state,
+          ...action.payload
+        });
+
       case VALIDATE_FIELD:
         return lib_7({ ...state,
           [`${action.payload}Error`]: state[action.payload] ? "" : t("labels.required")
@@ -19793,6 +19973,30 @@ const AddressUpdateStateSelect = props => /*#__PURE__*/React__default['default']
   store: store$d
 }, props));
 
+function AddressUpdateSetDefault(props) {
+  const {
+    dispatch,
+    state: {
+      isDefault
+    }
+  } = React.useContext(store$d);
+
+  const handleCheckboxChange = e => {
+    dispatch({
+      type: HANDLE_CHECKBOX_CHANGE,
+      payload: {
+        isDefault: e.target.checked
+      }
+    });
+  };
+
+  return /*#__PURE__*/React__default['default'].createElement(Checkbox, {
+    onChange: e => handleCheckboxChange(e),
+    id: props.id,
+    checked: isDefault
+  }, props.label);
+}
+
 const AddressUpdateView = props => {
   const {
     t
@@ -19848,6 +20052,11 @@ const AddressUpdateView = props => {
     errorId: "pelcro-input-state-error",
     label: t("labels.region"),
     required: true
+  })), /*#__PURE__*/React__default['default'].createElement("div", {
+    className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
+  }, /*#__PURE__*/React__default['default'].createElement(AddressUpdateSetDefault, {
+    id: "pelcro-input-is-default",
+    label: t("labels.isDefault")
   })), /*#__PURE__*/React__default['default'].createElement("p", {
     className: "plc-text-gray-900 pelcro-footnote"
   }, "* ", t("labels.required")), /*#__PURE__*/React__default['default'].createElement(AddressUpdateSubmit, {
@@ -22101,7 +22310,7 @@ const AddressSelectContainer = ({
       selectedAddressId
     });
 
-    if (selectedMembership.id) {
+    if (selectedMembership) {
       dispatch({
         type: LOADING,
         payload: true
@@ -25109,7 +25318,13 @@ class Dashboard extends React.Component {
           className: "plc-font-semibold plc-text-gray-600"
         }, address.city, ", ", address.country), " ", /*#__PURE__*/React__default['default'].createElement("span", {
           title: address.line1
-        }, address.line1)), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
+        }, address.line1), /*#__PURE__*/React__default['default'].createElement("div", {
+          className: "plc-flex plc-mb-2 plc-mt-1"
+        }, /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-rounded-full plc-bg-gray-200 plc-text-black plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-capitalize"
+        }, address.type), address.is_default && /*#__PURE__*/React__default['default'].createElement("span", {
+          className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-ml-2"
+        }, this.locale("labels.default")))), /*#__PURE__*/React__default['default'].createElement("td", null, /*#__PURE__*/React__default['default'].createElement(Button, {
           variant: "icon",
           className: "plc-text-gray-500",
           icon: /*#__PURE__*/React__default['default'].createElement(SvgEdit, null),

package/dist/index.esm.js

@@ -3221,7 +3221,7 @@ var buttons$e = {
 	account: "Accès abonné(e)s",
 	login: "Se connecter"
 };
-var dashboard$2 = {
+var dashboard$3 = {
 	labels: {
 		menu: "Menu Pelcro",
 		name: "Nom",
@@ -3295,7 +3295,7 @@ var confirm$8 = {
 var common_fr = {
 	validation: validation$2,
 	buttons: buttons$e,
-	dashboard: dashboard$2,
+	dashboard: dashboard$3,
 	select: select$5,
 	confirm: confirm$8
 };
@@ -3310,7 +3310,7 @@ var buttons$d = {
 	account: "My account",
 	login: "Login"
 };
-var dashboard$1 = {
+var dashboard$2 = {
 	labels: {
 		menu: "Pelcro Menu",
 		name: "Name",
@@ -3384,7 +3384,7 @@ var confirm$7 = {
 var common_en = {
 	validation: validation$1,
 	buttons: buttons$d,
-	dashboard: dashboard$1,
+	dashboard: dashboard$2,
 	select: select$4,
 	confirm: confirm$7
 };
@@ -3398,7 +3398,7 @@ var buttons$c = {
 	account: "내 계정",
 	login: "로그인"
 };
-var dashboard = {
+var dashboard$1 = {
 	labels: {
 		menu: "Pelcro 메뉴",
 		name: "이름",
@@ -3472,7 +3472,7 @@ var confirm$6 = {
 var common_ko = {
 	validation: validation,
 	buttons: buttons$c,
-	dashboard: dashboard,
+	dashboard: dashboard$1,
 	select: select$3,
 	confirm: confirm$6
 };
@@ -4416,7 +4416,8 @@ var labels$n = {
 	country: "Country",
 	firstName: "First name",
 	lastName: "Last name",
-	required: "required"
+	required: "required",
+	isDefault: "Set as default"
 };
 var buttons$b = {
 	submit: "Submit",
@@ -4447,7 +4448,8 @@ var labels$m = {
 	country: "Pays",
 	firstName: "Prénom",
 	lastName: "Nom de famille",
-	required: "Champs obligatoires"
+	required: "Champs obligatoires",
+	isDefault: "Définir par défaut"
 };
 var buttons$a = {
 	submit: "Valider",
@@ -4478,7 +4480,8 @@ var labels$l = {
 	country: "국가",
 	firstName: "이름",
 	lastName: "성",
-	required: "필수 항목"
+	required: "필수 항목",
+	isDefault: "기본값으로 설정"
 };
 var buttons$9 = {
 	submit: "제출",
@@ -4728,7 +4731,7 @@ var subtitle$2 = "Terminez votre achat ci-dessous";
 var name$2 = "Produit";
 var quantity$2 = "Quantité";
 var price$2 = "Prix";
-var actions$2 = "Actes";
+var actions$3 = "Actes";
 var remove$2 = "Retirer";
 var total$2 = "Total";
 var confirm$5 = "Passer à la caisse";
@@ -4740,7 +4743,7 @@ var cart_fr = {
 	name: name$2,
 	quantity: quantity$2,
 	price: price$2,
-	actions: actions$2,
+	actions: actions$3,
 	remove: remove$2,
 	total: total$2,
 	confirm: confirm$5,
@@ -4753,7 +4756,7 @@ var subtitle$1 = "Comple your purchase below";
 var name$1 = "Name";
 var quantity$1 = "Quantity";
 var price$1 = "Price";
-var actions$1 = "Actions";
+var actions$2 = "Actions";
 var remove$1 = "Remove";
 var total$1 = "Total";
 var confirm$4 = "Checkout";
@@ -4765,7 +4768,7 @@ var cart_en = {
 	name: name$1,
 	quantity: quantity$1,
 	price: price$1,
-	actions: actions$1,
+	actions: actions$2,
 	remove: remove$1,
 	total: total$1,
 	confirm: confirm$4,
@@ -4778,7 +4781,7 @@ var subtitle = "아래에서 결제를 진행하세요.";
 var name = "이름";
 var quantity = "수량";
 var price = "가격";
-var actions = "조치";
+var actions$1 = "조치";
 var remove = "제거";
 var total = "총계";
 var confirm$3 = "체크아웃";
@@ -4790,7 +4793,7 @@ var cart_ko = {
 	name: name,
 	quantity: quantity,
 	price: price,
-	actions: actions,
+	actions: actions$1,
 	remove: remove,
 	total: total,
 	confirm: confirm$3,
@@ -5051,6 +5054,7 @@ var labels$e = {
 	addAddress: "Add address",
 	addSubscription: "New Subscription",
 	addGift: "New Gift",
+	"default": "Default",
 	orders: {
 		label: "Orders",
 		noOrders: "You have not placed any orders",
@@ -5143,6 +5147,7 @@ var labels$d = {
 	addAddress: "Ajoutez l'adresse",
 	addSubscription: "Nouvel abonnement",
 	addGift: "Ajouter un cadeau",
+	"default": "Défaut",
 	orders: {
 		label: "Commandes",
 		noOrders: "Vous n'avez passé aucune commande",
@@ -5255,6 +5260,67 @@ var labels$c = {
 		goBack: "뒤로 가기"
 	}
 };
+var shipments = "남은 배송 일정";
+var logout = "로그아웃";
+var dashboard = "대시보드";
+var unsubscribe = "취소";
+var reactivate = "재활성화";
+var renew = "갱신";
+var support = "지원";
+var account = "계정";
+var purchases = "구매";
+var subscriptions = "유료 멤버십";
+var donations = "기부";
+var invoices = "인보이스";
+var details = "세부 정보";
+var view = "보기";
+var paid = "결제 완료";
+var open = "열기";
+var draft = "임시 저장";
+var scheduled = "예약";
+var uncollectible = "사용 불가";
+var pastDue = "연체";
+var updatePaymentSource = "업데이트";
+var profile = "프로필";
+var updateProfile = "프로필 편집";
+var changePassword = "비밀번호 변경";
+var editNewsletters = "뉴스레터 편집";
+var edit = "편집";
+var gifts = "선물";
+var redeemGift = "선물 사용";
+var address = "주소";
+var addresses = "주소들";
+var myProfile = "내 프로필";
+var paymentSource = "결제 카드";
+var actions = "조치";
+var expiresOn = "종료";
+var startsOn = "시작";
+var startDate = "시작일";
+var renewsOn = "갱신";
+var canceledOn = "취소일";
+var recipient = "받는 사람";
+var addAddress = "주소 추가";
+var addSubscription = "새 유료 멤버십";
+var addGift = "새 선물";
+var orders = {
+	label: "주문",
+	noOrders: "주문하신 내역이 없습니다.",
+	total: "총계",
+	date: "날짜",
+	details: "세부 정보",
+	itemsAmount: "{{count}} 아이템",
+	itemsAmount_plural: "{{count}} 아이템"
+};
+var savedItems = {
+	label: "저장 및 팔로우 완료",
+	noSavedItems: "저장된 아이템이 없습니다.",
+	categories: "종류",
+	details: "세부 정보",
+	removeItem: "제거"
+};
+var subCancellation = {
+	goBack: "뒤로 가기"
+};
 var messages$9 = {
 	noCard: "등록된 카드가 없습니다.",
 	subCancellation: {
@@ -5266,6 +5332,53 @@ var messages$9 = {
 };
 var dashboard_ko = {
 	labels: labels$c,
+	shipments: shipments,
+	logout: logout,
+	dashboard: dashboard,
+	unsubscribe: unsubscribe,
+	reactivate: reactivate,
+	renew: renew,
+	support: support,
+	account: account,
+	purchases: purchases,
+	subscriptions: subscriptions,
+	donations: donations,
+	invoices: invoices,
+	details: details,
+	view: view,
+	paid: paid,
+	open: open,
+	draft: draft,
+	scheduled: scheduled,
+	uncollectible: uncollectible,
+	"void": "무효",
+	pastDue: pastDue,
+	updatePaymentSource: updatePaymentSource,
+	profile: profile,
+	updateProfile: updateProfile,
+	changePassword: changePassword,
+	editNewsletters: editNewsletters,
+	edit: edit,
+	gifts: gifts,
+	redeemGift: redeemGift,
+	address: address,
+	addresses: addresses,
+	myProfile: myProfile,
+	paymentSource: paymentSource,
+	actions: actions,
+	expiresOn: expiresOn,
+	startsOn: startsOn,
+	startDate: startDate,
+	renewsOn: renewsOn,
+	canceledOn: canceledOn,
+	recipient: recipient,
+	addAddress: addAddress,
+	addSubscription: addSubscription,
+	addGift: addGift,
+	"default": "기본",
+	orders: orders,
+	savedItems: savedItems,
+	subCancellation: subCancellation,
 	messages: messages$9
 };
 
@@ -7135,6 +7248,13 @@ class PelcroActions {
       return true;
     });
 
+    _defineProperty$3(this, "setCouponCode", couponCode => {
+      if (!couponCode) return console.error("invalid coupon code");
+      this.set({
+        couponCode
+      });
+    });
+
     _defineProperty$3(this, "logout", () => {
       var _ReactGA$event;
 
@@ -7342,6 +7462,8 @@ const initialState$l = {
   // null | SKU[] | SKU,
   // invoices
   invoice: null,
+  // couponCode
+  couponCode: null,
   // memberships
   selectedMembership: null,
   // User
@@ -10586,6 +10708,7 @@ const GET_NEWSLETTERS_SUCCESS = "GET_NEWSLETTERS_SUCCESS";
 const SWITCH_TO_UPDATE = "SWITCH_TO_UPDATE";
 const LINK_TOKEN_VERIFY = "LINK_TOKEN_VERIFY";
 const SET_CANCEL_SUBSCRIPTION_REASON = "SET_CANCEL_SUBSCRIPTION_REASON";
+const HANDLE_CHECKBOX_CHANGE = "HANDLE_CHECKBOX_CHANGE";
 
 const initialState$k = {
   email: "",
@@ -14626,7 +14749,8 @@ const PaymentMethodContainerWithoutStripe = ({
   const {
     set,
     order,
-    selectedPaymentMethodId
+    selectedPaymentMethodId,
+    couponCode
   } = usePelcro();
   const product = (_props$product = props.product) !== null && _props$product !== void 0 ? _props$product : pelcroStore.product;
   const plan = (_props$plan = props.plan) !== null && _props$plan !== void 0 ? _props$plan : pelcroStore.plan;
@@ -14642,6 +14766,19 @@ const PaymentMethodContainerWithoutStripe = ({
         type: UPDATE_COUPON_CODE,
         payload: window.Pelcro.coupon.getFromUrl()
       });
+      dispatch({
+        type: SHOW_COUPON_FIELD,
+        payload: true
+      });
+    } else if (couponCode) {
+      dispatch({
+        type: UPDATE_COUPON_CODE,
+        payload: couponCode
+      });
+      dispatch({
+        type: SHOW_COUPON_FIELD,
+        payload: true
+      });
     }
 
     dispatch({
@@ -18408,6 +18545,7 @@ const initialState$e = {
   postalCodeError: "",
   states: [],
   countries: [],
+  isDefault: false,
   alert: {
     type: "error",
     content: ""
@@ -18490,7 +18628,8 @@ const AddressCreateContainer = ({
     city,
     state,
     country,
-    postalCode
+    postalCode,
+    isDefault
   }, dispatch) => {
     window.Pelcro.address.create({
       auth_token: window.Pelcro.user.read().auth_token,
@@ -18501,7 +18640,8 @@ const AddressCreateContainer = ({
       city: city,
       state: state,
       country: country,
-      postal_code: postalCode
+      postal_code: postalCode,
+      is_default: isDefault
     }, (err, res) => {
       if (err) {
         dispatch({
@@ -18628,6 +18768,11 @@ const AddressCreateContainer = ({
           ...action.payload
         });
 
+      case HANDLE_CHECKBOX_CHANGE:
+        return lib_7({ ...state,
+          ...action.payload
+        });
+
       case VALIDATE_FIELD:
         return lib_7({ ...state,
           [`${action.payload}Error`]: state[action.payload] ? "" : t("labels.required")
@@ -19128,6 +19273,27 @@ const AddressCreateStateSelect = props => /*#__PURE__*/React__default.createElem
   store: store$e
 }, props));
 
+const AddressCreateSetDefault = props => {
+  const {
+    dispatch,
+    state
+  } = useContext(store$e);
+
+  const handleCheckboxChange = e => {
+    dispatch({
+      type: HANDLE_CHECKBOX_CHANGE,
+      payload: {
+        isDefault: e.target.checked
+      }
+    });
+  };
+
+  return /*#__PURE__*/React__default.createElement(Checkbox, {
+    onChange: e => handleCheckboxChange(e),
+    id: props.id
+  }, props.label);
+};
+
 const AddressCreateView = props => {
   const {
     t
@@ -19183,6 +19349,11 @@ const AddressCreateView = props => {
     id: "pelcro-input-state",
     errorId: "pelcro-input-state-error",
     required: true
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
+  }, /*#__PURE__*/React__default.createElement(AddressCreateSetDefault, {
+    id: "pelcro-input-is-default",
+    label: t("labels.isDefault")
   })), /*#__PURE__*/React__default.createElement("p", {
     className: "plc-text-gray-900 pelcro-footnote"
   }, "* ", t("labels.required")), /*#__PURE__*/React__default.createElement(AddressCreateSubmit, {
@@ -19269,6 +19440,7 @@ const initialState$d = {
   postalCodeError: "",
   states: [],
   countries: [],
+  isDefault: false,
   alert: {
     type: "error",
     content: ""
@@ -19337,7 +19509,8 @@ const AddressUpdateContainer = ({
           city: thisAddress.city,
           state: thisAddress.state,
           country: thisAddress.country,
-          postalCode: thisAddress.postal_code
+          postalCode: thisAddress.postal_code,
+          isDefault: thisAddress.is_default
         };
         dispatch({
           type: SET_TEXT_FIELD,
@@ -19355,7 +19528,8 @@ const AddressUpdateContainer = ({
     city,
     state,
     country,
-    postalCode
+    postalCode,
+    isDefault
   }, dispatch) => {
     window.Pelcro.address.update({
       address_id: addressId,
@@ -19367,7 +19541,8 @@ const AddressUpdateContainer = ({
       city: city,
       state: state,
       country: country,
-      postal_code: postalCode
+      postal_code: postalCode,
+      is_default: isDefault
     }, (err, res) => {
       dispatch({
         type: LOADING,
@@ -19434,6 +19609,11 @@ const AddressUpdateContainer = ({
           ...action.payload
         });
 
+      case HANDLE_CHECKBOX_CHANGE:
+        return lib_7({ ...state,
+          ...action.payload
+        });
+
       case VALIDATE_FIELD:
         return lib_7({ ...state,
           [`${action.payload}Error`]: state[action.payload] ? "" : t("labels.required")
@@ -19763,6 +19943,30 @@ const AddressUpdateStateSelect = props => /*#__PURE__*/React__default.createElem
   store: store$d
 }, props));
 
+function AddressUpdateSetDefault(props) {
+  const {
+    dispatch,
+    state: {
+      isDefault
+    }
+  } = useContext(store$d);
+
+  const handleCheckboxChange = e => {
+    dispatch({
+      type: HANDLE_CHECKBOX_CHANGE,
+      payload: {
+        isDefault: e.target.checked
+      }
+    });
+  };
+
+  return /*#__PURE__*/React__default.createElement(Checkbox, {
+    onChange: e => handleCheckboxChange(e),
+    id: props.id,
+    checked: isDefault
+  }, props.label);
+}
+
 const AddressUpdateView = props => {
   const {
     t
@@ -19818,6 +20022,11 @@ const AddressUpdateView = props => {
     errorId: "pelcro-input-state-error",
     label: t("labels.region"),
     required: true
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "plc-flex plc-space-x-3 plc-items-start plc-mb-3"
+  }, /*#__PURE__*/React__default.createElement(AddressUpdateSetDefault, {
+    id: "pelcro-input-is-default",
+    label: t("labels.isDefault")
   })), /*#__PURE__*/React__default.createElement("p", {
     className: "plc-text-gray-900 pelcro-footnote"
   }, "* ", t("labels.required")), /*#__PURE__*/React__default.createElement(AddressUpdateSubmit, {
@@ -22071,7 +22280,7 @@ const AddressSelectContainer = ({
       selectedAddressId
     });
 
-    if (selectedMembership.id) {
+    if (selectedMembership) {
       dispatch({
         type: LOADING,
         payload: true
@@ -25079,7 +25288,13 @@ class Dashboard extends Component {
           className: "plc-font-semibold plc-text-gray-600"
         }, address.city, ", ", address.country), " ", /*#__PURE__*/React__default.createElement("span", {
           title: address.line1
-        }, address.line1)), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Button, {
+        }, address.line1), /*#__PURE__*/React__default.createElement("div", {
+          className: "plc-flex plc-mb-2 plc-mt-1"
+        }, /*#__PURE__*/React__default.createElement("span", {
+          className: "plc-rounded-full plc-bg-gray-200 plc-text-black plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-capitalize"
+        }, address.type), address.is_default && /*#__PURE__*/React__default.createElement("span", {
+          className: "plc-rounded-full plc-bg-gray-800 plc-text-white plc-inline-flex plc-items-start plc-py-1 plc-px-4 plc-text-sm plc-ml-2"
+        }, this.locale("labels.default")))), /*#__PURE__*/React__default.createElement("td", null, /*#__PURE__*/React__default.createElement(Button, {
           variant: "icon",
           className: "plc-text-gray-500",
           icon: /*#__PURE__*/React__default.createElement(SvgEdit, null),

package/dist/pelcro.css

@@ -1785,6 +1785,11 @@ in order to scope selectors under pelcro-root
   background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
 }
 
+.pelcro-root .plc-bg-gray-200 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
+}
+
 .pelcro-root .plc-bg-gray-300 {
   --tw-bg-opacity: 1;
   background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
@@ -2398,6 +2403,11 @@ in order to scope selectors under pelcro-root
   padding: 1.25rem;
 }
 
+.pelcro-root .plc-py-1 {
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
 .pelcro-root .plc-px-1 {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
@@ -2676,6 +2686,11 @@ in order to scope selectors under pelcro-root
   color: hsl(var(--plc-primary-hue), var(--plc-primary-saturation), calc(var(--plc-primary-lightness) - 10%));
 }
 
+.pelcro-root .plc-text-black {
+  --tw-text-opacity: 1;
+  color: rgba(0, 0, 0, var(--tw-text-opacity));
+}
+
 .pelcro-root .plc-text-white {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pelcro/react-pelcro-js",
   "description": "Pelcro's React UI Elements",
-  "version": "3.4.1-beta.3",
+  "version": "3.5.0-beta.1",
   "license": "MIT",
   "private": false,
   "main": "dist/index.cjs.js",